@zjlab-fe/data-hub-ui 0.26.3 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import './utils/modalConfig.css';
2
3
  import { ModalProps } from 'antd';
3
4
  import { FileUploaderProps } from './FileUploaderImpl/FileUploader';
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import { FileUploaderProps } from './FileUploaderImpl/FileUploader';
2
3
  /**
3
4
  * @deprecated This component is deprecated and will be removed in future releases.
@@ -1,4 +1,3 @@
1
- import './index.css';
2
1
  import UploadStoreProvider from './UploadStoreProvider/UploadStoreProvider';
3
2
  import FileUploader from './FileUploader';
4
3
  import FileUploadModal from './FileUploadModal';
@@ -1,3 +1,4 @@
1
+ import './styles/editor.css';
1
2
  export interface TipTapEditorHandle {
2
3
  getContent: () => string;
3
4
  getJSON: () => Record<string, unknown>;
@@ -1,4 +1,3 @@
1
- import './styles/editor.css';
2
1
  import TipTapEditor from './editor';
3
2
  import TipTapReader from './reader';
4
3
  export { TipTapEditor as default, TipTapReader };
@@ -1,3 +1,4 @@
1
+ import './styles/editor.css';
1
2
  export default function TipTapReader({ content, className }: {
2
3
  content: string;
3
4
  className?: string;
@@ -1,6 +1,7 @@
1
1
  import { __rest } from 'tslib';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import useStyle from './utils/modalConfig.css.js';
3
+ import useStyle from './index.css.js';
4
+ import useStyle$1 from './utils/modalConfig.css.js';
4
5
  import { Modal, Alert, Button } from 'antd';
5
6
  import { useContext } from 'react';
6
7
  import { UploadStoreContext, TEMP_STORE } from './UploadStoreProvider/UploadStoreProvider.js';
@@ -9,6 +10,7 @@ import { modalConfig } from './utils/modalConfig.js';
9
10
  import FileUploader from './FileUploaderImpl/FileUploader.js';
10
11
 
11
12
  useStyle();
13
+ useStyle$1();
12
14
  /**
13
15
  * @deprecated This component is deprecated and will be removed in future releases.
14
16
  */
@@ -1,10 +1,12 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
+ import useStyle from './index.css.js';
2
3
  import { useContext } from 'react';
3
4
  import { UploadStoreContext, TEMP_STORE } from './UploadStoreProvider/UploadStoreProvider.js';
4
5
  import FileUploader$1 from './FileUploaderImpl/FileUploader.js';
5
6
  import { Alert } from 'antd';
6
7
  import { useTranslate } from './Locale/useTranslate.js';
7
8
 
9
+ useStyle();
8
10
  /**
9
11
  * @deprecated This component is deprecated and will be removed in future releases.
10
12
  */
@@ -1,8 +1,7 @@
1
- import useStyle from './index.css.js';
2
1
  export { default as UploadStoreProvider } from './UploadStoreProvider/UploadStoreProvider.js';
3
2
  import FileUploader from './FileUploader.js';
4
3
  export { default as FileUploadModal } from './FileUploadModal.js';
5
4
 
6
- useStyle();
5
+
7
6
 
8
7
  export { FileUploader as default };
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { LeftOutlined, RightOutlined } from '@ant-design/icons';
2
+ import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
3
3
  import { useState, useEffect } from 'react';
4
4
  import { useNavigate, useLocation } from 'react-router-dom';
5
5
  import { "side-menu" as side_menu, "menu-content" as menu_content, "menu-content-contain" as menu_content_contain, "menu-content-title" as menu_content_title, "menu-content-subcontain" as menu_content_subcontain, icon, "trigger-icon" as trigger_icon, "menu-content-item" as menu_content_item, active, expanded, "link-type" as link_type } from './index.module.scss.js';
@@ -30,11 +30,16 @@ const MainLayoutSider = (props) => {
30
30
  onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentSelectedKey);
31
31
  }, [currentSelectedKey, onSelect]);
32
32
  const TriggerIcon = () => {
33
- return (jsx("div", { className: trigger_icon, onClick: () => {
33
+ const itemStyle = {
34
+ height: internalCollapsed ? '34px' : '38px',
35
+ width: internalCollapsed ? '34px' : '150px',
36
+ };
37
+ const triggerIcon = (jsxs("div", { className: `${trigger_icon} ${menu_content_item}`, style: itemStyle, onClick: () => {
34
38
  const newCollapsed = !internalCollapsed;
35
39
  setInternalCollapsed(newCollapsed);
36
40
  onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(newCollapsed);
37
- }, children: !internalCollapsed ? jsx(LeftOutlined, {}) : jsx(RightOutlined, {}) }));
41
+ }, children: [internalCollapsed ? jsx(MenuUnfoldOutlined, {}) : jsx(MenuFoldOutlined, {}), !internalCollapsed && jsx("span", { style: { marginLeft: '8px' }, children: "\u6536\u8D77\u5BFC\u822A" })] }));
42
+ return internalCollapsed ? (jsx(Tooltip, { placement: "right", title: "\u5C55\u5F00\u5BFC\u822A", children: triggerIcon })) : (triggerIcon);
38
43
  };
39
44
  const onMenuClick = (item) => {
40
45
  propsonClick === null || propsonClick === void 0 ? void 0 : propsonClick(item);
@@ -40,31 +40,41 @@ style.textContent = `@charset "UTF-8";
40
40
  border-right: 1px solid #f1f3f7;
41
41
  }
42
42
  .index-module__trigger-icon___LwUuZ {
43
- box-sizing: border-box;
43
+ font-style: normal;
44
+ font-weight: 400;
44
45
  font-size: 14px;
45
- width: 16px;
46
- height: 40px;
47
- right: -8px !important;
48
- padding: 0 4px;
49
- top: 50%;
50
- transform: translateY(-50%);
51
- border: 1px solid #f5f5f5;
46
+ line-height: 20px;
47
+ color: #222427;
48
+ box-sizing: border-box;
49
+ display: flex;
50
+ flex-direction: row;
51
+ align-items: center;
52
+ justify-content: flex-start;
53
+ padding: 8px;
52
54
  cursor: pointer;
53
55
  position: absolute;
54
56
  z-index: 999;
55
- display: flex;
56
- align-items: center;
57
- justify-content: center;
58
57
  background: #ffffff;
59
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
60
- border-radius: 8px;
58
+ border-top: 1px solid #f5f5f5;
59
+ border-right: none;
60
+ border-left: none;
61
+ border-bottom: none;
62
+ bottom: 14px;
63
+ left: 8px;
61
64
  }
62
65
  .index-module__trigger-icon___LwUuZ:hover {
63
66
  color: #1775fe;
67
+ background: #e8f1ff;
68
+ border: 1px solid #dbeaff;
69
+ font-family: "AlibabaPuHuiTi-3-65-Medium";
70
+ border-radius: 8px;
64
71
  }
65
72
  .index-module__menu-content___ZdUR3 {
66
73
  overflow-y: scroll;
67
- height: 100vh;
74
+ height: calc(100vh - 60px);
75
+ padding-bottom: 60px !important;
76
+ scrollbar-width: none;
77
+ -ms-overflow-style: none;
68
78
  }
69
79
  .index-module__menu-content___ZdUR3::-webkit-scrollbar {
70
80
  display: none;
@@ -121,7 +131,6 @@ style.textContent = `@charset "UTF-8";
121
131
  order: 1;
122
132
  align-self: stretch;
123
133
  flex-grow: 0;
124
- transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
125
134
  }
126
135
  .index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B .anticon {
127
136
  font-size: 16px !important;
@@ -1,4 +1,5 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
+ import useStyle from './styles/editor.css.js';
2
3
  import { useEditor, EditorContent } from '@tiptap/react';
3
4
  import { BubbleMenu } from '@tiptap/react/menus';
4
5
  import { forwardRef, useImperativeHandle } from 'react';
@@ -6,6 +7,7 @@ import { editorExtensions } from './extensions/index.js';
6
7
  import Toolbar from './toolbar/index.js';
7
8
  import TipTapBubbleMenu from './bubble-menu.js';
8
9
 
10
+ useStyle();
9
11
  var editor = forwardRef(function TipTapEditor({ content = '', placeholder = '开始输入内容...', editable = true, autofocus = false, className = '', toolbarClassName = '', onChange, }, ref) {
10
12
  const editor = useEditor({
11
13
  extensions: editorExtensions(placeholder),
@@ -1,7 +1,9 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
+ import useStyle from './styles/editor.css.js';
2
3
  import { useEditor, EditorContent } from '@tiptap/react';
3
4
  import { readerExtensions } from './extensions/index.js';
4
5
 
6
+ useStyle();
5
7
  function TipTapReader({ content, className = '' }) {
6
8
  const editor = useEditor({
7
9
  extensions: readerExtensions(),
package/es/index.js CHANGED
@@ -1,7 +1,9 @@
1
1
  export { default as Header } from './components/header/index.js';
2
2
  export { default as InputTag } from './components/input-tag/index.js';
3
3
  export { default as FileUploadDrawer } from './components/uploadDrawer/index.js';
4
- import './components/FileUploader/index.js';
4
+ export { default as UploadStoreProvider } from './components/FileUploader/UploadStoreProvider/UploadStoreProvider.js';
5
+ export { default as FileUploaderDeprecated } from './components/FileUploader/FileUploader.js';
6
+ export { default as FileUploadModal } from './components/FileUploader/FileUploadModal.js';
5
7
  export { UploadProvider } from './components/file-uploader/context/upload-provider.js';
6
8
  export { Uploader as FileUploader } from './components/file-uploader/components/uploader.js';
7
9
  export { UploaderDropZone } from './components/file-uploader/components/uploader-drop-zone.js';
@@ -20,7 +22,8 @@ export { default as FloatingLabelInput } from './components/floating-label-input
20
22
  export { default as PopoverSelect } from './components/popover-select/index.js';
21
23
  export { SectionHeading } from './components/section-heading/index.js';
22
24
  export { FeatureCard } from './components/feature-card/index.js';
23
- import './components/tip-tap/index.js';
25
+ export { default as Tiptap } from './components/tip-tap/editor.js';
26
+ export { default as TipTapReader } from './components/tip-tap/reader.js';
24
27
  export { default as PermissionEditModal } from './components/permission-editor/permissionEditModal/index.js';
25
28
  export { default as PermissionViewPopover } from './components/permission-editor/permissionViewPopover/index.js';
26
29
  export { default as PermissionEditor } from './components/permission-editor/permissionEditor/index.js';
@@ -33,9 +36,4 @@ export { default as ModelCard } from './components/model-card/index.js';
33
36
  export { default as SDKModal } from './components/SDK-modal/index.js';
34
37
  export { default as TagView } from './components/tag-view/index.js';
35
38
  export { default as TagGroupFilter } from './components/tag-group-filter/index.js';
36
- export { default as FileUploadModal } from './components/FileUploader/FileUploadModal.js';
37
- export { default as FileUploaderDeprecated } from './components/FileUploader/FileUploader.js';
38
- export { default as TipTapReader } from './components/tip-tap/reader.js';
39
39
  export { default as UploadDrawerUploadStoreProvider } from './components/uploadDrawer/UploadStoreProvider.js';
40
- export { default as UploadStoreProvider } from './components/FileUploader/UploadStoreProvider/UploadStoreProvider.js';
41
- export { default as Tiptap } from './components/tip-tap/editor.js';