@bdsoft/element 1.1.0

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 (238) hide show
  1. package/README.md +90 -0
  2. package/global/index.ts +6 -0
  3. package/global/register-properties.ts +10 -0
  4. package/index.html +13 -0
  5. package/index.js +84 -0
  6. package/package-form/core/components/formCreate.js +274 -0
  7. package/package-form/core/components/fragment.js +12 -0
  8. package/package-form/core/factory/context.js +257 -0
  9. package/package-form/core/factory/creator.js +63 -0
  10. package/package-form/core/factory/maker.js +17 -0
  11. package/package-form/core/factory/manager.js +79 -0
  12. package/package-form/core/factory/node.js +85 -0
  13. package/package-form/core/factory/parser.js +28 -0
  14. package/package-form/core/frame/api.js +599 -0
  15. package/package-form/core/frame/attrs.js +12 -0
  16. package/package-form/core/frame/dataDriver.js +76 -0
  17. package/package-form/core/frame/fetch.js +119 -0
  18. package/package-form/core/frame/formCreate.js +274 -0
  19. package/package-form/core/frame/index.js +760 -0
  20. package/package-form/core/frame/provider.js +288 -0
  21. package/package-form/core/frame/util.js +274 -0
  22. package/package-form/core/handler/context.js +380 -0
  23. package/package-form/core/handler/effect.js +122 -0
  24. package/package-form/core/handler/index.js +111 -0
  25. package/package-form/core/handler/inject.js +145 -0
  26. package/package-form/core/handler/input.js +197 -0
  27. package/package-form/core/handler/lifecycle.js +43 -0
  28. package/package-form/core/handler/loader.js +373 -0
  29. package/package-form/core/handler/page.js +46 -0
  30. package/package-form/core/handler/render.js +29 -0
  31. package/package-form/core/index.js +12 -0
  32. package/package-form/core/package.json +15 -0
  33. package/package-form/core/parser/html.js +17 -0
  34. package/package-form/core/render/cache.js +47 -0
  35. package/package-form/core/render/index.js +31 -0
  36. package/package-form/core/render/render.js +393 -0
  37. package/package-form/element-form/components/checkbox/package.json +17 -0
  38. package/package-form/element-form/components/checkbox/src/component.jsx +110 -0
  39. package/package-form/element-form/components/checkbox/src/index.js +3 -0
  40. package/package-form/element-form/components/frame/package.json +17 -0
  41. package/package-form/element-form/components/frame/src/IconCircleClose.vue +14 -0
  42. package/package-form/element-form/components/frame/src/IconDelete.vue +12 -0
  43. package/package-form/element-form/components/frame/src/IconDocument.vue +12 -0
  44. package/package-form/element-form/components/frame/src/IconFolderOpened.vue +12 -0
  45. package/package-form/element-form/components/frame/src/IconView.vue +12 -0
  46. package/package-form/element-form/components/frame/src/component.jsx +349 -0
  47. package/package-form/element-form/components/frame/src/index.js +3 -0
  48. package/package-form/element-form/components/frame/src/style.css +66 -0
  49. package/package-form/element-form/components/group/package.json +17 -0
  50. package/package-form/element-form/components/group/src/component.jsx +314 -0
  51. package/package-form/element-form/components/group/src/index.js +3 -0
  52. package/package-form/element-form/components/group/src/style.css +125 -0
  53. package/package-form/element-form/components/index.js +22 -0
  54. package/package-form/element-form/components/radio/package.json +17 -0
  55. package/package-form/element-form/components/radio/src/component.jsx +101 -0
  56. package/package-form/element-form/components/radio/src/index.js +3 -0
  57. package/package-form/element-form/components/select/package.json +17 -0
  58. package/package-form/element-form/components/select/src/component.jsx +52 -0
  59. package/package-form/element-form/components/select/src/index.js +3 -0
  60. package/package-form/element-form/components/subform/package.json +14 -0
  61. package/package-form/element-form/components/subform/src/component.jsx +76 -0
  62. package/package-form/element-form/components/subform/src/index.js +3 -0
  63. package/package-form/element-form/components/tree/package.json +17 -0
  64. package/package-form/element-form/components/tree/src/component.jsx +62 -0
  65. package/package-form/element-form/components/tree/src/index.js +3 -0
  66. package/package-form/element-form/components/upload/package.json +17 -0
  67. package/package-form/element-form/components/upload/src/IconUpload.vue +12 -0
  68. package/package-form/element-form/components/upload/src/component.jsx +129 -0
  69. package/package-form/element-form/components/upload/src/index.js +3 -0
  70. package/package-form/element-form/components/upload/src/style.css +11 -0
  71. package/package-form/element-form/index.js +8 -0
  72. package/package-form/element-form/package.json +16 -0
  73. package/package-form/element-form/src/components/icon/IconWarning.vue +12 -0
  74. package/package-form/element-form/src/components/index.js +22 -0
  75. package/package-form/element-form/src/core/alias.js +34 -0
  76. package/package-form/element-form/src/core/api.js +208 -0
  77. package/package-form/element-form/src/core/config.js +62 -0
  78. package/package-form/element-form/src/core/index.js +60 -0
  79. package/package-form/element-form/src/core/maker.js +76 -0
  80. package/package-form/element-form/src/core/manager.js +315 -0
  81. package/package-form/element-form/src/core/provider.js +79 -0
  82. package/package-form/element-form/src/parsers/datePicker.js +31 -0
  83. package/package-form/element-form/src/parsers/hidden.js +12 -0
  84. package/package-form/element-form/src/parsers/index.js +17 -0
  85. package/package-form/element-form/src/parsers/input.js +21 -0
  86. package/package-form/element-form/src/parsers/row.js +10 -0
  87. package/package-form/element-form/src/parsers/select.js +15 -0
  88. package/package-form/element-form/src/parsers/slider.js +21 -0
  89. package/package-form/element-form/src/parsers/timePicker.js +17 -0
  90. package/package-form/element-form/src/style/index.css +52 -0
  91. package/package.json +17 -0
  92. package/src/App.vue +28 -0
  93. package/src/assets/css/element.scss +179 -0
  94. package/src/assets/css/layout.scss +215 -0
  95. package/src/assets/css/tailwind.scss +67 -0
  96. package/src/assets/images/banner.gif +0 -0
  97. package/src/assets/images/banner.png +0 -0
  98. package/src/assets/images/bg1.svg +22 -0
  99. package/src/assets/images/bg2.png +0 -0
  100. package/src/assets/images/ff.png +0 -0
  101. package/src/assets/images/home-file1.png +0 -0
  102. package/src/assets/images/ky.png +0 -0
  103. package/src/assets/images/menu/add.png +0 -0
  104. package/src/assets/images/menu/del.png +0 -0
  105. package/src/assets/images/menu/down.png +0 -0
  106. package/src/assets/images/menu/dr.png +0 -0
  107. package/src/assets/images/menu/edit.png +0 -0
  108. package/src/assets/images/menu/kx.png +0 -0
  109. package/src/assets/images/menu/mb.png +0 -0
  110. package/src/assets/images/menu/pz.png +0 -0
  111. package/src/assets/images/menu/save.png +0 -0
  112. package/src/assets/images/menu/sj.png +0 -0
  113. package/src/assets/images/menu/sjk.png +0 -0
  114. package/src/assets/images/menu/up.png +0 -0
  115. package/src/assets/images/po-i.png +0 -0
  116. package/src/assets/images/po1-i1.png +0 -0
  117. package/src/assets/images/po1-i2.png +0 -0
  118. package/src/assets/images/po1-i3.png +0 -0
  119. package/src/assets/images/po1-i4.png +0 -0
  120. package/src/assets/images/po1-i5.png +0 -0
  121. package/src/assets/images/po1-i6.png +0 -0
  122. package/src/assets/images/po1-i7.png +0 -0
  123. package/src/assets/images/po1-i8.png +0 -0
  124. package/src/assets/images/po2-i1.png +0 -0
  125. package/src/assets/images/po2-i2.png +0 -0
  126. package/src/assets/images/po3-i1.png +0 -0
  127. package/src/assets/images/po4-i1.png +0 -0
  128. package/src/assets/images/po5-i1.png +0 -0
  129. package/src/assets/images/po6-i1.png +0 -0
  130. package/src/assets/images/po6-i2.png +0 -0
  131. package/src/assets/images/po7-i1.png +0 -0
  132. package/src/assets/images/tj1.png +0 -0
  133. package/src/assets/images/tj2.png +0 -0
  134. package/src/assets/images/tj3.png +0 -0
  135. package/src/components/3dcloudwords/index.js +346 -0
  136. package/src/components/3dcloudwords/index.vue +99 -0
  137. package/src/components/3dcloudwords/readme.md +66 -0
  138. package/src/components/badge/index.js +167 -0
  139. package/src/components/badge/index.scss +166 -0
  140. package/src/components/badge/index.vue +98 -0
  141. package/src/components/badge/readme.md +18 -0
  142. package/src/components/basic/Finish.vue +107 -0
  143. package/src/components/basic/button.vue +19 -0
  144. package/src/components/basic/readme.md +7 -0
  145. package/src/components/button/index.vue +48 -0
  146. package/src/components/button/readme.md +62 -0
  147. package/src/components/carousel/index.vue +104 -0
  148. package/src/components/carousel/readme.md +12 -0
  149. package/src/components/chartconfig/index.vue +141 -0
  150. package/src/components/chartconfig/readme.md +25 -0
  151. package/src/components/contextMenu/hookContxtMenu.js +41 -0
  152. package/src/components/contextMenu/index.vue +245 -0
  153. package/src/components/contextMenu/readme.md +55 -0
  154. package/src/components/contextMenu/useElementBounding.js +40 -0
  155. package/src/components/countup/countUp.js +196 -0
  156. package/src/components/countup/index.vue +112 -0
  157. package/src/components/countup/readme.md +9 -0
  158. package/src/components/empty/assets/build.png +0 -0
  159. package/src/components/empty/assets/emptybg.gif +0 -0
  160. package/src/components/empty/assets/emptybg.png +0 -0
  161. package/src/components/empty/assets/emptybg2.jpg +0 -0
  162. package/src/components/empty/assets/emptybg3.jpg +0 -0
  163. package/src/components/empty/assets/wuxiao.png +0 -0
  164. package/src/components/empty/assets/wuxiao.webp +0 -0
  165. package/src/components/empty/building.vue +117 -0
  166. package/src/components/empty/empty.vue +120 -0
  167. package/src/components/empty/index.js +12 -0
  168. package/src/components/empty/invalid.vue +56 -0
  169. package/src/components/error/Error.vue +79 -0
  170. package/src/components/error/readme.md +20 -0
  171. package/src/components/form/Form.vue +84 -0
  172. package/src/components/form/FormItem.vue +143 -0
  173. package/src/components/form/data.js +52 -0
  174. package/src/components/form/readme.md +69 -0
  175. package/src/components/layout/banner.vue +412 -0
  176. package/src/components/layout/bar.vue +43 -0
  177. package/src/components/layout/layout1.vue +60 -0
  178. package/src/components/layout/layout2.vue +134 -0
  179. package/src/components/layout/layout3.vue +107 -0
  180. package/src/components/layout/layout4.vue +66 -0
  181. package/src/components/layout/nav.vue +333 -0
  182. package/src/components/layout/readme.md +61 -0
  183. package/src/components/loading/index.vue +122 -0
  184. package/src/components/loading/readme.md +6 -0
  185. package/src/components/notice/NoticeList.vue +198 -0
  186. package/src/components/notice/NoticeListPaging.vue +281 -0
  187. package/src/components/notice/NoticeView.vue +92 -0
  188. package/src/components/notice/readme.md +1 -0
  189. package/src/components/pagination/index.vue +100 -0
  190. package/src/components/pagination/readme.md +19 -0
  191. package/src/components/pagination/scroll-to.js +51 -0
  192. package/src/components/progress/bar.vue +72 -0
  193. package/src/components/progress/progress.vue +58 -0
  194. package/src/components/screenfull/index.js +3 -0
  195. package/src/components/screenfull/index.vue +65 -0
  196. package/src/components/screenfull/package.json +15 -0
  197. package/src/components/screenfull/readme.md +6 -0
  198. package/src/components/statisticalCount/index.vue +80 -0
  199. package/src/components/statisticalCount/readme.md +21 -0
  200. package/src/components/username/index.vue +79 -0
  201. package/src/components/username/readme.md +22 -0
  202. package/src/components/username//346/225/210/346/236/234/345/233/276.png +0 -0
  203. package/src/index.js +82 -0
  204. package/src/utils/index.js +32 -0
  205. package/src/xm_components/HeadSearch/hook/hookSearch.js +96 -0
  206. package/src/xm_components/HeadSearch/index.vue +206 -0
  207. package/src/xm_components/HeadSearch/readme.md +12 -0
  208. package/src/xm_components/HeadSearch//346/220/234/347/264/242/345/210/227/350/241/250.png +0 -0
  209. package/src/xm_components/Milestone/index.vue +212 -0
  210. package/src/xm_components/Milestone/readme.md +15 -0
  211. package/src/xm_components/readme.md +1 -0
  212. package/utils/coms/load.jsx +10 -0
  213. package/utils/func.js +32 -0
  214. package/utils/hookDialog.js +38 -0
  215. package/utils/hookPage.js +49 -0
  216. package/utils/index.js +5 -0
  217. package/utils/lib/console.js +39 -0
  218. package/utils/lib/debounce.js +19 -0
  219. package/utils/lib/deepextend.js +51 -0
  220. package/utils/lib/deepset.js +14 -0
  221. package/utils/lib/extend.js +28 -0
  222. package/utils/lib/index.js +13 -0
  223. package/utils/lib/json.js +90 -0
  224. package/utils/lib/mergeprops.js +62 -0
  225. package/utils/lib/mitt.js +43 -0
  226. package/utils/lib/modify.js +8 -0
  227. package/utils/lib/slot.js +19 -0
  228. package/utils/lib/toarray.js +5 -0
  229. package/utils/lib/tocase.js +11 -0
  230. package/utils/lib/todate.js +10 -0
  231. package/utils/lib/toline.js +10 -0
  232. package/utils/lib/tostring.js +7 -0
  233. package/utils/lib/type.js +45 -0
  234. package/utils/lib/unique.js +6 -0
  235. package/utils/message.js +166 -0
  236. package/utils/package.json +16 -0
  237. package/utils/type.js +45 -0
  238. package/vite.config.js +51 -0
package/README.md ADDED
@@ -0,0 +1,90 @@
1
+ 组件库参考
2
+
3
+ ## 使用
4
+
5
+ 1. 安装并添加引用
6
+
7
+ ```
8
+ pnpm install @bdsoft/element
9
+
10
+ ```
11
+
12
+ 2. 注册 在main.js中添加引用
13
+
14
+ ```main.js
15
+ import { useElement } from '@bdsoft/element'
16
+
17
+ app.use(useElement)
18
+ ```
19
+
20
+ ## 老项目更新问题
21
+
22
+ 由于element-plus剥离独立版本，以后项目中不再需要安装element-plus、及图标库@element-plus/icons-vue
23
+
24
+ 1. 删除项目main.js中的引入element-plus及@element-plus/icons-vue(包含样式)
25
+ 2. 在main.js中添加引入@bdsoft/element 参考上面2步骤
26
+
27
+ ## 圆点组件
28
+
29
+ ```
30
+ import { BdBadge } from '@bdsoft/element';
31
+ <ul>
32
+ <li><BdBadge></BdBadge>默认提示点</li>
33
+ <li><BdBadge type="warning"></BdBadge>警告提示点</li>
34
+ <li><BdBadge type="error"></BdBadge>错误提示点</li>
35
+ <li><BdBadge type="processing"></BdBadge>动态提示点</li>
36
+ <li><BdBadge type="processing"></BdBadge>动态提示点</li>
37
+ </ul>
38
+ ```
39
+
40
+ ## 搜索框组件
41
+
42
+ ```
43
+ import logoImg from '/logo.png'
44
+
45
+ // 重新搜索
46
+ const handleSearch = (title, isfirst) => {
47
+ let _title = title.value
48
+
49
+ console.info('重新搜索', title, isfirst)
50
+ }
51
+
52
+ <HeadSearch :logoUrl="logoImg" @getSearchList="handleSearch"></HeadSearch>
53
+ ```
54
+
55
+ ## 全局方法的调用
56
+
57
+ ```方法1
58
+ import { getCurrentInstance } from "vue";
59
+ const { appContext: { config: { globalProperties } } } = getCurrentInstance()
60
+ globalProperties.showsuccess()
61
+ ```
62
+
63
+ ```方法2
64
+ import { showwarning } from '@bdsoft/element'
65
+
66
+ ```
67
+
68
+ ## Bar 组件使用
69
+
70
+ ```
71
+ import { BdBar } from '@bdsoft/element'
72
+
73
+ <BdBar :innerHeight="'50px'" :paddingTop="'10px'">
74
+
75
+ </BdBar>
76
+
77
+ ```
78
+
79
+ ## splitpanes 组件使用
80
+
81
+ ```
82
+ <splitpanes class="default-theme" style="height: 100%">
83
+ <pane :size="paneSize">
84
+ <span>{{ paneSize }}%</span>
85
+ </pane>
86
+ <pane :size="100 - paneSize">
87
+ <span>{{ 100 - paneSize }}%</span>
88
+ </pane>
89
+ </splitpanes>
90
+ ```
package/global/index.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { App } from 'vue'
2
+ import registerProperties from './register-properties'
3
+
4
+ export function globalRegister(app: App): void {
5
+ app.use(registerProperties)
6
+ }
package/global/register-properties.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { App } from 'vue'
2
+
3
+ import { showsuccess, showerror, showwarning, showinfo } from '../utils/message.js'
4
+ // App是用来确定类型
5
+ export default function registerProperties(app: App) {
6
+ app.config.globalProperties.showsuccess = showsuccess
7
+ app.config.globalProperties.showerror = showerror
8
+ app.config.globalProperties.showwarning = showwarning
9
+ app.config.globalProperties.showinfo = showinfo
10
+ }
package/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + Vue</title>
8
+ </head>
9
+ <body>
10
+ <div id="app"></div>
11
+ <script type="module" src="/src/main.js"></script>
12
+ </body>
13
+ </html>
package/index.js ADDED
@@ -0,0 +1,84 @@
1
+ import * as ElementPlus from 'element-plus'
2
+ import {dayjs} from 'element-plus'
3
+ import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
4
+ window.ElementPlus = ElementPlus
5
+
6
+ import './src/assets/css/element.scss'
7
+ import 'splitpanes/dist/splitpanes.css'
8
+ import './src/assets/css/layout.scss'
9
+ import './src/assets/css/tailwind.scss'
10
+
11
+ // 添加分隔组件
12
+ import { Splitpanes, Pane } from 'splitpanes'
13
+
14
+ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
15
+ window.ElementPlusIconVue = ElementPlusIconsVue
16
+
17
+ import LoadComponent from './utils/coms/load.jsx'
18
+ // 自定义的所有组件
19
+ import * as components from './src/index.js'
20
+
21
+
22
+ // 定义 useElement 为 Vue 插件
23
+ const useElement = {
24
+ install(app, options = {}) {
25
+ let bdsdk = options?.bdsdk
26
+
27
+ if (!bdsdk) {
28
+ console.warn("[main.js]useElement函数升级！改写方式:app.use(useElement, { bdsdk }); 如果不检测异常可忽略")
29
+ }
30
+
31
+ // 安装 ElementPlus
32
+ app.use(ElementPlus, {
33
+ locale: zhCn,
34
+ zIndex: 3000
35
+ })
36
+
37
+ // 注册所有图标
38
+ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
39
+ app.component(key, component)
40
+ }
41
+ // 注册所有自定义组件
42
+ for (const [key, component] of Object.entries(components)) {
43
+ // console.info('key：'+key)
44
+ app.component(key, component)
45
+ }
46
+
47
+ // 注册自定义组件
48
+ app.component('loadsvg', LoadComponent)
49
+ app.component('Splitpanes', Splitpanes)
50
+ app.component('Pane', Pane)
51
+
52
+ // 添加全局方法
53
+ app.config.globalProperties.$myMethod = function() {
54
+ console.log('这是我的全局方法')
55
+ }
56
+
57
+ // 全局错误处理
58
+ app.config.errorHandler = (err, vm, info) => {
59
+ console.info(err)
60
+
61
+ bdsdk && bdsdk.addLogs({
62
+ logtype: 'jserror',
63
+ logtitle: `[脚本错误]${err.name}`,
64
+ user_id: 'dbadmin',
65
+ logdetail: `[错误信息]:${err.message},[错误堆栈]:${err.stack},[脚本信息]:${info}`,
66
+ objid: bdsdk?.code,
67
+ showtype: '',
68
+ sysid: ''
69
+ })
70
+ }
71
+ }
72
+ }
73
+
74
+ export default useElement
75
+ export {useElement}
76
+ // 功能 showwarning, showsuccess, showerror, showconfirm
77
+ export * from './utils/message.js'
78
+ export * from './utils/index.js'
79
+ export * from './global/index'
80
+ export * from './utils/hookDialog.js'
81
+ export * from './utils/hookPage.js' // 分页hook函数
82
+ export {dayjs}
83
+ // 导出所有组件
84
+ export * from './src/index.js'
package/package-form/core/components/formCreate.js ADDED
@@ -0,0 +1,274 @@
1
+ import {
2
+ defineComponent,
3
+ getCurrentInstance,
4
+ inject,
5
+ markRaw,
6
+ nextTick,
7
+ onBeforeMount,
8
+ onBeforeUnmount,
9
+ onMounted,
10
+ onUpdated,
11
+ provide,
12
+ reactive,
13
+ toRefs,
14
+ watch, watchEffect
15
+ } from 'vue';
16
+ import toArray from '@bdsoft-element/utils/lib/toarray';
17
+ import debounce from '@bdsoft-element/utils/lib/debounce';
18
+ import toLine from '@bdsoft-element/utils/lib/toline';
19
+
20
+ const getGroupInject = (vm, parent) => {
21
+ if (!vm || vm === parent) {
22
+ return;
23
+ }
24
+ if (vm.props.formCreateInject) {
25
+ return vm.props.formCreateInject
26
+ }
27
+ if (vm.parent) {
28
+ return getGroupInject(vm.parent, parent);
29
+ }
30
+ }
31
+
32
+ export default function $FormCreate(FormCreate, components, directives) {
33
+ return defineComponent({
34
+ name: 'FormCreate' + (FormCreate.isMobile ? 'Mobile' : ''),
35
+ components,
36
+ directives,
37
+ props: {
38
+ rule: {
39
+ type: Array,
40
+ required: true,
41
+ default: () => []
42
+ },
43
+ option: {
44
+ type: Object,
45
+ default: () => ({})
46
+ },
47
+ extendOption: Boolean,
48
+ driver: [String, Object],
49
+ modelValue: Object,
50
+ disabled: {
51
+ type: Boolean,
52
+ default: undefined,
53
+ },
54
+ preview: {
55
+ type: Boolean,
56
+ default: undefined,
57
+ },
58
+ index: [String, Number],
59
+ api: Object,
60
+ locale: [String, Object],
61
+ name: String,
62
+ subForm: {
63
+ type: Boolean,
64
+ default: true
65
+ },
66
+ inFor: Boolean,
67
+ },
68
+ emits: ['update:api', 'update:modelValue', 'mounted', 'submit', 'reset', 'change', 'emit-event', 'control', 'remove-rule', 'remove-field', 'sync', 'reload', 'repeat-field', 'update', 'validate-field-fail', 'validate-fail', 'created'],
69
+ render() {
70
+ return this.fc.render();
71
+ },
72
+ setup(props) {
73
+ const vm = getCurrentInstance();
74
+ provide('parentFC', vm);
75
+ const parent = inject('parentFC', null);
76
+ let top = parent;
77
+
78
+ if (parent) {
79
+ while (top.setupState.parent) {
80
+ top = top.setupState.parent;
81
+ }
82
+ } else {
83
+ top = vm;
84
+ }
85
+
86
+ const {rule, modelValue, subForm, inFor} = toRefs(props);
87
+
88
+ const data = reactive({
89
+ ctxInject: {},
90
+ destroyed: false,
91
+ isShow: true,
92
+ unique: 1,
93
+ renderRule: [...rule.value || []],
94
+ updateValue: JSON.stringify(modelValue.value || {}),
95
+ });
96
+
97
+ const fc = new FormCreate(vm);
98
+ const fapi = fc.api();
99
+
100
+ const isMore = inFor.value;
101
+
102
+ const addSubForm = () => {
103
+ if (parent) {
104
+ const inject = getGroupInject(vm, parent);
105
+ if (inject) {
106
+ let sub;
107
+ if (isMore) {
108
+ sub = toArray(inject.getSubForm());
109
+ sub.push(fapi);
110
+
111
+ } else {
112
+ sub = fapi;
113
+ }
114
+ inject.subForm(sub);
115
+ }
116
+ }
117
+ };
118
+
119
+ const rmSubForm = () => {
120
+ const inject = getGroupInject(vm, parent);
121
+ if (inject) {
122
+ if (isMore) {
123
+ const sub = toArray(inject.getSubForm());
124
+ const idx = sub.indexOf(fapi);
125
+ if (idx > -1) {
126
+ sub.splice(idx, 1);
127
+ }
128
+ } else {
129
+ inject.subForm();
130
+ }
131
+ }
132
+ };
133
+
134
+ let styleEl = null;
135
+
136
+ onBeforeMount(() => {
137
+ watchEffect(() => {
138
+ let content = '';
139
+ const globalClass = (props.option && props.option.globalClass) || {};
140
+ Object.keys(globalClass).forEach(k => {
141
+ let subCss = '';
142
+ globalClass[k].style && Object.keys(globalClass[k].style).forEach(key => {
143
+ subCss += toLine(key) + ':' + globalClass[k].style[key] + ';';
144
+ });
145
+ if (globalClass[k].content) {
146
+ subCss += globalClass[k].content + ';';
147
+ }
148
+ if (subCss) {
149
+ content += `.${k}{${subCss}}`;
150
+ }
151
+ });
152
+ if (props.option && props.option.style) {
153
+ content += props.option.style;
154
+ }
155
+ if (!styleEl) {
156
+ styleEl = document.createElement('style');
157
+ styleEl.type = 'text/css';
158
+ document.head.appendChild(styleEl);
159
+ }
160
+ styleEl.innerHTML = content || '';
161
+ })
162
+ });
163
+
164
+ const emit$topForm = debounce(() => {
165
+ fc.bus.$emit('$loadData.$topForm');
166
+ }, 100);
167
+
168
+ const emit$form = debounce(() => {
169
+ fc.bus.$emit('$loadData.$form');
170
+ }, 100);
171
+
172
+ const emit$change = (field) => {
173
+ fc.bus.$emit('change-$form.' + field);
174
+ };
175
+
176
+ onMounted(() => {
177
+ if (parent) {
178
+ fapi.top.bus.$on('$loadData.$form', emit$topForm);
179
+ fapi.top.bus.$on('change', emit$change);
180
+ }
181
+ fc.mounted();
182
+ });
183
+
184
+ onBeforeUnmount(() => {
185
+ if (parent) {
186
+ fapi.top.bus.$off('$loadData.$form', emit$topForm);
187
+ fapi.top.bus.$off('change', emit$change);
188
+ }
189
+ styleEl && document.head.removeChild(styleEl);
190
+ rmSubForm();
191
+ data.destroyed = true;
192
+ fc.unmount();
193
+ })
194
+
195
+ onUpdated(() => {
196
+ fc.updated();
197
+ });
198
+
199
+ watch(subForm, (n) => {
200
+ n ? addSubForm() : rmSubForm();
201
+ }, {immediate: true});
202
+
203
+ watch(() => [...rule.value], (n) => {
204
+ if (fc.$handle.isBreakWatch() || n.length === data.renderRule.length && n.every(v => data.renderRule.indexOf(v) > -1)) return;
205
+ fc.$handle.updateAppendData();
206
+ fc.$handle.reloadRule(rule.value);
207
+ vm.setupState.renderRule();
208
+ })
209
+
210
+ watch(() => props.option, () => {
211
+ fc.initOptions();
212
+ fapi.refresh();
213
+ }, {deep: true});
214
+
215
+ watch(() => [props.disabled, props.preview], () => {
216
+ fapi.refresh();
217
+ });
218
+
219
+ watch(modelValue, (n) => {
220
+ if (JSON.stringify(n || {}) === data.updateValue) return;
221
+ if (fapi.config.forceCoverValue) {
222
+ fapi.coverValue(n || {});
223
+ } else {
224
+ fapi.setValue(n || {});
225
+ }
226
+ }, {deep: true, flush: 'post'});
227
+
228
+ watch(() => props.index, () => {
229
+ fapi.coverValue({});
230
+ fc.$handle.updateAppendData();
231
+ nextTick(() => {
232
+ nextTick(() => {
233
+ fapi.clearValidateState();
234
+ });
235
+ });
236
+ }, {flush: 'sync'});
237
+
238
+ return {
239
+ fc: markRaw(fc),
240
+ parent: parent ? markRaw(parent) : parent,
241
+ top: markRaw(top),
242
+ fapi: markRaw(fapi),
243
+ ...toRefs(data),
244
+ getGroupInject: () => getGroupInject(vm, parent),
245
+ refresh() {
246
+ ++data.unique;
247
+ },
248
+ renderRule() {
249
+ data.renderRule = [...rule.value || []];
250
+ },
251
+ updateValue(value) {
252
+ if (data.destroyed) return;
253
+ const json = JSON.stringify(value);
254
+ if (data.updateValue === json) {
255
+ return;
256
+ }
257
+ data.updateValue = json;
258
+ vm.emit('update:modelValue', value);
259
+ nextTick(() => {
260
+ emit$form();
261
+ if (!parent) {
262
+ emit$topForm();
263
+ }
264
+ });
265
+ }
266
+ }
267
+ },
268
+ created() {
269
+ const vm = getCurrentInstance();
270
+ vm.emit('update:api', vm.setupState.fapi);
271
+ vm.setupState.fc.init();
272
+ },
273
+ })
274
+ }
package/package-form/core/components/fragment.js ADDED
@@ -0,0 +1,12 @@
1
+ import {defineComponent} from 'vue';
2
+
3
+ const NAME = 'fcFragment';
4
+
5
+ export default defineComponent({
6
+ name: NAME,
7
+ inheritAttrs: false,
8
+ props: ['vnode'],
9
+ render() {
10
+ return this.vnode;
11
+ }
12
+ })