@lobehub/ui 1.25.3 → 1.25.4

package/es/DraggablePanel/style.js

@@ -7,8 +7,8 @@ var toggleShort = 16;
 export var useStyles = createStyles(function (_ref, prefix) {
   var token = _ref.token;
   var commonHandle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      z-index: 50;\n      transition: all 0.2s ", ";\n    }\n\n    &:hover,\n    &:active {\n      &::before {\n        background: ", " !important;\n      }\n    }\n  "])), token.motionEaseOut, token.colorPrimary);
-  var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 1001;\n    opacity: 0;\n    transition: all 0.2s ", ";\n\n    &:hover {\n      opacity: 1 !important;\n    }\n\n    &:active {\n      opacity: 1 !important;\n    }\n\n    > div {\n      cursor: pointer;\n\n      position: absolute;\n\n      color: ", ";\n\n      background: ", ";\n      border-color: ", ";\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 4px;\n\n      transition: all 0.2s ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n    }\n  "])), token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
-  var float = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 2000;\n  "])));
+  var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 101;\n    opacity: 0;\n    transition: all 0.2s ", ";\n\n    &:hover {\n      opacity: 1 !important;\n    }\n\n    &:active {\n      opacity: 1 !important;\n    }\n\n    > div {\n      cursor: pointer;\n\n      position: absolute;\n\n      color: ", ";\n\n      background: ", ";\n      border-color: ", ";\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 4px;\n\n      transition: all 0.2s ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n    }\n  "])), token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
+  var float = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 200;\n  "])));
   return {
     container: cx(prefix, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        border: 0 solid ", ";\n\n        &:hover {\n          .", "-toggle {\n            opacity: 1;\n          }\n        }\n      "])), token.colorBorderSecondary, prefix)),
     fixed: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: relative;\n    "]))),

package/es/Features/Item.js

@@ -4,7 +4,6 @@ var _excluded = ["style", "className", "row", "column", "description", "image",
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Icon } from "./..";
-import { Link, history } from 'dumi';
 import * as LucideIcon from 'lucide-react';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -49,18 +48,9 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
   var FeatureIcon = icon && LucideIcon[icon];
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className),
-    onClick: function onClick() {
-      if (!link) return;
-      if (openExternal) {
-        window.open(link);
-      } else {
-        history.push(link);
-      }
-    },
     style: _objectSpread({
       gridRow: "span ".concat(rowNum),
-      gridColumn: "span ".concat(column || 1),
-      cursor: link ? 'pointer' : 'default'
+      gridColumn: "span ".concat(column || 1)
     }, style)
   }, props), {}, {
     children: /*#__PURE__*/_jsxs("div", {
@@ -90,8 +80,10 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
         }
       }), link && /*#__PURE__*/_jsx("div", {
         className: styles.link,
-        children: /*#__PURE__*/_jsx(Link, {
-          to: link,
+        children: /*#__PURE__*/_jsx("a", {
+          href: link,
+          rel: "noreferrer",
+          target: openExternal ? '_blank' : undefined,
           children: "Read More"
         })
       })]

package/es/Hero/index.js

@@ -1,7 +1,6 @@
 import { GradientButton, Icon } from "./..";
 import { Button, ConfigProvider, Space } from 'antd';
 import { useResponsive } from 'antd-style';
-import { Link } from 'dumi';
 import * as LucideIcon from 'lucide-react';
 import { memo, useCallback } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -29,10 +28,10 @@ var Hero = /*#__PURE__*/memo(function (_ref) {
           type = _ref2.type;
         // @ts-ignore
         var ButtonIcon = icon && LucideIcon[icon];
-        return /*#__PURE__*/_jsx(Link, {
+        return /*#__PURE__*/_jsx("a", {
+          href: link,
           rel: "noreferrer",
           target: openExternal ? '_blank' : undefined,
-          to: link,
           children: type === 'primary' ? /*#__PURE__*/_jsx(GradientButton, {
             size: "large",
             children: text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.25.3",
+  "version": "1.25.4",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",
@@ -82,7 +82,6 @@
     "chroma-js": "^2",
     "copy-to-clipboard": "^3",
     "dayjs": "^1",
-    "dumi": "^2",
     "fast-deep-equal": "^3",
     "immer": "^10",
     "leva": "^0",
@@ -118,6 +117,7 @@
     "commitlint": "^17",
     "concurrently": "^8",
     "cross-env": "^7",
+    "dumi": "^2",
     "dumi-assets-types": "^1",
     "dumi-theme-lobehub": "workspace:latest",
     "eslint": "^8",
@@ -138,7 +138,6 @@
   "peerDependencies": {
     "antd": ">=5",
     "antd-style": ">=3",
-    "dumi": ">=2",
     "react": ">=18",
     "react-dom": ">=18"
   },