@lobehub/ui 1.155.8 → 1.156.2

package/es/Form/components/FormGroup.d.ts

@@ -13,6 +13,7 @@ export declare const useStyles: (props?: unknown) => import("antd-style").Return
     mobileFlatGroup: import("antd-style").SerializedStyles;
     mobileGroupBody: import("antd-style").SerializedStyles;
     mobileGroupHeader: import("antd-style").SerializedStyles;
+    pure: import("antd-style").SerializedStyles;
     pureStyle: import("antd-style").SerializedStyles;
     pureTitle: import("antd-style").SerializedStyles;
     title: import("antd-style").SerializedStyles;

package/es/Form/components/FormGroup.js

@@ -4,7 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["className", "icon", "title", "children", "extra", "variant", "defaultActive", "collapsible", "active", "keyValue", "onCollapse"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 import { createStyles, useResponsive } from 'antd-style';
 import { isUndefined } from 'lodash-es';
 import { memo } from 'react';
@@ -14,7 +14,8 @@ import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var useStyles = createStyles(function (_ref) {
-  var css = _ref.css,
+  var prefixCls = _ref.prefixCls,
+    css = _ref.css,
     token = _ref.token,
     responsive = _ref.responsive;
   return {
@@ -26,9 +27,10 @@ export var useStyles = createStyles(function (_ref) {
     mobileFlatGroup: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      border-radius: ", "px;\n    "])), token.borderRadiusLG),
     mobileGroupBody: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ", ";\n    "])), token.colorBgContainer),
     mobileGroupHeader: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding: 16px;\n      background: ", ";\n    "])), token.colorBgLayout),
-    pureStyle: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n    "]))),
-    pureTitle: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 24px;\n    "]))),
-    title: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      align-items: center;\n      font-size: 16px;\n      font-weight: 600;\n\n      .anticon {\n        color: ", ";\n      }\n\n      ", " {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    "])), token.colorPrimary, responsive.mobile)
+    pure: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      .", "-collapse-content-box {\n        .", "-form-item:first-child {\n          border-block-start: 1px solid ", ";\n        }\n      }\n    "])), prefixCls, prefixCls, token.colorFillSecondary),
+    pureStyle: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n    "]))),
+    pureTitle: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 24px;\n    "]))),
+    title: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      align-items: center;\n      font-size: 16px;\n      font-weight: 600;\n\n      .anticon {\n        color: ", ";\n      }\n\n      ", " {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    "])), token.colorPrimary, responsive.mobile)
   };
 });
 var FormGroup = /*#__PURE__*/memo(function (_ref2) {
@@ -80,7 +82,7 @@ var FormGroup = /*#__PURE__*/memo(function (_ref2) {
   });
   return /*#__PURE__*/_jsx(Collapse, _objectSpread({
     activeKey: isUndefined(active) ? undefined : active ? [keyValue] : [],
-    className: cx(groupClassName, className),
+    className: cx(groupClassName, variant === 'pure' && styles.pure, className),
     collapsible: defaultCollapsible,
     defaultActiveKey: defaultActive ? [keyValue] : undefined,
     items: [{

package/es/Form/style.js

@@ -9,6 +9,6 @@ export var useStyles = createStyles(function (_ref) {
   return {
     form: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    ", " {\n      gap: 0;\n    }\n\n    .", "-form-item {\n      margin: 0 !important;\n    }\n\n    .", "-form-item .", "-form-item-label > label {\n      height: unset;\n    }\n\n    .", "-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .", "-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .", "-form-item-row {\n      align-items: center;\n      ", " {\n        align-items: stretch;\n      }\n    }\n\n    .", "-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .", "-collapse-item {\n      overflow: hidden !important;\n      border-radius: ", "px !important;\n    }\n  "])), responsive.mobile, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, responsive.mobile, prefixCls, prefixCls, token.borderRadius),
     mobile: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      gap: 0 !important;\n    }\n  "])), responsive.mobile),
-    pure: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    gap: 64px;\n    .", "-collapse-content-box {\n      .", "-form-item:first-child {\n        border-block-start: 1px solid ", ";\n      }\n    }\n    ", " {\n      border-block-start: unset;\n    }\n  "])), prefixCls, prefixCls, token.colorFillSecondary, responsive.mobile)
+    pure: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    gap: 64px;\n    ", " {\n      border-block-start: unset;\n    }\n  "])), responsive.mobile)
   };
 });

package/es/brand/BrandLoading/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DivProps, SvgProps } from "../../types";
+import './style.css';
+export interface BrandLoadingProps {
+    text: FC<SvgProps & DivProps & {
+        size?: number;
+    }>;
+}
+declare const BrandLoading: FC<BrandLoadingProps & SvgProps & DivProps>;
+export default BrandLoading;

package/es/brand/BrandLoading/index.js

@@ -0,0 +1,14 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["text"];
+import "./style.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var BrandLoading = function BrandLoading(_ref) {
+  var text = _ref.text,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var RenderText = text;
+  return /*#__PURE__*/_jsx(RenderText, _objectSpread({
+    className: 'lobe-brand-loading'
+  }, rest));
+};
+export default BrandLoading;

package/es/brand/BrandLoading/style.css

@@ -0,0 +1,32 @@
+@keyframes draw {
+  0% {
+    stroke-dashoffset: 1000;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+
+@keyframes fill {
+  30% {
+    fill-opacity: 20%;
+  }
+
+  100% {
+    fill-opacity: 100%;
+  }
+}
+
+.lobe-brand-loading path {
+  fill: currentcolor;
+  fill-opacity: 0%;
+  stroke: currentcolor;
+  stroke-dasharray: 1000;
+  stroke-dashoffset: 1000;
+  stroke-width: 0.25em;
+
+  animation:
+    draw 2s ease-in-out infinite,
+    fill 2s linear infinite;
+}

package/es/brand/LobeChatText/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { FC } from 'react';
 import { DivProps, SvgProps } from "../../types";
-declare const LobeChatText: import("react").NamedExoticComponent<SvgProps & DivProps & {
-    size?: number | undefined;
+declare const LobeChatText: FC<SvgProps & DivProps & {
+    size?: number;
 }>;
 export default LobeChatText;

package/es/brand/LobeChatText/index.js

@@ -1,10 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["size", "style"];
-import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var LobeChatText = /*#__PURE__*/memo(function (_ref) {
+var LobeChatText = function LobeChatText(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1em' : _ref$size,
     style = _ref.style,
@@ -30,5 +29,5 @@ var LobeChatText = /*#__PURE__*/memo(function (_ref) {
       d: "M592.64 242c-11.587 0-22.293-1.907-32.12-5.72-9.68-3.96-18.113-9.46-25.3-16.5-7.04-7.187-12.54-15.62-16.5-25.3-3.813-9.827-5.72-20.534-5.72-32.12 0-11.44 1.98-22 5.94-31.68 4.107-9.68 9.827-18.114 17.16-25.3 7.333-7.187 15.913-12.76 25.74-16.72 9.973-3.96 20.753-5.94 32.34-5.94 7.333 0 14.52.953 21.56 2.86 7.04 1.906 13.567 4.766 19.58 8.58 6.16 3.666 11.44 8.14 15.84 13.42l-23.1 26.18c-4.547-4.987-9.68-8.874-15.4-11.66-5.573-2.787-11.807-4.18-18.7-4.18-5.867 0-11.44 1.026-16.72 3.08-5.133 2.053-9.607 5.06-13.42 9.02-3.813 3.96-6.82 8.653-9.02 14.08-2.2 5.426-3.3 11.586-3.3 18.48 0 6.746 1.027 12.906 3.08 18.48 2.2 5.426 5.28 10.12 9.24 14.08 4.107 3.813 8.947 6.746 14.52 8.8 5.72 2.053 12.027 3.08 18.92 3.08 4.547 0 8.873-.587 12.98-1.76a48.746 48.746 0 0011.88-5.5c3.667-2.347 6.82-4.987 9.46-7.92l18.26 29.04c-3.52 3.96-8.36 7.553-14.52 10.78-6.013 3.226-12.76 5.793-20.24 7.7a95.814 95.814 0 01-22.44 2.64zM942.281 202.6v-48.59h27.14V123.4h-27.14V92.8h-33.58v30.6h-16.79v30.61h16.79v48.36c0 26.526 13.263 39.79 39.79 39.79 9.66 0 17.327-1.227 23-3.68v-27.83c-4.753 3.066-10.197 4.6-16.33 4.6-3.833 0-6.977-1.074-9.43-3.22-2.3-2.147-3.45-5.29-3.45-9.43z"
     })]
   }));
-});
+};
 export default LobeChatText;

package/es/brand/LobeHubText/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { FC } from 'react';
 import { DivProps, SvgProps } from "../../types";
-declare const LobeHubText: import("react").NamedExoticComponent<SvgProps & DivProps & {
-    size?: number | undefined;
+declare const LobeHubText: FC<SvgProps & DivProps & {
+    size?: number;
 }>;
 export default LobeHubText;

package/es/brand/LobeHubText/index.js

@@ -1,10 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["size", "style"];
-import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var LobeHubText = /*#__PURE__*/memo(function (_ref) {
+var LobeHubText = function LobeHubText(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1em' : _ref$size,
     style = _ref.style,
@@ -26,5 +25,5 @@ var LobeHubText = /*#__PURE__*/memo(function (_ref) {
       d: "M15 240.035V87.172h39.24V205.75h66.192v34.285H15zM183.731 242c-11.759 0-22.196-2.621-31.313-7.862-9.116-5.241-16.317-12.447-21.601-21.619-5.153-9.317-7.729-19.945-7.729-31.883 0-11.937 2.576-22.492 7.729-31.664 5.164-8.963 12.159-15.98 20.982-21.05l.619-.351c9.117-5.241 19.554-7.861 31.313-7.861s22.196 2.62 31.313 7.861c9.248 5.096 16.449 12.229 21.601 21.401 5.153 9.172 7.729 19.727 7.729 31.664 0 11.938-2.576 22.566-7.729 31.883-5.152 9.172-12.353 16.378-21.601 21.619-9.117 5.241-19.554 7.862-31.313 7.862zm0-32.975c4.36 0 8.191-1.092 11.494-3.275 3.436-2.184 6.144-5.387 8.126-9.609 1.982-4.367 2.973-9.536 2.973-15.505 0-5.968-.991-10.991-2.973-15.067-1.906-4.06-4.483-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.134-3.276-11.494-3.276-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275zM295.508 78l-.001 54.042a34.071 34.071 0 016.541-5.781c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.557 7.424 7.872 4.835 14.105 11.684 18.7 20.546l.325.637c4.756 9.026 7.135 19.799 7.135 32.319 0 12.666-2.379 23.585-7.135 32.757-4.624 9.026-10.966 16.087-19.025 21.182-7.928 4.95-16.78 7.425-26.557 7.425-9.644 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.355-7.532-7.226l.001 11.812h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.494 3.276-3.303 2.184-6.012 5.387-8.126 9.609-1.982 4.076-2.972 9.099-2.972 15.067 0 5.969.99 11.138 2.972 15.505 2.114 4.222 4.823 7.425 8.126 9.609 3.435 2.183 7.266 3.275 11.494 3.275s7.994-1.092 11.297-3.275c3.435-2.184 6.143-5.387 8.125-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.483-7.177-7.732-9.352l-.393-.257c-3.303-2.184-7.069-3.276-11.297-3.276zm105.335 38.653l.084.337a27.857 27.857 0 002.057 5.559c2.246 4.222 5.417 7.498 9.513 9.827 4.096 2.184 8.984 3.276 14.665 3.276 5.285 0 9.777-.801 13.477-2.403 3.579-1.632 7.1-4.025 10.564-7.182l.732-.679 19.818 22.711c-5.153 6.26-11.494 11.064-19.025 14.413-7.531 3.203-16.449 4.804-26.755 4.804-12.683 0-23.782-2.621-33.294-7.862-9.381-5.386-16.713-12.665-21.998-21.837-5.153-9.317-7.729-19.872-7.729-31.665 0-11.792 2.51-22.274 7.53-31.446 5.036-9.105 11.902-16.195 20.596-21.268l.61-.351c8.984-5.241 19.091-7.861 30.322-7.861 10.311 0 19.743 2.286 28.294 6.859l.64.347c8.72 4.659 15.656 11.574 20.809 20.746 5.153 9.172 7.729 20.309 7.729 33.411 0 1.294-.052 2.761-.156 4.4l-.042.623-.17 2.353c-.075 1.01-.151 1.973-.227 2.888h-78.044zm21.365-42.147c-4.492 0-8.456 1.092-11.891 3.276-3.303 2.184-5.879 5.314-7.729 9.39a26.04 26.04 0 00-1.117 2.79 30.164 30.164 0 00-1.121 4.499l-.058.354h43.96l-.015-.106c-.401-2.638-1.122-5.055-2.163-7.252l-.246-.503c-1.776-3.774-4.282-6.742-7.519-8.906l-.409-.266c-3.303-2.184-7.2-3.276-11.692-3.276zm111.695-62.018l-.001 57.432h53.51V87.172h39.24v152.863h-39.24v-59.617H555.9l.001 59.617h-39.24V87.172h39.24zM715.766 242c-8.72 0-16.581-1.893-23.583-5.678-6.87-3.785-12.287-9.681-16.251-17.688-3.832-8.153-5.747-18.417-5.747-30.791v-66.168h37.654v59.398c0 9.172 1.519 15.723 4.558 19.654 3.171 3.931 7.597 5.896 13.278 5.896 3.7 0 7.069-.946 10.108-2.839 3.038-1.892 5.483-4.877 7.332-8.953 1.85-4.222 2.775-9.609 2.775-16.16v-56.996h37.654v118.36h-35.871l.004-12.38c-2.642 3.197-5.682 5.868-9.12 8.012-7.002 4.222-14.599 6.333-22.791 6.333zM841.489 78l-.001 54.041a34.1 34.1 0 016.541-5.78c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.556 7.424 7.873 4.835 14.106 11.684 18.701 20.546l.325.637c4.756 9.026 7.134 19.799 7.134 32.319 0 12.666-2.378 23.585-7.134 32.757-4.624 9.026-10.966 16.087-19.026 21.182-7.927 4.95-16.779 7.425-26.556 7.425-9.645 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.354-7.531-7.224v11.81h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275 4.228 0 7.993-1.092 11.296-3.275 3.435-2.184 6.144-5.387 8.126-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.484-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.068-3.276-11.296-3.276z"
     })]
   }));
-});
+};
 export default LobeHubText;

package/es/brand/index.d.ts

@@ -1,3 +1,4 @@
+export { default as BrandLoading, type BrandLoadingProps } from './BrandLoading';
 export { default as LobeChat, type LobeChatProps } from './LobeChat';
 export { default as LobeChatText } from './LobeChatText';
 export { default as LobeHub, type LobeHubProps } from './LobeHub';

package/es/brand/index.js

@@ -1,3 +1,4 @@
+export { default as BrandLoading } from "./BrandLoading";
 export { default as LobeChat } from "./LobeChat";
 export { default as LobeChatText } from "./LobeChatText";
 export { default as LobeHub } from "./LobeHub";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.155.8",
+  "version": "1.156.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -19,7 +19,9 @@
   },
   "license": "MIT",
   "author": "LobeHub <i@lobehub.com>",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "es/index.js",
   "module": "es/index.js",
   "types": "es/index.d.ts",