adtec-core-package 1.2.4 → 1.2.6

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 (190) hide show
  1. package/README.en.md +36 -36
  2. package/eslint.config.js +11 -21
  3. package/package.json +66 -64
  4. package/src/api/BasicApi.ts +26 -26
  5. package/src/api/DeptInfoApi.ts +19 -19
  6. package/src/api/DocumentApi.ts +27 -27
  7. package/src/api/EmployeeInfoApi.ts +17 -17
  8. package/src/api/SysDictCacheApi.ts +29 -29
  9. package/src/api/SysUserApi.ts +35 -35
  10. package/src/api/framework.ts +12 -12
  11. package/src/api/workflow/workflow.ts +31 -31
  12. package/src/api/workflow/workflowInstApi.ts +72 -72
  13. package/src/assets/style/ant.scss +19 -19
  14. package/src/assets/style/index.less +180 -180
  15. package/src/components/ElFlex/ElFlex.vue +297 -297
  16. package/src/components/ElTotalTools.vue +70 -70
  17. package/src/components/OperationAuth/operationAuth.vue +26 -26
  18. package/src/components/RichTextEditor/RichTextEditor.vue +144 -144
  19. package/src/components/Scrollbars/ElScrollbars.vue +21 -21
  20. package/src/components/Search/ElIconSearch.vue +267 -267
  21. package/src/components/Search/ElSearch.vue +154 -154
  22. package/src/components/SelectInDicators/SelectInDicators.vue +225 -225
  23. package/src/components/SelectInDicators/api/DataIndicatorsApi.ts +28 -28
  24. package/src/components/SelectInDicators/interface/IComIndex.ts +26 -26
  25. package/src/components/SelectInDicators/interface/IComIndexAttri.ts +18 -18
  26. package/src/components/Table/ElTableColumnDynamic.vue +25 -25
  27. package/src/components/Table/ElTableColumnEdit.vue +264 -263
  28. package/src/components/Table/ElTableTool.ts +37 -37
  29. package/src/components/Title/ElTitle.vue +53 -53
  30. package/src/components/autoToolTip/ElAutoToolTip.vue +62 -62
  31. package/src/components/baseEcharts/index.vue +48 -48
  32. package/src/components/bpmntree/api/modules/role.ts +31 -31
  33. package/src/components/bpmntree/api/modules/user.ts +17 -17
  34. package/src/components/bpmntree/components/AdvancedFilter/Operator.vue +112 -112
  35. package/src/components/bpmntree/components/AdvancedFilter/Trigger.vue +23 -23
  36. package/src/components/bpmntree/components/AdvancedFilter/index.vue +230 -230
  37. package/src/components/bpmntree/components/AdvancedFilter/type.ts +20 -20
  38. package/src/components/bpmntree/components/FlowIcon/index.scss +7 -7
  39. package/src/components/bpmntree/components/FlowIcon/index.tsx +68 -68
  40. package/src/components/bpmntree/components/Render/render.vue +90 -90
  41. package/src/components/bpmntree/components/Render/type.ts +12 -12
  42. package/src/components/bpmntree/components/RoleSelector/RolePicker.vue +264 -264
  43. package/src/components/bpmntree/components/RoleSelector/RoleTag.vue +48 -48
  44. package/src/components/bpmntree/components/RoleSelector/index.vue +113 -113
  45. package/src/components/bpmntree/components/UserSelector/UserTag.vue +73 -73
  46. package/src/components/bpmntree/components/UserSelector/index.vue +140 -140
  47. package/src/components/bpmntree/hooks/useDraggableScroll.ts +44 -44
  48. package/src/components/bpmntree/typings/index.d.ts +1 -1
  49. package/src/components/bpmntree/views/flowDesign/index.vue +652 -652
  50. package/src/components/bpmntree/views/flowDesign/nodes/Add.vue +184 -184
  51. package/src/components/bpmntree/views/flowDesign/nodes/ApprovalNode.vue +127 -127
  52. package/src/components/bpmntree/views/flowDesign/nodes/CcNode.vue +93 -93
  53. package/src/components/bpmntree/views/flowDesign/nodes/ConcurrentNode.vue +61 -61
  54. package/src/components/bpmntree/views/flowDesign/nodes/ConditionNode.vue +59 -59
  55. package/src/components/bpmntree/views/flowDesign/nodes/EndNode.vue +80 -80
  56. package/src/components/bpmntree/views/flowDesign/nodes/ExclusiveNode.vue +20 -20
  57. package/src/components/bpmntree/views/flowDesign/nodes/GatewayNode.vue +173 -173
  58. package/src/components/bpmntree/views/flowDesign/nodes/InclusiveNode.vue +20 -20
  59. package/src/components/bpmntree/views/flowDesign/nodes/JumpNode.vue +49 -49
  60. package/src/components/bpmntree/views/flowDesign/nodes/Node.vue +346 -346
  61. package/src/components/bpmntree/views/flowDesign/nodes/NotifyNode.vue +115 -115
  62. package/src/components/bpmntree/views/flowDesign/nodes/ParallelNode.vue +20 -20
  63. package/src/components/bpmntree/views/flowDesign/nodes/PopoverView.vue +78 -78
  64. package/src/components/bpmntree/views/flowDesign/nodes/StartNode.vue +84 -84
  65. package/src/components/bpmntree/views/flowDesign/nodes/TimerNode.vue +50 -50
  66. package/src/components/bpmntree/views/flowDesign/nodes/TreeNode.vue +45 -45
  67. package/src/components/bpmntree/views/flowDesign/nodes/type.ts +192 -192
  68. package/src/components/bpmntree/views/flowDesign/panels/ApprovalPanel.vue +516 -516
  69. package/src/components/bpmntree/views/flowDesign/panels/AssigneePanel.vue +120 -120
  70. package/src/components/bpmntree/views/flowDesign/panels/CcPanel.vue +99 -99
  71. package/src/components/bpmntree/views/flowDesign/panels/ConditionPanel.vue +41 -41
  72. package/src/components/bpmntree/views/flowDesign/panels/EndPanel.vue +18 -18
  73. package/src/components/bpmntree/views/flowDesign/panels/ExecutionListeners.vue +110 -110
  74. package/src/components/bpmntree/views/flowDesign/panels/JumpPanel.vue +32 -32
  75. package/src/components/bpmntree/views/flowDesign/panels/NotifyPanel.vue +101 -101
  76. package/src/components/bpmntree/views/flowDesign/panels/ParaPanel.vue +248 -248
  77. package/src/components/bpmntree/views/flowDesign/panels/StartPanel.vue +159 -159
  78. package/src/components/bpmntree/views/flowDesign/panels/TaskListeners.vue +110 -110
  79. package/src/components/bpmntree/views/flowDesign/panels/TimerPanel.vue +51 -51
  80. package/src/components/bpmntree/views/flowDesign/panels/index.vue +85 -85
  81. package/src/components/bpmntree/views/view.index.vue +291 -291
  82. package/src/components/business/comp.userForm.vue +292 -286
  83. package/src/components/business/userSelect.vue +413 -413
  84. package/src/components/icon/ElIconBtn.vue +210 -210
  85. package/src/components/upload/ElUploads.vue +285 -285
  86. package/src/components/upload/FileView.vue +159 -159
  87. package/src/components/upload/FileViewComponents.vue +56 -56
  88. package/src/components/workflow/TaskOperation.vue +212 -212
  89. package/src/components/workflow/WorkflowTodoDialog.vue +81 -81
  90. package/src/components/workflow/components/AddOrMinusMultiDialog.vue +159 -159
  91. package/src/components/workflow/components/CheckDialog.vue +315 -316
  92. package/src/components/workflow/components/ProcessDetailComp.vue +133 -133
  93. package/src/components/workflow/components/ProcessDetailDialog.vue +129 -129
  94. package/src/components/workflow/components/ProcessInstance.vue +117 -117
  95. package/src/components/workflow/components/ProcessInstanceStep.vue +226 -226
  96. package/src/components/workflow/components/SelectAssigneeDialog.vue +109 -109
  97. package/src/components/workflow/components/SelectReturnActivityDialog.vue +104 -104
  98. package/src/config/ElementPlusConfig.ts +95 -95
  99. package/src/config/VxeTableConfig.ts +35 -0
  100. package/src/css/elementUI/autocomplete.scss +89 -89
  101. package/src/css/elementUI/common/var.scss +1549 -1549
  102. package/src/css/elementUI/date-picker/picker.scss +219 -219
  103. package/src/css/elementUI/descriptions.scss +152 -152
  104. package/src/css/elementUI/drawer.scss +164 -164
  105. package/src/css/elementUI/table.scss +694 -694
  106. package/src/css/elementUI/tabs.scss +659 -659
  107. package/src/css/vxeTableUI/all.scss +7 -0
  108. package/src/css/vxeTableUI/base.scss +16 -0
  109. package/src/css/vxeTableUI/components/colgroup.scss +0 -0
  110. package/src/css/vxeTableUI/components/column.scss +0 -0
  111. package/src/css/vxeTableUI/components/grid.scss +83 -0
  112. package/src/css/vxeTableUI/components/icon.scss +205 -0
  113. package/src/css/vxeTableUI/components/old-icon.scss +715 -0
  114. package/src/css/vxeTableUI/components/table-module/all.scss +7 -0
  115. package/src/css/vxeTableUI/components/table-module/custom.scss +491 -0
  116. package/src/css/vxeTableUI/components/table-module/edit.scss +0 -0
  117. package/src/css/vxeTableUI/components/table-module/export.scss +130 -0
  118. package/src/css/vxeTableUI/components/table-module/filter.scss +128 -0
  119. package/src/css/vxeTableUI/components/table-module/keyboard.scss +0 -0
  120. package/src/css/vxeTableUI/components/table-module/menu.scss +86 -0
  121. package/src/css/vxeTableUI/components/table-module/validator.scss +0 -0
  122. package/src/css/vxeTableUI/components/table.scss +2242 -0
  123. package/src/css/vxeTableUI/components/toolbar.scss +100 -0
  124. package/src/css/vxeTableUI/components/ui.scss +0 -0
  125. package/src/css/vxeTableUI/components/v-x-e-table.scss +0 -0
  126. package/src/css/vxeTableUI/cssvar.scss +3 -0
  127. package/src/css/vxeTableUI/default.scss +3 -0
  128. package/src/css/vxeTableUI/helpers/baseMixin.scss +82 -0
  129. package/src/css/vxeTableUI/icon/iconfont.ttf +0 -0
  130. package/src/css/vxeTableUI/icon/iconfont.woff +0 -0
  131. package/src/css/vxeTableUI/icon/iconfont.woff2 +0 -0
  132. package/src/css/vxeTableUI/index.scss +4 -0
  133. package/src/css/vxeTableUI/modules.scss +5 -0
  134. package/src/css/vxeTableUI/theme/base.scss +89 -0
  135. package/src/css/vxeTableUI/theme/dark.scss +46 -0
  136. package/src/css/vxeTableUI/theme/light.scss +42 -0
  137. package/src/css/vxeTableUI/variable.scss +41 -0
  138. package/src/directives/vKeydown.ts +91 -91
  139. package/src/hooks/useDictHooks.ts +119 -119
  140. package/src/hooks/useEcharts.ts +58 -58
  141. package/src/hooks/useFileView.ts +34 -11
  142. package/src/hooks/useMessageHooks.ts +132 -132
  143. package/src/hooks/usePermissionToolHooks.ts +21 -21
  144. package/src/hooks/useResetRefHooks.ts +18 -18
  145. package/src/hooks/userWorkflowHooks.ts +92 -92
  146. package/src/interface/BaseEntity.ts +30 -30
  147. package/src/interface/IMdmDept.ts +84 -84
  148. package/src/interface/IMdmEmployee.ts +134 -134
  149. package/src/interface/IMdmEmployeeQuery.ts +20 -19
  150. package/src/interface/IMdmOrg.ts +29 -29
  151. package/src/interface/IMdmOrgQuery.ts +13 -13
  152. package/src/interface/IOrgDeptInfo.ts +12 -12
  153. package/src/interface/ISysDictDataCacheVo.ts +46 -46
  154. package/src/interface/ISysDictType.ts +37 -37
  155. package/src/interface/ISysMenuDataVo.ts +22 -22
  156. package/src/interface/ISysMenuInfoVo.ts +83 -83
  157. package/src/interface/ISysMenuOperationVo.ts +21 -21
  158. package/src/interface/ISysUploadFiles.ts +16 -16
  159. package/src/interface/ISysUserInfo.ts +70 -70
  160. package/src/interface/IUserPermissionVo.ts +34 -34
  161. package/src/interface/Message.ts +73 -73
  162. package/src/interface/PageData.ts +17 -17
  163. package/src/interface/ResponseData.ts +16 -16
  164. package/src/interface/dictMapType.ts +11 -11
  165. package/src/interface/enum/MessageEnum.ts +41 -41
  166. package/src/interface/workflow/IWfProcessDefVo.ts +14 -14
  167. package/src/interface/workflow/IWfReturnNodeVo.ts +15 -16
  168. package/src/interface/workflow/IWfTaskAskVo.ts +61 -65
  169. package/src/interface/workflow/IWfTaskQueryVo.ts +30 -30
  170. package/src/interface/workflow/IWfTaskUsersVo.ts +21 -21
  171. package/src/interface/workflow/IWfTaskVo.ts +187 -187
  172. package/src/interface/workflow/workflow.ts +22 -22
  173. package/src/mixin/globalMixin.ts +45 -45
  174. package/src/packages/index.ts +18 -18
  175. package/src/packages/text.vue +13 -13
  176. package/src/plugins/echartsConfig.ts +73 -73
  177. package/src/plugins/plugins.ts +12 -12
  178. package/src/plugins/renderDialog.ts +74 -74
  179. package/src/stores/dictStore.ts +51 -51
  180. package/src/stores/messageStore.ts +49 -49
  181. package/src/stores/permissionStore.ts +108 -108
  182. package/src/stores/storeConfig.ts +23 -23
  183. package/src/stores/userInfoStore.ts +31 -31
  184. package/src/utils/AxiosConfig.ts +219 -219
  185. package/src/utils/modules.ts +8 -8
  186. package/src/utils/request.ts +76 -76
  187. package/adtec-core-package/adtec-core-package.css +0 -1
  188. package/adtec-core-package/adtec-core-package.js +0 -41605
  189. package/adtec-core-package/adtec-core-package.umd.cjs +0 -79
  190. package/adtec-core-package/favicon.ico +0 -0
@@ -1,70 +1,70 @@
1
- <!--创建人 丁盼-->
2
- <!--说明: ElTotalTools 合计工具条-->
3
- <!--创建时间: 2025/4/1 20:13-->
4
- <!--修改时间: 2025/4/1 20:13-->
5
- <template>
6
- <el-flex height="32px">
7
- <span
8
- style="
9
- width: 32px;
10
- background: var(--el-color-primary);
11
- height: 32px;
12
- color: rgb(255, 255, 255);
13
- border-radius: 5px;
14
- cursor: pointer;
15
- text-align: center;
16
- vertical-align: middle; /* display: flex; */
17
- line-height: 32px;
18
- font-size: 14px;
19
- font-weight: bold;
20
- "
21
- >1</span
22
- >
23
- <el-text style="margin-left: 16px">共&nbsp{{ computedModel }}&nbsp条</el-text>
24
- </el-flex>
25
- </template>
26
- <script setup lang="ts">
27
- import { computed } from 'vue'
28
-
29
- const props=defineProps({
30
- /**
31
- * @type string
32
- * @default ''
33
- * @description 提示文字
34
- */
35
- children: {
36
- type: String,
37
- default: 'children',
38
- }
39
- })
40
- const model = defineModel()
41
- const computedModel = computed(() => {
42
- let total
43
- if (typeof model.value === 'number') {
44
- total = model.value
45
- } else if (typeof model.value === 'string') {
46
- total = model.value
47
- } else if (Array.isArray(model.value)) {
48
- let t=0
49
- model.value.forEach(item=>{
50
- if(item[props.children]){
51
- t+=getTotal(item[props.children])
52
- }
53
- t++
54
- })
55
- total=t
56
- }
57
- return total
58
- })
59
- const getTotal = (arr:any[]) => {
60
- let t=0
61
- arr.forEach(item => {
62
- if (item[props.children]) {
63
- t+=getTotal(item[props.children])
64
- }
65
- t++
66
- })
67
- return t;
68
- }
69
- </script>
70
- <style scoped lang="scss"></style>
1
+ <!--创建人 丁盼-->
2
+ <!--说明: ElTotalTools 合计工具条-->
3
+ <!--创建时间: 2025/4/1 20:13-->
4
+ <!--修改时间: 2025/4/1 20:13-->
5
+ <template>
6
+ <el-flex height="32px">
7
+ <span
8
+ style="
9
+ width: 32px;
10
+ background: var(--el-color-primary);
11
+ height: 32px;
12
+ color: rgb(255, 255, 255);
13
+ border-radius: 5px;
14
+ cursor: pointer;
15
+ text-align: center;
16
+ vertical-align: middle; /* display: flex; */
17
+ line-height: 32px;
18
+ font-size: 14px;
19
+ font-weight: bold;
20
+ "
21
+ >1</span
22
+ >
23
+ <el-text style="margin-left: 16px">共&nbsp{{ computedModel }}&nbsp条</el-text>
24
+ </el-flex>
25
+ </template>
26
+ <script setup lang="ts">
27
+ import { computed } from 'vue'
28
+
29
+ const props=defineProps({
30
+ /**
31
+ * @type string
32
+ * @default ''
33
+ * @description 提示文字
34
+ */
35
+ children: {
36
+ type: String,
37
+ default: 'children',
38
+ }
39
+ })
40
+ const model = defineModel()
41
+ const computedModel = computed(() => {
42
+ let total
43
+ if (typeof model.value === 'number') {
44
+ total = model.value
45
+ } else if (typeof model.value === 'string') {
46
+ total = model.value
47
+ } else if (Array.isArray(model.value)) {
48
+ let t=0
49
+ model.value.forEach(item=>{
50
+ if(item[props.children]){
51
+ t+=getTotal(item[props.children])
52
+ }
53
+ t++
54
+ })
55
+ total=t
56
+ }
57
+ return total
58
+ })
59
+ const getTotal = (arr:any[]) => {
60
+ let t=0
61
+ arr.forEach(item => {
62
+ if (item[props.children]) {
63
+ t+=getTotal(item[props.children])
64
+ }
65
+ t++
66
+ })
67
+ return t;
68
+ }
69
+ </script>
70
+ <style scoped lang="scss"></style>
@@ -1,26 +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>
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>
@@ -1,144 +1,144 @@
1
- <!--创建人 xux-->
2
- <!--说明: RichTextEditor https://www.wangeditor.com/-->
3
- <!--创建时间: 2025/1/3 下午1:43-->
4
- <!--修改时间: 2025/1/3 下午1:43-->
5
- <template>
6
- <el-flex>
7
- <div
8
- ref="divRef"
9
- :style="{
10
- height: '100%',
11
- width: '100%',
12
- }"
13
- />
14
- </el-flex>
15
- </template>
16
- <script setup lang="ts">
17
- import { AiEditor } from 'aieditor'
18
- import 'aieditor/dist/style.css'
19
- import { onMounted, onUnmounted, ref, watch } from 'vue'
20
-
21
- const divRef = ref()
22
- let aiEditor: AiEditor | null
23
- const props = withDefaults(
24
- defineProps<{
25
- /**
26
- * html 内容
27
- */
28
- // modelValue: string
29
- /**
30
- * 工具栏显示
31
- */
32
- showToolbar?: boolean
33
- /**
34
- * 边框宽度
35
- */
36
- borderWidth?: string
37
- /**
38
- * 编辑器配置 IEditorConfig
39
- */
40
- editorConfig?: any
41
- }>(),
42
- {
43
- // modelValue: '',
44
- showToolbar: true,
45
- borderWidth: '1px',
46
- editorConfig: {},
47
- },
48
- )
49
- const model = defineModel({ type: String })
50
- //默认的配置
51
- const defaultConfig = {
52
- placeholder: '请输入内容...',
53
- draggable: false, // 禁止拖拽
54
- toolbarExcludeKeys: ['eraser', 'strike', 'link', 'code', 'subscript', 'superscript', 'attachment', 'code-block', 'video', 'ai' ],
55
- onChange: (editor: AiEditor) => {
56
- setFooter()
57
- model.value = editor.getHtml()
58
- },
59
- }
60
- watch(
61
- () => model,
62
- () => {
63
- if (model.value !== aiEditor?.getHtml()) {
64
- aiEditor && aiEditor.setContent(model.value || '')
65
- }
66
- },
67
- )
68
- onMounted(() => {
69
- const config = {
70
- element: divRef.value as Element,
71
- content: model,
72
- ...defaultConfig,
73
- ...props.editorConfig,
74
- onCreated: (editor: AiEditor) => {
75
- if (model.value) {
76
- editor.setContent(model.value)
77
- editor.blur()
78
- }
79
- },
80
- }
81
- // 隐藏工具栏
82
- if (!props.showToolbar) {
83
- config.toolbarKeys = []
84
- }
85
- setTimeout(() => {
86
- aiEditor = new AiEditor(config)
87
- setTimeout(() => {
88
- //当隐藏工具栏时,也隐藏 aie-footer/aie-header 元素
89
- if (!props.showToolbar || props.editorConfig?.editable === false) {
90
- const footer = divRef.value?.querySelector('aie-footer') as HTMLElement
91
- if (footer) {
92
- footer.style.display = 'none'
93
- }
94
- const header = divRef.value?.querySelector('aie-header') as HTMLElement
95
- if (header) {
96
- header.style.display = 'none'
97
- }
98
- } else {
99
- setFooter()
100
- }
101
- }, 100)
102
- }, 100)
103
- })
104
-
105
- const setFooter = () => {
106
- const footer = divRef.value?.querySelector('aie-footer') as HTMLElement
107
- if (footer) {
108
- const footerSpan = footer.querySelector('span') as HTMLElement
109
- if (footerSpan && footerSpan.textContent) {
110
- footerSpan.textContent = footerSpan.textContent.replace(
111
- 'Powered by AiEditor, Characters',
112
- '总长',
113
- )
114
- }
115
- }
116
- }
117
-
118
- onUnmounted(() => {
119
- aiEditor && aiEditor.destroy()
120
- })
121
-
122
- defineExpose({
123
- getHtml: () => {
124
- if (aiEditor) {
125
- return aiEditor.getHtml()
126
- } else {
127
- return ''
128
- }
129
- },
130
- setContent: (html: string) => {
131
- if (aiEditor) {
132
- aiEditor.setContent(html)
133
- }
134
- },
135
- })
136
- </script>
137
- <style scoped lang="scss">
138
- :deep {
139
- .aie-container {
140
- border-width: v-bind(borderWidth);
141
- border-color: #dcdfe6;
142
- }
143
- }
144
- </style>
1
+ <!--创建人 xux-->
2
+ <!--说明: RichTextEditor https://www.wangeditor.com/-->
3
+ <!--创建时间: 2025/1/3 下午1:43-->
4
+ <!--修改时间: 2025/1/3 下午1:43-->
5
+ <template>
6
+ <el-flex>
7
+ <div
8
+ ref="divRef"
9
+ :style="{
10
+ height: '100%',
11
+ width: '100%',
12
+ }"
13
+ />
14
+ </el-flex>
15
+ </template>
16
+ <script setup lang="ts">
17
+ import { AiEditor } from 'aieditor'
18
+ import 'aieditor/dist/style.css'
19
+ import { onMounted, onUnmounted, ref, watch } from 'vue'
20
+
21
+ const divRef = ref()
22
+ let aiEditor: AiEditor | null
23
+ const props = withDefaults(
24
+ defineProps<{
25
+ /**
26
+ * html 内容
27
+ */
28
+ // modelValue: string
29
+ /**
30
+ * 工具栏显示
31
+ */
32
+ showToolbar?: boolean
33
+ /**
34
+ * 边框宽度
35
+ */
36
+ borderWidth?: string
37
+ /**
38
+ * 编辑器配置 IEditorConfig
39
+ */
40
+ editorConfig?: any
41
+ }>(),
42
+ {
43
+ // modelValue: '',
44
+ showToolbar: true,
45
+ borderWidth: '1px',
46
+ editorConfig: {},
47
+ },
48
+ )
49
+ const model = defineModel({ type: String })
50
+ //默认的配置
51
+ const defaultConfig = {
52
+ placeholder: '请输入内容...',
53
+ draggable: false, // 禁止拖拽
54
+ toolbarExcludeKeys: ['eraser', 'strike', 'link', 'code', 'subscript', 'superscript', 'attachment', 'code-block', 'video', 'ai' ],
55
+ onChange: (editor: AiEditor) => {
56
+ setFooter()
57
+ model.value = editor.getHtml()
58
+ },
59
+ }
60
+ watch(
61
+ () => model,
62
+ () => {
63
+ if (model.value !== aiEditor?.getHtml()) {
64
+ aiEditor && aiEditor.setContent(model.value || '')
65
+ }
66
+ },
67
+ )
68
+ onMounted(() => {
69
+ const config = {
70
+ element: divRef.value as Element,
71
+ content: model,
72
+ ...defaultConfig,
73
+ ...props.editorConfig,
74
+ onCreated: (editor: AiEditor) => {
75
+ if (model.value) {
76
+ editor.setContent(model.value)
77
+ editor.blur()
78
+ }
79
+ },
80
+ }
81
+ // 隐藏工具栏
82
+ if (!props.showToolbar) {
83
+ config.toolbarKeys = []
84
+ }
85
+ setTimeout(() => {
86
+ aiEditor = new AiEditor(config)
87
+ setTimeout(() => {
88
+ //当隐藏工具栏时,也隐藏 aie-footer/aie-header 元素
89
+ if (!props.showToolbar || props.editorConfig?.editable === false) {
90
+ const footer = divRef.value?.querySelector('aie-footer') as HTMLElement
91
+ if (footer) {
92
+ footer.style.display = 'none'
93
+ }
94
+ const header = divRef.value?.querySelector('aie-header') as HTMLElement
95
+ if (header) {
96
+ header.style.display = 'none'
97
+ }
98
+ } else {
99
+ setFooter()
100
+ }
101
+ }, 100)
102
+ }, 100)
103
+ })
104
+
105
+ const setFooter = () => {
106
+ const footer = divRef.value?.querySelector('aie-footer') as HTMLElement
107
+ if (footer) {
108
+ const footerSpan = footer.querySelector('span') as HTMLElement
109
+ if (footerSpan && footerSpan.textContent) {
110
+ footerSpan.textContent = footerSpan.textContent.replace(
111
+ 'Powered by AiEditor, Characters',
112
+ '总长',
113
+ )
114
+ }
115
+ }
116
+ }
117
+
118
+ onUnmounted(() => {
119
+ aiEditor && aiEditor.destroy()
120
+ })
121
+
122
+ defineExpose({
123
+ getHtml: () => {
124
+ if (aiEditor) {
125
+ return aiEditor.getHtml()
126
+ } else {
127
+ return ''
128
+ }
129
+ },
130
+ setContent: (html: string) => {
131
+ if (aiEditor) {
132
+ aiEditor.setContent(html)
133
+ }
134
+ },
135
+ })
136
+ </script>
137
+ <style scoped lang="scss">
138
+ :deep {
139
+ .aie-container {
140
+ border-width: v-bind(borderWidth);
141
+ border-color: #dcdfe6;
142
+ }
143
+ }
144
+ </style>
@@ -1,21 +1,21 @@
1
- <!--创建人 丁盼-->
2
- <!--说明: ElScrollbars-->
3
- <!--创建时间: 2025/3/20 16:16-->
4
- <!--修改时间: 2025/3/20 16:16-->
5
- <template>
6
- <el-scrollbar :noresize="true" v-resize-observer="onResizeObserver" ref="ref_scrollbar">
7
- <slot></slot>
8
- </el-scrollbar>
9
- </template>
10
- <script setup lang="ts">
11
- import type { ScrollbarInstance } from 'element-plus'
12
- import { ref } from 'vue'
13
- const ref_scrollbar=ref<ScrollbarInstance>()
14
- import { vResizeObserver } from '@vueuse/components'
15
- const onResizeObserver=(entries:any) =>{
16
- ref_scrollbar.value?.update()
17
- }
18
- </script>
19
- <style scoped lang="scss">
20
-
21
- </style>
1
+ <!--创建人 丁盼-->
2
+ <!--说明: ElScrollbars-->
3
+ <!--创建时间: 2025/3/20 16:16-->
4
+ <!--修改时间: 2025/3/20 16:16-->
5
+ <template>
6
+ <el-scrollbar :noresize="true" v-resize-observer="onResizeObserver" ref="ref_scrollbar">
7
+ <slot></slot>
8
+ </el-scrollbar>
9
+ </template>
10
+ <script setup lang="ts">
11
+ import type { ScrollbarInstance } from 'element-plus'
12
+ import { ref } from 'vue'
13
+ const ref_scrollbar=ref<ScrollbarInstance>()
14
+ import { vResizeObserver } from '@vueuse/components'
15
+ const onResizeObserver=(entries:any) =>{
16
+ ref_scrollbar.value?.update()
17
+ }
18
+ </script>
19
+ <style scoped lang="scss">
20
+
21
+ </style>