@cozeloop/components 0.0.12-beta-1378.344125032425 → 0.0.12-beta-1782717209548

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 (275) hide show
  1. package/dist/es/index.css +11 -0
  2. package/dist/es/index.mjs +54 -1
  3. package/dist/lib/code-editor/index.d.ts +3 -0
  4. package/dist/lib/code-editor-with-loading/index.d.ts +10 -0
  5. package/dist/lib/codemirror-editor/code-editor.d.ts +23 -2
  6. package/dist/lib/codemirror-editor/text-editor.d.ts +23 -2
  7. package/dist/lib/index.d.ts +2 -0
  8. package/package.json +12 -30
  9. package/dist/lib/base-search-select/base-search-form-select.js +0 -6
  10. package/dist/lib/base-search-select/base-search-form-select.js.map +0 -1
  11. package/dist/lib/base-search-select/base-search-select.js +0 -130
  12. package/dist/lib/base-search-select/base-search-select.js.map +0 -1
  13. package/dist/lib/base-search-select/index.js +0 -3
  14. package/dist/lib/base-search-select/index.js.map +0 -1
  15. package/dist/lib/base-search-select/types.js +0 -2
  16. package/dist/lib/base-search-select/types.js.map +0 -1
  17. package/dist/lib/base-search-select/utils.js +0 -48
  18. package/dist/lib/base-search-select/utils.js.map +0 -1
  19. package/dist/lib/basic-card/index.js +0 -4
  20. package/dist/lib/basic-card/index.js.map +0 -1
  21. package/dist/lib/card-pane/index.js +0 -9
  22. package/dist/lib/card-pane/index.js.map +0 -1
  23. package/dist/lib/chip-select/index.js +0 -6
  24. package/dist/lib/chip-select/index.js.map +0 -1
  25. package/dist/lib/codemirror-editor/code-editor.js +0 -135
  26. package/dist/lib/codemirror-editor/code-editor.js.map +0 -1
  27. package/dist/lib/codemirror-editor/index.js +0 -7
  28. package/dist/lib/codemirror-editor/index.js.map +0 -1
  29. package/dist/lib/codemirror-editor/json-editor.js +0 -104
  30. package/dist/lib/codemirror-editor/json-editor.js.map +0 -1
  31. package/dist/lib/codemirror-editor/raw-code-editor.js +0 -104
  32. package/dist/lib/codemirror-editor/raw-code-editor.js.map +0 -1
  33. package/dist/lib/codemirror-editor/raw-text-editor.js +0 -33
  34. package/dist/lib/codemirror-editor/raw-text-editor.js.map +0 -1
  35. package/dist/lib/codemirror-editor/text-editor.js +0 -50
  36. package/dist/lib/codemirror-editor/text-editor.js.map +0 -1
  37. package/dist/lib/codemirror-editor/themes/coze-dark.js +0 -113
  38. package/dist/lib/codemirror-editor/themes/coze-dark.js.map +0 -1
  39. package/dist/lib/codemirror-editor/themes/coze-light.js +0 -119
  40. package/dist/lib/codemirror-editor/themes/coze-light.js.map +0 -1
  41. package/dist/lib/collapse-card/index.js +0 -31
  42. package/dist/lib/collapse-card/index.js.map +0 -1
  43. package/dist/lib/collapse-item/index.js +0 -9
  44. package/dist/lib/collapse-item/index.js.map +0 -1
  45. package/dist/lib/collapsible-card/index.js +0 -13
  46. package/dist/lib/collapsible-card/index.js.map +0 -1
  47. package/dist/lib/column-manage-storage/index.js +0 -48
  48. package/dist/lib/column-manage-storage/index.js.map +0 -1
  49. package/dist/lib/columns-select/index.js +0 -78
  50. package/dist/lib/columns-select/index.js.map +0 -1
  51. package/dist/lib/copyable/index.js +0 -12
  52. package/dist/lib/copyable/index.js.map +0 -1
  53. package/dist/lib/edit-icon-button/index.js +0 -13
  54. package/dist/lib/edit-icon-button/index.js.map +0 -1
  55. package/dist/lib/footer-actions/index.js +0 -8
  56. package/dist/lib/footer-actions/index.js.map +0 -1
  57. package/dist/lib/hooks/use-infinite-scroll.js +0 -133
  58. package/dist/lib/hooks/use-infinite-scroll.js.map +0 -1
  59. package/dist/lib/hooks/use-mouse-down-offset.js +0 -39
  60. package/dist/lib/hooks/use-mouse-down-offset.js.map +0 -1
  61. package/dist/lib/hooks/use-unsave-leave-warning.js +0 -26
  62. package/dist/lib/hooks/use-unsave-leave-warning.js.map +0 -1
  63. package/dist/lib/id-render/icon-button-container.js +0 -7
  64. package/dist/lib/id-render/icon-button-container.js.map +0 -1
  65. package/dist/lib/id-render/index.js +0 -22
  66. package/dist/lib/id-render/index.js.map +0 -1
  67. package/dist/lib/index-controller/record-navigation.js +0 -10
  68. package/dist/lib/index-controller/record-navigation.js.map +0 -1
  69. package/dist/lib/index-controller/use-item-index-controller.js +0 -123
  70. package/dist/lib/index-controller/use-item-index-controller.js.map +0 -1
  71. package/dist/lib/index.js +0 -77
  72. package/dist/lib/index.js.map +0 -1
  73. package/dist/lib/infinite-scroll-table/index.js +0 -35
  74. package/dist/lib/infinite-scroll-table/index.js.map +0 -1
  75. package/dist/lib/info-tooltip/index.js +0 -9
  76. package/dist/lib/info-tooltip/index.js.map +0 -1
  77. package/dist/lib/input-components/radio-button.js +0 -21
  78. package/dist/lib/input-components/radio-button.js.map +0 -1
  79. package/dist/lib/input-slider/index.js +0 -81
  80. package/dist/lib/input-slider/index.js.map +0 -1
  81. package/dist/lib/input-with-count/index.js +0 -7
  82. package/dist/lib/input-with-count/index.js.map +0 -1
  83. package/dist/lib/jump-button/jump-icon-button.js +0 -7
  84. package/dist/lib/jump-button/jump-icon-button.js.map +0 -1
  85. package/dist/lib/large-txt-render/index.js +0 -27
  86. package/dist/lib/large-txt-render/index.js.map +0 -1
  87. package/dist/lib/layout/content.js +0 -5
  88. package/dist/lib/layout/content.js.map +0 -1
  89. package/dist/lib/layout/header.js +0 -6
  90. package/dist/lib/layout/header.js.map +0 -1
  91. package/dist/lib/layout/index.js +0 -9
  92. package/dist/lib/layout/index.js.map +0 -1
  93. package/dist/lib/layout/tabs.js +0 -10
  94. package/dist/lib/layout/tabs.js.map +0 -1
  95. package/dist/lib/lazy-load-component/index.js +0 -42
  96. package/dist/lib/lazy-load-component/index.js.map +0 -1
  97. package/dist/lib/link-button/index.js +0 -23
  98. package/dist/lib/link-button/index.js.map +0 -1
  99. package/dist/lib/logic-editor/index.js +0 -3
  100. package/dist/lib/logic-editor/index.js.map +0 -1
  101. package/dist/lib/logic-editor/logic-editor.js +0 -70
  102. package/dist/lib/logic-editor/logic-editor.js.map +0 -1
  103. package/dist/lib/logic-editor/logic-left-render.js +0 -62
  104. package/dist/lib/logic-editor/logic-left-render.js.map +0 -1
  105. package/dist/lib/logic-editor/logic-operator-render.js +0 -31
  106. package/dist/lib/logic-editor/logic-operator-render.js.map +0 -1
  107. package/dist/lib/logic-editor/logic-right-render.js +0 -26
  108. package/dist/lib/logic-editor/logic-right-render.js.map +0 -1
  109. package/dist/lib/logic-editor/logic-types.js +0 -144
  110. package/dist/lib/logic-editor/logic-types.js.map +0 -1
  111. package/dist/lib/logic-editor/utils.js +0 -18
  112. package/dist/lib/logic-editor/utils.js.map +0 -1
  113. package/dist/lib/logic-expr/consts.js +0 -5
  114. package/dist/lib/logic-expr/consts.js.map +0 -1
  115. package/dist/lib/logic-expr/expr-group-render.js +0 -60
  116. package/dist/lib/logic-expr/expr-group-render.js.map +0 -1
  117. package/dist/lib/logic-expr/expr-render.js +0 -84
  118. package/dist/lib/logic-expr/expr-render.js.map +0 -1
  119. package/dist/lib/logic-expr/index.js +0 -2
  120. package/dist/lib/logic-expr/index.js.map +0 -1
  121. package/dist/lib/logic-expr/logic-expr.js +0 -187
  122. package/dist/lib/logic-expr/logic-expr.js.map +0 -1
  123. package/dist/lib/logic-expr/logic-not.js +0 -20
  124. package/dist/lib/logic-expr/logic-not.js.map +0 -1
  125. package/dist/lib/logic-expr/logic-toggle.js +0 -32
  126. package/dist/lib/logic-expr/logic-toggle.js.map +0 -1
  127. package/dist/lib/logic-expr/types.js +0 -2
  128. package/dist/lib/logic-expr/types.js.map +0 -1
  129. package/dist/lib/loop-icons/index.js +0 -3
  130. package/dist/lib/loop-icons/index.js.map +0 -1
  131. package/dist/lib/loop-radio-group/index.js +0 -7
  132. package/dist/lib/loop-radio-group/index.js.map +0 -1
  133. package/dist/lib/multi-modal-dataset-item-render/audio-render/index.js +0 -34
  134. package/dist/lib/multi-modal-dataset-item-render/audio-render/index.js.map +0 -1
  135. package/dist/lib/multi-modal-dataset-item-render/index.js +0 -3
  136. package/dist/lib/multi-modal-dataset-item-render/index.js.map +0 -1
  137. package/dist/lib/multi-modal-dataset-item-render/video-render/index.js +0 -47
  138. package/dist/lib/multi-modal-dataset-item-render/video-render/index.js.map +0 -1
  139. package/dist/lib/multi-part-editor/components/image-item-renderer.js +0 -58
  140. package/dist/lib/multi-part-editor/components/image-item-renderer.js.map +0 -1
  141. package/dist/lib/multi-part-editor/components/multipart-item-renderer.js +0 -26
  142. package/dist/lib/multi-part-editor/components/multipart-item-renderer.js.map +0 -1
  143. package/dist/lib/multi-part-editor/components/url-input-modal.js +0 -151
  144. package/dist/lib/multi-part-editor/components/url-input-modal.js.map +0 -1
  145. package/dist/lib/multi-part-editor/components/video-item-renderer.js +0 -58
  146. package/dist/lib/multi-part-editor/components/video-item-renderer.js.map +0 -1
  147. package/dist/lib/multi-part-editor/index.js +0 -301
  148. package/dist/lib/multi-part-editor/index.js.map +0 -1
  149. package/dist/lib/multi-part-editor/multi-part-render.js +0 -40
  150. package/dist/lib/multi-part-editor/multi-part-render.js.map +0 -1
  151. package/dist/lib/multi-part-editor/type.js +0 -27
  152. package/dist/lib/multi-part-editor/type.js.map +0 -1
  153. package/dist/lib/multi-part-editor/upload-button.js +0 -104
  154. package/dist/lib/multi-part-editor/upload-button.js.map +0 -1
  155. package/dist/lib/multi-part-editor/utils.js +0 -43
  156. package/dist/lib/multi-part-editor/utils.js.map +0 -1
  157. package/dist/lib/open-detail-button/index.js +0 -12
  158. package/dist/lib/open-detail-button/index.js.map +0 -1
  159. package/dist/lib/ops-agent/fox-icon.js +0 -8
  160. package/dist/lib/ops-agent/fox-icon.js.map +0 -1
  161. package/dist/lib/page-content/index.js +0 -24
  162. package/dist/lib/page-content/index.js.map +0 -1
  163. package/dist/lib/primary-page/index.js +0 -2
  164. package/dist/lib/primary-page/index.js.map +0 -1
  165. package/dist/lib/primary-page/primary-header.js +0 -4
  166. package/dist/lib/primary-page/primary-header.js.map +0 -1
  167. package/dist/lib/primary-title/index.js +0 -8
  168. package/dist/lib/primary-title/index.js.map +0 -1
  169. package/dist/lib/resizable-side-sheet/index.js +0 -32
  170. package/dist/lib/resizable-side-sheet/index.js.map +0 -1
  171. package/dist/lib/resize-sidesheet/index.js +0 -15
  172. package/dist/lib/resize-sidesheet/index.js.map +0 -1
  173. package/dist/lib/resize-sidesheet/use-drag.js +0 -30
  174. package/dist/lib/resize-sidesheet/use-drag.js.map +0 -1
  175. package/dist/lib/schema-editor/index.js +0 -5
  176. package/dist/lib/schema-editor/index.js.map +0 -1
  177. package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js +0 -19
  178. package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js.map +0 -1
  179. package/dist/lib/semi-schema-form/components/tmpls/array-field.js +0 -39
  180. package/dist/lib/semi-schema-form/components/tmpls/array-field.js.map +0 -1
  181. package/dist/lib/semi-schema-form/components/tmpls/base-input.js +0 -32
  182. package/dist/lib/semi-schema-form/components/tmpls/base-input.js.map +0 -1
  183. package/dist/lib/semi-schema-form/components/tmpls/description-field.js +0 -13
  184. package/dist/lib/semi-schema-form/components/tmpls/description-field.js.map +0 -1
  185. package/dist/lib/semi-schema-form/components/tmpls/error-list.js +0 -14
  186. package/dist/lib/semi-schema-form/components/tmpls/error-list.js.map +0 -1
  187. package/dist/lib/semi-schema-form/components/tmpls/field-error.js +0 -16
  188. package/dist/lib/semi-schema-form/components/tmpls/field-error.js.map +0 -1
  189. package/dist/lib/semi-schema-form/components/tmpls/field.js +0 -21
  190. package/dist/lib/semi-schema-form/components/tmpls/field.js.map +0 -1
  191. package/dist/lib/semi-schema-form/components/tmpls/icon-button.js +0 -29
  192. package/dist/lib/semi-schema-form/components/tmpls/icon-button.js.map +0 -1
  193. package/dist/lib/semi-schema-form/components/tmpls/index.js +0 -31
  194. package/dist/lib/semi-schema-form/components/tmpls/index.js.map +0 -1
  195. package/dist/lib/semi-schema-form/components/tmpls/object-field.js +0 -81
  196. package/dist/lib/semi-schema-form/components/tmpls/object-field.js.map +0 -1
  197. package/dist/lib/semi-schema-form/components/tmpls/submit.js +0 -13
  198. package/dist/lib/semi-schema-form/components/tmpls/submit.js.map +0 -1
  199. package/dist/lib/semi-schema-form/components/tmpls/title-field.js +0 -12
  200. package/dist/lib/semi-schema-form/components/tmpls/title-field.js.map +0 -1
  201. package/dist/lib/semi-schema-form/components/widgets/checkbox.js +0 -26
  202. package/dist/lib/semi-schema-form/components/widgets/checkbox.js.map +0 -1
  203. package/dist/lib/semi-schema-form/components/widgets/checkboxs.js +0 -27
  204. package/dist/lib/semi-schema-form/components/widgets/checkboxs.js.map +0 -1
  205. package/dist/lib/semi-schema-form/components/widgets/index.js +0 -15
  206. package/dist/lib/semi-schema-form/components/widgets/index.js.map +0 -1
  207. package/dist/lib/semi-schema-form/components/widgets/radio.js +0 -27
  208. package/dist/lib/semi-schema-form/components/widgets/radio.js.map +0 -1
  209. package/dist/lib/semi-schema-form/components/widgets/range.js +0 -26
  210. package/dist/lib/semi-schema-form/components/widgets/range.js.map +0 -1
  211. package/dist/lib/semi-schema-form/components/widgets/select.js +0 -44
  212. package/dist/lib/semi-schema-form/components/widgets/select.js.map +0 -1
  213. package/dist/lib/semi-schema-form/components/widgets/textarea.js +0 -18
  214. package/dist/lib/semi-schema-form/components/widgets/textarea.js.map +0 -1
  215. package/dist/lib/semi-schema-form/index.js +0 -9
  216. package/dist/lib/semi-schema-form/index.js.map +0 -1
  217. package/dist/lib/sentinel-form/enum.js +0 -15
  218. package/dist/lib/sentinel-form/enum.js.map +0 -1
  219. package/dist/lib/sentinel-form/index.js +0 -323
  220. package/dist/lib/sentinel-form/index.js.map +0 -1
  221. package/dist/lib/step-nav/index.js +0 -13
  222. package/dist/lib/step-nav/index.js.map +0 -1
  223. package/dist/lib/table/index.js +0 -7
  224. package/dist/lib/table/index.js.map +0 -1
  225. package/dist/lib/table/sort-icon.js +0 -31
  226. package/dist/lib/table/sort-icon.js.map +0 -1
  227. package/dist/lib/table/table-with-pagination.js +0 -74
  228. package/dist/lib/table/table-with-pagination.js.map +0 -1
  229. package/dist/lib/table/table-without-pagniation.js +0 -37
  230. package/dist/lib/table/table-without-pagniation.js.map +0 -1
  231. package/dist/lib/table-batch-operate/table-batch-operation.js +0 -17
  232. package/dist/lib/table-batch-operate/table-batch-operation.js.map +0 -1
  233. package/dist/lib/table-batch-operate/use-batch-operate.js +0 -71
  234. package/dist/lib/table-batch-operate/use-batch-operate.js.map +0 -1
  235. package/dist/lib/table-col-actions/index.js +0 -39
  236. package/dist/lib/table-col-actions/index.js.map +0 -1
  237. package/dist/lib/table-cols-config/index.js +0 -60
  238. package/dist/lib/table-cols-config/index.js.map +0 -1
  239. package/dist/lib/table-cols-config/type.js +0 -2
  240. package/dist/lib/table-cols-config/type.js.map +0 -1
  241. package/dist/lib/table-cols-config/use-hidden-col-keys.js +0 -32
  242. package/dist/lib/table-cols-config/use-hidden-col-keys.js.map +0 -1
  243. package/dist/lib/table-cols-config/util.js +0 -39
  244. package/dist/lib/table-cols-config/util.js.map +0 -1
  245. package/dist/lib/table-empty/index.js +0 -9
  246. package/dist/lib/table-empty/index.js.map +0 -1
  247. package/dist/lib/table-header/index.js +0 -12
  248. package/dist/lib/table-header/index.js.map +0 -1
  249. package/dist/lib/tabs/index.js +0 -9
  250. package/dist/lib/tabs/index.js.map +0 -1
  251. package/dist/lib/text-area-pro/index.js +0 -10
  252. package/dist/lib/text-area-pro/index.js.map +0 -1
  253. package/dist/lib/text-with-copy/index.js +0 -25
  254. package/dist/lib/text-with-copy/index.js.map +0 -1
  255. package/dist/lib/title-with-sub/index.js +0 -6
  256. package/dist/lib/title-with-sub/index.js.map +0 -1
  257. package/dist/lib/tooltip-when-disabled/index.js +0 -9
  258. package/dist/lib/tooltip-when-disabled/index.js.map +0 -1
  259. package/dist/lib/tooltip-with-disabled/index.js +0 -9
  260. package/dist/lib/tooltip-with-disabled/index.js.map +0 -1
  261. package/dist/lib/tsconfig.build.tsbuildinfo +0 -1
  262. package/dist/lib/upload/index.js +0 -25
  263. package/dist/lib/upload/index.js.map +0 -1
  264. package/dist/lib/user-profile/index.js +0 -21
  265. package/dist/lib/user-profile/index.js.map +0 -1
  266. package/dist/lib/utils/basic.js +0 -30
  267. package/dist/lib/utils/basic.js.map +0 -1
  268. package/dist/lib/version-list/version-descriptions.js +0 -15
  269. package/dist/lib/version-list/version-descriptions.js.map +0 -1
  270. package/dist/lib/version-list/version-item.js +0 -6
  271. package/dist/lib/version-list/version-item.js.map +0 -1
  272. package/dist/lib/version-list/version-list.js +0 -12
  273. package/dist/lib/version-list/version-list.js.map +0 -1
  274. package/dist/lib/version-list/version-switch-panel.js +0 -11
  275. package/dist/lib/version-list/version-switch-panel.js.map +0 -1
package/dist/es/index.css CHANGED
@@ -632,3 +632,14 @@
632
632
  z-index: 1;
633
633
  }
634
634
 
635
+ .code-container-A_QOb1 {
636
+ background-color: #1e1e1e;
637
+ border-radius: 6px;
638
+ flex-direction: column;
639
+ height: 292px;
640
+ padding: 12px 0;
641
+ display: flex;
642
+ position: relative;
643
+ overflow: auto;
644
+ }
645
+
package/dist/es/index.mjs CHANGED
@@ -15,6 +15,7 @@ import { useDebounceFn, useInfiniteScroll, useLatest, useMemoizedFn, useRequest,
15
15
  import { cloneDeep, debounce, get, isEmpty as external_lodash_es_isEmpty, isFunction, isInteger, isNull, isNumber, isObject, isString, isUndefined, set } from "lodash-es";
16
16
  import copy_to_clipboard from "copy-to-clipboard";
17
17
  import { fileDownload, formatTimestampToString, safeJsonParse, sleep as toolkit_sleep } from "@cozeloop/toolkit";
18
+ import _monaco_editor_react, { DiffEditor, loader } from "@monaco-editor/react";
18
19
  import sortablejs from "sortablejs";
19
20
  import { nanoid } from "nanoid";
20
21
  import { ContentType } from "@cozeloop/api-schema/evaluation";
@@ -517,6 +518,7 @@ function TableColActions({ actions, maxCount = 2, disabled, spaceProps = {}, wra
517
518
  position: "bottomLeft",
518
519
  visible: visible,
519
520
  trigger: "custom",
521
+ keepDOM: true,
520
522
  className: table_col_actions_index_module.tableColActionsDropdown,
521
523
  onClickOutSide: ()=>setVisible(false),
522
524
  render: /*#__PURE__*/ jsx(Menu.SubMenu, {
@@ -3106,6 +3108,11 @@ function LogicEditor({ fields = [], disabled = false, value, popoverProps = {},
3106
3108
  })
3107
3109
  });
3108
3110
  }
3111
+ loader.config({
3112
+ paths: {
3113
+ vs: "https://unpkg.com/monaco-editor@0.43.0/min/vs"
3114
+ }
3115
+ });
3109
3116
  const BasicCard = ({ title, children, className })=>/*#__PURE__*/ jsxs("div", {
3110
3117
  className: classnames('border border-solid coz-stroke-plus rounded-[6px] overflow-hidden', className),
3111
3118
  children: [
@@ -6094,6 +6101,52 @@ const SchemaEditor = ({ value, onChange, placeholder, readOnly, language, classN
6094
6101
  backgroundColor: backgroundColor
6095
6102
  })
6096
6103
  });
6104
+ const code_editor_with_loading_index_module = {
6105
+ "code-container": "code-container-A_QOb1",
6106
+ codeContainer: "code-container-A_QOb1"
6107
+ };
6108
+ const codeOptionsConfig = {
6109
+ lineNumbersMinChars: 3,
6110
+ automaticLayout: true,
6111
+ scrollBeyondLastLine: false,
6112
+ renderLineHighlight: 'none',
6113
+ tabSize: 2,
6114
+ insertSpaces: true,
6115
+ minimap: {
6116
+ enabled: false
6117
+ }
6118
+ };
6119
+ const CodeEditorWithLoading = ({ value, onChange, disabled, className })=>{
6120
+ const [loading, setLoading] = useState(true);
6121
+ const LoadingNode = loading && /*#__PURE__*/ jsx("div", {
6122
+ className: "absolute bg-[white] z-20 top-0 bottom-0 left-0 right-0 flex items-center justify-center",
6123
+ children: /*#__PURE__*/ jsx(Loading, {
6124
+ loading: true
6125
+ })
6126
+ });
6127
+ const onEditorMount = ()=>{
6128
+ setLoading(false);
6129
+ };
6130
+ return /*#__PURE__*/ jsxs("div", {
6131
+ className: classnames(code_editor_with_loading_index_module["code-container"], className),
6132
+ children: [
6133
+ LoadingNode,
6134
+ /*#__PURE__*/ jsx(_monaco_editor_react, {
6135
+ language: 'json',
6136
+ value: value,
6137
+ options: {
6138
+ readOnly: disabled,
6139
+ ...codeOptionsConfig
6140
+ },
6141
+ onMount: onEditorMount,
6142
+ theme: "vs-dark",
6143
+ onChange: (newValue)=>{
6144
+ onChange?.(newValue || '');
6145
+ }
6146
+ })
6147
+ ]
6148
+ });
6149
+ };
6097
6150
  const CollapseItem = ({ children, open: defaultOpen, title, className })=>{
6098
6151
  const [open, setOpen] = useState(defaultOpen);
6099
6152
  return /*#__PURE__*/ jsxs("div", {
@@ -6367,4 +6420,4 @@ function VideoRender({ videoName, videoUrl, showDownload, deletion, upload, size
6367
6420
  var src_DEFAULT_FILE_COUNT = 20;
6368
6421
  var src_DEFAULT_PART_COUNT = 50;
6369
6422
  export { default as schemaValidators } from "@rjsf/validator-ajv8";
6370
- export { AudioRender, BasicCard, CardPane, ChipSelect, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, CollapseItem, ColumnSelector, Copyable, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, EditIconButton, EditorProvider, FooterActions, FoxIcon, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LinkButton, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, OpenDetailButton, PAGE_SIZE_OPTIONS, PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, PrimaryPage, PrimaryTitle, RadioButton, ResizableSideSheet, ResizeSidesheet, SchemaEditor, SemiSchemaForm, SentinelForm, StepNav, TableBatchOperate, TableColActions, TableColsConfig, TableEmpty, TableHeader, TableWithPagination, TableWithoutPagination, TextAreaPro, TextWithCopy, TitleWithSub, TooltipWhenDisabled, TooltipWithDisabled, UploadButton, UserProfile, VersionItem, VersionList, VersionSwitchPanel, VideoItemRenderer, VideoRender, base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, setColumnsManageStorage, sleep, src_DEFAULT_FILE_COUNT as DEFAULT_FILE_COUNT, src_DEFAULT_PART_COUNT as DEFAULT_PART_COUNT, type_ImageStatus as MultipartRenderStatus, upload_uploadFile as uploadFile, useBatchOperate, useItemIndexController, useUnsaveLeaveWarning };
6423
+ export { AudioRender, BasicCard, CardPane, ChipSelect, CodeEditorWithLoading, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, CollapseItem, ColumnSelector, Copyable, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, DiffEditor, EditIconButton, EditorProvider, FooterActions, FoxIcon, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LinkButton, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, OpenDetailButton, PAGE_SIZE_OPTIONS, PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, PrimaryPage, PrimaryTitle, RadioButton, ResizableSideSheet, ResizeSidesheet, SchemaEditor, SemiSchemaForm, SentinelForm, StepNav, TableBatchOperate, TableColActions, TableColsConfig, TableEmpty, TableHeader, TableWithPagination, TableWithoutPagination, TextAreaPro, TextWithCopy, TitleWithSub, TooltipWhenDisabled, TooltipWithDisabled, UploadButton, UserProfile, VersionItem, VersionList, VersionSwitchPanel, VideoItemRenderer, VideoRender, _monaco_editor_react as CodeEditor, base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, setColumnsManageStorage, sleep, src_DEFAULT_FILE_COUNT as DEFAULT_FILE_COUNT, src_DEFAULT_PART_COUNT as DEFAULT_PART_COUNT, type_ImageStatus as MultipartRenderStatus, upload_uploadFile as uploadFile, useBatchOperate, useItemIndexController, useUnsaveLeaveWarning };
@@ -0,0 +1,3 @@
1
+ export { default as CodeEditor, DiffEditor } from '@monaco-editor/react';
2
+ export { type Monaco, type MonacoDiffEditor } from '@monaco-editor/react';
3
+ export { type editor } from 'monaco-editor';
@@ -0,0 +1,10 @@
1
+ import { type editor } from '../code-editor';
2
+ export declare const codeOptionsConfig: editor.IStandaloneEditorConstructionOptions;
3
+ interface CodeEditorWithLoadingProps {
4
+ value: string;
5
+ onChange?: (value: string) => void;
6
+ disabled: boolean;
7
+ className?: string;
8
+ }
9
+ export declare const CodeEditorWithLoading: ({ value, onChange, disabled, className, }: CodeEditorWithLoadingProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -1,2 +1,23 @@
1
- import { type ComponentType } from 'react';
2
- export declare const CodeMirrorCodeEditor: ComponentType<any>;
1
+ export declare const CodeMirrorCodeEditor: (props: import("@coze-editor/editor/react").InferRendererProps<(import("@coze-editor/editor/react").OptionPluginSpec<"editorHeight", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"borderRadius", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"padding", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"lineHeight", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"backgroundColor", string | undefined> | import("@coze-editor/editor/react").ExtensionPluginSpec | import("@coze-editor/editor/react").OptionPluginSpec<"fontSize", number> | import("@coze-editor/editor/react").OptionPluginSpec<"placeholder", string | HTMLElement> | import("@coze-editor/editor/react").OptionPluginSpec<"readOnly", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"editable", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"lineWrapping", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"height", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"minHeight", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"maxHeight", string | number> | import("@coze-editor/editor/react").APIPluginSpec<"getValue", [], string> | import("@coze-editor/editor/react").APIPluginSpec<"setValue", [value: string], void> | import("@coze-editor/editor/react").APIPluginSpec<"replaceText", [options: {
2
+ from: number;
3
+ to: number;
4
+ text: string;
5
+ cursorOffset?: number;
6
+ scrollIntoView?: boolean;
7
+ userEvent?: string;
8
+ }], void> | import("@coze-editor/editor/react").APIPluginSpec<"getCursorPosition", [], number> | import("@coze-editor/editor/react").APIPluginSpec<"setCursorPosition", [pos: number], void> | import("@coze-editor/editor/react").APIPluginSpec<"focus", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"blur", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"disableKeybindings", [keys: string[]], void> | import("@coze-editor/editor/react").APIPluginSpec<"updateASTDecorations", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"undo", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"redo", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | import("@coze-editor/editor/react").APIPluginSpec<"getSelection", [], {
9
+ from: number;
10
+ to: number;
11
+ anchor: number;
12
+ head: number;
13
+ }> | import("@coze-editor/editor/react").APIPluginSpec<"getLineInfoAtPosition", [pos: number], import("@codemirror/state").Line> | import("@coze-editor/editor/react").EventPluginSpec<"selectionChange", {
14
+ selection: {
15
+ from: number;
16
+ to: number;
17
+ head: number;
18
+ anchor: number;
19
+ };
20
+ update: import("@codemirror/view").ViewUpdate;
21
+ }> | import("@coze-editor/editor/react").EventPluginSpec<"change", {
22
+ value: string;
23
+ }> | import("@coze-editor/editor/react").EventPluginSpec<"focus", symbol> | import("@coze-editor/editor/react").EventPluginSpec<"blur", symbol> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mousedown"> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mouseup"> | import("@coze-editor/editor/react").OptionPluginSpec<"tabSize", number> | import("@coze-editor/editor/react").OptionPluginSpec<"scrollBeyondLastLine", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"uri", string> | import("@coze-editor/editor/react").OptionPluginSpec<"theme", string> | import("@coze-editor/editor/react").OptionPluginSpec<"languageId", string> | import("@coze-editor/editor/react").OptionPluginSpec<"transformer", import("@coze-editor/editor/preset-code").Transformer> | import("@coze-editor/editor/react").OptionPluginSpec<"overlayScrollbar", unknown> | import("@coze-editor/editor/react").OptionPluginSpec<"lineNumbersGutter", unknown> | import("@coze-editor/editor/react").OptionPluginSpec<"foldGutter", unknown> | import("@coze-editor/editor/react").OptionPluginSpec<"colorizeBrackets", unknown> | import("@coze-editor/editor/react").APIPluginSpec<"validate", [], void>)[]>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,23 @@
1
- import { type ComponentType } from 'react';
2
- export declare const CodeMirrorTextEditor: ComponentType<any>;
1
+ export declare const CodeMirrorTextEditor: (props: import("@coze-editor/editor/react").InferRendererProps<(import("@coze-editor/editor/react").OptionPluginSpec<"lineHeight", string | number | undefined> | import("@coze-editor/editor/react").OptionPluginSpec<"backgroundColor", string | undefined> | import("@coze-editor/editor/react").ExtensionPluginSpec | import("@coze-editor/editor/react").OptionPluginSpec<"fontSize", number> | import("@coze-editor/editor/react").OptionPluginSpec<"placeholder", string | HTMLElement> | import("@coze-editor/editor/react").OptionPluginSpec<"readOnly", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"editable", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"lineWrapping", boolean> | import("@coze-editor/editor/react").OptionPluginSpec<"height", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"minHeight", string | number> | import("@coze-editor/editor/react").OptionPluginSpec<"maxHeight", string | number> | import("@coze-editor/editor/react").APIPluginSpec<"getValue", [], string> | import("@coze-editor/editor/react").APIPluginSpec<"getCursorPosition", [], number> | import("@coze-editor/editor/react").APIPluginSpec<"focus", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"blur", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"updateASTDecorations", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"undo", [], void> | import("@coze-editor/editor/react").APIPluginSpec<"redo", [], void> | import("@coze-editor/editor/react").EventPluginSpec<"focus", symbol> | import("@coze-editor/editor/react").EventPluginSpec<"blur", symbol> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mousedown"> | import("@coze-editor/editor/react").DOMEventHandlerPluginSpec<"mouseup"> | import("@coze-editor/editor/react").APIPluginSpec<"setValue", [value: string], void> | import("@coze-editor/editor/react").APIPluginSpec<"replaceText", [options: {
2
+ from: number;
3
+ to: number;
4
+ text: string;
5
+ cursorOffset?: number;
6
+ scrollIntoView?: boolean;
7
+ userEvent?: string;
8
+ }], void> | import("@coze-editor/editor/react").APIPluginSpec<"setCursorPosition", [pos: number], void> | import("@coze-editor/editor/react").APIPluginSpec<"disableKeybindings", [keys: string[]], void> | import("@coze-editor/editor/react").APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | import("@coze-editor/editor/react").APIPluginSpec<"getSelection", [], {
9
+ from: number;
10
+ to: number;
11
+ anchor: number;
12
+ head: number;
13
+ }> | import("@coze-editor/editor/react").APIPluginSpec<"getLineInfoAtPosition", [pos: number], import("@codemirror/state").Line> | import("@coze-editor/editor/react").EventPluginSpec<"selectionChange", {
14
+ selection: {
15
+ from: number;
16
+ to: number;
17
+ head: number;
18
+ anchor: number;
19
+ };
20
+ update: import("@codemirror/view").ViewUpdate;
21
+ }> | import("@coze-editor/editor/react").EventPluginSpec<"change", {
22
+ value: string;
23
+ }>)[]>) => import("react/jsx-runtime").JSX.Element;
@@ -43,6 +43,7 @@ export { FoxIcon } from './ops-agent/fox-icon';
43
43
  export { type Expr, type ExprGroup, type LogicOperator, type LogicExprProps, type ExprRenderProps, type ExprGroupRenderProps, type LeftRenderProps, type OperatorRenderProps, type RightRenderProps, type OperatorOption, LogicExpr, } from './logic-expr';
44
44
  export { RadioButton, type RadioButtonProps, } from './input-components/radio-button';
45
45
  export { LogicEditor, type LogicDataType, type LogicField, type LogicFilter, type LogicSetter, } from './logic-editor';
46
+ export { CodeEditor, DiffEditor, type Monaco, type MonacoDiffEditor, type editor, } from './code-editor';
46
47
  export { BasicCard } from './basic-card';
47
48
  export { MultipartEditor } from './multi-part-editor';
48
49
  export { ChipSelect } from './chip-select';
@@ -67,5 +68,6 @@ export { ResizableSideSheet } from './resizable-side-sheet';
67
68
  export { SentinelForm, type SentinelFormRef, type SentinelFormApi, } from './sentinel-form';
68
69
  export { CodeMirrorCodeEditor, CodeMirrorTextEditor, CodeMirrorJsonEditor, CodeMirrorRawTextEditor, CodeMirrorRawCodeEditor, EditorProvider, } from './codemirror-editor';
69
70
  export { SchemaEditor } from './schema-editor';
71
+ export { CodeEditorWithLoading } from './code-editor-with-loading';
70
72
  export { CollapseItem } from './collapse-item';
71
73
  export { AudioRender, type AudioRenderProps, VideoRender, type VideoRenderProps, } from './multi-modal-dataset-item-render';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cozeloop/components",
3
- "version": "0.0.12-beta-1378.344125032425",
3
+ "version": "0.0.12-beta-1782717209548",
4
4
  "description": "common components for cozeloop",
5
5
  "author": "houtao.zzj@bytedance.com",
6
6
  "exports": {
@@ -33,12 +33,14 @@
33
33
  "@codemirror/lang-markdown": "^6.3.2",
34
34
  "@codemirror/state": "^6.4.1",
35
35
  "@codemirror/view": "^6.34.1",
36
- "@coze-arch/coze-design": "0.0.7-alpha.985c0d",
36
+ "@coze-arch/coze-design": "0.0.7-alpha.5f0418",
37
37
  "@coze-editor/editor": "0.1.0-alpha.02803c",
38
- "@cozeloop/api-schema": "latest",
39
- "@cozeloop/config-provider": "latest",
40
- "@cozeloop/hooks": "latest",
41
- "@cozeloop/toolkit": "latest",
38
+ "@cozeloop/api-schema": "0.1.6",
39
+ "@cozeloop/config-provider": "0.0.12-beta-1782717209548",
40
+ "@cozeloop/hooks": "0.0.1",
41
+ "@cozeloop/i18n": "0.0.12-beta-1782717209548",
42
+ "@cozeloop/toolkit": "0.0.5",
43
+ "@monaco-editor/react": "^4.5.2",
42
44
  "@rjsf/core": "~5.24.9",
43
45
  "@rjsf/utils": "~5.24.9",
44
46
  "@rjsf/validator-ajv8": "~5.24.9",
@@ -48,33 +50,13 @@
48
50
  "dayjs": "^1.11.7",
49
51
  "immer": "^10.0.3",
50
52
  "lodash-es": "^4.17.21",
53
+ "monaco-editor": "^0.45.0",
51
54
  "nanoid": "^4.0.2",
55
+ "react": "~18.2.0",
52
56
  "react-sortable-hoc": "2.0.0",
53
57
  "sortablejs": "~1.15.2"
54
58
  },
55
- "devDependencies": {
56
- "@coze-arch/bot-typings": "workspace:*",
57
- "@coze-arch/eslint-config": "workspace:*",
58
- "@coze-arch/ts-config": "workspace:*",
59
- "@cozeloop/rsbuild-config-saas": "workspace:*",
60
- "@cozeloop/tailwind-config": "workspace:*",
61
- "@rslib/core": "0.19.3",
62
- "@types/lodash-es": "^4.17.10",
63
- "@types/react": "18.2.37",
64
- "@types/react-dom": "18.2.15",
65
- "@vitest/coverage-v8": "~3.0.5",
66
- "happy-dom": "^20.0.10",
67
- "react-dom": "~18.2.0",
68
- "tsconfig-paths": "4.1.0",
69
- "vite": "^4.3.9",
70
- "vite-plugin-svgr": "~3.3.0",
71
- "vitest": "~3.0.5"
72
- },
73
- "peerDependencies": {
74
- "@cozeloop/i18n": "workspace:*",
75
- "react": ">=17.0.2",
76
- "react-dom": ">=17.0.2"
77
- },
59
+ "peerDependencies": {},
78
60
  "publishRegistries": [
79
61
  "npm"
80
62
  ],
@@ -84,4 +66,4 @@
84
66
  "dist",
85
67
  "README.md"
86
68
  ]
87
- }
69
+ }
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { withField } from '@coze-arch/coze-design';
3
- import BaseSearchSelect from './base-search-select';
4
- const BaseSearchFormSelect = withField((props) => _jsx(BaseSearchSelect, { ...props }));
5
- export default BaseSearchFormSelect;
6
- //# sourceMappingURL=base-search-form-select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base-search-form-select.js","sourceRoot":"","sources":["../../../src/base-search-select/base-search-form-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,MAAM,oBAAoB,GAA8B,SAAS,CAC/D,CAAC,KAAsB,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAC5D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -1,130 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /* eslint-disable @coze-arch/max-line-per-function */
3
- import { useCallback, useEffect, useMemo, useRef, useState, forwardRef, } from 'react';
4
- import { isNull, isUndefined } from 'lodash-es';
5
- import classNames from 'classnames';
6
- import { useRequest } from 'ahooks';
7
- import { I18n } from '@cozeloop/i18n';
8
- import { IconCozRefresh } from '@coze-arch/coze-design/icons';
9
- import { Select, Tooltip, Button, } from '@coze-arch/coze-design';
10
- import { getOptionsNotInList, transformValueToArray } from './utils';
11
- import styles from './index.module.less';
12
- /**
13
- * 基础选择器组件
14
- * 解决两个主要问题:
15
- * 1. 初始选中值不在第一页数据中导致只显示ID
16
- * 2. 搜索后选中值不在结果中导致只显示ID
17
- */
18
- // eslint-disable-next-line @coze-arch/max-line-per-function
19
- const BaseSearchSelect = forwardRef((props, ref) => {
20
- const { optionList: _optionList, loadOptionByIds, value, defaultValue, onSearch, renderSelectedItem, onChangeWithObject, onDropdownVisibleChange, showRefreshBtn, onClickRefresh, disabledCacheOptions, } = props;
21
- // 是否在搜索中
22
- const [searchWord, setSearchWord] = useState('');
23
- const [refreshFlag, setRefreshFlag] = useState([]);
24
- const [dropdownVisible, setDropdownVisible] = useState(false);
25
- const optionMapRef = useRef({});
26
- const optionList = useMemo(() => _optionList || [], [_optionList]);
27
- const isOptionListNotExists = useMemo(() => !_optionList, [_optionList]);
28
- useEffect(() => {
29
- if (isOptionListNotExists) {
30
- return;
31
- }
32
- // 每次 optionList 变化, 将 optionList 中的 option 添加到 optionMapRef 中缓存
33
- (optionList || []).forEach(item => {
34
- optionMapRef.current[item?.value] = item;
35
- });
36
- }, [optionList]);
37
- // 初始化
38
- useRequest(async () => {
39
- const initialValue = value || defaultValue;
40
- // 1. 判断 list 有没有value, 有则不发请求
41
- if (isUndefined(initialValue) ||
42
- isNull(initialValue) ||
43
- initialValue === '' ||
44
- !loadOptionByIds) {
45
- return;
46
- }
47
- // 2. 判断 optionList 中有没有 value 中不存在的 选项, 有则不发请求
48
- const optionsNotInList = getOptionsNotInList({
49
- value: initialValue,
50
- optionList,
51
- onChangeWithObject,
52
- });
53
- if (optionsNotInList.length === 0) {
54
- return;
55
- }
56
- try {
57
- const payload = transformValueToArray(value, onChangeWithObject);
58
- const fetchOptions = await loadOptionByIds(payload);
59
- if (fetchOptions) {
60
- setRefreshFlag([]);
61
- optionMapRef.current = {
62
- ...optionMapRef.current,
63
- ...fetchOptions.reduce((acc, item) => {
64
- acc[item?.value] = item;
65
- return acc;
66
- }, {}),
67
- };
68
- }
69
- }
70
- catch (error) {
71
- console.error('Failed to load selected option:', error);
72
- }
73
- }, {
74
- refreshDeps: [value],
75
- });
76
- /**
77
- * 最后展示的选项
78
- */
79
- const cacheOptions = useMemo(() => {
80
- // searchWord 表示处于搜索中, 不应该展示不在选项列表中的选项
81
- if (!value || searchWord || disabledCacheOptions) {
82
- return optionList;
83
- }
84
- const optionsNotInList = getOptionsNotInList({
85
- value,
86
- optionList,
87
- onChangeWithObject,
88
- });
89
- // value 所有选项都在选项列表中, 直接返回
90
- if (optionsNotInList.length === 0) {
91
- return optionList;
92
- }
93
- // value 不在选项列表, 则对value进行处理, 前面已经处理为arr了
94
- // 所以这里可以直接按arr 处理 返回缓存中的选项
95
- const optionsInCache = optionsNotInList.map(k => optionMapRef.current[k]);
96
- // 有可能存在远端数据被删除,id无法拉去到的情况
97
- const newOptions = [...optionsInCache, ...optionList].filter(Boolean);
98
- return newOptions;
99
- }, [optionList, value, searchWord, refreshFlag]);
100
- /**
101
- * 选中项渲染, 如果list中没有, 从缓存中拿当前的选种值
102
- */
103
- const RenderSelectedItem = useCallback(
104
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
105
- (optionNode, multipleProps) => {
106
- const renderOpt = optionMapRef.current[optionNode?.value] || optionNode;
107
- if (renderSelectedItem) {
108
- return renderSelectedItem(renderOpt, multipleProps);
109
- }
110
- // 多选
111
- if (multipleProps) {
112
- return {
113
- isRenderInTag: true,
114
- content: renderOpt?.label || renderOpt?.value,
115
- };
116
- }
117
- return renderOpt?.label || renderOpt?.value;
118
- }, [renderSelectedItem]);
119
- return (_jsx(Select, { suffix: showRefreshBtn && dropdownVisible ? (_jsx(Tooltip, { theme: "dark", content: I18n.t('refresh'), children: _jsxs("div", { className: "flex flex-row items-center", children: [_jsx(Button, { className: "!h-6 !w-6", icon: _jsx(IconCozRefresh, {}), size: "small", color: "secondary", onClick: () => onClickRefresh?.() }), _jsx("div", { className: "h-3 w-0 border-0 border-l border-solid coz-stroke-primary ml-[2px]" })] }) })) : null, ...props, onDropdownVisibleChange: visible => {
120
- setDropdownVisible(visible);
121
- onDropdownVisibleChange?.(visible);
122
- }, dropdownClassName: classNames(styles['select-dropdown-style'], props.dropdownClassName), optionList: isOptionListNotExists ? undefined : cacheOptions, renderSelectedItem: RenderSelectedItem, onSearch: (vs, e) => {
123
- setSearchWord(vs);
124
- if (onSearch) {
125
- onSearch?.(vs, e);
126
- }
127
- }, ref: ref }));
128
- });
129
- export default BaseSearchSelect;
130
- //# sourceMappingURL=base-search-select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base-search-select.js","sourceRoot":"","sources":["../../../src/base-search-select/base-search-select.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { default as BaseSearchSelect, } from './base-search-select';
2
- export { default as BaseSearchFormSelect } from './base-search-form-select';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base-search-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/base-search-select/types.ts"],"names":[],"mappings":""}
@@ -1,48 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-explicit-any */
2
- export const transformValueToArray = (value, onChangeWithObject = false) => {
3
- // 对象传入
4
- if (onChangeWithObject) {
5
- // 对象数组
6
- if (Array.isArray(value)) {
7
- return value.map(item => item?.value || '').filter(Boolean);
8
- }
9
- // 单个对象
10
- return value?.value ? [value?.value] : [];
11
- }
12
- // 普通数组 或 字符串
13
- return Array.isArray(value) ? value : [value];
14
- };
15
- // 过滤 value 中不在 optionlist 中的 option
16
- export const filterValueNotInOptionList = (value, optionSet, onChangeWithObject = false) => {
17
- if (onChangeWithObject) {
18
- // 对象数组
19
- if (Array.isArray(value)) {
20
- return value
21
- .filter(item => !optionSet.has(item?.value))
22
- .map(it => it?.value);
23
- }
24
- // 单个对象
25
- return optionSet.has(value?.value) ? [] : [value?.value];
26
- }
27
- if (Array.isArray(value)) {
28
- return value.filter(item => !optionSet.has(item));
29
- }
30
- if (typeof value === 'string' || typeof value === 'number') {
31
- return optionSet.has(value) ? [] : [value];
32
- }
33
- return [];
34
- };
35
- export const getOptionsNotInList = ({ value, optionList, onChangeWithObject = false, }) => {
36
- // 集合
37
- const existingValues = new Set(optionList.map(item => item.value));
38
- // 找到 value 里面不在选项列表中的选项
39
- const optionsNotInList = filterValueNotInOptionList(value, existingValues, onChangeWithObject);
40
- return optionsNotInList;
41
- };
42
- export const initialValueChecker = (value, optionList, onChangeWithObject = false) => {
43
- if (typeof value === 'string') {
44
- return true;
45
- }
46
- return value;
47
- };
48
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/base-search-select/utils.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAU,EACV,kBAAkB,GAAG,KAAK,EACL,EAAE;IACvB,OAAO;IACP,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9D,CAAC;QACD,OAAO;QACP,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,CAAC;IACD,aAAa;IACb,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF,oCAAoC;AACpC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,KAAU,EACV,SAA2C,EAC3C,kBAAkB,GAAG,KAAK,EACjB,EAAE;IACX,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK;iBACT,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC3C,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO;QACP,OAAO,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,UAAU,EACV,kBAAkB,GAAG,KAAK,GAK3B,EAAE,EAAE;IACH,KAAK;IACL,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnE,wBAAwB;IACxB,MAAM,gBAAgB,GAAG,0BAA0B,CACjD,KAAK,EACL,cAAc,EACd,kBAAkB,CACnB,CAAC;IACF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAU,EACV,UAAiB,EACjB,kBAAkB,GAAG,KAAK,EAC1B,EAAE;IACF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- export const BasicCard = ({ title, children, className }) => (_jsxs("div", { className: classNames('border border-solid coz-stroke-plus rounded-[6px] overflow-hidden', className), children: [_jsx("div", { className: "text-sm font-medium px-4 h-[44px] flex items-center coze-fg-primary bg-[#F7F7FC]", children: title }), children ? _jsx("div", { className: "p-4 bg-white", children: children }) : null] }));
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/basic-card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAa,EAAE,EAAE,CAAC,CACtE,eACE,SAAS,EAAE,UAAU,CACnB,mEAAmE,EACnE,SAAS,CACV,aAED,cAAK,SAAS,EAAC,kFAAkF,YAC9F,KAAK,GACF,EACL,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAC7D,CACP,CAAC"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- import styles from './index.module.less';
4
- export function CardPane({ hoverShadow, className, ...props }) {
5
- return (_jsx("div", { className: classNames(styles.container, {
6
- [styles.shadow]: hoverShadow,
7
- }, className), ...props }));
8
- }
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card-pane/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAOzC,MAAM,UAAU,QAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;SAC7B,EACD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import cls from 'classnames';
3
- import { Select } from '@coze-arch/coze-design';
4
- import styles from './index.module.less';
5
- export const ChipSelect = (props) => (_jsx(Select, { ...props, className: cls(styles.select, props.className) }));
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chip-select/index.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAElE,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAChD,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CACtE,CAAC"}