@lobehub/ui 1.25.2 → 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,37 +48,24 @@ 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", {
       className: styles.cell,
-      children: [image && /*#__PURE__*/_jsx(Center, {
+      children: [image || FeatureIcon && /*#__PURE__*/_jsxs(Center, {
         className: styles.imgContainer,
         style: imageStyle,
-        children: /*#__PURE__*/_jsx(Image, {
+        children: [FeatureIcon && /*#__PURE__*/_jsx(Icon, {
+          className: styles.img,
+          icon: FeatureIcon
+        }), image && /*#__PURE__*/_jsx(Image, {
           className: styles.img,
           image: image,
           title: title
-        })
-      }), FeatureIcon && /*#__PURE__*/_jsx(Center, {
-        className: styles.imgContainer,
-        style: imageStyle,
-        children: /*#__PURE__*/_jsx(Icon, {
-          className: styles.img,
-          icon: FeatureIcon
-        })
+        })]
       }), title && /*#__PURE__*/_jsx(Flexbox, {
         align: 'center',
         as: 'h3',
@@ -94,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/Features/Item.style.js

@@ -13,11 +13,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   var descCls = "".concat(prefix, "-description");
   var titleCls = "".concat(prefix, "-title");
   var imgCls = "".concat(prefix, "-img");
-
-  // 通过简单估计，缩放值乘以 rowNum 就可以得到合适的尺寸
   var scaleUnit = 20;
-
-  // 尺寸工具
   var genSize = function genSize(size) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n      font-size: ", "px;\n    "])), size, size, size * (22 / 24));
   };
@@ -28,7 +24,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     title: cx(titleCls, withTransition, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          pointer-events: none;\n\n          margin: 16px 0;\n\n          font-size: 20px;\n          line-height: ", ";\n          color: ", ";\n        "])), token.lineHeightHeading3, token.colorText)),
     desc: cx(descCls, withTransition, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          pointer-events: none;\n          color: ", ";\n\n          quotient {\n            position: relative;\n\n            display: block;\n\n            margin: 12px 0;\n            padding-left: 12px;\n\n            color: ", ";\n          }\n        "])), token.colorTextSecondary, token.colorTextDescription)),
     imgContainer: cx(coverCls, withTransition, css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          ", ";\n          padding: 4px;\n          opacity: 0.8;\n          border-radius: ", "px;\n        "])), genSize(24), token.borderRadius)),
-    img: cx(imgCls, withTransition, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          ", ";\n          color: ", ";\n        "])), genSize(20), token.colorWhite)),
+    img: cx(imgCls, withTransition, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          ", ";\n          color: ", ";\n        "])), genSize(20), token.colorText)),
     link: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        ", ";\n        margin-top: 24px;\n      "])), withTransition)
   };
 });

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/es/StroyBook/index.js

@@ -19,10 +19,7 @@ export var StroyBook = /*#__PURE__*/memo(function (_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
-  var _useStyles = useStyles({
-      noPadding: Boolean(noPadding),
-      mobile: Boolean(mobile)
-    }),
+  var _useStyles = useStyles(Boolean(noPadding)),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({

package/es/StroyBook/style.d.ts

@@ -1,7 +1,4 @@
-export declare const useStyles: (props?: {
-    mobile: boolean;
-    noPadding: boolean;
-} | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: boolean | undefined) => import("antd-style").ReturnStyles<{
     editor: import("antd-style").SerializedStyles;
     left: import("antd-style").SerializedStyles;
     right: import("antd-style").SerializedStyles;

package/es/StroyBook/style.js

@@ -1,15 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref, _ref2) {
+export var useStyles = createStyles(function (_ref, noPadding) {
   var css = _ref.css,
-    token = _ref.token;
-  var noPadding = _ref2.noPadding,
-    mobile = _ref2.mobile;
+    token = _ref.token,
+    responsive = _ref.responsive;
   return {
-    editor: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: stretch;\n        justify-content: stretch;\n\n        width: inherit;\n        min-height: inherit;\n        ", "\n      "])), mobile && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          flex-direction: column;\n        "])))),
-    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        overflow: auto;\n        display: flex;\n        flex: 1;\n        align-items: center;\n        justify-content: center;\n\n        ", "\n      "])), !noPadding && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          padding: 40px 24px;\n        "])))),
-    right: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        background: ", ";\n\n        .draggable-panel-fixed {\n          width: 100% !important;\n        }\n      "])), token.colorBgLayout),
-    leva: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        --leva-sizes-controlWidth: 66%;\n        --leva-colors-elevation1: ", ";\n        --leva-colors-elevation2: transparent;\n        --leva-colors-elevation3: ", ";\n        --leva-colors-accent1: ", ";\n        --leva-colors-accent2: ", ";\n        --leva-colors-accent3: ", ";\n        --leva-colors-highlight1: ", ";\n        --leva-colors-highlight2: ", ";\n        --leva-colors-highlight3: ", ";\n        --leva-colors-vivid1: ", ";\n        --leva-shadows-level1: unset;\n        --leva-shadows-level2: unset;\n        --leva-fonts-mono: ", ";\n\n        overflow: auto;\n        width: 100%;\n        height: 100%;\n        padding: 6px 0;\n\n        > div {\n          background: transparent;\n\n          > div {\n            background: transparent;\n          }\n        }\n\n        input:checked + label > svg {\n          stroke: ", ";\n        }\n\n        button {\n          --leva-colors-accent2: ", ";\n        }\n      "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.fontFamilyCode, token.colorBgLayout, token.colorFillSecondary)
+    editor: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: stretch;\n      justify-content: stretch;\n\n      width: inherit;\n      min-height: inherit;\n\n      ", " {\n        flex-direction: column;\n      }\n    "])), responsive.mobile),
+    left: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      overflow: auto;\n      display: flex;\n      flex: 1;\n      align-items: center;\n      justify-content: center;\n\n      ", "\n    "])), !noPadding && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding: 40px 24px;\n      "])))),
+    right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      background: ", ";\n\n      ", " {\n        .draggable-panel-fixed {\n          width: 100% !important;\n        }\n      }\n    "])), token.colorBgLayout, responsive.mobile),
+    leva: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      --leva-sizes-controlWidth: 66%;\n      --leva-colors-elevation1: ", ";\n      --leva-colors-elevation2: transparent;\n      --leva-colors-elevation3: ", ";\n      --leva-colors-accent1: ", ";\n      --leva-colors-accent2: ", ";\n      --leva-colors-accent3: ", ";\n      --leva-colors-highlight1: ", ";\n      --leva-colors-highlight2: ", ";\n      --leva-colors-highlight3: ", ";\n      --leva-colors-vivid1: ", ";\n      --leva-shadows-level1: unset;\n      --leva-shadows-level2: unset;\n      --leva-fonts-mono: ", ";\n\n      overflow: auto;\n      width: 100%;\n      height: 100%;\n      padding: 6px 0;\n\n      > div {\n        background: transparent;\n\n        > div {\n          background: transparent;\n        }\n      }\n\n      input:checked + label > svg {\n        stroke: ", ";\n      }\n\n      button {\n        --leva-colors-accent2: ", ";\n      }\n    "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.fontFamilyCode, token.colorBgLayout, token.colorFillSecondary)
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.25.2",
+  "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"
   },