adtec-core-package 1.2.2 → 1.2.4

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 (146) hide show
  1. package/.editorconfig +6 -6
  2. package/.prettierrc.json +7 -7
  3. package/.vscode/extensions.json +8 -8
  4. package/README.md +39 -39
  5. package/adtec-core-package/adtec-core-package.css +1 -0
  6. package/adtec-core-package/adtec-core-package.js +41605 -0
  7. package/adtec-core-package/adtec-core-package.umd.cjs +79 -0
  8. package/adtec-core-package/favicon.ico +0 -0
  9. package/env.d.ts +1 -1
  10. package/eslint.config.js +56 -56
  11. package/index.html +13 -13
  12. package/package.json +1 -1
  13. package/src/App.vue +9 -9
  14. package/src/assets/base.css +86 -86
  15. package/src/assets/logo.svg +1 -1
  16. package/src/assets/main.css +35 -35
  17. package/src/assets/style/transition.scss +49 -49
  18. package/src/components/Table/ElTableColumnEdit.vue +1 -1
  19. package/src/components/icon/ElIcons.vue +38 -38
  20. package/src/css/elementUI/affix.scss +7 -7
  21. package/src/css/elementUI/alert.scss +115 -115
  22. package/src/css/elementUI/anchor-link.scss +41 -41
  23. package/src/css/elementUI/anchor.scss +88 -88
  24. package/src/css/elementUI/aside.scss +8 -8
  25. package/src/css/elementUI/avatar.scss +55 -55
  26. package/src/css/elementUI/backtop.scss +29 -29
  27. package/src/css/elementUI/badge.scss +58 -58
  28. package/src/css/elementUI/base.scss +3 -3
  29. package/src/css/elementUI/breadcrumb.scss +62 -62
  30. package/src/css/elementUI/button-group.scss +80 -80
  31. package/src/css/elementUI/button.scss +304 -304
  32. package/src/css/elementUI/calendar.scss +80 -80
  33. package/src/css/elementUI/card.scss +45 -45
  34. package/src/css/elementUI/carousel-item.scss +58 -58
  35. package/src/css/elementUI/carousel.scss +188 -188
  36. package/src/css/elementUI/cascader-panel.scss +138 -138
  37. package/src/css/elementUI/cascader.scss +230 -230
  38. package/src/css/elementUI/check-tag.scss +60 -60
  39. package/src/css/elementUI/checkbox-button.scss +140 -140
  40. package/src/css/elementUI/checkbox-group.scss +7 -7
  41. package/src/css/elementUI/checkbox.scss +298 -298
  42. package/src/css/elementUI/col.scss +48 -48
  43. package/src/css/elementUI/collapse.scss +70 -70
  44. package/src/css/elementUI/color/index.scss +20 -20
  45. package/src/css/elementUI/color-picker.scss +392 -392
  46. package/src/css/elementUI/common/popup.scss +47 -47
  47. package/src/css/elementUI/common/transition.scss +122 -122
  48. package/src/css/elementUI/container.scss +14 -14
  49. package/src/css/elementUI/dark/css-vars.scss +39 -39
  50. package/src/css/elementUI/dark/var.scss +222 -222
  51. package/src/css/elementUI/date-picker/date-picker.scss +110 -110
  52. package/src/css/elementUI/date-picker/date-range-picker.scss +113 -113
  53. package/src/css/elementUI/date-picker/date-table.scss +158 -158
  54. package/src/css/elementUI/date-picker/month-table.scss +112 -112
  55. package/src/css/elementUI/date-picker/picker-panel.scss +131 -131
  56. package/src/css/elementUI/date-picker/time-picker.scss +90 -90
  57. package/src/css/elementUI/date-picker/time-range-picker.scss +33 -33
  58. package/src/css/elementUI/date-picker/time-spinner.scss +111 -111
  59. package/src/css/elementUI/date-picker/year-table.scss +108 -108
  60. package/src/css/elementUI/date-picker.scss +9 -9
  61. package/src/css/elementUI/descriptions-item.scss +73 -73
  62. package/src/css/elementUI/dialog.scss +199 -199
  63. package/src/css/elementUI/display.scss +12 -12
  64. package/src/css/elementUI/divider.scss +48 -48
  65. package/src/css/elementUI/dropdown.scss +208 -208
  66. package/src/css/elementUI/empty.scss +49 -49
  67. package/src/css/elementUI/footer.scss +12 -12
  68. package/src/css/elementUI/form.scss +243 -243
  69. package/src/css/elementUI/header.scss +12 -12
  70. package/src/css/elementUI/icon.scss +45 -45
  71. package/src/css/elementUI/image-viewer.scss +139 -139
  72. package/src/css/elementUI/image.scss +49 -49
  73. package/src/css/elementUI/index.scss +110 -110
  74. package/src/css/elementUI/input-number.scss +178 -178
  75. package/src/css/elementUI/input.scss +478 -478
  76. package/src/css/elementUI/link.scss +90 -90
  77. package/src/css/elementUI/loading.scss +104 -104
  78. package/src/css/elementUI/main.scss +14 -14
  79. package/src/css/elementUI/mention.scss +88 -88
  80. package/src/css/elementUI/menu.scss +339 -339
  81. package/src/css/elementUI/message-box.scss +213 -213
  82. package/src/css/elementUI/message.scss +98 -98
  83. package/src/css/elementUI/mixins/_button.scss +165 -165
  84. package/src/css/elementUI/mixins/_col.scss +33 -33
  85. package/src/css/elementUI/mixins/_var.scss +67 -67
  86. package/src/css/elementUI/mixins/config.scss +5 -5
  87. package/src/css/elementUI/mixins/function.scss +88 -88
  88. package/src/css/elementUI/mixins/mixins.scss +237 -237
  89. package/src/css/elementUI/mixins/utils.scss +39 -39
  90. package/src/css/elementUI/notification.scss +104 -104
  91. package/src/css/elementUI/option-group.scss +33 -33
  92. package/src/css/elementUI/option.scss +71 -71
  93. package/src/css/elementUI/overlay.scss +17 -17
  94. package/src/css/elementUI/page-header.scss +60 -60
  95. package/src/css/elementUI/pagination.scss +238 -238
  96. package/src/css/elementUI/popconfirm.scss +16 -16
  97. package/src/css/elementUI/popover.scss +61 -61
  98. package/src/css/elementUI/popper.scss +106 -106
  99. package/src/css/elementUI/progress.scss +179 -179
  100. package/src/css/elementUI/radio-button.scss +169 -169
  101. package/src/css/elementUI/radio-group.scss +9 -9
  102. package/src/css/elementUI/radio.scss +215 -215
  103. package/src/css/elementUI/rate.scss +108 -108
  104. package/src/css/elementUI/reset.scss +98 -98
  105. package/src/css/elementUI/result.scss +57 -57
  106. package/src/css/elementUI/row.scss +35 -35
  107. package/src/css/elementUI/scrollbar.scss +97 -97
  108. package/src/css/elementUI/segmented.scss +183 -183
  109. package/src/css/elementUI/select-dropdown-v2.scss +1 -1
  110. package/src/css/elementUI/select-dropdown.scss +57 -57
  111. package/src/css/elementUI/select-v2.scss +4 -4
  112. package/src/css/elementUI/select.scss +253 -253
  113. package/src/css/elementUI/skeleton-item.scss +83 -83
  114. package/src/css/elementUI/skeleton.scss +44 -44
  115. package/src/css/elementUI/slider.scss +212 -212
  116. package/src/css/elementUI/space.scss +20 -20
  117. package/src/css/elementUI/spinner.scss +43 -43
  118. package/src/css/elementUI/statistic.scss +35 -35
  119. package/src/css/elementUI/step.scss +316 -316
  120. package/src/css/elementUI/steps.scss +21 -21
  121. package/src/css/elementUI/switch.scss +300 -300
  122. package/src/css/elementUI/table-column.scss +98 -98
  123. package/src/css/elementUI/table-v2.scss +236 -236
  124. package/src/css/elementUI/tag.scss +181 -181
  125. package/src/css/elementUI/text.scss +51 -51
  126. package/src/css/elementUI/time-picker.scss +5 -5
  127. package/src/css/elementUI/time-select.scss +37 -37
  128. package/src/css/elementUI/timeline-item.scss +84 -84
  129. package/src/css/elementUI/timeline.scss +46 -46
  130. package/src/css/elementUI/tooltip-v2.scss +95 -95
  131. package/src/css/elementUI/tour.scss +187 -187
  132. package/src/css/elementUI/transfer.scss +203 -203
  133. package/src/css/elementUI/tree-select.scss +41 -41
  134. package/src/css/elementUI/tree.scss +134 -134
  135. package/src/css/elementUI/upload.scss +654 -654
  136. package/src/css/elementUI/var.scss +87 -87
  137. package/src/css/elementUI/virtual-list.scss +40 -40
  138. package/src/interface/enum/FlexEnum.ts +85 -85
  139. package/src/main.ts +14 -14
  140. package/src/router/index.ts +23 -23
  141. package/src/utils/FrameworkUtils.ts +335 -335
  142. package/src/utils/encrypt.ts +10 -10
  143. package/tsconfig.app.json +12 -12
  144. package/tsconfig.json +11 -11
  145. package/tsconfig.node.json +18 -18
  146. package/vite.config.ts +38 -38
Binary file
package/env.d.ts CHANGED
@@ -1 +1 @@
1
- /// <reference types="vite/client" />
1
+ /// <reference types="vite/client" />
package/eslint.config.js CHANGED
@@ -1,56 +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
- ];
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 CHANGED
@@ -1,13 +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>
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,6 +1,6 @@
1
1
  {
2
2
  "name": "adtec-core-package",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "scripts": {
package/src/App.vue CHANGED
@@ -1,9 +1,9 @@
1
- <script setup lang="ts">
2
- </script>
3
-
4
- <template>
5
-
6
- </template>
7
-
8
- <style scoped>
9
- </style>
1
+ <script setup lang="ts">
2
+ </script>
3
+
4
+ <template>
5
+
6
+ </template>
7
+
8
+ <style scoped>
9
+ </style>
@@ -1,86 +1,86 @@
1
- /* color palette from <https://github.com/vuejs/theme> */
2
- :root {
3
- --vt-c-white: #ffffff;
4
- --vt-c-white-soft: #f8f8f8;
5
- --vt-c-white-mute: #f2f2f2;
6
-
7
- --vt-c-black: #181818;
8
- --vt-c-black-soft: #222222;
9
- --vt-c-black-mute: #282828;
10
-
11
- --vt-c-indigo: #2c3e50;
12
-
13
- --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
14
- --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
15
- --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
16
- --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
17
-
18
- --vt-c-text-light-1: var(--vt-c-indigo);
19
- --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
20
- --vt-c-text-dark-1: var(--vt-c-white);
21
- --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
22
- }
23
-
24
- /* semantic color variables for this project */
25
- :root {
26
- --color-background: var(--vt-c-white);
27
- --color-background-soft: var(--vt-c-white-soft);
28
- --color-background-mute: var(--vt-c-white-mute);
29
-
30
- --color-border: var(--vt-c-divider-light-2);
31
- --color-border-hover: var(--vt-c-divider-light-1);
32
-
33
- --color-heading: var(--vt-c-text-light-1);
34
- --color-text: var(--vt-c-text-light-1);
35
-
36
- --section-gap: 160px;
37
- }
38
-
39
- @media (prefers-color-scheme: dark) {
40
- :root {
41
- --color-background: var(--vt-c-black);
42
- --color-background-soft: var(--vt-c-black-soft);
43
- --color-background-mute: var(--vt-c-black-mute);
44
-
45
- --color-border: var(--vt-c-divider-dark-2);
46
- --color-border-hover: var(--vt-c-divider-dark-1);
47
-
48
- --color-heading: var(--vt-c-text-dark-1);
49
- --color-text: var(--vt-c-text-dark-2);
50
- }
51
- }
52
-
53
- *,
54
- *::before,
55
- *::after {
56
- box-sizing: border-box;
57
- margin: 0;
58
- font-weight: normal;
59
- }
60
-
61
- body {
62
- min-height: 100vh;
63
- color: var(--color-text);
64
- background: var(--color-background);
65
- transition:
66
- color 0.5s,
67
- background-color 0.5s;
68
- line-height: 1.6;
69
- font-family:
70
- Inter,
71
- -apple-system,
72
- BlinkMacSystemFont,
73
- 'Segoe UI',
74
- Roboto,
75
- Oxygen,
76
- Ubuntu,
77
- Cantarell,
78
- 'Fira Sans',
79
- 'Droid Sans',
80
- 'Helvetica Neue',
81
- sans-serif;
82
- font-size: 15px;
83
- text-rendering: optimizeLegibility;
84
- -webkit-font-smoothing: antialiased;
85
- -moz-osx-font-smoothing: grayscale;
86
- }
1
+ /* color palette from <https://github.com/vuejs/theme> */
2
+ :root {
3
+ --vt-c-white: #ffffff;
4
+ --vt-c-white-soft: #f8f8f8;
5
+ --vt-c-white-mute: #f2f2f2;
6
+
7
+ --vt-c-black: #181818;
8
+ --vt-c-black-soft: #222222;
9
+ --vt-c-black-mute: #282828;
10
+
11
+ --vt-c-indigo: #2c3e50;
12
+
13
+ --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
14
+ --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
15
+ --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
16
+ --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
17
+
18
+ --vt-c-text-light-1: var(--vt-c-indigo);
19
+ --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
20
+ --vt-c-text-dark-1: var(--vt-c-white);
21
+ --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
22
+ }
23
+
24
+ /* semantic color variables for this project */
25
+ :root {
26
+ --color-background: var(--vt-c-white);
27
+ --color-background-soft: var(--vt-c-white-soft);
28
+ --color-background-mute: var(--vt-c-white-mute);
29
+
30
+ --color-border: var(--vt-c-divider-light-2);
31
+ --color-border-hover: var(--vt-c-divider-light-1);
32
+
33
+ --color-heading: var(--vt-c-text-light-1);
34
+ --color-text: var(--vt-c-text-light-1);
35
+
36
+ --section-gap: 160px;
37
+ }
38
+
39
+ @media (prefers-color-scheme: dark) {
40
+ :root {
41
+ --color-background: var(--vt-c-black);
42
+ --color-background-soft: var(--vt-c-black-soft);
43
+ --color-background-mute: var(--vt-c-black-mute);
44
+
45
+ --color-border: var(--vt-c-divider-dark-2);
46
+ --color-border-hover: var(--vt-c-divider-dark-1);
47
+
48
+ --color-heading: var(--vt-c-text-dark-1);
49
+ --color-text: var(--vt-c-text-dark-2);
50
+ }
51
+ }
52
+
53
+ *,
54
+ *::before,
55
+ *::after {
56
+ box-sizing: border-box;
57
+ margin: 0;
58
+ font-weight: normal;
59
+ }
60
+
61
+ body {
62
+ min-height: 100vh;
63
+ color: var(--color-text);
64
+ background: var(--color-background);
65
+ transition:
66
+ color 0.5s,
67
+ background-color 0.5s;
68
+ line-height: 1.6;
69
+ font-family:
70
+ Inter,
71
+ -apple-system,
72
+ BlinkMacSystemFont,
73
+ 'Segoe UI',
74
+ Roboto,
75
+ Oxygen,
76
+ Ubuntu,
77
+ Cantarell,
78
+ 'Fira Sans',
79
+ 'Droid Sans',
80
+ 'Helvetica Neue',
81
+ sans-serif;
82
+ font-size: 15px;
83
+ text-rendering: optimizeLegibility;
84
+ -webkit-font-smoothing: antialiased;
85
+ -moz-osx-font-smoothing: grayscale;
86
+ }
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
@@ -1,35 +1,35 @@
1
- @import './base.css';
2
-
3
- #app {
4
- max-width: 1280px;
5
- margin: 0 auto;
6
- padding: 2rem;
7
- font-weight: normal;
8
- }
9
-
10
- a,
11
- .green {
12
- text-decoration: none;
13
- color: hsla(160, 100%, 37%, 1);
14
- transition: 0.4s;
15
- padding: 3px;
16
- }
17
-
18
- @media (hover: hover) {
19
- a:hover {
20
- background-color: hsla(160, 100%, 37%, 0.2);
21
- }
22
- }
23
-
24
- @media (min-width: 1024px) {
25
- body {
26
- display: flex;
27
- place-items: center;
28
- }
29
-
30
- #app {
31
- display: grid;
32
- grid-template-columns: 1fr 1fr;
33
- padding: 0 2rem;
34
- }
35
- }
1
+ @import './base.css';
2
+
3
+ #app {
4
+ max-width: 1280px;
5
+ margin: 0 auto;
6
+ padding: 2rem;
7
+ font-weight: normal;
8
+ }
9
+
10
+ a,
11
+ .green {
12
+ text-decoration: none;
13
+ color: hsla(160, 100%, 37%, 1);
14
+ transition: 0.4s;
15
+ padding: 3px;
16
+ }
17
+
18
+ @media (hover: hover) {
19
+ a:hover {
20
+ background-color: hsla(160, 100%, 37%, 0.2);
21
+ }
22
+ }
23
+
24
+ @media (min-width: 1024px) {
25
+ body {
26
+ display: flex;
27
+ place-items: center;
28
+ }
29
+
30
+ #app {
31
+ display: grid;
32
+ grid-template-columns: 1fr 1fr;
33
+ padding: 0 2rem;
34
+ }
35
+ }
@@ -1,49 +1,49 @@
1
- // global transition css
2
-
3
- /* fade */
4
- .fade-enter-active,
5
- .fade-leave-active {
6
- transition: opacity 0.28s;
7
- }
8
-
9
- .fade-enter,
10
- .fade-leave-active {
11
- opacity: 0;
12
- }
13
-
14
- /* fade-transform */
15
- .fade-transform--move,
16
- .fade-transform-leave-active,
17
- .fade-transform-enter-active {
18
- transition: all 0.5s;
19
- }
20
-
21
- .fade-transform-enter {
22
- opacity: 0;
23
- transform: translateX(-30px);
24
- }
25
-
26
- .fade-transform-leave-to {
27
- opacity: 0;
28
- transform: translateX(30px);
29
- }
30
-
31
- /* breadcrumb transition */
32
- .breadcrumb-enter-active,
33
- .breadcrumb-leave-active {
34
- transition: all 0.5s;
35
- }
36
-
37
- .breadcrumb-enter,
38
- .breadcrumb-leave-active {
39
- opacity: 0;
40
- transform: translateX(20px);
41
- }
42
-
43
- .breadcrumb-move {
44
- transition: all 0.5s;
45
- }
46
-
47
- .breadcrumb-leave-active {
48
- position: absolute;
49
- }
1
+ // global transition css
2
+
3
+ /* fade */
4
+ .fade-enter-active,
5
+ .fade-leave-active {
6
+ transition: opacity 0.28s;
7
+ }
8
+
9
+ .fade-enter,
10
+ .fade-leave-active {
11
+ opacity: 0;
12
+ }
13
+
14
+ /* fade-transform */
15
+ .fade-transform--move,
16
+ .fade-transform-leave-active,
17
+ .fade-transform-enter-active {
18
+ transition: all 0.5s;
19
+ }
20
+
21
+ .fade-transform-enter {
22
+ opacity: 0;
23
+ transform: translateX(-30px);
24
+ }
25
+
26
+ .fade-transform-leave-to {
27
+ opacity: 0;
28
+ transform: translateX(30px);
29
+ }
30
+
31
+ /* breadcrumb transition */
32
+ .breadcrumb-enter-active,
33
+ .breadcrumb-leave-active {
34
+ transition: all 0.5s;
35
+ }
36
+
37
+ .breadcrumb-enter,
38
+ .breadcrumb-leave-active {
39
+ opacity: 0;
40
+ transform: translateX(20px);
41
+ }
42
+
43
+ .breadcrumb-move {
44
+ transition: all 0.5s;
45
+ }
46
+
47
+ .breadcrumb-leave-active {
48
+ position: absolute;
49
+ }
@@ -5,7 +5,7 @@
5
5
  <template>
6
6
  <div
7
7
  @click.stop.prevent="displayClick"
8
- style="width: 100%; min-height: 35px;cursor: pointer"
8
+ style="width: 100%; min-height: 35px;cursor: pointer;display: flex;align-items: center;"
9
9
  ref="ref_divView"
10
10
  :id="guid"
11
11
  :class="getClass" >
@@ -1,38 +1,38 @@
1
- <!--创建人 丁盼-->
2
- <!--说明: ElIcons-->
3
- <!--创建时间: 2024/10/18 上午11:47-->
4
- <!--修改时间: 2024/10/18 上午11:47-->
5
- <template>
6
- <!-- <span v-if="selcomp" class="adtec" :class="iconName"></span>-->
7
- <el-icon>
8
- <svg v-if="selcomp" class="icon" aria-hidden="true">
9
- <use :href="'#' + iconName"></use>
10
- </svg>
11
- <component v-else :is="iconName"></component>
12
- </el-icon>
13
- </template>
14
- <script setup lang="ts">
15
- import { computed } from 'vue'
16
- import { useVModel } from '@vueuse/core'
17
- const props = defineProps({
18
- modelValue: String,
19
- })
20
- const emit = defineEmits(['update:modelValue'])
21
- const iconName = useVModel(props, 'modelValue', emit)
22
- const selcomp = computed(() => {
23
- if (iconName.value?.includes('adtec')) {
24
- return true
25
- } else {
26
- return false
27
- }
28
- })
29
- </script>
30
- <style scoped lang="scss">
31
- .icon {
32
- width: 1em;
33
- height: 1em;
34
- vertical-align: -0.15em;
35
- fill: currentColor;
36
- overflow: hidden;
37
- }
38
- </style>
1
+ <!--创建人 丁盼-->
2
+ <!--说明: ElIcons-->
3
+ <!--创建时间: 2024/10/18 上午11:47-->
4
+ <!--修改时间: 2024/10/18 上午11:47-->
5
+ <template>
6
+ <!-- <span v-if="selcomp" class="adtec" :class="iconName"></span>-->
7
+ <el-icon>
8
+ <svg v-if="selcomp" class="icon" aria-hidden="true">
9
+ <use :href="'#' + iconName"></use>
10
+ </svg>
11
+ <component v-else :is="iconName"></component>
12
+ </el-icon>
13
+ </template>
14
+ <script setup lang="ts">
15
+ import { computed } from 'vue'
16
+ import { useVModel } from '@vueuse/core'
17
+ const props = defineProps({
18
+ modelValue: String,
19
+ })
20
+ const emit = defineEmits(['update:modelValue'])
21
+ const iconName = useVModel(props, 'modelValue', emit)
22
+ const selcomp = computed(() => {
23
+ if (iconName.value?.includes('adtec')) {
24
+ return true
25
+ } else {
26
+ return false
27
+ }
28
+ })
29
+ </script>
30
+ <style scoped lang="scss">
31
+ .icon {
32
+ width: 1em;
33
+ height: 1em;
34
+ vertical-align: -0.15em;
35
+ fill: currentColor;
36
+ overflow: hidden;
37
+ }
38
+ </style>
@@ -1,7 +1,7 @@
1
- @use 'mixins/mixins' as *;
2
-
3
- @include b(affix) {
4
- @include m(fixed) {
5
- position: fixed;
6
- }
7
- }
1
+ @use 'mixins/mixins' as *;
2
+
3
+ @include b(affix) {
4
+ @include m(fixed) {
5
+ position: fixed;
6
+ }
7
+ }