@vef-framework/components 1.0.101 → 1.0.102

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 (674) hide show
  1. package/es/index.js +1 -91
  2. package/es/internal/base.css.js +490 -4
  3. package/es/internal/chart.js +1 -19
  4. package/es/internal/index.js +1 -4
  5. package/es/internal/modern-normalize.css.js +213 -4
  6. package/es/internal/utils.js +1 -7
  7. package/es/vef-access-denied/access-denied-icon.js +1 -929
  8. package/es/vef-access-denied/index.js +3 -40
  9. package/es/vef-action-buttons/index.js +1 -76
  10. package/es/vef-approval-flow-editor/components/edge.js +2 -84
  11. package/es/vef-approval-flow-editor/components/label-value.js +2 -22
  12. package/es/vef-approval-flow-editor/components/node-content.js +4 -40
  13. package/es/vef-approval-flow-editor/components/node-selector.js +2 -32
  14. package/es/vef-approval-flow-editor/components/node-toolbar.js +1 -22
  15. package/es/vef-approval-flow-editor/components/nodes/approval.js +1 -25
  16. package/es/vef-approval-flow-editor/components/nodes/condition.js +1 -25
  17. package/es/vef-approval-flow-editor/components/nodes/end.js +1 -25
  18. package/es/vef-approval-flow-editor/components/nodes/handle.js +1 -25
  19. package/es/vef-approval-flow-editor/components/nodes/index.js +1 -18
  20. package/es/vef-approval-flow-editor/components/nodes/submit.js +1 -25
  21. package/es/vef-approval-flow-editor/components/selector-content.js +3 -43
  22. package/es/vef-approval-flow-editor/components/source-handle.js +1 -41
  23. package/es/vef-approval-flow-editor/components/target-handle.js +1 -10
  24. package/es/vef-approval-flow-editor/constants.js +1 -219
  25. package/es/vef-approval-flow-editor/helper.js +1 -84
  26. package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js +1 -26
  27. package/es/vef-approval-flow-editor/hooks/use-element-selection.js +1 -25
  28. package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js +1 -52
  29. package/es/vef-approval-flow-editor/index.js +1 -76
  30. package/es/vef-approval-flow-editor/models/edge-node.js +1 -21
  31. package/es/vef-approval-flow-editor/models/flow-node.js +1 -106
  32. package/es/vef-approval-flow-editor/store.js +1 -17
  33. package/es/vef-approval-flow-editor/styles.js +3 -12
  34. package/es/vef-approval-flow-editor/types.js +1 -16
  35. package/es/vef-area-chart/index.js +1 -42
  36. package/es/vef-auto-sizer/index.js +1 -7
  37. package/es/vef-avatar/index.js +1 -21
  38. package/es/vef-avatar-group/index.js +1 -26
  39. package/es/vef-badge/index.js +1 -48
  40. package/es/vef-bar-chart/index.js +1 -42
  41. package/es/vef-bool/hooks/use-bool-instance.js +1 -35
  42. package/es/vef-bool/index.js +1 -61
  43. package/es/vef-breadcrumb/index.js +1 -49
  44. package/es/vef-button/components/base-button.js +1 -74
  45. package/es/vef-button/index.js +1 -152
  46. package/es/vef-card/index.js +1 -26
  47. package/es/vef-card-meta/index.js +1 -13
  48. package/es/vef-chart-container/hooks/use-chart-container-context.js +1 -13
  49. package/es/vef-chart-container/index.js +5 -72
  50. package/es/vef-chart-legend-content/index.js +4 -38
  51. package/es/vef-chart-tooltip-content/index.js +9 -73
  52. package/es/vef-checkbox/hooks/use-checkbox-instance.js +1 -21
  53. package/es/vef-checkbox/hooks/use-data-options.js +1 -41
  54. package/es/vef-checkbox/index.js +2 -88
  55. package/es/vef-col/index.js +1 -12
  56. package/es/vef-color-picker/index.js +1 -47
  57. package/es/vef-compact/index.js +1 -16
  58. package/es/vef-config-provider/global-style.js +3 -12
  59. package/es/vef-config-provider/hooks/use-ui-config.js +1 -127
  60. package/es/vef-config-provider/index.js +3 -122
  61. package/es/vef-config-provider/store.js +1 -22
  62. package/es/vef-container/index.js +1 -19
  63. package/es/vef-crud-page/components/crud-actions.js +1 -33
  64. package/es/vef-crud-page/components/crud-filter.js +1 -55
  65. package/es/vef-crud-page/components/crud-footer.js +2 -116
  66. package/es/vef-crud-page/components/crud-form-modal.js +1 -54
  67. package/es/vef-crud-page/components/crud-header.js +1 -30
  68. package/es/vef-crud-page/components/crud-table.js +1 -77
  69. package/es/vef-crud-page/hooks/use-action-buttons.js +1 -38
  70. package/es/vef-crud-page/hooks/use-crud-context.js +1 -21
  71. package/es/vef-crud-page/hooks/use-crud-schema.js +1 -117
  72. package/es/vef-crud-page/hooks/use-operation-buttons.js +1 -61
  73. package/es/vef-crud-page/index.js +1 -151
  74. package/es/vef-crud-page/store.js +1 -143
  75. package/es/vef-data-grid/index.js +1 -86
  76. package/es/vef-data-table/index.js +1 -10
  77. package/es/vef-divider/index.js +1 -25
  78. package/es/vef-drawer/components/action-button-wrapper.js +1 -50
  79. package/es/vef-drawer/components/button-props.js +1 -3
  80. package/es/vef-drawer/components/cancel-action-button.js +1 -22
  81. package/es/vef-drawer/components/ok-action-button.js +1 -21
  82. package/es/vef-drawer/context.js +1 -16
  83. package/es/vef-drawer/index.js +2 -154
  84. package/es/vef-dropdown/index.js +1 -93
  85. package/es/vef-dynamic-icon/index.js +1 -47
  86. package/es/vef-dynamic-icon/props.js +1 -7
  87. package/es/vef-empty/index.js +1 -38
  88. package/es/vef-empty-placeholder/index.js +2 -18
  89. package/es/vef-error/error-icon.js +1 -758
  90. package/es/vef-error/index.js +3 -43
  91. package/es/vef-filter/components/action-buttons.js +2 -117
  92. package/es/vef-filter/components/advanced-filter.js +3 -67
  93. package/es/vef-filter/components/basic-filter.js +2 -34
  94. package/es/vef-filter/components/fields/index.js +1 -20
  95. package/es/vef-filter/components/fields/input-number.js +1 -91
  96. package/es/vef-filter/components/fields/input.js +1 -68
  97. package/es/vef-filter/components/fields/radio.js +1 -110
  98. package/es/vef-filter/components/fields/select.js +1 -141
  99. package/es/vef-filter/components/fields/tree-select.js +1 -137
  100. package/es/vef-filter/components/filter-field.js +1 -20
  101. package/es/vef-filter/components/filter-item.js +1 -113
  102. package/es/vef-filter/event.js +1 -45
  103. package/es/vef-filter/helper.js +1 -16
  104. package/es/vef-filter/hooks/use-action-handlers.js +1 -71
  105. package/es/vef-filter/hooks/use-computed-values.js +1 -56
  106. package/es/vef-filter/hooks/use-filter-context.js +1 -19
  107. package/es/vef-filter/hooks/use-filter-initialization.js +1 -38
  108. package/es/vef-filter/hooks/use-filter-instance.js +1 -27
  109. package/es/vef-filter/hooks/use-filter-items.js +1 -24
  110. package/es/vef-filter/hooks/use-filter-values-change.js +1 -31
  111. package/es/vef-filter/hooks/use-label-config.js +1 -28
  112. package/es/vef-filter/index.js +2 -142
  113. package/es/vef-filter/store.js +1 -72
  114. package/es/vef-flex/index.js +1 -32
  115. package/es/vef-float-button/index.js +1 -50
  116. package/es/vef-float-button-group/index.js +1 -21
  117. package/es/vef-form/components/fields/icon-select.js +1 -66
  118. package/es/vef-form/components/fields/index.js +1 -26
  119. package/es/vef-form/components/fields/input-number.js +1 -124
  120. package/es/vef-form/components/fields/input.js +1 -133
  121. package/es/vef-form/components/fields/password.js +1 -116
  122. package/es/vef-form/components/fields/radio.js +1 -107
  123. package/es/vef-form/components/fields/select.js +1 -239
  124. package/es/vef-form/components/fields/textarea.js +1 -110
  125. package/es/vef-form/components/fields/tree-select.js +1 -235
  126. package/es/vef-form/components/form-actions.js +2 -58
  127. package/es/vef-form/components/form-content.js +2 -145
  128. package/es/vef-form/components/form-field.js +1 -23
  129. package/es/vef-form/components/form-group.js +2 -64
  130. package/es/vef-form/components/form-hidden-item.js +1 -37
  131. package/es/vef-form/components/form-item.js +1 -80
  132. package/es/vef-form/components/form-row.js +1 -99
  133. package/es/vef-form/event.js +1 -45
  134. package/es/vef-form/helper.js +1 -16
  135. package/es/vef-form/hooks/use-action-handlers.js +1 -131
  136. package/es/vef-form/hooks/use-columns-layout.js +1 -123
  137. package/es/vef-form/hooks/use-computed-values.js +1 -56
  138. package/es/vef-form/hooks/use-form-context.js +1 -15
  139. package/es/vef-form/hooks/use-form-initialization.js +1 -46
  140. package/es/vef-form/hooks/use-form-instance.js +1 -27
  141. package/es/vef-form/hooks/use-form-values-change.js +1 -31
  142. package/es/vef-form/hooks/use-label-width.js +1 -19
  143. package/es/vef-form/index.js +2 -174
  144. package/es/vef-form/store.js +1 -66
  145. package/es/vef-form/validation-rules.js +1 -287
  146. package/es/vef-form-drawer/index.js +1 -99
  147. package/es/vef-form-modal/index.js +1 -96
  148. package/es/vef-generic-select/index.js +1 -82
  149. package/es/vef-grid/index.js +9 -75
  150. package/es/vef-grid/props.js +1 -5
  151. package/es/vef-grid-item/index.js +1 -53
  152. package/es/vef-icon/index.js +1 -51
  153. package/es/vef-icon-select/index.js +4 -140
  154. package/es/vef-input/hooks/use-input-instance.js +1 -16
  155. package/es/vef-input/index.js +1 -65
  156. package/es/vef-input-number/hooks/use-input-number-instance.js +1 -14
  157. package/es/vef-input-number/index.js +1 -149
  158. package/es/vef-layout/common-styles.js +2 -9
  159. package/es/vef-layout/components/content.js +1 -14
  160. package/es/vef-layout/components/font-size.js +1 -69
  161. package/es/vef-layout/components/fullscreen.js +1 -24
  162. package/es/vef-layout/components/header-action-icons.js +2 -26
  163. package/es/vef-layout/components/header-content.js +1 -20
  164. package/es/vef-layout/components/header.js +2 -66
  165. package/es/vef-layout/components/icon-boy.js +1 -70
  166. package/es/vef-layout/components/icon-girl.js +1 -77
  167. package/es/vef-layout/components/icon-menu-fold-left.js +1 -24
  168. package/es/vef-layout/components/icon-menu-unfold-left.js +1 -24
  169. package/es/vef-layout/components/menu-groups.js +5 -114
  170. package/es/vef-layout/components/message.js +1 -12
  171. package/es/vef-layout/components/search.js +1 -12
  172. package/es/vef-layout/components/sider.js +2 -52
  173. package/es/vef-layout/components/title.js +2 -48
  174. package/es/vef-layout/components/user-avatar.js +4 -76
  175. package/es/vef-layout/hooks/use-layout-context.js +1 -11
  176. package/es/vef-layout/index.js +2 -34
  177. package/es/vef-layout/logo.svg.js +1 -5
  178. package/es/vef-layout/store.js +1 -17
  179. package/es/vef-line-chart/index.js +1 -39
  180. package/es/vef-loading-placeholder/index.js +2 -40
  181. package/es/vef-login/index.js +9 -141
  182. package/es/vef-login/login-icon.js +1 -669
  183. package/es/vef-menu/index.js +2 -76
  184. package/es/vef-modal/components/action-button-wrapper.js +1 -50
  185. package/es/vef-modal/components/button-props.js +1 -3
  186. package/es/vef-modal/components/cancel-action-button.js +1 -19
  187. package/es/vef-modal/components/ok-action-button.js +1 -21
  188. package/es/vef-modal/context.js +1 -16
  189. package/es/vef-modal/index.js +2 -240
  190. package/es/vef-not-found/index.js +3 -40
  191. package/es/vef-not-found/not-found-icon.js +1 -845
  192. package/es/vef-page/index.js +2 -80
  193. package/es/vef-pagination/index.js +1 -58
  194. package/es/vef-pagination/props.js +1 -14
  195. package/es/vef-paragraph/index.js +1 -90
  196. package/es/vef-password/hooks/use-password-instance.js +1 -14
  197. package/es/vef-password/index.js +1 -68
  198. package/es/vef-pie-chart/index.js +3 -66
  199. package/es/vef-popconfirm/index.js +1 -57
  200. package/es/vef-popover/index.js +1 -35
  201. package/es/vef-radio/hooks/use-data-options.js +1 -41
  202. package/es/vef-radio/hooks/use-radio-instance.js +1 -21
  203. package/es/vef-radio/index.js +2 -88
  204. package/es/vef-rate/hooks/use-rate-instance.js +1 -14
  205. package/es/vef-rate/index.js +1 -31
  206. package/es/vef-responsive-container/index.js +2 -55
  207. package/es/vef-responsive-item/index.js +2 -24
  208. package/es/vef-ribbon/index.js +1 -39
  209. package/es/vef-row/index.js +1 -13
  210. package/es/vef-scroll-area/components/scrollbar.js +5 -33
  211. package/es/vef-scroll-area/index.js +3 -70
  212. package/es/vef-select/components/option.js +2 -23
  213. package/es/vef-select/hooks/use-data-options.js +1 -48
  214. package/es/vef-select/hooks/use-field-names.js +1 -22
  215. package/es/vef-select/hooks/use-render-label.js +2 -24
  216. package/es/vef-select/hooks/use-render-option.js +1 -20
  217. package/es/vef-select/hooks/use-select-instance.js +1 -21
  218. package/es/vef-select/index.js +1 -101
  219. package/es/vef-slider/hooks/use-slider-instance.js +1 -14
  220. package/es/vef-slider/index.js +1 -35
  221. package/es/vef-sortable-list/components/overlay-item.js +2 -32
  222. package/es/vef-sortable-list/components/sortable-item.js +2 -76
  223. package/es/vef-sortable-list/hooks/use-merged-items.js +1 -22
  224. package/es/vef-sortable-list/index.js +1 -115
  225. package/es/vef-space/index.js +1 -26
  226. package/es/vef-spin/index.js +1 -13
  227. package/es/vef-splitter/index.js +1 -21
  228. package/es/vef-splitter-panel/index.js +1 -13
  229. package/es/vef-status/index.js +1 -38
  230. package/es/vef-table/components/columns/bool.js +1 -92
  231. package/es/vef-table/components/columns/code.js +1 -11
  232. package/es/vef-table/components/columns/data-dictionary.js +1 -93
  233. package/es/vef-table/components/columns/enum.js +1 -102
  234. package/es/vef-table/components/columns/file.js +1 -11
  235. package/es/vef-table/components/columns/icon.js +1 -11
  236. package/es/vef-table/components/columns/id.js +1 -83
  237. package/es/vef-table/components/columns/image.js +1 -12
  238. package/es/vef-table/components/columns/index.js +1 -34
  239. package/es/vef-table/components/columns/markdown.js +1 -11
  240. package/es/vef-table/components/columns/number.js +1 -84
  241. package/es/vef-table/components/columns/render.js +1 -29
  242. package/es/vef-table/components/columns/rich-text.js +1 -11
  243. package/es/vef-table/components/columns/text.js +1 -89
  244. package/es/vef-table/components/columns-settings.js +2 -188
  245. package/es/vef-table/components/operation-buttons.js +2 -231
  246. package/es/vef-table/components/settings-icon.js +2 -19
  247. package/es/vef-table/components/table-footer.js +2 -102
  248. package/es/vef-table/helper.js +1 -16
  249. package/es/vef-table/hooks/use-computed-batch-buttons.js +1 -34
  250. package/es/vef-table/hooks/use-computed-columns.js +1 -21
  251. package/es/vef-table/hooks/use-computed-values.js +1 -39
  252. package/es/vef-table/hooks/use-data.js +1 -58
  253. package/es/vef-table/hooks/use-default-column-configs.js +1 -28
  254. package/es/vef-table/hooks/use-display-value.js +1 -37
  255. package/es/vef-table/hooks/use-helper-columns.js +1 -68
  256. package/es/vef-table/hooks/use-operation-column-width.js +1 -51
  257. package/es/vef-table/hooks/use-pagination-props.js +1 -45
  258. package/es/vef-table/hooks/use-row-props.js +1 -40
  259. package/es/vef-table/hooks/use-row-selection-config.js +1 -113
  260. package/es/vef-table/hooks/use-selected-rows.js +1 -27
  261. package/es/vef-table/hooks/use-table-columns.js +1 -57
  262. package/es/vef-table/hooks/use-table-context.js +1 -22
  263. package/es/vef-table/hooks/use-table-instance.js +1 -16
  264. package/es/vef-table/hooks/use-table-summary.js +1 -43
  265. package/es/vef-table/hooks/use-table-width.js +1 -14
  266. package/es/vef-table/index.js +3 -226
  267. package/es/vef-table/store.js +1 -18
  268. package/es/vef-tabs/index.js +1 -26
  269. package/es/vef-tag/index.js +1 -29
  270. package/es/vef-temporal-picker/helper.js +1 -58
  271. package/es/vef-temporal-picker/hooks/use-dayjs-value.js +1 -19
  272. package/es/vef-temporal-picker/hooks/use-temporal-limit.js +1 -35
  273. package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js +1 -20
  274. package/es/vef-temporal-picker/index.js +1 -126
  275. package/es/vef-temporal-range-picker/helper.js +1 -58
  276. package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js +1 -24
  277. package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js +1 -35
  278. package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js +1 -20
  279. package/es/vef-temporal-range-picker/index.js +1 -129
  280. package/es/vef-temporal-range-picker/props.js +1 -5
  281. package/es/vef-text/index.js +1 -81
  282. package/es/vef-textarea/hooks/use-textarea-instance.js +1 -14
  283. package/es/vef-textarea/index.js +1 -68
  284. package/es/vef-title/index.js +3 -87
  285. package/es/vef-tooltip/index.js +1 -36
  286. package/es/vef-tree-select/hooks/use-change-handler.js +1 -34
  287. package/es/vef-tree-select/hooks/use-data-options.js +1 -46
  288. package/es/vef-tree-select/hooks/use-tree-select-instance.js +1 -21
  289. package/es/vef-tree-select/index.js +1 -90
  290. package/es/vef-virtual-grid/index.js +3 -108
  291. package/es/vef-virtual-list/index.js +4 -216
  292. package/lib/index.cjs +1 -187
  293. package/lib/internal/base.css.cjs +488 -6
  294. package/lib/internal/chart.cjs +1 -23
  295. package/lib/internal/index.cjs +1 -13
  296. package/lib/internal/modern-normalize.css.cjs +211 -6
  297. package/lib/internal/utils.cjs +1 -11
  298. package/lib/vef-access-denied/access-denied-icon.cjs +1 -933
  299. package/lib/vef-access-denied/index.cjs +3 -44
  300. package/lib/vef-access-denied/props.cjs +1 -5
  301. package/lib/vef-action-buttons/index.cjs +1 -80
  302. package/lib/vef-action-buttons/props.cjs +1 -5
  303. package/lib/vef-approval-flow-editor/components/edge.cjs +2 -88
  304. package/lib/vef-approval-flow-editor/components/label-value.cjs +2 -26
  305. package/lib/vef-approval-flow-editor/components/node-content.cjs +4 -44
  306. package/lib/vef-approval-flow-editor/components/node-selector.cjs +2 -36
  307. package/lib/vef-approval-flow-editor/components/node-toolbar.cjs +1 -26
  308. package/lib/vef-approval-flow-editor/components/nodes/approval.cjs +1 -29
  309. package/lib/vef-approval-flow-editor/components/nodes/condition.cjs +1 -29
  310. package/lib/vef-approval-flow-editor/components/nodes/end.cjs +1 -29
  311. package/lib/vef-approval-flow-editor/components/nodes/handle.cjs +1 -29
  312. package/lib/vef-approval-flow-editor/components/nodes/index.cjs +1 -22
  313. package/lib/vef-approval-flow-editor/components/nodes/submit.cjs +1 -29
  314. package/lib/vef-approval-flow-editor/components/selector-content.cjs +3 -47
  315. package/lib/vef-approval-flow-editor/components/source-handle.cjs +1 -45
  316. package/lib/vef-approval-flow-editor/components/target-handle.cjs +1 -14
  317. package/lib/vef-approval-flow-editor/constants.cjs +1 -228
  318. package/lib/vef-approval-flow-editor/helper.cjs +1 -91
  319. package/lib/vef-approval-flow-editor/hooks/use-edges-interaction.cjs +1 -30
  320. package/lib/vef-approval-flow-editor/hooks/use-element-selection.cjs +1 -29
  321. package/lib/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs +1 -56
  322. package/lib/vef-approval-flow-editor/index.cjs +1 -80
  323. package/lib/vef-approval-flow-editor/models/edge-node.cjs +1 -26
  324. package/lib/vef-approval-flow-editor/models/flow-node.cjs +1 -115
  325. package/lib/vef-approval-flow-editor/props.cjs +1 -5
  326. package/lib/vef-approval-flow-editor/store.cjs +1 -23
  327. package/lib/vef-approval-flow-editor/styles.cjs +3 -17
  328. package/lib/vef-approval-flow-editor/types.cjs +1 -21
  329. package/lib/vef-area-chart/index.cjs +1 -46
  330. package/lib/vef-area-chart/props.cjs +1 -5
  331. package/lib/vef-auto-sizer/index.cjs +1 -11
  332. package/lib/vef-auto-sizer/props.cjs +1 -5
  333. package/lib/vef-avatar/index.cjs +1 -25
  334. package/lib/vef-avatar/props.cjs +1 -5
  335. package/lib/vef-avatar-group/index.cjs +1 -30
  336. package/lib/vef-avatar-group/props.cjs +1 -5
  337. package/lib/vef-badge/index.cjs +1 -52
  338. package/lib/vef-badge/props.cjs +1 -5
  339. package/lib/vef-bar-chart/index.cjs +1 -46
  340. package/lib/vef-bar-chart/props.cjs +1 -5
  341. package/lib/vef-bool/hooks/use-bool-instance.cjs +1 -39
  342. package/lib/vef-bool/index.cjs +1 -65
  343. package/lib/vef-bool/props.cjs +1 -5
  344. package/lib/vef-breadcrumb/index.cjs +1 -53
  345. package/lib/vef-breadcrumb/props.cjs +1 -5
  346. package/lib/vef-button/components/base-button.cjs +1 -78
  347. package/lib/vef-button/index.cjs +1 -156
  348. package/lib/vef-button/props.cjs +1 -5
  349. package/lib/vef-card/index.cjs +1 -30
  350. package/lib/vef-card/props.cjs +1 -5
  351. package/lib/vef-card-meta/index.cjs +1 -17
  352. package/lib/vef-card-meta/props.cjs +1 -5
  353. package/lib/vef-chart-container/hooks/use-chart-container-context.cjs +1 -19
  354. package/lib/vef-chart-container/index.cjs +5 -76
  355. package/lib/vef-chart-container/props.cjs +1 -5
  356. package/lib/vef-chart-legend-content/index.cjs +4 -43
  357. package/lib/vef-chart-legend-content/props.cjs +1 -5
  358. package/lib/vef-chart-tooltip-content/index.cjs +9 -77
  359. package/lib/vef-chart-tooltip-content/props.cjs +1 -5
  360. package/lib/vef-checkbox/hooks/use-checkbox-instance.cjs +1 -25
  361. package/lib/vef-checkbox/hooks/use-data-options.cjs +1 -45
  362. package/lib/vef-checkbox/index.cjs +2 -92
  363. package/lib/vef-checkbox/props.cjs +1 -5
  364. package/lib/vef-col/index.cjs +1 -16
  365. package/lib/vef-col/props.cjs +1 -5
  366. package/lib/vef-color-picker/index.cjs +1 -51
  367. package/lib/vef-color-picker/props.cjs +1 -5
  368. package/lib/vef-compact/index.cjs +1 -20
  369. package/lib/vef-compact/props.cjs +1 -5
  370. package/lib/vef-config-provider/global-style.cjs +3 -17
  371. package/lib/vef-config-provider/hooks/use-ui-config.cjs +1 -131
  372. package/lib/vef-config-provider/index.cjs +3 -126
  373. package/lib/vef-config-provider/props.cjs +1 -5
  374. package/lib/vef-config-provider/store.cjs +1 -28
  375. package/lib/vef-container/index.cjs +1 -23
  376. package/lib/vef-container/props.cjs +1 -5
  377. package/lib/vef-crud-page/components/crud-actions.cjs +1 -37
  378. package/lib/vef-crud-page/components/crud-filter.cjs +1 -59
  379. package/lib/vef-crud-page/components/crud-footer.cjs +2 -120
  380. package/lib/vef-crud-page/components/crud-form-modal.cjs +1 -58
  381. package/lib/vef-crud-page/components/crud-header.cjs +1 -34
  382. package/lib/vef-crud-page/components/crud-table.cjs +1 -81
  383. package/lib/vef-crud-page/hooks/use-action-buttons.cjs +1 -42
  384. package/lib/vef-crud-page/hooks/use-crud-context.cjs +1 -25
  385. package/lib/vef-crud-page/hooks/use-crud-schema.cjs +1 -121
  386. package/lib/vef-crud-page/hooks/use-operation-buttons.cjs +1 -65
  387. package/lib/vef-crud-page/index.cjs +1 -155
  388. package/lib/vef-crud-page/props.cjs +1 -5
  389. package/lib/vef-crud-page/store.cjs +1 -149
  390. package/lib/vef-crud-page/types.cjs +1 -5
  391. package/lib/vef-data-grid/index.cjs +1 -90
  392. package/lib/vef-data-grid/props.cjs +1 -5
  393. package/lib/vef-data-table/index.cjs +1 -14
  394. package/lib/vef-data-table/props.cjs +1 -5
  395. package/lib/vef-divider/index.cjs +1 -29
  396. package/lib/vef-divider/props.cjs +1 -5
  397. package/lib/vef-drawer/components/action-button-wrapper.cjs +1 -54
  398. package/lib/vef-drawer/components/button-props.cjs +1 -5
  399. package/lib/vef-drawer/components/cancel-action-button.cjs +1 -26
  400. package/lib/vef-drawer/components/ok-action-button.cjs +1 -25
  401. package/lib/vef-drawer/context.cjs +1 -22
  402. package/lib/vef-drawer/index.cjs +2 -159
  403. package/lib/vef-drawer/props.cjs +1 -5
  404. package/lib/vef-dropdown/index.cjs +1 -97
  405. package/lib/vef-dropdown/props.cjs +1 -5
  406. package/lib/vef-dynamic-icon/index.cjs +1 -51
  407. package/lib/vef-dynamic-icon/props.cjs +1 -11
  408. package/lib/vef-empty/index.cjs +1 -42
  409. package/lib/vef-empty/props.cjs +1 -5
  410. package/lib/vef-empty-placeholder/index.cjs +2 -22
  411. package/lib/vef-empty-placeholder/props.cjs +1 -5
  412. package/lib/vef-error/error-icon.cjs +1 -762
  413. package/lib/vef-error/index.cjs +3 -47
  414. package/lib/vef-error/props.cjs +1 -5
  415. package/lib/vef-filter/components/action-buttons.cjs +2 -121
  416. package/lib/vef-filter/components/advanced-filter.cjs +3 -71
  417. package/lib/vef-filter/components/basic-filter.cjs +2 -38
  418. package/lib/vef-filter/components/fields/index.cjs +1 -24
  419. package/lib/vef-filter/components/fields/input-number.cjs +1 -95
  420. package/lib/vef-filter/components/fields/input.cjs +1 -72
  421. package/lib/vef-filter/components/fields/props.cjs +1 -5
  422. package/lib/vef-filter/components/fields/radio.cjs +1 -114
  423. package/lib/vef-filter/components/fields/select.cjs +1 -145
  424. package/lib/vef-filter/components/fields/tree-select.cjs +1 -141
  425. package/lib/vef-filter/components/filter-field.cjs +1 -24
  426. package/lib/vef-filter/components/filter-item.cjs +1 -117
  427. package/lib/vef-filter/event.cjs +1 -49
  428. package/lib/vef-filter/helper.cjs +1 -20
  429. package/lib/vef-filter/hooks/use-action-handlers.cjs +1 -75
  430. package/lib/vef-filter/hooks/use-computed-values.cjs +1 -60
  431. package/lib/vef-filter/hooks/use-filter-context.cjs +1 -25
  432. package/lib/vef-filter/hooks/use-filter-initialization.cjs +1 -42
  433. package/lib/vef-filter/hooks/use-filter-instance.cjs +1 -31
  434. package/lib/vef-filter/hooks/use-filter-items.cjs +1 -28
  435. package/lib/vef-filter/hooks/use-filter-values-change.cjs +1 -35
  436. package/lib/vef-filter/hooks/use-label-config.cjs +1 -32
  437. package/lib/vef-filter/index.cjs +2 -146
  438. package/lib/vef-filter/props.cjs +1 -5
  439. package/lib/vef-filter/store.cjs +1 -78
  440. package/lib/vef-filter/types.cjs +1 -5
  441. package/lib/vef-flex/index.cjs +1 -36
  442. package/lib/vef-flex/props.cjs +1 -5
  443. package/lib/vef-float-button/index.cjs +1 -54
  444. package/lib/vef-float-button/props.cjs +1 -5
  445. package/lib/vef-float-button-group/index.cjs +1 -25
  446. package/lib/vef-float-button-group/props.cjs +1 -5
  447. package/lib/vef-form/components/fields/icon-select.cjs +1 -70
  448. package/lib/vef-form/components/fields/index.cjs +1 -30
  449. package/lib/vef-form/components/fields/input-number.cjs +1 -128
  450. package/lib/vef-form/components/fields/input.cjs +1 -137
  451. package/lib/vef-form/components/fields/password.cjs +1 -120
  452. package/lib/vef-form/components/fields/props.cjs +1 -5
  453. package/lib/vef-form/components/fields/radio.cjs +1 -111
  454. package/lib/vef-form/components/fields/select.cjs +1 -243
  455. package/lib/vef-form/components/fields/textarea.cjs +1 -114
  456. package/lib/vef-form/components/fields/tree-select.cjs +1 -239
  457. package/lib/vef-form/components/form-actions.cjs +2 -62
  458. package/lib/vef-form/components/form-content.cjs +2 -149
  459. package/lib/vef-form/components/form-field.cjs +1 -27
  460. package/lib/vef-form/components/form-group.cjs +2 -68
  461. package/lib/vef-form/components/form-hidden-item.cjs +1 -41
  462. package/lib/vef-form/components/form-item.cjs +1 -84
  463. package/lib/vef-form/components/form-row.cjs +1 -103
  464. package/lib/vef-form/event.cjs +1 -49
  465. package/lib/vef-form/helper.cjs +1 -20
  466. package/lib/vef-form/hooks/use-action-handlers.cjs +1 -135
  467. package/lib/vef-form/hooks/use-columns-layout.cjs +1 -127
  468. package/lib/vef-form/hooks/use-computed-values.cjs +1 -60
  469. package/lib/vef-form/hooks/use-form-context.cjs +1 -21
  470. package/lib/vef-form/hooks/use-form-initialization.cjs +1 -50
  471. package/lib/vef-form/hooks/use-form-instance.cjs +1 -31
  472. package/lib/vef-form/hooks/use-form-values-change.cjs +1 -35
  473. package/lib/vef-form/hooks/use-label-width.cjs +1 -23
  474. package/lib/vef-form/index.cjs +2 -178
  475. package/lib/vef-form/props.cjs +1 -5
  476. package/lib/vef-form/store.cjs +1 -72
  477. package/lib/vef-form/types.cjs +1 -5
  478. package/lib/vef-form/validation-rules.cjs +1 -313
  479. package/lib/vef-form-drawer/index.cjs +1 -103
  480. package/lib/vef-form-drawer/props.cjs +1 -5
  481. package/lib/vef-form-modal/index.cjs +1 -100
  482. package/lib/vef-form-modal/props.cjs +1 -5
  483. package/lib/vef-generic-select/index.cjs +1 -86
  484. package/lib/vef-generic-select/props.cjs +1 -5
  485. package/lib/vef-grid/index.cjs +9 -79
  486. package/lib/vef-grid/props.cjs +1 -9
  487. package/lib/vef-grid-item/index.cjs +1 -57
  488. package/lib/vef-grid-item/props.cjs +1 -5
  489. package/lib/vef-icon/index.cjs +1 -55
  490. package/lib/vef-icon/props.cjs +1 -5
  491. package/lib/vef-icon-select/index.cjs +4 -144
  492. package/lib/vef-icon-select/props.cjs +1 -5
  493. package/lib/vef-input/hooks/use-input-instance.cjs +1 -20
  494. package/lib/vef-input/index.cjs +1 -69
  495. package/lib/vef-input/props.cjs +1 -5
  496. package/lib/vef-input-number/hooks/use-input-number-instance.cjs +1 -18
  497. package/lib/vef-input-number/index.cjs +1 -153
  498. package/lib/vef-input-number/props.cjs +1 -5
  499. package/lib/vef-layout/common-styles.cjs +2 -13
  500. package/lib/vef-layout/components/content.cjs +1 -18
  501. package/lib/vef-layout/components/font-size.cjs +1 -73
  502. package/lib/vef-layout/components/fullscreen.cjs +1 -28
  503. package/lib/vef-layout/components/header-action-icons.cjs +2 -30
  504. package/lib/vef-layout/components/header-content.cjs +1 -24
  505. package/lib/vef-layout/components/header.cjs +2 -70
  506. package/lib/vef-layout/components/icon-boy.cjs +1 -74
  507. package/lib/vef-layout/components/icon-girl.cjs +1 -81
  508. package/lib/vef-layout/components/icon-menu-fold-left.cjs +1 -28
  509. package/lib/vef-layout/components/icon-menu-unfold-left.cjs +1 -28
  510. package/lib/vef-layout/components/menu-groups.cjs +5 -118
  511. package/lib/vef-layout/components/message.cjs +1 -16
  512. package/lib/vef-layout/components/search.cjs +1 -16
  513. package/lib/vef-layout/components/sider.cjs +2 -56
  514. package/lib/vef-layout/components/title.cjs +2 -52
  515. package/lib/vef-layout/components/user-avatar.cjs +4 -80
  516. package/lib/vef-layout/hooks/use-layout-context.cjs +1 -17
  517. package/lib/vef-layout/index.cjs +2 -38
  518. package/lib/vef-layout/logo.svg.cjs +1 -9
  519. package/lib/vef-layout/props.cjs +1 -5
  520. package/lib/vef-layout/store.cjs +1 -23
  521. package/lib/vef-line-chart/index.cjs +1 -43
  522. package/lib/vef-line-chart/props.cjs +1 -5
  523. package/lib/vef-loading-placeholder/index.cjs +2 -44
  524. package/lib/vef-loading-placeholder/props.cjs +1 -5
  525. package/lib/vef-login/index.cjs +9 -145
  526. package/lib/vef-login/login-icon.cjs +1 -673
  527. package/lib/vef-login/props.cjs +1 -5
  528. package/lib/vef-menu/index.cjs +2 -80
  529. package/lib/vef-menu/props.cjs +1 -5
  530. package/lib/vef-modal/components/action-button-wrapper.cjs +1 -54
  531. package/lib/vef-modal/components/button-props.cjs +1 -5
  532. package/lib/vef-modal/components/cancel-action-button.cjs +1 -23
  533. package/lib/vef-modal/components/ok-action-button.cjs +1 -25
  534. package/lib/vef-modal/context.cjs +1 -22
  535. package/lib/vef-modal/index.cjs +2 -245
  536. package/lib/vef-modal/props.cjs +1 -5
  537. package/lib/vef-not-found/index.cjs +3 -44
  538. package/lib/vef-not-found/not-found-icon.cjs +1 -849
  539. package/lib/vef-not-found/props.cjs +1 -5
  540. package/lib/vef-page/index.cjs +2 -84
  541. package/lib/vef-page/props.cjs +1 -5
  542. package/lib/vef-pagination/index.cjs +1 -62
  543. package/lib/vef-pagination/props.cjs +1 -18
  544. package/lib/vef-paragraph/index.cjs +1 -94
  545. package/lib/vef-paragraph/props.cjs +1 -5
  546. package/lib/vef-password/hooks/use-password-instance.cjs +1 -18
  547. package/lib/vef-password/index.cjs +1 -72
  548. package/lib/vef-password/props.cjs +1 -5
  549. package/lib/vef-pie-chart/index.cjs +3 -70
  550. package/lib/vef-pie-chart/props.cjs +1 -5
  551. package/lib/vef-popconfirm/index.cjs +1 -61
  552. package/lib/vef-popconfirm/props.cjs +1 -5
  553. package/lib/vef-popover/index.cjs +1 -39
  554. package/lib/vef-popover/props.cjs +1 -5
  555. package/lib/vef-radio/hooks/use-data-options.cjs +1 -45
  556. package/lib/vef-radio/hooks/use-radio-instance.cjs +1 -25
  557. package/lib/vef-radio/index.cjs +2 -92
  558. package/lib/vef-radio/props.cjs +1 -5
  559. package/lib/vef-rate/hooks/use-rate-instance.cjs +1 -18
  560. package/lib/vef-rate/index.cjs +1 -35
  561. package/lib/vef-rate/props.cjs +1 -5
  562. package/lib/vef-responsive-container/index.cjs +2 -59
  563. package/lib/vef-responsive-container/props.cjs +1 -5
  564. package/lib/vef-responsive-item/index.cjs +2 -28
  565. package/lib/vef-responsive-item/props.cjs +1 -5
  566. package/lib/vef-ribbon/index.cjs +1 -43
  567. package/lib/vef-ribbon/props.cjs +1 -5
  568. package/lib/vef-row/index.cjs +1 -17
  569. package/lib/vef-row/props.cjs +1 -5
  570. package/lib/vef-scroll-area/components/scrollbar.cjs +5 -37
  571. package/lib/vef-scroll-area/index.cjs +3 -74
  572. package/lib/vef-scroll-area/props.cjs +1 -5
  573. package/lib/vef-select/components/option.cjs +2 -27
  574. package/lib/vef-select/hooks/use-data-options.cjs +1 -52
  575. package/lib/vef-select/hooks/use-field-names.cjs +1 -26
  576. package/lib/vef-select/hooks/use-render-label.cjs +2 -28
  577. package/lib/vef-select/hooks/use-render-option.cjs +1 -24
  578. package/lib/vef-select/hooks/use-select-instance.cjs +1 -25
  579. package/lib/vef-select/index.cjs +1 -105
  580. package/lib/vef-select/props.cjs +1 -5
  581. package/lib/vef-slider/hooks/use-slider-instance.cjs +1 -18
  582. package/lib/vef-slider/index.cjs +1 -39
  583. package/lib/vef-slider/props.cjs +1 -5
  584. package/lib/vef-sortable-list/components/overlay-item.cjs +2 -36
  585. package/lib/vef-sortable-list/components/sortable-item.cjs +2 -80
  586. package/lib/vef-sortable-list/hooks/use-merged-items.cjs +1 -26
  587. package/lib/vef-sortable-list/index.cjs +1 -119
  588. package/lib/vef-sortable-list/props.cjs +1 -5
  589. package/lib/vef-space/index.cjs +1 -30
  590. package/lib/vef-space/props.cjs +1 -5
  591. package/lib/vef-spin/index.cjs +1 -17
  592. package/lib/vef-spin/props.cjs +1 -5
  593. package/lib/vef-splitter/index.cjs +1 -25
  594. package/lib/vef-splitter/props.cjs +1 -5
  595. package/lib/vef-splitter-panel/index.cjs +1 -17
  596. package/lib/vef-splitter-panel/props.cjs +1 -5
  597. package/lib/vef-status/index.cjs +1 -42
  598. package/lib/vef-status/props.cjs +1 -5
  599. package/lib/vef-table/components/columns/bool.cjs +1 -96
  600. package/lib/vef-table/components/columns/code.cjs +1 -15
  601. package/lib/vef-table/components/columns/data-dictionary.cjs +1 -97
  602. package/lib/vef-table/components/columns/enum.cjs +1 -106
  603. package/lib/vef-table/components/columns/file.cjs +1 -15
  604. package/lib/vef-table/components/columns/icon.cjs +1 -15
  605. package/lib/vef-table/components/columns/id.cjs +1 -87
  606. package/lib/vef-table/components/columns/image.cjs +1 -16
  607. package/lib/vef-table/components/columns/index.cjs +1 -38
  608. package/lib/vef-table/components/columns/markdown.cjs +1 -15
  609. package/lib/vef-table/components/columns/number.cjs +1 -88
  610. package/lib/vef-table/components/columns/props.cjs +1 -5
  611. package/lib/vef-table/components/columns/render.cjs +1 -33
  612. package/lib/vef-table/components/columns/rich-text.cjs +1 -15
  613. package/lib/vef-table/components/columns/text.cjs +1 -93
  614. package/lib/vef-table/components/columns-settings.cjs +2 -192
  615. package/lib/vef-table/components/operation-buttons.cjs +2 -235
  616. package/lib/vef-table/components/settings-icon.cjs +2 -23
  617. package/lib/vef-table/components/table-footer.cjs +2 -106
  618. package/lib/vef-table/helper.cjs +1 -20
  619. package/lib/vef-table/hooks/use-computed-batch-buttons.cjs +1 -38
  620. package/lib/vef-table/hooks/use-computed-columns.cjs +1 -25
  621. package/lib/vef-table/hooks/use-computed-values.cjs +1 -43
  622. package/lib/vef-table/hooks/use-data.cjs +1 -62
  623. package/lib/vef-table/hooks/use-default-column-configs.cjs +1 -32
  624. package/lib/vef-table/hooks/use-display-value.cjs +1 -41
  625. package/lib/vef-table/hooks/use-helper-columns.cjs +1 -72
  626. package/lib/vef-table/hooks/use-operation-column-width.cjs +1 -55
  627. package/lib/vef-table/hooks/use-pagination-props.cjs +1 -49
  628. package/lib/vef-table/hooks/use-row-props.cjs +1 -44
  629. package/lib/vef-table/hooks/use-row-selection-config.cjs +1 -117
  630. package/lib/vef-table/hooks/use-selected-rows.cjs +1 -31
  631. package/lib/vef-table/hooks/use-table-columns.cjs +1 -61
  632. package/lib/vef-table/hooks/use-table-context.cjs +1 -28
  633. package/lib/vef-table/hooks/use-table-instance.cjs +1 -20
  634. package/lib/vef-table/hooks/use-table-summary.cjs +1 -47
  635. package/lib/vef-table/hooks/use-table-width.cjs +1 -18
  636. package/lib/vef-table/index.cjs +3 -230
  637. package/lib/vef-table/props.cjs +1 -5
  638. package/lib/vef-table/store.cjs +1 -24
  639. package/lib/vef-table/types.cjs +1 -5
  640. package/lib/vef-tabs/index.cjs +1 -30
  641. package/lib/vef-tabs/props.cjs +1 -5
  642. package/lib/vef-tag/index.cjs +1 -33
  643. package/lib/vef-tag/props.cjs +1 -5
  644. package/lib/vef-temporal-picker/helper.cjs +1 -62
  645. package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs +1 -23
  646. package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs +1 -39
  647. package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs +1 -24
  648. package/lib/vef-temporal-picker/index.cjs +1 -130
  649. package/lib/vef-temporal-picker/props.cjs +1 -5
  650. package/lib/vef-temporal-range-picker/helper.cjs +1 -62
  651. package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs +1 -28
  652. package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs +1 -39
  653. package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs +1 -24
  654. package/lib/vef-temporal-range-picker/index.cjs +1 -133
  655. package/lib/vef-temporal-range-picker/props.cjs +1 -9
  656. package/lib/vef-text/index.cjs +1 -85
  657. package/lib/vef-text/props.cjs +1 -5
  658. package/lib/vef-textarea/hooks/use-textarea-instance.cjs +1 -18
  659. package/lib/vef-textarea/index.cjs +1 -72
  660. package/lib/vef-textarea/props.cjs +1 -5
  661. package/lib/vef-title/index.cjs +3 -91
  662. package/lib/vef-title/props.cjs +1 -5
  663. package/lib/vef-tooltip/index.cjs +1 -40
  664. package/lib/vef-tooltip/props.cjs +1 -5
  665. package/lib/vef-tree-select/hooks/use-change-handler.cjs +1 -38
  666. package/lib/vef-tree-select/hooks/use-data-options.cjs +1 -50
  667. package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs +1 -25
  668. package/lib/vef-tree-select/index.cjs +1 -94
  669. package/lib/vef-tree-select/props.cjs +1 -5
  670. package/lib/vef-virtual-grid/index.cjs +3 -112
  671. package/lib/vef-virtual-grid/props.cjs +1 -5
  672. package/lib/vef-virtual-list/index.cjs +4 -220
  673. package/lib/vef-virtual-list/props.cjs +1 -5
  674. package/package.json +4 -4
@@ -1,93 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { css } from '@emotion/react';
4
- import { VefError, isString, isNullish } from '@vef-framework/shared';
5
- import { useMemo } from 'react';
6
- import VefText from '../../../vef-text/index.js';
7
- import { useComputedValues } from '../../hooks/use-computed-values.js';
8
-
9
- const DATA_DICTIONARY_NAME_SUFFIX = "Name";
10
- function DataDictionary({
11
- value,
12
- record,
13
- rowIndex,
14
- columnProps
15
- }) {
16
- if (columnProps.type !== "DataDictionary") {
17
- throw new VefError(-1, "Column type must be DataDictionary");
18
- }
19
- const {
20
- name,
21
- defaultValue,
22
- ellipsis,
23
- bold,
24
- italic,
25
- color,
26
- width
27
- } = columnProps;
28
- const [boldToUse, italicToUse, colorOrMapping] = useComputedValues(
29
- [
30
- {
31
- key: "bold",
32
- rawValue: bold,
33
- defaultValue: false
34
- },
35
- {
36
- key: "italic",
37
- rawValue: italic,
38
- defaultValue: false
39
- },
40
- {
41
- key: "color",
42
- rawValue: color
43
- }
44
- ],
45
- value,
46
- record,
47
- rowIndex
48
- );
49
- const colorToUse = useMemo(() => {
50
- if (isString(colorOrMapping)) {
51
- return colorOrMapping;
52
- }
53
- if (colorOrMapping) {
54
- if (!isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
55
- return colorOrMapping[value];
56
- } else {
57
- return colorOrMapping["*"];
58
- }
59
- }
60
- }, [colorOrMapping, value]);
61
- const valueToDisplay = useMemo(() => {
62
- if (isNullish(value) || isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])) {
63
- return defaultValue;
64
- }
65
- return record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`];
66
- }, [
67
- value,
68
- record,
69
- name,
70
- defaultValue
71
- ]);
72
- const cssToUse = useMemo(() => {
73
- if (width) {
74
- return css({
75
- maxWidth: `${width}px !important`
76
- });
77
- }
78
- }, [width]);
79
- return /* @__PURE__ */ jsx(
80
- VefText,
81
- {
82
- bold: boldToUse,
83
- color: colorToUse,
84
- css: cssToUse,
85
- ellipsis,
86
- italic: italicToUse,
87
- children: valueToDisplay
88
- }
89
- );
90
- }
91
-
92
- export { DataDictionary as default };
93
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const DATA_DICTIONARY_NAME_SUFFIX="Name";function DataDictionary({value,record,rowIndex,columnProps}){if(columnProps.type!=="DataDictionary")throw new VefError(-1,"Column type must be DataDictionary");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])?defaultValue:record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{DataDictionary as default};
@@ -1,102 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { css } from '@emotion/react';
4
- import { VefError, isString, isNullish } from '@vef-framework/shared';
5
- import { useMemo } from 'react';
6
- import VefTag from '../../../vef-tag/index.js';
7
- import VefText from '../../../vef-text/index.js';
8
- import { useComputedValues } from '../../hooks/use-computed-values.js';
9
-
10
- const ENUM_NAME_SUFFIX = "Name";
11
- const tagTextStyle = css({
12
- color: "inherit",
13
- fontSize: "inherit"
14
- });
15
- function Enum({
16
- value,
17
- record,
18
- rowIndex,
19
- columnProps
20
- }) {
21
- if (columnProps.type !== "Enum") {
22
- throw new VefError(-1, "Column type must be Enum");
23
- }
24
- const {
25
- name,
26
- defaultValue,
27
- showAsTag = true,
28
- bold,
29
- italic,
30
- ellipsis,
31
- color,
32
- width
33
- } = columnProps;
34
- const [boldToUse, italicToUse, colorOrMapping] = useComputedValues(
35
- [
36
- {
37
- key: "bold",
38
- rawValue: bold,
39
- defaultValue: false
40
- },
41
- {
42
- key: "italic",
43
- rawValue: italic,
44
- defaultValue: false
45
- },
46
- {
47
- key: "color",
48
- rawValue: color
49
- }
50
- ],
51
- value,
52
- record,
53
- rowIndex
54
- );
55
- const colorToUse = useMemo(() => {
56
- if (isString(colorOrMapping)) {
57
- return colorOrMapping;
58
- }
59
- if (colorOrMapping) {
60
- if (!isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
61
- return colorOrMapping[value];
62
- } else {
63
- return colorOrMapping["*"];
64
- }
65
- }
66
- }, [colorOrMapping, value]);
67
- const valueToDisplay = useMemo(() => {
68
- if (isNullish(value) || isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])) {
69
- return defaultValue;
70
- }
71
- return record[`${name}${ENUM_NAME_SUFFIX}`];
72
- }, [
73
- value,
74
- record,
75
- name,
76
- defaultValue
77
- ]);
78
- const cssToUse = useMemo(() => {
79
- if (width) {
80
- return css({
81
- maxWidth: `${width}px !important`
82
- });
83
- }
84
- }, [width]);
85
- if (showAsTag) {
86
- return /* @__PURE__ */ jsx(VefTag, { color: colorToUse, children: /* @__PURE__ */ jsx(VefText, { bold: boldToUse, css: tagTextStyle, italic: italicToUse, children: valueToDisplay }) });
87
- }
88
- return /* @__PURE__ */ jsx(
89
- VefText,
90
- {
91
- bold: boldToUse,
92
- color: colorToUse,
93
- css: cssToUse,
94
- ellipsis,
95
- italic: italicToUse,
96
- children: valueToDisplay
97
- }
98
- );
99
- }
100
-
101
- export { Enum as default };
102
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefTag from"../../../vef-tag/index.js";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ENUM_NAME_SUFFIX="Name",tagTextStyle=css({color:"inherit",fontSize:"inherit"});function Enum({value,record,rowIndex,columnProps}){if(columnProps.type!=="Enum")throw new VefError(-1,"Column type must be Enum");const{name,defaultValue,showAsTag=!0,bold,italic,ellipsis,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])?defaultValue:record[`${name}${ENUM_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return showAsTag?jsx(VefTag,{color:colorToUse,children:jsx(VefText,{bold:boldToUse,css:tagTextStyle,italic:italicToUse,children:valueToDisplay})}):jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Enum as default};
@@ -1,11 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
-
4
- function File({
5
- value
6
- }) {
7
- return /* @__PURE__ */ jsx("span", { children: value });
8
- }
9
-
10
- export { File as default };
11
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function File({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{File as default};
@@ -1,11 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
-
4
- function Icon({
5
- value
6
- }) {
7
- return /* @__PURE__ */ jsx("span", { children: value });
8
- }
9
-
10
- export { Icon as default };
11
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Icon({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Icon as default};
@@ -1,83 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { css } from '@emotion/react';
4
- import { VefError, isNullish } from '@vef-framework/shared';
5
- import { useMemo } from 'react';
6
- import VefText from '../../../vef-text/index.js';
7
- import { useComputedValues } from '../../hooks/use-computed-values.js';
8
-
9
- const ID_NAME_SUFFIX = "Name";
10
- const ID_NAME_REPLACE_REGEX = /Id$/;
11
- function Id({
12
- value,
13
- record,
14
- rowIndex,
15
- columnProps
16
- }) {
17
- if (columnProps.type !== "Id") {
18
- throw new VefError(-1, "Column type must be Id");
19
- }
20
- const {
21
- name,
22
- defaultValue,
23
- ellipsis,
24
- bold,
25
- italic,
26
- color,
27
- width
28
- } = columnProps;
29
- const [boldToUse, italicToUse, colorToUse] = useComputedValues(
30
- [
31
- {
32
- key: "bold",
33
- rawValue: bold,
34
- defaultValue: false
35
- },
36
- {
37
- key: "italic",
38
- rawValue: italic,
39
- defaultValue: false
40
- },
41
- {
42
- key: "color",
43
- rawValue: color
44
- }
45
- ],
46
- value,
47
- record,
48
- rowIndex
49
- );
50
- const valueToDisplay = useMemo(() => {
51
- const nameToUse = name.replace(ID_NAME_REPLACE_REGEX, ID_NAME_SUFFIX);
52
- if (isNullish(value) || isNullish(record[nameToUse])) {
53
- return defaultValue;
54
- }
55
- return record[nameToUse];
56
- }, [
57
- value,
58
- record,
59
- name,
60
- defaultValue
61
- ]);
62
- const cssToUse = useMemo(() => {
63
- if (width) {
64
- return css({
65
- maxWidth: `${width}px !important`
66
- });
67
- }
68
- }, [width]);
69
- return /* @__PURE__ */ jsx(
70
- VefText,
71
- {
72
- bold: boldToUse,
73
- color: colorToUse,
74
- css: cssToUse,
75
- ellipsis,
76
- italic: italicToUse,
77
- children: valueToDisplay
78
- }
79
- );
80
- }
81
-
82
- export { Id as default };
83
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ID_NAME_SUFFIX="Name",ID_NAME_REPLACE_REGEX=/Id$/;function Id({value,record,rowIndex,columnProps}){if(columnProps.type!=="Id")throw new VefError(-1,"Column type must be Id");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useMemo(()=>{const nameToUse=name.replace(ID_NAME_REPLACE_REGEX,ID_NAME_SUFFIX);return isNullish(value)||isNullish(record[nameToUse])?defaultValue:record[nameToUse]},[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Id as default};
@@ -1,12 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { extractBaseName } from '@vef-framework/shared';
4
-
5
- function Image({
6
- value
7
- }) {
8
- return /* @__PURE__ */ jsx("img", { alt: extractBaseName(value), src: value });
9
- }
10
-
11
- export { Image as default };
12
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{extractBaseName}from"@vef-framework/shared";function Image({value}){return jsx("img",{alt:extractBaseName(value),src:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Image as default};
@@ -1,34 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import BoolMemo from './bool.js';
3
- import Code from './code.js';
4
- import DataDictionary from './data-dictionary.js';
5
- import Enum from './enum.js';
6
- import File from './file.js';
7
- import Icon from './icon.js';
8
- import Id from './id.js';
9
- import Image from './image.js';
10
- import Markdown from './markdown.js';
11
- import NumberColumn from './number.js';
12
- import Render from './render.js';
13
- import RichText from './rich-text.js';
14
- import Text from './text.js';
15
-
16
-
17
- const columnComponents = {
18
- Text,
19
- Number: NumberColumn,
20
- Enum,
21
- Boolean: BoolMemo,
22
- DataDictionary,
23
- Id,
24
- Render,
25
- Markdown,
26
- Icon,
27
- File,
28
- RichText,
29
- Image,
30
- Code
31
- };
32
-
33
- export { columnComponents };
34
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import BoolMemo from"./bool.js";import Code from"./code.js";import DataDictionary from"./data-dictionary.js";import Enum from"./enum.js";import File from"./file.js";import Icon from"./icon.js";import Id from"./id.js";import Image from"./image.js";import Markdown from"./markdown.js";import NumberColumn from"./number.js";import Render from"./render.js";import RichText from"./rich-text.js";import Text from"./text.js";const columnComponents={Text,Number:NumberColumn,Enum,Boolean:BoolMemo,DataDictionary,Id,Render,Markdown,Icon,File,RichText,Image,Code};/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{columnComponents};
@@ -1,11 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
-
4
- function Markdown({
5
- value
6
- }) {
7
- return /* @__PURE__ */ jsx("span", { children: value });
8
- }
9
-
10
- export { Markdown as default };
11
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Markdown({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Markdown as default};
@@ -1,84 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { css } from '@emotion/react';
4
- import { VefError, isNullish } from '@vef-framework/shared';
5
- import { useMemo } from 'react';
6
- import VefText from '../../../vef-text/index.js';
7
- import { useComputedValues } from '../../hooks/use-computed-values.js';
8
- import { useDisplayValue } from '../../hooks/use-display-value.js';
9
-
10
- function NumberColumn({
11
- value,
12
- record,
13
- rowIndex,
14
- columnProps
15
- }) {
16
- if (columnProps.type !== "Number") {
17
- throw new VefError(-1, "Column type must be Number");
18
- }
19
- const {
20
- defaultValue,
21
- formatter,
22
- prefix,
23
- suffix,
24
- bold,
25
- italic,
26
- color,
27
- width
28
- } = columnProps;
29
- const displayValue = useDisplayValue(
30
- value,
31
- record,
32
- rowIndex,
33
- {
34
- defaultValue,
35
- formatter,
36
- prefix,
37
- suffix
38
- }
39
- );
40
- const [boldToUse, italicToUse, colorToUse] = useComputedValues(
41
- [
42
- {
43
- key: "bold",
44
- rawValue: bold,
45
- defaultValue: false
46
- },
47
- {
48
- key: "italic",
49
- rawValue: italic,
50
- defaultValue: false
51
- },
52
- {
53
- key: "color",
54
- rawValue: color
55
- }
56
- ],
57
- value,
58
- record,
59
- rowIndex
60
- );
61
- const cssToUse = useMemo(() => {
62
- if (width) {
63
- return css({
64
- maxWidth: `${width}px !important`
65
- });
66
- }
67
- }, [width]);
68
- if (isNullish(displayValue)) {
69
- return null;
70
- }
71
- return /* @__PURE__ */ jsx(
72
- VefText,
73
- {
74
- bold: boldToUse,
75
- color: colorToUse,
76
- css: cssToUse,
77
- italic: italicToUse,
78
- children: displayValue
79
- }
80
- );
81
- }
82
-
83
- export { NumberColumn as default };
84
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function NumberColumn({value,record,rowIndex,columnProps}){if(columnProps.type!=="Number")throw new VefError(-1,"Column type must be Number");const{defaultValue,formatter,prefix,suffix,bold,italic,color,width}=columnProps,displayValue=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(displayValue)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:displayValue})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{NumberColumn as default};
@@ -1,29 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { css } from '@emotion/react';
4
- import { VefError } from '@vef-framework/shared';
5
- import { useMemo } from 'react';
6
-
7
- function Render({
8
- value,
9
- record,
10
- rowIndex,
11
- columnProps
12
- }) {
13
- if (columnProps.type !== "Render") {
14
- throw new VefError(-1, "Column type must be Render");
15
- }
16
- const { render, width } = columnProps;
17
- const content = render?.(value, record, rowIndex);
18
- const cssToUse = useMemo(() => {
19
- if (width) {
20
- return css({
21
- maxWidth: `${width}px !important`
22
- });
23
- }
24
- }, [width]);
25
- return /* @__PURE__ */ jsx("div", { css: cssToUse, children: content });
26
- }
27
-
28
- export { Render as default };
29
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError}from"@vef-framework/shared";import{useMemo}from"react";function Render({value,record,rowIndex,columnProps}){if(columnProps.type!=="Render")throw new VefError(-1,"Column type must be Render");const{render,width}=columnProps,content=render?.(value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx("div",{css:cssToUse,children:content})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Render as default};
@@ -1,11 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
-
4
- function RichText({
5
- value
6
- }) {
7
- return /* @__PURE__ */ jsx("span", { children: value });
8
- }
9
-
10
- export { RichText as default };
11
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function RichText({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{RichText as default};
@@ -1,89 +1 @@
1
- /*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
2
- import { jsx } from '@emotion/react/jsx-runtime';
3
- import { css } from '@emotion/react';
4
- import { VefError, isNullish } from '@vef-framework/shared';
5
- import { useMemo } from 'react';
6
- import VefText from '../../../vef-text/index.js';
7
- import { useComputedValues } from '../../hooks/use-computed-values.js';
8
- import { useDisplayValue } from '../../hooks/use-display-value.js';
9
-
10
- function Text({
11
- value,
12
- record,
13
- rowIndex,
14
- columnProps
15
- }) {
16
- if (columnProps.type !== "Text") {
17
- throw new VefError(-1, "Column type must be Text");
18
- }
19
- const {
20
- defaultValue,
21
- formatter,
22
- prefix,
23
- suffix,
24
- ellipsis,
25
- bold,
26
- italic,
27
- color,
28
- copyable,
29
- width
30
- } = columnProps;
31
- const [boldToUse, italicToUse, colorToUse] = useComputedValues(
32
- [
33
- {
34
- key: "bold",
35
- rawValue: bold,
36
- defaultValue: false
37
- },
38
- {
39
- key: "italic",
40
- rawValue: italic,
41
- defaultValue: false
42
- },
43
- {
44
- key: "color",
45
- rawValue: color
46
- }
47
- ],
48
- value,
49
- record,
50
- rowIndex
51
- );
52
- const valueToDisplay = useDisplayValue(
53
- value,
54
- record,
55
- rowIndex,
56
- {
57
- defaultValue,
58
- formatter,
59
- prefix,
60
- suffix
61
- }
62
- );
63
- const cssToUse = useMemo(() => {
64
- if (width) {
65
- return css({
66
- maxWidth: `${width}px !important`
67
- });
68
- }
69
- }, [width]);
70
- if (isNullish(valueToDisplay)) {
71
- return null;
72
- }
73
- return /* @__PURE__ */ jsx(
74
- VefText,
75
- {
76
- bold: boldToUse,
77
- color: colorToUse,
78
- copyable,
79
- css: cssToUse,
80
- ellipsis,
81
- ellipsisTip: ellipsis ? valueToDisplay : void 0,
82
- italic: italicToUse,
83
- children: valueToDisplay
84
- }
85
- );
86
- }
87
-
88
- export { Text as default };
89
- /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
1
+ /*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function Text({value,record,rowIndex,columnProps}){if(columnProps.type!=="Text")throw new VefError(-1,"Column type must be Text");const{defaultValue,formatter,prefix,suffix,ellipsis,bold,italic,color,copyable,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(valueToDisplay)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,copyable,css:cssToUse,ellipsis,ellipsisTip:ellipsis?valueToDisplay:void 0,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Text as default};