@zjlab-fe/data-hub-ui 0.21.7 → 0.23.0

package/es/components/floating-label-input/index.js

@@ -0,0 +1,46 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback } from 'react';
+import * as index_module from './index.module.scss.js';
+import { input } from './index.module.scss.js';
+import { Form, Input } from 'antd';
+
+function FloatingLabelInput(_a) {
+    var { id, placeholder: propsPlaceholder, onFocus: propsOnFocus, onBlur: propsOnBlur, inline = false, wrapperStyle = {}, wrapperClassName = '' } = _a, rest = __rest(_a, ["id", "placeholder", "onFocus", "onBlur", "inline", "wrapperStyle", "wrapperClassName"]);
+    const { status } = Form.Item.useStatus();
+    const [active, setActive] = useState(false);
+    const [isFocus, setIsFocus] = useState(false);
+    const [color, setColor] = useState('');
+    const placeholder = propsPlaceholder;
+    useEffect(() => {
+        if (status === 'error') {
+            setColor('#ff4d4f');
+        }
+        else {
+            if (isFocus) {
+                setColor('#1890ff');
+            }
+            else {
+                setColor('#545b64');
+            }
+        }
+    }, [status, isFocus]);
+    const handleFocus = useCallback((e) => {
+        setActive(true);
+        setIsFocus(true);
+        propsOnFocus === null || propsOnFocus === void 0 ? void 0 : propsOnFocus(e);
+    }, [propsOnFocus]);
+    const handleBlur = useCallback((e) => {
+        const len = String(e.target.value).length;
+        if (len === 0) {
+            setActive(false);
+        }
+        setIsFocus(false);
+        propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(e);
+    }, [propsOnBlur]);
+    return (jsxs("div", { id: id, className: `${input} ${wrapperClassName}`, style: Object.assign({ display: inline ? 'inline-block' : 'block' }, wrapperStyle), children: [jsx(Input, Object.assign({}, rest, { placeholder: active ? '' : placeholder, onFocus: handleFocus, onBlur: handleBlur })), jsx("div", { style: {
+                    color: `${color}`,
+                }, className: active ? index_module[`input-label`] : index_module[`input-label-hinden`], children: placeholder })] }));
+}
+
+export { FloatingLabelInput as default };

package/es/components/floating-label-input/index.module.scss.js

@@ -0,0 +1,30 @@
+var style = document.createElement('style');
+style.textContent = `@font-face {
+  font-family: "AlibabaPuHuiTi-3-55-RegularL3";
+  src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-55-RegularL3.ttf") format("truetype");
+}
+.index-module__input___yddS2 {
+  position: relative;
+}
+.index-module__input-label___wQMA6 {
+  font-family: "AlibabaPuHuiTi-3-55-RegularL3";
+  font-size: 12px;
+  position: absolute;
+  top: -11px;
+  left: 11px;
+  background: #fff;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+.index-module__input-label-hinden___VvRCs {
+  display: none;
+}
+.index-module__slide-input-wrapper___0PLsL {
+  width: 400px;
+}`;
+document.head.appendChild(style);
+
+var input = "index-module__input___yddS2";var input_label = "index-module__input-label___wQMA6";var input_label_hinden = "index-module__input-label-hinden___VvRCs";var slide_input_wrapper = "index-module__slide-input-wrapper___0PLsL";
+var styles = {"input":"index-module__input___yddS2","input-label":"index-module__input-label___wQMA6","input-label-hinden":"index-module__input-label-hinden___VvRCs","slide-input-wrapper":"index-module__slide-input-wrapper___0PLsL"};
+
+export { styles as default, input, input_label as "input-label", input_label_hinden as "input-label-hinden", slide_input_wrapper as "slide-input-wrapper" };

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

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import closeBtn from '../../assets/closeBtn.png.js';
+import classNames from 'classnames';
+
+function FloatingLayer({ visiable, children, onClose, className, style }) {
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+        setOpen(visiable);
+    }, [visiable]);
+    return open ? (jsxs("div", { className: classNames('data-hub-ui-floating-layer-wrap', className), style: style, children: [jsx("div", { style: { backgroundImage: 'url(' + closeBtn + ')' }, className: "data-hub-ui-floating-layer-icon", onClick: () => onClose() }), jsx("div", { className: "data-hub-ui-floating-layer-slot", children: children })] })) : null;
+}
+
+export { FloatingLayer as default };

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

@@ -0,0 +1,31 @@
+var style = document.createElement('style');
+style.textContent = `.data-hub-ui-floating-layer-wrap {
+  min-width: 244px;
+  min-height: 89px;
+  background: #ffffff;
+  box-shadow: 0px 12px 30px 0px rgba(32, 60, 48, 0.2);
+  border-radius: 10px 10px 10px 10px;
+  border: 1px solid #d9e0ed;
+  z-index: 100;
+  position: fixed;
+  bottom: 180px;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+
+.data-hub-ui-floating-layer-icon {
+  width: 16px;
+  height: 16px;
+  z-index: 101;
+  display: inline-block;
+  border-radius: 50%;
+  position: absolute;
+  top: 17px;
+  right: 17px;
+  cursor: pointer;
+}
+
+.data-hub-ui-floating-layer-slot {
+  padding: 17px 10px;
+}`;
+document.head.appendChild(style);

package/es/components/header/index.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from 'antd';
+import { wrap, logo } from './index.module.scss.js';
+
+function Header(props) {
+    const { showLogin } = props;
+    return (jsxs("div", { className: wrap, children: [jsx("img", { src: "https://www.unpkg.com/@zjlab-fe/fe-assets/logo-white.png", className: logo }), showLogin && jsx(Button, { ghost: true, children: "\u767B\u5F55" })] }));
+}
+
+export { Header as default };

package/es/components/header/index.module.scss.js

@@ -0,0 +1,16 @@
+var style = document.createElement('style');
+style.textContent = `.index-module__wrap___mhkN0 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 16px;
+  background-color: black;
+}
+.index-module__wrap___mhkN0 .index-module__logo___CzVkn {
+  width: 200px;
+}`;
+document.head.appendChild(style);
+
+var wrap = "index-module__wrap___mhkN0";var logo = "index-module__logo___CzVkn";
+
+export { logo, wrap };

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

@@ -0,0 +1,65 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { Tag, Input } from 'antd';
+
+/**
+ * 输入标签
+ * @param props
+ * @returns
+ */
+function InputTag(props) {
+    const { value, onChange, placeholder = '请输入关键字', valueType, deduplicated = true, size, maxLength, disabled, } = props;
+    const [innerValue, setInnerValue] = useState([]);
+    const [inputKey, setInputKey] = useState(1);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (Array.isArray(value)) {
+            setInnerValue(value);
+        }
+        else if (typeof value === 'string') {
+            const finalValue = value.replaceAll('；', ';');
+            const arr = finalValue.split(';').filter((one) => one !== '');
+            setInnerValue(arr);
+        }
+    }, [value]);
+    useEffect(() => {
+        if (inputKey !== 1 && (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
+            inputRef.current.focus();
+        }
+    }, [inputKey]);
+    const emitChange = (newValue) => {
+        if (deduplicated) {
+            newValue = Array.from(new Set(newValue));
+        }
+        setInnerValue(newValue);
+        if (valueType === 'array') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue.length > 0 ? newValue : undefined);
+        }
+        else {
+            const finalStr = newValue.join(';');
+            onChange === null || onChange === void 0 ? void 0 : onChange(finalStr || undefined);
+        }
+    };
+    const onclose = (index) => {
+        const newValue = innerValue.filter((one, itemIndex) => itemIndex !== index);
+        emitChange(newValue);
+        setInputKey(inputKey + 1);
+    };
+    const onPressEnter = (e) => {
+        const newTag = e.target.value.trim();
+        if (newTag !== '') {
+            const finalValue = newTag.replaceAll('；', ';');
+            const arr = finalValue.split(';').filter((one) => one !== '');
+            const newValue = [...innerValue, ...arr];
+            emitChange(newValue);
+            setInputKey(inputKey + 1);
+        }
+    };
+    let prefix = undefined;
+    if ((innerValue === null || innerValue === void 0 ? void 0 : innerValue.length) > 0) {
+        prefix = innerValue.map((one, index) => (jsx(Tag, { closeIcon: !disabled, onClose: () => onclose(index), children: one }, index)));
+    }
+    return (jsx(Input, { disabled: disabled, size: size, ref: inputRef, placeholder: placeholder, prefix: prefix, onPressEnter: onPressEnter, maxLength: maxLength }, inputKey));
+}
+
+export { InputTag as default };

package/es/components/menu/index.js

@@ -0,0 +1,96 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { useState, useEffect } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+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';
+import { Layout, Tooltip } from 'antd';
+
+const { Sider } = Layout;
+/**
+ * 左侧菜单
+ * @param menus {MenuItem[]} 菜单项目
+ * @param onClick {function} 菜单点击回调
+ * @param onSelect {function} 菜单选择回调
+ * @param collapsed {boolean} 是否折叠
+ * @param onCollapse {function} 折叠回调
+ * @returns
+ */
+const MainLayoutSider = (props) => {
+    const { menus, collapsed: propsCollapsed = false, onCollapse, onClick: propsonClick, onSelect, selectedKeys, } = props;
+    useNavigate();
+    const location = useLocation();
+    const [internalCollapsed, setInternalCollapsed] = useState(propsCollapsed);
+    const [internalSelectedKey, setInternalSelectedKey] = useState(null);
+    useEffect(() => {
+        setInternalCollapsed(propsCollapsed);
+    }, [propsCollapsed]);
+    // 使用传入的selectedKeys或者内部状态
+    const currentSelectedKey = selectedKeys && selectedKeys.length > 0 ? selectedKeys[0] : internalSelectedKey;
+    useEffect(() => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentSelectedKey);
+    }, [currentSelectedKey, onSelect]);
+    const TriggerIcon = () => {
+        return (jsx("div", { className: trigger_icon, onClick: () => {
+                const newCollapsed = !internalCollapsed;
+                setInternalCollapsed(newCollapsed);
+                onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(newCollapsed);
+            }, children: !internalCollapsed ? jsx(LeftOutlined, {}) : jsx(RightOutlined, {}) }));
+    };
+    const onMenuClick = (item) => {
+        propsonClick === null || propsonClick === void 0 ? void 0 : propsonClick(item);
+        if (item.type === 'link') {
+            return;
+        }
+        // navigate(item.key);
+        setInternalSelectedKey(item.key);
+    };
+    useEffect(() => {
+        console.log(currentSelectedKey);
+    }, [currentSelectedKey]);
+    useEffect(() => {
+        // 如果有外部传入的selectedKeys，则使用外部的；否则根据路由自动设置
+        if (!selectedKeys || selectedKeys.length === 0) {
+            const currentPath = location.pathname;
+            let matchedKey = null;
+            for (const menu of menus) {
+                if (menu.children) {
+                    const matchedChild = menu.children.find((child) => child.key && currentPath.includes(child.key));
+                    if (matchedChild === null || matchedChild === void 0 ? void 0 : matchedChild.key) {
+                        matchedKey = matchedChild.key;
+                        break;
+                    }
+                }
+            }
+            setInternalSelectedKey(matchedKey);
+        }
+    }, [location, menus, selectedKeys]);
+    const renderMenuItem = (child) => {
+        const isActive = currentSelectedKey === child.key;
+        const isLinkType = child.type === 'link';
+        const itemClass = [
+            menu_content_item,
+            isActive && active,
+            isActive && !internalCollapsed && expanded,
+            isLinkType && link_type, // 添加link类型样式类
+        ]
+            .filter(Boolean)
+            .join(' ');
+        const itemStyle = {
+            height: internalCollapsed ? '34px' : '38px',
+            width: internalCollapsed ? '34px' : '150px',
+        };
+        // 外链菜单
+        if (child.type === 'link') {
+            return (jsxs("div", { className: itemClass, style: itemStyle, onClick: () => onMenuClick(child), children: [child.icon, !internalCollapsed && jsx("span", { style: { marginLeft: '8px' }, children: child.label }), !internalCollapsed && jsx("span", { className: icon, children: "\uE77F" })] }));
+        }
+        // 普通菜单
+        return (jsxs("div", { className: itemClass, style: itemStyle, onClick: () => onMenuClick(child), children: [child.icon, !internalCollapsed && jsx("span", { style: { marginLeft: '8px' }, children: child.label })] }));
+    };
+    return (jsxs(Sider, { collapsible: true, collapsed: internalCollapsed, collapsedWidth: "60", className: side_menu, width: 180, trigger: null, children: [jsx("div", { className: menu_content, style: { padding: internalCollapsed ? '20px 8px 0 8px' : '0 8px 20px 8px' }, children: menus.length > 0 &&
+                    menus.map((item) => (jsxs("div", { className: menu_content_contain, children: [!internalCollapsed && jsx("div", { className: menu_content_title, children: item.label }), item.children && (jsx("div", { className: menu_content_subcontain, children: item.children.map((child, i) => {
+                                    const menuItem = renderMenuItem(child);
+                                    return internalCollapsed ? (jsx(Tooltip, { placement: "right", title: child.label, children: menuItem }, child.key + `${i}`)) : (jsx("div", { children: menuItem }, child.key + `${i}`));
+                                }) }))] }, item.key))) }), jsx(TriggerIcon, {})] }));
+};
+
+export { MainLayoutSider as default };

package/es/components/menu/index.module.scss.js

@@ -0,0 +1,188 @@
+var style = document.createElement('style');
+style.textContent = `@charset "UTF-8";
+@font-face {
+  /** 对应字重 400 */
+  font-family: "AlibabaPuHuiTi-3-55-Regular";
+  src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-55-Regular.ttf") format("truetype");
+}
+@font-face {
+  /** 对应字重 500 */
+  font-family: "AlibabaPuHuiTi-3-65-Medium";
+  src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-65-Medium.ttf") format("truetype");
+}
+@font-face {
+  /** 对应字重 600 */
+  font-family: "AlibabaPuHuiTi-3-75-SemiBold";
+  src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-75-SemiBold.ttf") format("truetype");
+}
+/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+@font-face {
+  font-family: "hub-iconfont"; /* Project id 4752387 */
+  src: url("//at.alicdn.com/t/c/font_4752387_776v18ekxol.woff2?t=1773732304745") format("woff2"), url("//at.alicdn.com/t/c/font_4752387_776v18ekxol.woff?t=1773732304745") format("woff"), url("//at.alicdn.com/t/c/font_4752387_776v18ekxol.ttf?t=1773732304745") format("truetype");
+}
+.index-module__icon___R94an {
+  font-family: "hub-iconfont" !important;
+  color: #87909e;
+  font-size: 14px;
+  cursor: pointer;
+  margin-top: 1px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 6px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.index-module__side-menu___MNgjd {
+  background: #fff;
+  border-right: 1px solid #f1f3f7;
+}
+.index-module__trigger-icon___LwUuZ {
+  box-sizing: border-box;
+  font-size: 14px;
+  width: 16px;
+  height: 40px;
+  right: -8px !important;
+  padding: 0 4px;
+  top: 50%;
+  transform: translateY(-50%);
+  border: 1px solid #f5f5f5;
+  cursor: pointer;
+  position: absolute;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ffffff;
+  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+}
+.index-module__trigger-icon___LwUuZ:hover {
+  color: #1775fe;
+}
+.index-module__menu-content___ZdUR3 {
+  overflow-y: scroll;
+  height: 100vh;
+}
+.index-module__menu-content___ZdUR3::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  background: transparent;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-contain___AA7ZP {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 12px;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-title___m8GfK {
+  margin-top: 24px;
+  margin-left: 8px;
+  height: 20px;
+  font-family: "AlibabaPuHuiTi-3-75-SemiBold";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 20px;
+  /* identical to box height, or 167% */
+  text-align: left;
+  color: #222427;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-subcontain___cNxV5 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 4px;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B {
+  font-family: "AlibabaPuHuiTi-3-55-Regular";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  color: #222427;
+  /* button */
+  box-sizing: border-box;
+  /* Auto layout */
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px;
+  border-radius: 8px;
+  position: relative;
+  /* Inside auto layout */
+  flex: none;
+  order: 1;
+  align-self: stretch;
+  flex-grow: 0;
+  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B .anticon {
+  font-size: 16px !important;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-title___m8GfK {
+  margin-top: 24px;
+  height: 20px;
+  font-family: "AlibabaPuHuiTi-3-75-SemiBold";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 20px;
+  /* identical to box height, or 167% */
+  text-align: left;
+  color: #222427;
+  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B span {
+  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B:hover {
+  cursor: pointer;
+  background: #e8f1ff;
+  border: 1px solid #dbeaff;
+  color: #1775fe;
+  font-family: "AlibabaPuHuiTi-3-65-Medium";
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B:hover svg path {
+  fill: currentColor !important;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B.index-module__active___9WQSK {
+  cursor: pointer;
+  background: #e8f1ff;
+  border: 1px solid #dbeaff;
+  color: #1775fe;
+  position: relative;
+  font-family: "AlibabaPuHuiTi-3-65-Medium";
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B.index-module__active___9WQSK svg path {
+  fill: currentColor !important;
+}
+.index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B.index-module__active___9WQSK:not(.index-module__link-type___ZJcVN).index-module__expanded___LFg94::after {
+  content: "";
+  margin: 0 auto;
+  width: 6px;
+  height: 6px;
+  background: #1775fe;
+  box-shadow: 0px 0px 8px rgba(37, 99, 235, 0.6);
+  border-radius: 50%;
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 1;
+  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
+}`;
+document.head.appendChild(style);
+
+var icon = "index-module__icon___R94an";var side_menu = "index-module__side-menu___MNgjd";var trigger_icon = "index-module__trigger-icon___LwUuZ";var menu_content = "index-module__menu-content___ZdUR3";var menu_content_contain = "index-module__menu-content-contain___AA7ZP";var menu_content_title = "index-module__menu-content-title___m8GfK";var menu_content_subcontain = "index-module__menu-content-subcontain___cNxV5";var menu_content_item = "index-module__menu-content-item___sRn7B";var active = "index-module__active___9WQSK";var link_type = "index-module__link-type___ZJcVN";var expanded = "index-module__expanded___LFg94";
+
+export { active, expanded, icon, link_type as "link-type", menu_content as "menu-content", menu_content_contain as "menu-content-contain", menu_content_item as "menu-content-item", menu_content_subcontain as "menu-content-subcontain", menu_content_title as "menu-content-title", side_menu as "side-menu", trigger_icon as "trigger-icon" };

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

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography, Card, Image, Tag, Space, Button } from 'antd';
+import CardImg from '../../assets/cardImg.png.js';
+import { createFromIconfontCN } from '@ant-design/icons';
+import * as index_module from './index.module.scss.js';
+import { modelCard, cardHeader, modelName, modelInfo, modelIcon, modelDetails, modelTags, modelTag, modelDescription, cardFooter, providerSpace, providerText, actionButtons, actionButton } from './index.module.scss.js';
+
+const IconFont = createFromIconfontCN({
+    scriptUrl: '//at.alicdn.com/t/c/font_4752387_776v18ekxol.js',
+});
+const { Title, Text, Paragraph } = Typography;
+const ModelCard = ({ id, name, provider, description, 
+// contextWindow,
+// size,
+tags, supportTraining, supportDeployment, supportEvaluation, image, stars, onTrain, onDeploy, onEvaluate, onExperience, }) => {
+    console.log('styles:', index_module);
+    return (jsxs(Card, { className: modelCard, children: [jsx("div", { className: cardHeader, children: jsx(Title, { level: 4, className: modelName, children: name }) }), jsx("div", { children: jsxs("div", { className: modelInfo, children: [jsx("div", { className: modelIcon, children: jsx(Image, { src: image || CardImg, alt: name, width: 85, height: 85, style: { borderRadius: '8px', objectFit: 'contain' } }) }), jsxs("div", { className: modelDetails, children: [jsx("div", { className: modelTags, children: tags.map((tag, index) => (jsx(Tag, { className: modelTag, children: tag }, index))) }), jsx(Paragraph, { className: modelDescription, ellipsis: { rows: 2 }, children: description })] })] }) }), jsxs("div", { className: cardFooter, children: [jsxs(Space, { className: providerSpace, children: [jsx(IconFont, { type: "icon-tigongfang", style: { color: '#1877F2' } }), jsx("span", { className: providerText, children: provider })] }), jsxs(Space, { className: actionButtons, size: 1, children: [supportTraining && (jsx(Button, { className: actionButton, type: "link", onClick: onTrain, icon: jsx(IconFont, { type: "icon-moxingxunlian-gaoliang" }), children: "\u4E00\u952E\u8BAD\u7EC3" })), supportDeployment && (jsx(Button, { className: actionButton, type: "link", onClick: onDeploy, icon: jsx(IconFont, { type: "icon-moxingbushu-gaoliang" }), children: "\u4E00\u952E\u90E8\u7F72" })), supportEvaluation && (jsx(Button, { className: actionButton, onClick: onEvaluate, type: "link", icon: jsx(IconFont, { type: "icon-wendangyuliaoshengchan-gaoliang", style: { color: '#1877F2' } }), children: "\u6A21\u578B\u8BC4\u6D4B" }))] })] })] }));
+};
+
+export { ModelCard as default };

package/es/components/model-card/index.module.scss.js

@@ -0,0 +1,116 @@
+var style = document.createElement('style');
+style.textContent = `@charset "UTF-8";
+/* ModelCard组件样式 */
+.index-module__modelCard___DyxFc {
+  border: 1px solid #edf2fc;
+  height: 205px;
+  min-width: 500px;
+  max-width: 590px;
+  overflow: hidden;
+  opacity: 1;
+  gap: 49px;
+  padding: -20px;
+  background: linear-gradient(0deg, #ffffff 16.92%, #f9fbfe 100%);
+}
+.index-module__modelCard___DyxFc:hover {
+  border: 1px solid rgba(23, 117, 254, 0.6980392157);
+  box-shadow: 0px 8px 24px 0px rgba(7, 35, 76, 0.1490196078);
+}
+.index-module__cardHeader___wauvb {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.index-module__modelName___UwSvN {
+  font-family: Alibaba PuHuiTi 3;
+  font-weight: 500;
+  font-style: 65 Medium;
+  font-size: 字体大小/H4;
+  leading-trim: NONE;
+  line-height: 27px;
+  color: #222427;
+  margin-top: -2px;
+}
+.index-module__modelInfo___5Mnoe {
+  display: flex;
+  gap: 16px;
+}
+.index-module__modelIcon___qlguc {
+  width: 85px;
+  height: 85px;
+  border-radius: 8px;
+}
+.index-module__modelDetails___zzZxv {
+  flex: 1;
+  width: 367px;
+  height: 85px;
+}
+.index-module__modelSpecs___tNo8n {
+  font-family: Alibaba PuHuiTi 3;
+  font-weight: 400;
+  font-style: 55 Regular;
+  font-size: 14px;
+  color: #87909e;
+  margin-bottom: 5px;
+}
+.index-module__modelTags___qHRnf {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 5px;
+}
+.index-module__modelTag___OZjV7 {
+  width: 64;
+  height: 24;
+  font-size: 12px;
+  padding: 2px 8px;
+  border-radius: 4px;
+  background: #f0f0f0;
+  border: none;
+  color: #666;
+}
+.index-module__modelDescription___1Wj-1 {
+  margin: 12px 0 !important;
+  font-size: 14px;
+  color: #666;
+  line-height: 1.5;
+}
+.index-module__cardFooter___8l31F {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 10px;
+  padding-bottom: 20px;
+}
+.index-module__providerSpace___R3WfN {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+.index-module__providerText___xu0nT {
+  font-size: 12px;
+  color: #666;
+}
+.index-module__actionButtons___QpUDS {
+  display: flex;
+  align-items: flex-end;
+}
+.index-module__actionButton___21-n- {
+  width: 90px;
+}
+.index-module__primaryButton___yDT2t {
+  font-size: 14px;
+  padding: 6px 16px;
+  border-radius: 4px;
+  background: #1890ff;
+  color: white;
+  border: none;
+}
+.index-module__primaryButton___yDT2t:hover {
+  background: #40a9ff;
+}`;
+document.head.appendChild(style);
+
+var modelCard = "index-module__modelCard___DyxFc";var cardHeader = "index-module__cardHeader___wauvb";var modelName = "index-module__modelName___UwSvN";var modelInfo = "index-module__modelInfo___5Mnoe";var modelIcon = "index-module__modelIcon___qlguc";var modelDetails = "index-module__modelDetails___zzZxv";var modelSpecs = "index-module__modelSpecs___tNo8n";var modelTags = "index-module__modelTags___qHRnf";var modelTag = "index-module__modelTag___OZjV7";var modelDescription = "index-module__modelDescription___1Wj-1";var cardFooter = "index-module__cardFooter___8l31F";var providerSpace = "index-module__providerSpace___R3WfN";var providerText = "index-module__providerText___xu0nT";var actionButtons = "index-module__actionButtons___QpUDS";var actionButton = "index-module__actionButton___21-n-";var primaryButton = "index-module__primaryButton___yDT2t";
+var styles = {"modelCard":"index-module__modelCard___DyxFc","cardHeader":"index-module__cardHeader___wauvb","modelName":"index-module__modelName___UwSvN","modelInfo":"index-module__modelInfo___5Mnoe","modelIcon":"index-module__modelIcon___qlguc","modelDetails":"index-module__modelDetails___zzZxv","modelSpecs":"index-module__modelSpecs___tNo8n","modelTags":"index-module__modelTags___qHRnf","modelTag":"index-module__modelTag___OZjV7","modelDescription":"index-module__modelDescription___1Wj-1","cardFooter":"index-module__cardFooter___8l31F","providerSpace":"index-module__providerSpace___R3WfN","providerText":"index-module__providerText___xu0nT","actionButtons":"index-module__actionButtons___QpUDS","actionButton":"index-module__actionButton___21-n-","primaryButton":"index-module__primaryButton___yDT2t"};
+
+export { actionButton, actionButtons, cardFooter, cardHeader, styles as default, modelCard, modelDescription, modelDetails, modelIcon, modelInfo, modelName, modelSpecs, modelTag, modelTags, primaryButton, providerSpace, providerText };

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

@@ -0,0 +1,18 @@
+import { createCodeBlockSpec } from '@blocknote/core';
+import LANGUAGES, { HIGHLIGHT_LANGS } from './languages.js';
+
+/** 创建 Shiki 高亮器（延迟加载） */
+function createShikiHighlighter() {
+    return import('shiki').then((mod) => mod.createHighlighter({
+        langs: HIGHLIGHT_LANGS,
+        themes: ['github-light'],
+    }));
+}
+/** 自定义代码块 */
+const CustomCodeBlock = createCodeBlockSpec({
+    defaultLanguage: 'text',
+    supportedLanguages: LANGUAGES,
+    createHighlighter: createShikiHighlighter,
+});
+
+export { CustomCodeBlock, createShikiHighlighter };