@zjlab-fe/data-hub-ui 0.27.2 → 0.29.0

package/dist/types/components/dataset-batch-action/demo/index.d.ts

@@ -0,0 +1 @@
+export default function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/dataset-batch-action/index.d.ts

@@ -0,0 +1,33 @@
+import { UploadFile } from 'antd';
+export declare enum EDatasetBatchType {
+    list = "list",
+    export = "export",
+    tag = "tag",
+    zone = "area"
+}
+export interface IConfirmParam {
+    type: EDatasetBatchType;
+    file?: UploadFile;
+    inputIds?: string[];
+    fields?: string[];
+}
+export interface IFieldOption {
+    id: string;
+    label: string;
+    datasetCnt?: number;
+}
+export interface IDatasetBatchActionParams {
+    type: EDatasetBatchType;
+    title: string;
+    description: string;
+    hasZoneManualInput?: boolean;
+    hasUpload?: boolean;
+    manualInputPlaceholder?: string;
+    manualInputTitle?: string;
+    fieldTitle?: string;
+    fieldOptions?: IFieldOption[];
+}
+export default function DatasetBatchAction(p: {
+    onCancel: () => void;
+    onConfirm: (param: IConfirmParam) => void;
+} & IDatasetBatchActionParams): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/status-tag/index.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 type TagType = 'running' | 'failed' | 'success' | 'stopped' | 'pending';
+type TagVariant = 'filled' | 'bordered' | 'dot';
 interface IProps {
     type?: TagType;
+    variant?: TagVariant;
+    className?: string;
     children?: React.ReactNode;
 }
 export default function StatusTag(props: IProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -41,3 +41,6 @@ export type { CorpusCardProps, ProcessTemplateListItem, ProcessTemplateLabel, La
 export { default as SDKModal } from './components/SDK-modal';
 export { default as TagView } from './components/tag-view';
 export { default as TagGroupFilter } from './components/tag-group-filter';
+export { default as DatasetBatchAction } from './components/dataset-batch-action';
+export type { IConfirmParam, IFieldOption, IDatasetBatchActionParams, } from './components/dataset-batch-action';
+export { EDatasetBatchType } from './components/dataset-batch-action';

package/es/components/dataset-batch-action/index.js

@@ -0,0 +1,107 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React from 'react';
+import { Upload, Input, Modal, Tabs, message, Alert, Button } from 'antd';
+import { datasetBatchAction, description, manualLabel, uploadContainer, uploadIconWrapper, uploadIcon, uploadText, alertMessage, fieldSelection, fieldHeader, fieldTitleWrapper, fieldTitleIndicator, fieldTitle, fieldActions, selectAllBtn, clearAllBtn, fieldGrid, fieldItem, selected, unselected, fieldItemContent, fieldLabel, fieldCheckbox, checked, unchecked, checkIcon, fieldMeta, listTip, tipContent, tipIcon, tipText } from './index.module.scss.js';
+
+const { Dragger } = Upload;
+const { TextArea } = Input;
+var EDatasetBatchType;
+(function (EDatasetBatchType) {
+    EDatasetBatchType["list"] = "list";
+    EDatasetBatchType["export"] = "export";
+    EDatasetBatchType["tag"] = "tag";
+    EDatasetBatchType["zone"] = "area";
+})(EDatasetBatchType || (EDatasetBatchType = {}));
+const DATASET_FIELDS = [
+    { id: 'id', label: '数据集ID' },
+    { id: 'name', label: '数据集名称' },
+    { id: 'provider', label: '提供方' },
+    { id: 'creator', label: '发布者' },
+    { id: 'fileSize', label: '数据量' },
+    { id: 'authorizationType', label: '开放方式' },
+    { id: 'subjects', label: '科学领域' },
+    { id: 'source', label: '来源名称' },
+    { id: 'keywords', label: '关键词' },
+    { id: 'label', label: '相关标签' },
+    { id: 'license', label: '使用许可' },
+    { id: 'dataSourceUrl', label: '来源链接' },
+    { id: 'publishTime', label: '发布时间' },
+    { id: 'storageFilePath', label: '存储路径' },
+    { id: 'domain', label: '域名标识' },
+];
+function DatasetBatchAction(p) {
+    var _a, _b;
+    const [fileList, setFileList] = React.useState([]);
+    const [manualInputValue, setManualInputValue] = React.useState('');
+    const [activeTab, setActiveTab] = React.useState(p.hasZoneManualInput ? 'manual' : 'upload');
+    const exportFields = (_a = p.fieldOptions) !== null && _a !== void 0 ? _a : (p.type === EDatasetBatchType.list || p.type === EDatasetBatchType.export ? DATASET_FIELDS : []);
+    const [selectedFields, setSelectedFields] = React.useState(new Set((exportFields === null || exportFields === void 0 ? void 0 : exportFields.map((f) => f.id)) || []));
+    const hasUpload = (_b = p.hasUpload) !== null && _b !== void 0 ? _b : true;
+    const handleConfirmExport = () => {
+        if (p.type === EDatasetBatchType.zone) {
+            if (activeTab === 'manual' && !manualInputValue.trim()) {
+                message.warning('请输入数据集ID');
+                return;
+            }
+            if (activeTab === 'upload' && !fileList.length) {
+                message.warning('请上传CSV文件');
+                return;
+            }
+            const inputIds = activeTab === 'manual'
+                ? manualInputValue
+                    .split(/[,，\n]+/)
+                    .map((id) => id.trim())
+                    .filter(Boolean)
+                : undefined;
+            p.onConfirm({
+                type: p.type,
+                file: activeTab === 'upload' ? fileList[0] : undefined,
+                inputIds,
+                fields: Array.from(selectedFields),
+            });
+        }
+        else if (p.type !== EDatasetBatchType.list && !fileList.length) {
+            message.warning('请上传csv或excel文件');
+            return;
+        }
+        else {
+            p.onConfirm({ type: p.type, file: fileList[0], fields: Array.from(selectedFields) });
+        }
+    };
+    const toggleExportField = (fieldId) => {
+        const next = new Set(selectedFields);
+        if (next.has(fieldId))
+            next.delete(fieldId);
+        else
+            next.add(fieldId);
+        setSelectedFields(next);
+    };
+    return (jsxs(Modal, { title: p.title, open: true, onOk: handleConfirmExport, onCancel: p.onCancel, className: datasetBatchAction, okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", children: [jsx("p", { className: description, children: p.description }), p.type === EDatasetBatchType.zone && p.hasZoneManualInput && (jsxs(Fragment, { children: [hasUpload && (jsx(Tabs, { activeKey: activeTab, onChange: setActiveTab, items: [
+                            {
+                                key: 'manual',
+                                label: '手动输入ID',
+                            },
+                            {
+                                key: 'upload',
+                                label: '批量任务文件上传',
+                            },
+                        ] })), activeTab === 'manual' && (jsxs("div", { children: [jsx("p", { className: manualLabel, children: p.manualInputTitle }), jsx(TextArea, { value: manualInputValue, onChange: (e) => setManualInputValue(e.target.value), placeholder: p.manualInputPlaceholder, rows: 6 })] }))] })), hasUpload &&
+                (p.type === EDatasetBatchType.export ||
+                    p.type === EDatasetBatchType.tag ||
+                    (p.type === EDatasetBatchType.zone && activeTab === 'upload')) && (jsxs(Dragger, { name: "name", customRequest: (options) => {
+                    if (options.onSuccess) {
+                        options.onSuccess({});
+                    }
+                }, className: uploadContainer, multiple: false, accept: ".csv,.xlsx,.xls", fileList: fileList, onChange: (info) => {
+                    const newFileList = [...info.fileList];
+                    if (newFileList.length > 1) {
+                        message.warning('单次任务只能上传1个文件，不支持第二个文件的上传');
+                    }
+                    setFileList(newFileList.slice(0, 1));
+                }, onRemove: () => setFileList([]), children: [jsx("div", { className: uploadIconWrapper, children: jsx("svg", { className: uploadIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }) }), jsx("div", { className: uploadText, children: "\u70B9\u51FB\u6D4F\u89C8\u6587\u4EF6\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\uFF08\u652F\u6301csv\u6216excel\u6587\u4EF6\uFF09" })] })), p.type === EDatasetBatchType.tag && (jsx(Alert, { message: "\u63D0\u793A\uFF1A\u6587\u4EF6\u7B2C\u4E00\u5217\u5E94\u4E3A dataset_id\uFF0C\u7B2C\u4E8C\u5217\u4E3A tag_ids\uFF08\u591A\u4E2A\u6807\u7B7E ID \u8BF7\u7528\u5206\u53F7\u5206\u9694\uFF09\u3002", type: "info", showIcon: true, className: alertMessage })), p.type === EDatasetBatchType.zone && activeTab === 'upload' && p.hasZoneManualInput && (jsx(Alert, { message: '\u63D0\u793A\uFF1A\u8BF7\u4E0A\u4F20csv\u6216excel\u6587\u4EF6\uFF0C\u63D0\u4F9B\u6570\u636E\u96C6id\uFF0C\u5355\u6B21\u4EFB\u52A1\u53EA\u80FD\u4E0A\u4F201\u4E2A\u6587\u4EF6\u3002\u6587\u4EF6\u91C7\u7528\u5355\u5217\u5E03\u5C40\uFF0C\u9996\u884C\u4E3A"dataset_id"\uFF0C\u4ECE\u7B2C\u4E8C\u884C\u5F00\u59CB\u6BCF\u884C\u4E3A\u4E00\u4E2A\u5177\u4F53id\u3002', type: "info", showIcon: true, className: alertMessage })), exportFields && exportFields.length > 0 && (jsxs("div", { className: fieldSelection, children: [jsxs("div", { className: fieldHeader, children: [jsxs("div", { className: fieldTitleWrapper, children: [jsx("div", { className: fieldTitleIndicator }), jsx("h4", { className: fieldTitle, children: p.fieldTitle })] }), jsxs("div", { className: fieldActions, children: [jsx("span", { onClick: () => setSelectedFields(new Set((exportFields === null || exportFields === void 0 ? void 0 : exportFields.map((f) => f.id)) || [])), className: selectAllBtn, children: "\u5168\u9009" }), jsx("span", { onClick: () => setSelectedFields(new Set()), className: clearAllBtn, children: "\u6E05\u7A7A" })] })] }), jsx("div", { className: fieldGrid, children: exportFields.map((field) => {
+                            const isSelected = selectedFields.has(field.id);
+                            return (jsxs(Button, { onClick: () => toggleExportField(field.id), className: `${fieldItem} ${isSelected ? selected : unselected}`, style: { height: p.type === EDatasetBatchType.zone ? '60px' : '32px' }, children: [jsxs("div", { className: fieldItemContent, children: [jsx("span", { className: fieldLabel, title: field.label, children: field.label }), jsx("div", { className: `${fieldCheckbox} ${isSelected ? checked : unchecked}`, children: isSelected && (jsx("svg", { className: checkIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 4, children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })) })] }), p.type === EDatasetBatchType.zone && (jsxs("div", { className: fieldMeta, children: [jsxs("span", { children: ["ID\uFF1A", field.id] }), jsxs("span", { children: [field.datasetCnt, " \u8D44\u4EA7"] })] }))] }, field.id));
+                        }) })] })), p.type === EDatasetBatchType.list && (jsx("div", { className: listTip, children: jsxs("div", { className: tipContent, children: [jsx("svg", { className: tipIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), jsx("p", { className: tipText, children: "\u8BF7\u524D\u5F80\"\u6279\u91CF\u4EFB\u52A1\"\u4E2D\u67E5\u770B\u5BFC\u51FA\u6587\u4EF6" })] }) }))] }));
+}
+
+export { EDatasetBatchType, DatasetBatchAction as default };

package/es/components/dataset-batch-action/index.module.scss.js

@@ -0,0 +1,200 @@
+var style = document.createElement('style');
+style.textContent = `.index-module__datasetBatchAction___L6yz5 .index-module__description___CfxF4 {
+  color: #545b64;
+  font-size: 14px;
+  margin-top: 8px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__manualLabel___lvm5X {
+  font-size: 14px;
+  color: #545b64;
+  margin-bottom: 8px;
+  margin-top: 0;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__uploadContainer___j8IxU {
+  margin-top: 24px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__uploadContainer___j8IxU .index-module__uploadIconWrapper___yV1NJ {
+  width: 64px;
+  height: 64px;
+  background: #f8fafc;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 16px auto;
+  transition: all 0.3s ease;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__uploadContainer___j8IxU .index-module__uploadIconWrapper___yV1NJ .index-module__uploadIcon___1Wkwf {
+  width: 32px;
+  height: 32px;
+  color: #cbd5e1;
+  transition: color 0.3s ease;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__uploadContainer___j8IxU .index-module__uploadText___x0Qvf {
+  font-size: 12px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: #94a3b8;
+  text-align: center;
+  margin-bottom: 16px;
+  transition: color 0.3s ease;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__alertMessage___ZwIzM {
+  margin-top: 16px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- {
+  margin-top: 16px;
+  margin-bottom: 32px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux .index-module__fieldTitleWrapper___6ojO6 {
+  display: flex;
+  align-items: center;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux .index-module__fieldTitleWrapper___6ojO6 .index-module__fieldTitleIndicator___fhurM {
+  width: 6px;
+  height: 16px;
+  background: #1775fe;
+  border-radius: 9999px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux .index-module__fieldTitleWrapper___6ojO6 .index-module__fieldTitle___-3Ew- {
+  font-size: 14px;
+  font-weight: 900;
+  color: #0f172b;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  margin-left: 8px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux .index-module__fieldActions___3QFDa {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux .index-module__fieldActions___3QFDa .index-module__selectAllBtn___vlUcC {
+  font-size: 12px;
+  font-weight: 900;
+  color: #1775fe;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  cursor: pointer;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldHeader___jDOux .index-module__fieldActions___3QFDa .index-module__clearAllBtn___ytxsA {
+  font-size: 12px;
+  font-weight: 900;
+  color: #94a3b8;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  cursor: pointer;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+  margin-top: 16px;
+  width: 100%;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB {
+  border-radius: 16px;
+  font-size: 12px;
+  font-weight: 700;
+  border: 2px solid;
+  display: block;
+  transition: all 0.3s ease;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB.index-module__selected___yvp-c {
+  background: #eff6ff;
+  border-color: #1775fe;
+  color: #1d4ed8;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB.index-module__unselected___zpzVQ {
+  background: #ffffff;
+  color: #64748b;
+  border-color: #f1f5f9;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldItemContent___CYfcn {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: 8px;
+  overflow: hidden;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldItemContent___CYfcn .index-module__fieldLabel___ZZAbg {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  text-align: left;
+  max-width: calc(100% - 28px);
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldItemContent___CYfcn .index-module__fieldCheckbox___wu5hE {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldItemContent___CYfcn .index-module__fieldCheckbox___wu5hE.index-module__checked___a9iwW {
+  background: #1775fe;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldItemContent___CYfcn .index-module__fieldCheckbox___wu5hE.index-module__unchecked___Zr7bU {
+  background: #f1f5f9;
+  border: 1px solid #e2e8f0;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldItemContent___CYfcn .index-module__fieldCheckbox___wu5hE .index-module__checkIcon___rIrgu {
+  width: 12px;
+  height: 12px;
+  color: #ffffff;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__fieldSelection___ongq- .index-module__fieldGrid___p8N1X .index-module__fieldItem___ZC7EB .index-module__fieldMeta___FPhuU {
+  font-size: 12px;
+  color: #94a3b8;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 400;
+  margin-top: 8px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__listTip___gu05n {
+  margin-top: 16px;
+  border-top: 1px solid #f1f5f9;
+  background: rgba(248, 250, 252, 0.5);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__listTip___gu05n .index-module__tipContent___D-7Qq {
+  display: flex;
+  align-items: center;
+  color: #1775fe;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__listTip___gu05n .index-module__tipContent___D-7Qq .index-module__tipIcon___HpeFp {
+  width: 16px;
+  height: 16px;
+}
+.index-module__datasetBatchAction___L6yz5 .index-module__listTip___gu05n .index-module__tipContent___D-7Qq .index-module__tipText___LiR5M {
+  font-size: 12px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  margin-left: 4px;
+}`;
+document.head.appendChild(style);
+
+var datasetBatchAction = "index-module__datasetBatchAction___L6yz5";var description = "index-module__description___CfxF4";var manualLabel = "index-module__manualLabel___lvm5X";var uploadContainer = "index-module__uploadContainer___j8IxU";var uploadIconWrapper = "index-module__uploadIconWrapper___yV1NJ";var uploadIcon = "index-module__uploadIcon___1Wkwf";var uploadText = "index-module__uploadText___x0Qvf";var alertMessage = "index-module__alertMessage___ZwIzM";var fieldSelection = "index-module__fieldSelection___ongq-";var fieldHeader = "index-module__fieldHeader___jDOux";var fieldTitleWrapper = "index-module__fieldTitleWrapper___6ojO6";var fieldTitleIndicator = "index-module__fieldTitleIndicator___fhurM";var fieldTitle = "index-module__fieldTitle___-3Ew-";var fieldActions = "index-module__fieldActions___3QFDa";var selectAllBtn = "index-module__selectAllBtn___vlUcC";var clearAllBtn = "index-module__clearAllBtn___ytxsA";var fieldGrid = "index-module__fieldGrid___p8N1X";var fieldItem = "index-module__fieldItem___ZC7EB";var selected = "index-module__selected___yvp-c";var unselected = "index-module__unselected___zpzVQ";var fieldItemContent = "index-module__fieldItemContent___CYfcn";var fieldLabel = "index-module__fieldLabel___ZZAbg";var fieldCheckbox = "index-module__fieldCheckbox___wu5hE";var checked = "index-module__checked___a9iwW";var unchecked = "index-module__unchecked___Zr7bU";var checkIcon = "index-module__checkIcon___rIrgu";var fieldMeta = "index-module__fieldMeta___FPhuU";var listTip = "index-module__listTip___gu05n";var tipContent = "index-module__tipContent___D-7Qq";var tipIcon = "index-module__tipIcon___HpeFp";var tipText = "index-module__tipText___LiR5M";
+var styles = {"datasetBatchAction":"index-module__datasetBatchAction___L6yz5","description":"index-module__description___CfxF4","manualLabel":"index-module__manualLabel___lvm5X","uploadContainer":"index-module__uploadContainer___j8IxU","uploadIconWrapper":"index-module__uploadIconWrapper___yV1NJ","uploadIcon":"index-module__uploadIcon___1Wkwf","uploadText":"index-module__uploadText___x0Qvf","alertMessage":"index-module__alertMessage___ZwIzM","fieldSelection":"index-module__fieldSelection___ongq-","fieldHeader":"index-module__fieldHeader___jDOux","fieldTitleWrapper":"index-module__fieldTitleWrapper___6ojO6","fieldTitleIndicator":"index-module__fieldTitleIndicator___fhurM","fieldTitle":"index-module__fieldTitle___-3Ew-","fieldActions":"index-module__fieldActions___3QFDa","selectAllBtn":"index-module__selectAllBtn___vlUcC","clearAllBtn":"index-module__clearAllBtn___ytxsA","fieldGrid":"index-module__fieldGrid___p8N1X","fieldItem":"index-module__fieldItem___ZC7EB","selected":"index-module__selected___yvp-c","unselected":"index-module__unselected___zpzVQ","fieldItemContent":"index-module__fieldItemContent___CYfcn","fieldLabel":"index-module__fieldLabel___ZZAbg","fieldCheckbox":"index-module__fieldCheckbox___wu5hE","checked":"index-module__checked___a9iwW","unchecked":"index-module__unchecked___Zr7bU","checkIcon":"index-module__checkIcon___rIrgu","fieldMeta":"index-module__fieldMeta___FPhuU","listTip":"index-module__listTip___gu05n","tipContent":"index-module__tipContent___D-7Qq","tipIcon":"index-module__tipIcon___HpeFp","tipText":"index-module__tipText___LiR5M"};
+
+export { alertMessage, checkIcon, checked, clearAllBtn, datasetBatchAction, styles as default, description, fieldActions, fieldCheckbox, fieldGrid, fieldHeader, fieldItem, fieldItemContent, fieldLabel, fieldMeta, fieldSelection, fieldTitle, fieldTitleIndicator, fieldTitleWrapper, listTip, manualLabel, selectAllBtn, selected, tipContent, tipIcon, tipText, unchecked, unselected, uploadContainer, uploadIcon, uploadIconWrapper, uploadText };

package/es/components/status-tag/index.js

@@ -1,30 +1,42 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Tag } from 'antd';
+import classNames from 'classnames';
+import * as index_module from './index.module.scss.js';
+import { statusDot, statusTag, dot } from './index.module.scss.js';
 
-const colorPresets = {
-    running: '#0061FF', // 进行状态
-    failed: '#FE4D4F', // 失败状态
-    success: '#53C31B', // 成功状态
-    stopped: '#545B64', // 停止状态
-    pending: '#FAAD14', // 等待状态
+const statusStyles = {
+    filled: {
+        running: { color: '#1775fe', backgroundColor: 'rgba(23, 117, 254, 0.1)' },
+        failed: { color: '#ff4d4f', backgroundColor: 'rgba(255, 77, 79, 0.1)' },
+        success: { color: '#52c41a', backgroundColor: 'rgba(82, 196, 26, 0.1)' },
+        stopped: { color: '#545b64', backgroundColor: '#edf2fc' },
+        pending: { color: '#fa8c16', backgroundColor: 'rgba(250, 140, 22, 0.1)' },
+    },
+    dot: {
+        running: { color: '#1775fe', dotColor: '#1775fe' },
+        failed: { color: '#ff4d4f', dotColor: '#ff4d4f' },
+        success: { color: '#52c41a', dotColor: '#52c41a' },
+        stopped: { color: 'rgba(0, 0, 0, 0.65)', dotColor: '#d9d9d9' },
+        pending: { color: '#fa8c16', dotColor: '#fa8c16' },
+    },
+    bordered: {
+        running: { color: '#1775fe', backgroundColor: '#ecf4ff', borderColor: '#b3d2ff' },
+        failed: { color: '#f5222d', backgroundColor: '#fff1f0', borderColor: '#ffa39e' },
+        success: { color: '#52c41a', backgroundColor: '#f6ffed', borderColor: '#b7eb8f' },
+        stopped: { color: 'rgba(0, 0, 0, 0.25)', backgroundColor: '#f5f5f5', borderColor: '#d9d9d9' },
+        pending: { color: '#fa8c16', backgroundColor: '#fff7e6', borderColor: '#fa8c16' },
+    },
 };
 function StatusTag(props) {
-    const { type = 'running', children } = props;
-    const colors = colorPresets[type];
-    const hexToRgb = (hex) => {
-        const bigint = parseInt(hex.replace('#', ''), 16);
-        const r = (bigint >> 16) & 255;
-        const g = (bigint >> 8) & 255;
-        const b = bigint & 255;
-        return `${r},${g},${b}`;
-    };
-    return (jsx(Tag, { bordered: false, style: {
-            backgroundColor: `rgba(${hexToRgb(colors)},0.1)`,
-            borderRadius: '4px',
-            fontSize: '14px',
-            color: `${colors}`,
-            padding: '3px 8px',
-            fontFamily: 'AlibabaPuHuiTi-3-55-RegularL3',
+    const { type = 'running', variant = 'filled', className, children } = props;
+    const preset = statusStyles[variant][type];
+    if (variant === 'dot') {
+        return (jsxs("span", { className: classNames(statusTag, dot, className), children: [jsx("span", { className: statusDot, style: { backgroundColor: preset.dotColor } }), jsx("span", { style: { color: preset.color }, children: children })] }));
+    }
+    return (jsx(Tag, { bordered: variant === 'bordered', className: classNames(statusTag, index_module[variant], className), style: {
+            color: preset.color,
+            backgroundColor: preset.backgroundColor,
+            borderColor: preset.borderColor,
         }, children: children }));
 }
 

package/es/components/status-tag/index.module.scss.js

@@ -0,0 +1,45 @@
+var style = document.createElement('style');
+style.textContent = `.index-module__statusTag___yRGEa {
+  display: inline-flex;
+  align-items: center;
+  margin-inline-end: 0;
+  font-family: "AlibabaPuHuiTi-3-55-RegularL3", "PingFang SC", sans-serif;
+  white-space: nowrap;
+}
+
+.index-module__filled___SKjTo {
+  border-radius: 4px;
+  padding: 1px 8px;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.index-module__bordered___x7xGX {
+  border-radius: 2px;
+  padding: 0 8px;
+  font-size: 12px;
+  line-height: 20px;
+  border-width: 1px;
+  border-style: solid;
+}
+
+.index-module__dot___rbWrB {
+  gap: 8px;
+  font-size: 14px;
+  line-height: 22px;
+  padding: 0;
+  background: transparent;
+}
+
+.index-module__statusDot___yMpG3 {
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+}`;
+document.head.appendChild(style);
+
+var statusTag = "index-module__statusTag___yRGEa";var filled = "index-module__filled___SKjTo";var bordered = "index-module__bordered___x7xGX";var dot = "index-module__dot___rbWrB";var statusDot = "index-module__statusDot___yMpG3";
+var styles = {"statusTag":"index-module__statusTag___yRGEa","filled":"index-module__filled___SKjTo","bordered":"index-module__bordered___x7xGX","dot":"index-module__dot___rbWrB","statusDot":"index-module__statusDot___yMpG3"};
+
+export { bordered, styles as default, dot, filled, statusDot, statusTag };

package/es/index.js

@@ -36,4 +36,5 @@ 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 DatasetBatchAction, EDatasetBatchType } from './components/dataset-batch-action/index.js';
 export { default as UploadDrawerUploadStoreProvider } from './components/uploadDrawer/UploadStoreProvider.js';