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

package/es/components/FileUploader/FileUploadModal.js

@@ -1,6 +1,6 @@
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
-import './utils/modalConfig.css.js';
+import useStyle from './utils/modalConfig.css.js';
 import { Modal, Alert, Button } from 'antd';
 import { useContext } from 'react';
 import { UploadStoreContext, TEMP_STORE } from './UploadStoreProvider/UploadStoreProvider.js';
@@ -8,6 +8,7 @@ import { useTranslate } from './Locale/useTranslate.js';
 import { modalConfig } from './utils/modalConfig.js';
 import FileUploader from './FileUploaderImpl/FileUploader.js';
 
+useStyle();
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  */

package/es/components/FileUploader/FileUploaderImpl/FileUploaderFileReceiver.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.zjlab-fe-data-hub-ui-default-drag-area {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.zjlab-fe-data-hub-ui-default-drag-area {
 
     margin-bottom: 1.25rem;
 
@@ -33,4 +34,7 @@ style.textContent = `.zjlab-fe-data-hub-ui-default-drag-area {
     border-color: rgb(23 117 254 / var(--tw-border-opacity, 1))
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/FileUploader/FileUploaderImpl/FileUploaderFileReceiver.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import './FileUploaderFileReceiver.css.js';
+import useStyle from './FileUploaderFileReceiver.css.js';
 import { App } from 'antd';
 import { useRef, useMemo } from 'react';
 import '../utils/checkExpiryTime.js';
@@ -10,6 +10,7 @@ import { retrieveAllFiles as retrieveFilesFromEntry } from '../utils/retrieveAll
 import { useTranslate } from '../Locale/useTranslate.js';
 import FileUploaderFileReceiverContainer from './FileUploaderFileReceiverContainer.js';
 
+useStyle();
 function FileUploaderFileReceiver({ accept = '', className = '', multiple = true, directory = true, dragAreaDescription, maxSizePerFile = 10 * GB, onFileReceived, }) {
     const t = useTranslate();
     const { message } = App.useApp();

package/es/components/FileUploader/index.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `@layer tailwind-base, antd;
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `@layer tailwind-base, antd;
   @layer tailwind-base {
     .zjlab-fe-data-hub-ui-file-uploader *, .zjlab-fe-data-hub-ui-file-uploader ::before, .zjlab-fe-data-hub-ui-file-uploader ::after {
         --tw-border-spacing-x: 0;
@@ -529,4 +530,7 @@ style.textContent = `@layer tailwind-base, antd;
     opacity: 1;
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/FileUploader/index.js

@@ -1,23 +1,8 @@
-import './index.css.js';
+import useStyle from './index.css.js';
 export { default as UploadStoreProvider } from './UploadStoreProvider/UploadStoreProvider.js';
 import FileUploader from './FileUploader.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import './utils/modalConfig.css.js';
-import 'antd';
-import 'react';
-import './FileUploaderImpl/FileUploaderFileReceiver.css.js';
-import './utils/checkExpiryTime.js';
-import './types.js';
-import './FileUploaderImpl/FileUploaderListItem.js';
-import './FileUploaderImpl/FileUploaderListItemUploading.js';
-import './FileUploaderImpl/FileUploaderlListItemFinished.js';
-import './FileUploaderImpl/FileUploaderListItemFail.js';
-import './FileUploaderImpl/FileUploaderListItemPaused.js';
-import 'jotai';
-import './hooks/useCurrentFile.js';
-import './FileUploaderImpl/FileUploaderContextProvider.js';
-
+export { default as FileUploadModal } from './FileUploadModal.js';
 
+useStyle();
 
 export { FileUploader as default };

package/es/components/FileUploader/utils/modalConfig.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.zjlab-fe-data-hub-ui-modal .ant-modal-title,
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.zjlab-fe-data-hub-ui-modal .ant-modal-title,
   .zjlab-fe-data-hub-ui-modal .ant-modal-confirm-title {
     font-family: AlibabaPuHuiTi-3-65-Medium
 }
@@ -17,4 +18,7 @@ style.textContent = `.zjlab-fe-data-hub-ui-modal .ant-modal-title,
     line-height: 1.5rem
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/confirm-again/index.js

@@ -1,8 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Modal } from 'antd';
 import classNames from 'classnames';
-import './index.scss.js';
+import useStyle from './index.scss.js';
 
+useStyle();
 function ConfirmAgain(props) {
     var _a;
     return (jsx(Modal, Object.assign({}, props, { width: (_a = props.width) !== null && _a !== void 0 ? _a : 400, wrapClassName: classNames('data-hub-ui-confirm-wrap', props.wrapClassName) })));

package/es/components/confirm-again/index.scss.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `@charset "UTF-8";
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `@charset "UTF-8";
 @font-face {
   font-family: "AlibabaPuHuiTi-3-45-Light";
   src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-45-Light.ttf") format("truetype");
@@ -34,4 +35,7 @@ style.textContent = `@charset "UTF-8";
   text-align: center;
   margin-top: 28px;
 }`;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/feature-card/index.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `@layer tailwind-base, antd;
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `@layer tailwind-base, antd;
 
 @layer tailwind-base {
   *, ::before, ::after{
@@ -652,4 +653,7 @@ style.textContent = `@layer tailwind-base, antd;
   opacity: 1;
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/feature-card/index.js

@@ -1,12 +1,13 @@
 import { __rest } from 'tslib';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React from 'react';
-import './index.css.js';
+import useStyle from './index.css.js';
 import { cn } from '../../lib/utils.js';
 import { FeatureCardContext } from './context.js';
 import { getRootSizeClasses, getAlignClass, getTitleSizeClasses, getDescriptionSizeClasses, getIconAlignClass, getIconRoundedClass, getIconSizeClasses } from './classNames.js';
 import { Content, Description, Title, Body, Icon, Header } from './components.js';
 
+useStyle();
 const FeatureCardRoot = React.forwardRef(function FeatureCardRoot(props, ref) {
     const { icon, cardTitle, description, titleAs = 'h3', align = 'left', size = 'lg', iconVariant = 'default', className, classNames, children } = props, rest = __rest(props, ["icon", "cardTitle", "description", "titleAs", "align", "size", "iconVariant", "className", "classNames", "children"]);
     const SemanticClassNames = typeof classNames === 'function' ? classNames(props) : classNames;

package/es/components/file-uploader/components/circle-progress.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.styled-progress-circle {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.styled-progress-circle {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -36,4 +37,7 @@ style.textContent = `.styled-progress-circle {
 
 
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/circle-progress.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import './circle-progress.css.js';
+import useStyle from './circle-progress.css.js';
 
-// Circle Progress Component
+useStyle();
 function CircleProgress({ percent, isFailed, isSuccess, }) {
     const radius = 50;
     const circumference = 2 * Math.PI * radius;

package/es/components/file-uploader/components/theme.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `:root {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `:root {
   /* --- CSS Variables for Theming --- */
   
   /* Base Colors */
@@ -61,4 +62,7 @@ style.textContent = `:root {
   --uploader-progress-failed: #ef4444;
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/uploader-drop-zone.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.upload-drop-zone-container {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.upload-drop-zone-container {
   position: relative;
   width: 100%;
   margin-bottom: 1.5rem;
@@ -63,4 +64,7 @@ style.textContent = `.upload-drop-zone-container {
 
 
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/uploader-drop-zone.js

@@ -3,9 +3,11 @@ import { useRef, useCallback } from 'react';
 import UploadIcon from './icons.js';
 import { useDropZone } from './hooks/use-drop-zone.js';
 import { useFileValidation } from './hooks/use-file-validation.js';
-import './theme.css.js';
-import './uploader-drop-zone.css.js';
+import useStyle from './theme.css.js';
+import useStyle$1 from './uploader-drop-zone.css.js';
 
+useStyle();
+useStyle$1();
 function UploaderDropZone(props) {
     const { accept = '', maxSize, maxFiles, directory = false, disabled = false, dragAreaDescription = '点击或拖拽上传文件', icon, classNames, onDrop, fileValidation, onError, } = props;
     const semanticClassNames = typeof classNames === 'function' ? classNames(props) : classNames;

package/es/components/file-uploader/components/uploader-file-item.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.upload-file-item {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.upload-file-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -183,4 +184,7 @@ style.textContent = `.upload-file-item {
   background: var(--uploader-action-close-hover-bg);
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/uploader-file-item.js

@@ -3,9 +3,11 @@ import { UploadStatus } from '../constants.js';
 import { CircleProgress } from './circle-progress.js';
 import { FileIcon, PauseIcon, ResumeIcon, CloseIcon } from './icons.js';
 import { UploadingStatus } from './uploading-status.js';
-import './theme.css.js';
-import './uploader-file-item.css.js';
+import useStyle from './theme.css.js';
+import useStyle$1 from './uploader-file-item.css.js';
 
+useStyle();
+useStyle$1();
 function UploaderFileItem(props) {
     const { file, classNames, onCancel, onRemove, onPause, onResume } = props;
     const semanticClassNames = typeof classNames === 'function' ? classNames(props) : classNames;

package/es/components/file-uploader/components/uploader-file-list.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.upload-file-list-wrapper {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.upload-file-list-wrapper {
   width: 100%;
   margin-top: 1.5rem;
 }
@@ -40,4 +41,7 @@ style.textContent = `.upload-file-list-wrapper {
 
 
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/uploader-file-list.js

@@ -1,8 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useUpload } from '../hooks/use-upload.js';
-import './theme.css.js';
-import './uploader-file-list.css.js';
+import useStyle from './theme.css.js';
+import useStyle$1 from './uploader-file-list.css.js';
 
+useStyle();
+useStyle$1();
 /**
  * Simple file list component that displays all uploaded files.
  * Uses the useUploadFiles hook to access file state.

package/es/components/file-uploader/components/uploader.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `/* Styled File Uploader - shadcn/ui inspired */
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `/* Styled File Uploader - shadcn/ui inspired */
 
 .styled-uploader-container {
   /* --- Component Styles --- */
@@ -17,4 +18,7 @@ style.textContent = `/* Styled File Uploader - shadcn/ui inspired */
 
 
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/uploader.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import './theme.css.js';
-import './uploader.css.js';
+import useStyle from './theme.css.js';
+import useStyle$1 from './uploader.css.js';
 import { useEffect, useCallback } from 'react';
 import { DEFAULT_MAX_FILE_SIZE } from '../constants.js';
 import { UploaderDropZone } from './uploader-drop-zone.js';
@@ -8,6 +8,8 @@ import { UploaderFileListLayout } from './uploader-file-list.js';
 import { UploaderFileItem } from './uploader-file-item.js';
 import { useUpload } from '../hooks/use-upload.js';
 
+useStyle();
+useStyle$1();
 /**
  * Styled File Uploader - Matches FileUploader capabilities with custom styling
  *

package/es/components/file-uploader/components/uploading-status.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.uploading-status {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.uploading-status {
   display: inline-block;
   position: relative;
   overflow: hidden;
@@ -49,4 +50,7 @@ style.textContent = `.uploading-status {
   text-align: left;
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/file-uploader/components/uploading-status.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import './uploading-status.css.js';
+import useStyle from './uploading-status.css.js';
 
+useStyle();
 const UPLOADING_MESSAGES = [
     '上传中',
     '传输数据中',

package/es/components/floating-layer/index.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import './index.scss.js';
+import useStyle from './index.scss.js';
 import closeBtn from '../../assets/closeBtn.png.js';
 import classNames from 'classnames';
 
+useStyle();
 function FloatingLayer({ visiable, children, onClose, className, style }) {
     const [open, setOpen] = useState(false);
     useEffect(() => {

package/es/components/floating-layer/index.scss.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.data-hub-ui-floating-layer-wrap {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.data-hub-ui-floating-layer-wrap {
   min-width: 244px;
   min-height: 89px;
   background: #ffffff;
@@ -28,4 +29,7 @@ style.textContent = `.data-hub-ui-floating-layer-wrap {
 .data-hub-ui-floating-layer-slot {
   padding: 17px 10px;
 }`;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/notion-editor/index.js

@@ -7,13 +7,16 @@ import { TextSelection } from 'prosemirror-state';
 import { BlockNoteSchema, defaultStyleSpecs, defaultInlineContentSpecs, defaultBlockSpecs } from '@blocknote/core';
 import { BlockNoteView } from '@blocknote/mantine';
 import { zh } from '@blocknote/core/locales';
-import '@blocknote/core/fonts/inter.css';
-import '@blocknote/mantine/style.css';
-import './index.scss.js';
+import __inject_css0 from '@blocknote/core/fonts/inter.css';
+import __inject_css1 from '@blocknote/mantine/style.css';
+import useStyle from './index.scss.js';
 import { CustomCodeBlock } from './code-block/index.js';
 import { detectLanguage } from './code-block/languageDetector.js';
 import { parsePastedMarkdown } from './parseMarkdown.js';
 
+__inject_css0();
+__inject_css1();
+useStyle();
 // 自定义文件块，替换默认的文件块
 const CustomFileBlock = createReactBlockSpec({
     type: 'file',

package/es/components/notion-editor/index.scss.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.data-hub-ui-blocknote-editor-wrapper {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.data-hub-ui-blocknote-editor-wrapper {
   position: relative;
   display: grid;
   grid-template-columns: minmax(0, 1fr) var(--blocknote-toc-width, 240px);
@@ -418,4 +419,7 @@ style.textContent = `.data-hub-ui-blocknote-editor-wrapper {
   text-overflow: ellipsis;
   white-space: nowrap;
 }`;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/radio-card/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Radio } from 'antd';
-import './index.scss.js';
+import useStyle from './index.scss.js';
 import classNames from 'classnames';
 
+useStyle();
 const RadioCard = ({ options, value, onChange, className, style }) => {
     const handleChange = (e) => {
         if (onChange) {

package/es/components/radio-card/index.scss.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.data-hub-ui-radio-card-container {
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.data-hub-ui-radio-card-container {
   display: flex;
   gap: 20px;
 }
@@ -55,4 +56,7 @@ style.textContent = `.data-hub-ui-radio-card-container {
   display: flex;
   flex-wrap: wrap;
 }`;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/section-heading/index.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `@layer tailwind-base, antd;
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `@layer tailwind-base, antd;
 
 @layer tailwind-base {
   *, ::before, ::after{
@@ -645,4 +646,7 @@ style.textContent = `@layer tailwind-base, antd;
   opacity: 1;
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/section-heading/index.js

@@ -1,12 +1,13 @@
 import { __rest } from 'tslib';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React from 'react';
-import './index.css.js';
+import useStyle from './index.css.js';
 import { cn } from '../../lib/utils.js';
 import { SectionHeadingContext } from './context.js';
 import { getTitleSizeClasses, getAlignClass } from './classNames.js';
 import { Description, Title, Kicker } from './components.js';
 
+useStyle();
 const SectionHeadingRoot = React.forwardRef(function SectionHeadingRoot(props, ref) {
     const { kicker, mainTitle, description, align = 'center', size = 'lg', titleAs = 'h2', className, classNames, styles, children } = props, rest = __rest(props, ["kicker", "mainTitle", "description", "align", "size", "titleAs", "className", "classNames", "styles", "children"]);
     const SemanticClassNames = typeof classNames === 'function' ? classNames(props) : classNames;

package/es/components/tip-tap/index.js

@@ -0,0 +1,7 @@
+import useStyle from './styles/editor.css.js';
+export { default } from './editor.js';
+import 'react/jsx-runtime';
+import '@tiptap/react';
+import './extensions/index.js';
+
+useStyle();

package/es/components/tip-tap/styles/editor.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `/* TipTap Editor - Modern Rich Text Editor */
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `/* TipTap Editor - Modern Rich Text Editor */
 /* CSS Variables for TipTap Editor Theme */
 :root {
   /* Colors - Indigo Theme */
@@ -860,4 +861,7 @@ style.textContent = `/* TipTap Editor - Modern Rich Text Editor */
   background: #94a3b8;
 }
 `;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/uploadDrawer/index.css.js

@@ -1,5 +1,6 @@
-var style = document.createElement('style');
-style.textContent = `.mylib-upload-drawer *, .mylib-upload-drawer ::before, .mylib-upload-drawer ::after {  
+function useStyle() {
+  var style = document.createElement('style');
+  style.textContent = `.mylib-upload-drawer *, .mylib-upload-drawer ::before, .mylib-upload-drawer ::after {  
     --tw-border-spacing-x: 0;  
     --tw-border-spacing-y: 0;  
     --tw-translate-x: 0;  
@@ -508,4 +509,7 @@ style.textContent = `.mylib-upload-drawer *, .mylib-upload-drawer ::before, .myl
 .dhu-group:hover .group-hover\\:dhu-opacity-100 {  
     opacity: 1
 }`;
-document.head.appendChild(style);
+  document.head.appendChild(style);
+}
+
+export { useStyle as default };

package/es/components/uploadDrawer/index.js

@@ -5,9 +5,10 @@ export { default as UploadDrawerUploadStoreProvider } from './UploadStoreProvide
 import FileUploadDrawer$1 from './fileUploadDrawer.js';
 import { createContext, useContext } from 'react';
 import { GB } from './utils/constant.js';
-import './index.css.js';
+import useStyle from './index.css.js';
 import { Drawer, Alert } from 'antd';
 
+useStyle();
 const FileUploadDrawerContext = createContext({
     identifier: '',
     getUploadUrls: () => __awaiter(void 0, void 0, void 0, function* () { return ({ status: false }); }),

package/es/index.js

@@ -1,10 +1,7 @@
 export { default as Header } from './components/header/index.js';
 export { default as InputTag } from './components/input-tag/index.js';
 export { default as FileUploadDrawer } from './components/uploadDrawer/index.js';
-import './components/FileUploader/index.css.js';
-export { default as UploadStoreProvider } from './components/FileUploader/UploadStoreProvider/UploadStoreProvider.js';
-export { default as FileUploaderDeprecated } from './components/FileUploader/FileUploader.js';
-export { default as FileUploadModal } from './components/FileUploader/FileUploadModal.js';
+import './components/FileUploader/index.js';
 export { UploadProvider } from './components/file-uploader/context/upload-provider.js';
 export { Uploader as FileUploader } from './components/file-uploader/components/uploader.js';
 export { UploaderDropZone } from './components/file-uploader/components/uploader-drop-zone.js';
@@ -23,9 +20,7 @@ export { default as FloatingLabelInput } from './components/floating-label-input
 export { default as PopoverSelect } from './components/popover-select/index.js';
 export { SectionHeading } from './components/section-heading/index.js';
 export { FeatureCard } from './components/feature-card/index.js';
-import './components/tip-tap/styles/editor.css.js';
-export { default as Tiptap } from './components/tip-tap/editor.js';
-export { default as TipTapReader } from './components/tip-tap/reader.js';
+import './components/tip-tap/index.js';
 export { default as PermissionEditModal } from './components/permission-editor/permissionEditModal/index.js';
 export { default as PermissionViewPopover } from './components/permission-editor/permissionViewPopover/index.js';
 export { default as PermissionEditor } from './components/permission-editor/permissionEditor/index.js';
@@ -38,4 +33,9 @@ export { default as ModelCard } from './components/model-card/index.js';
 export { default as SDKModal } from './components/SDK-modal/index.js';
 export { default as TagView } from './components/tag-view/index.js';
 export { default as TagGroupFilter } from './components/tag-group-filter/index.js';
+export { default as FileUploadModal } from './components/FileUploader/FileUploadModal.js';
+export { default as FileUploaderDeprecated } from './components/FileUploader/FileUploader.js';
+export { default as TipTapReader } from './components/tip-tap/reader.js';
 export { default as UploadDrawerUploadStoreProvider } from './components/uploadDrawer/UploadStoreProvider.js';
+export { default as UploadStoreProvider } from './components/FileUploader/UploadStoreProvider/UploadStoreProvider.js';
+export { default as Tiptap } from './components/tip-tap/editor.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjlab-fe/data-hub-ui",
-  "version": "0.26.1",
+  "version": "0.26.3",
   "main": "lib/index.js",
   "module": "es/index.js",
   "types": "dist/types/index.d.ts",
@@ -30,6 +30,14 @@
     },
     "./package.json": "./package.json"
   },
+  "files": [
+    "es",
+    "lib",
+    "dist",
+    "README.md",
+    "LICENSE",
+    "COMPONENTS_SKILL.md"
+  ],
   "sideEffects": [
     "**/*.css",
     "**/*.scss",

package/jest.config.js

@@ -1,10 +0,0 @@
-/** @type {import('ts-jest').JestConfigWithTsJest} **/
-module.exports = {
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+.tsx?$': ['ts-jest', {}],
-  },
-  moduleNameMapper: {
-    '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js',
-  },
-};

package/postcss.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-    'postcss-nested': {},
-  },
-};

package/rollup.es.config.mjs

@@ -1,181 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import alias from '@rollup/plugin-alias';
-import path from 'path';
-import fs from 'fs';
-import { fileURLToPath } from 'url';
-import * as sass from 'sass';
-import postcss from 'postcss';
-import postcssModules from 'postcss-modules';
-import tailwindcss from 'tailwindcss';
-import autoprefixer from 'autoprefixer';
-import postcssImport from 'postcss-import';
-import postcssNested from 'postcss-nested';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const srcDir = path.resolve(__dirname, 'src');
-
-// PostCSS 基础插件
-const basePostcssPlugins = [postcssImport(), postcssNested(), tailwindcss(), autoprefixer()];
-
-// 图片插件：将图片全部 base64 内联到 JS 中
-// 消费端无需任何额外配置，无路径问题
-function imagePlugin() {
-  return {
-    name: 'images',
-    async load(id) {
-      const ext = path.extname(id).toLowerCase();
-      if (!['.png', '.jpg', '.jpeg', '.gif', '.svg'].includes(ext)) return null;
-      if (id.includes('node_modules')) return null;
-
-      const buffer = fs.readFileSync(id);
-      const mimeMap = {
-        '.png': 'image/png',
-        '.jpg': 'image/jpeg',
-        '.jpeg': 'image/jpeg',
-        '.gif': 'image/gif',
-        '.svg': 'image/svg+xml',
-      };
-      const dataUrl = `data:${mimeMap[ext] || 'image/png'};base64,${buffer.toString('base64')}`;
-
-      return { code: `export default ${JSON.stringify(dataUrl)};`, map: null };
-    },
-  };
-}
-
-// 自定义 SCSS/CSS 处理插件
-function stylePlugin() {
-  return {
-    name: 'styles',
-
-    async transform(code, id) {
-      // 处理 src 目录下的样式文件
-      const isSrc = id.startsWith(srcDir);
-      // 处理从 node_modules 导入的 CSS（经由 src 文件引用）
-      const isNodeModuleCss = !isSrc && id.includes('node_modules') && id.endsWith('.css');
-
-      if (!isSrc && !isNodeModuleCss) return null;
-      if (!id.endsWith('.scss') && !id.endsWith('.css')) return null;
-
-      const isModule = id.endsWith('.module.scss') && isSrc;
-      const ext = path.extname(id);
-      const dir = path.dirname(id);
-
-      let processedCode = code;
-
-      // 替换 SCSS @import 中的 @/ 为相对路径（仅 src 文件）
-      if (isSrc) {
-        processedCode = code.replace(
-          /@(import|use)\s+['"]@\/([^'"]+)['"]/g,
-          (_match, directive, importPath) => {
-            const absolutePath = path.resolve(srcDir, importPath);
-            const relativePath = path.relative(dir, absolutePath).replace(/\\/g, '/');
-            return `@${directive} '${relativePath.startsWith('.') ? relativePath : './' + relativePath}'`;
-          },
-        );
-      }
-
-      // 编译 SCSS → CSS
-      let css;
-      try {
-        if (ext === '.scss') {
-          const result = sass.compileString(processedCode, {
-            loadPaths: [dir, srcDir, path.resolve(srcDir, 'styles')],
-          });
-          css = result.css;
-        } else {
-          css = processedCode;
-        }
-      } catch (err) {
-        this.error(`SCSS compile error: ${err.message}`);
-      }
-
-      // 对所有 CSS 运行 PostCSS（tailwindcss + postcss-nested + postcss-import）
-      try {
-        const tailwindResult = await postcss(basePostcssPlugins).process(css, {
-          from: id,
-          to: id.replace(/\.(scss|css)$/, '.css'),
-        });
-        css = tailwindResult.css;
-      } catch (err) {
-        this.error(`PostCSS error: ${err.message}`);
-      }
-
-      // 对 .module.scss 文件，用 postcss-modules 提取类名映射
-      let classMap = {};
-
-      if (isModule) {
-        const modulesPlugin = postcssModules({
-          generateScopedName: '[name]__[local]___[hash:base64:5]',
-          getJSON(cssFileName, json) {
-            classMap = json;
-          },
-        });
-
-        const result = await postcss([modulesPlugin]).process(css, { from: id });
-        css = result.css;
-      }
-
-      // 生成 JS 模块代码
-      const escapedCss = css.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$/g, '\\$');
-
-      let jsCode;
-      if (isModule) {
-        const namedExports = Object.entries(classMap)
-          .map(([key, value]) => {
-            const jsKey = key.replace(/[^a-zA-Z0-9_$]/g, '_');
-            return `var ${jsKey} = ${JSON.stringify(value)}; export { ${jsKey} as ${JSON.stringify(key)} };`;
-          })
-          .join('\n');
-
-        const mapJson = JSON.stringify(classMap);
-
-        jsCode = `
-var style = document.createElement('style');
-style.textContent = \`${escapedCss}\`;
-document.head.appendChild(style);
-
-${namedExports}
-
-var styles = ${mapJson};
-export default styles;
-`;
-      } else {
-        // 普通样式或 node_modules CSS：只注入 CSS，没有 export
-        jsCode = `
-var style = document.createElement('style');
-style.textContent = \`${escapedCss}\`;
-document.head.appendChild(style);
-`;
-      }
-
-      return {
-        code: jsCode,
-        map: null,
-        moduleSideEffects: 'no-treeshake',
-      };
-    },
-  };
-}
-
-export default {
-  input: ['src/index.tsx', 'src/components/notion-editor/index.tsx'],
-  output: {
-    dir: 'es',
-    format: 'esm',
-    preserveModules: true,
-    preserveModulesRoot: 'src',
-    entryFileNames: '[name].js',
-  },
-  plugins: [
-    peerDepsExternal({ includeDependencies: true }),
-    alias({ entries: [{ find: '@', replacement: srcDir }] }),
-    imagePlugin(),
-    resolve({ extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.scss'] }),
-    commonjs(),
-    stylePlugin(),
-    typescript({ tsconfig: './tsconfig.rollup.json' }),
-  ],
-};

package/tailwind.config.js

@@ -1,62 +0,0 @@
-import { fontFamily as _fontFamily } from 'tailwindcss/defaultTheme';
-
-export const prefix = 'dhu-'; // data-hub-ui 缩写
-
-/** @type {import('tailwindcss').Config} */
-export const content = [
-  './src/components/uploadDrawer/**/*.{js,jsx,ts,tsx}',
-  './src/components/FileUploader/**/*.{js,jsx,ts,tsx}',
-  './src/components/feature-card/**/*.{js,jsx,ts,tsx}',
-  './src/components/section-heading/**/*.{js,jsx,ts,tsx}',
-];
-
-export const corePlugins = {
-  preflight: false,
-};
-
-export const theme = {
-  extend: {
-    fontFamily: {
-      sans: ['AlibabaPuHuiTi-3-55-RegularL3', _fontFamily.sans],
-      'ali-55': 'AlibabaPuHuiTi-3-55-Regular',
-      'ali-65': 'AlibabaPuHuiTi-3-65-Medium',
-      'ali-75': 'AlibabaPuHuiTi-3-75-SemiBold',
-      'ali-85': 'AlibabaPuHuiTi-3-85-Bold',
-    },
-    colors: {
-      'blue-1': '#E8F1FF',
-      'blue-2': '#B9D6FF',
-      'blue-4': '#4591FE',
-      'blue-5': '#1775FE',
-      'red-red': '#FE4D4F',
-      'yellow-yellow': '#FAAD14',
-      'green-green': '#53C31B',
-      'assist-blue': '#1990FF',
-      'assist-bg-blue': '#F4F6FA',
-      'gray-2': '#EDF2FC',
-      'gray-3': '#D9E0ED',
-      'gray-5': '#87909E',
-      'gray-7': '#545B64',
-      'gray-9': '#30353A',
-      'gray-10': '#222427',
-    },
-    borderRadius: {
-      ml: '10px',
-    },
-    height: {
-      162: '648px',
-    },
-    minHeight: {
-      162: '648px',
-    },
-    spacing: {
-      18: '72px',
-      29: '116px',
-      384: '1536px',
-    },
-    boxShadow: {
-      float: '0px 12px 30px 0px rgba(32,60,48,0.2);',
-    },
-  },
-};
-export const plugins = [require('@tailwindcss/typography')];

package/tsconfig.rollup.json

@@ -1,7 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "declaration": false,
-    "declarationDir": null
-  }
-}

package/webpack.common.js

@@ -1,54 +0,0 @@
-module.exports = {
-  module: {
-    rules: [
-      {
-        test: /\.md$/,
-        use: ['raw-loader'],
-      },
-      {
-        test: /\.(svg|png|jpe?g)$/,
-        use: [
-          {
-            loader: 'url-loader',
-            options: {
-              // 图片大小小于20kb，就会base64处理
-              // limit: 300 * 1024,
-              // url-loader默认使用es6模块化解析，html-loader引入图片使用的是commonjs规范
-              // 关闭url-loader的es6模块化，使用commonjs解析
-              // esModule: false,
-              // outputPath: 'assets'
-              // 图片编译之后重命名
-              // [hash:10]获取图片hash前10位 [ext]取文件的原扩展名
-              name: '[hash:10].[ext]',
-            },
-          },
-        ],
-
-        // type: 'asset/resource',
-        // generator: {
-        //   filename: 'static/[contenthash].[ext]',
-        // },
-      },
-      {
-        test: /\.s?css$/,
-        use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader'],
-      },
-      {
-        test: /\.(js|jsx|ts|tsx)$/,
-        exclude: /node_modules/,
-        use: [
-          // {
-          //   loader: 'babel-loader',
-          //   options: {
-          //     // 开启 babel 缓存
-          //     cacheDirectory: true,
-          //     // 关闭缓存压缩
-          //     cacheCompression: false,
-          //   },
-          // },
-          { loader: 'ts-loader' },
-        ],
-      },
-    ],
-  },
-};