@lobehub/ui 1.11.1 → 1.11.3

package/lib/index.js

@@ -1,213 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ActionIcon", {
-  enumerable: true,
-  get: function get() {
-    return _ActionIcon.default;
-  }
-});
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function get() {
-    return _Avatar.default;
-  }
-});
-Object.defineProperty(exports, "ContextMenu", {
-  enumerable: true,
-  get: function get() {
-    return _ContextMenu.default;
-  }
-});
-Object.defineProperty(exports, "Conversation", {
-  enumerable: true,
-  get: function get() {
-    return _Conversation.default;
-  }
-});
-Object.defineProperty(exports, "CopyButton", {
-  enumerable: true,
-  get: function get() {
-    return _CopyButton.default;
-  }
-});
-Object.defineProperty(exports, "DraggablePanel", {
-  enumerable: true,
-  get: function get() {
-    return _DraggablePanel.default;
-  }
-});
-Object.defineProperty(exports, "EditableMessage", {
-  enumerable: true,
-  get: function get() {
-    return _EditableMessage.default;
-  }
-});
-Object.defineProperty(exports, "EditableMessageList", {
-  enumerable: true,
-  get: function get() {
-    return _EditableMessageList.default;
-  }
-});
-Object.defineProperty(exports, "EditableText", {
-  enumerable: true,
-  get: function get() {
-    return _EditableText.default;
-  }
-});
-Object.defineProperty(exports, "Highlighter", {
-  enumerable: true,
-  get: function get() {
-    return _Highlighter.default;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _Icon.default;
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _Input.Input;
-  }
-});
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function get() {
-    return _List.default;
-  }
-});
-Object.defineProperty(exports, "Logo", {
-  enumerable: true,
-  get: function get() {
-    return _Logo.default;
-  }
-});
-Object.defineProperty(exports, "Markdown", {
-  enumerable: true,
-  get: function get() {
-    return _Markdown.default;
-  }
-});
-Object.defineProperty(exports, "MessageInput", {
-  enumerable: true,
-  get: function get() {
-    return _MessageInput.default;
-  }
-});
-Object.defineProperty(exports, "MessageModal", {
-  enumerable: true,
-  get: function get() {
-    return _MessageModal.default;
-  }
-});
-Object.defineProperty(exports, "SearchBar", {
-  enumerable: true,
-  get: function get() {
-    return _SearchBar.default;
-  }
-});
-Object.defineProperty(exports, "SideNav", {
-  enumerable: true,
-  get: function get() {
-    return _SideNav.default;
-  }
-});
-Object.defineProperty(exports, "Snippet", {
-  enumerable: true,
-  get: function get() {
-    return _Snippet.default;
-  }
-});
-Object.defineProperty(exports, "StroyBook", {
-  enumerable: true,
-  get: function get() {
-    return _StroyBook.default;
-  }
-});
-Object.defineProperty(exports, "Swatches", {
-  enumerable: true,
-  get: function get() {
-    return _Swatches.default;
-  }
-});
-Object.defineProperty(exports, "SyntaxHighlighter", {
-  enumerable: true,
-  get: function get() {
-    return _Highlighter.SyntaxHighlighter;
-  }
-});
-Object.defineProperty(exports, "TabsNav", {
-  enumerable: true,
-  get: function get() {
-    return _TabsNav.default;
-  }
-});
-Object.defineProperty(exports, "TextArea", {
-  enumerable: true,
-  get: function get() {
-    return _Input.TextArea;
-  }
-});
-Object.defineProperty(exports, "ThemeProvider", {
-  enumerable: true,
-  get: function get() {
-    return _ThemeProvider.default;
-  }
-});
-Object.defineProperty(exports, "ThemeSwitch", {
-  enumerable: true,
-  get: function get() {
-    return _ThemeSwitch.default;
-  }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function get() {
-    return _Tooltip.default;
-  }
-});
-Object.defineProperty(exports, "useControls", {
-  enumerable: true,
-  get: function get() {
-    return _StroyBook.useControls;
-  }
-});
-Object.defineProperty(exports, "useCreateStore", {
-  enumerable: true,
-  get: function get() {
-    return _StroyBook.useCreateStore;
-  }
-});
-var _ActionIcon = _interopRequireDefault(require("./ActionIcon"));
-var _Avatar = _interopRequireDefault(require("./Avatar"));
-var _ContextMenu = _interopRequireDefault(require("./ContextMenu"));
-var _Conversation = _interopRequireDefault(require("./Conversation"));
-var _CopyButton = _interopRequireDefault(require("./CopyButton"));
-var _DraggablePanel = _interopRequireDefault(require("./DraggablePanel"));
-var _EditableMessage = _interopRequireDefault(require("./EditableMessage"));
-var _EditableMessageList = _interopRequireDefault(require("./EditableMessageList"));
-var _EditableText = _interopRequireDefault(require("./EditableText"));
-var _Highlighter = _interopRequireWildcard(require("./Highlighter"));
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _Input = require("./Input");
-var _List = _interopRequireDefault(require("./List"));
-var _Logo = _interopRequireDefault(require("./Logo"));
-var _Markdown = _interopRequireDefault(require("./Markdown"));
-var _MessageInput = _interopRequireDefault(require("./MessageInput"));
-var _MessageModal = _interopRequireDefault(require("./MessageModal"));
-var _SearchBar = _interopRequireDefault(require("./SearchBar"));
-var _SideNav = _interopRequireDefault(require("./SideNav"));
-var _Snippet = _interopRequireDefault(require("./Snippet"));
-var _StroyBook = _interopRequireWildcard(require("./StroyBook"));
-var _Swatches = _interopRequireDefault(require("./Swatches"));
-var _TabsNav = _interopRequireDefault(require("./TabsNav"));
-var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-var _ThemeSwitch = _interopRequireDefault(require("./ThemeSwitch"));
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));

package/lib/styles/algorithms/generateColorPalette.d.ts

@@ -1,11 +0,0 @@
-import { ColorScaleItem } from "../colors";
-import { AliasToken } from 'antd/es/theme/interface';
-export declare const generateColorPalette: ({ type, scale, appearance, }: {
-    type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;
-    scale: ColorScaleItem;
-    appearance: 'light' | 'dark';
-}) => Partial<AliasToken>;
-export declare const generateColorNeutralPalette: ({ scale, appearance, }: {
-    scale: ColorScaleItem;
-    appearance: 'light' | 'dark';
-}) => Partial<AliasToken>;

package/lib/styles/algorithms/generateColorPalette.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateColorPalette = exports.generateColorNeutralPalette = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lodash = require("lodash");
-var generateColorPalette = function generateColorPalette(_ref) {
-  var _ref2;
-  var type = _ref.type,
-    scale = _ref.scale,
-    appearance = _ref.appearance;
-  var name = (0, _lodash.capitalize)(type);
-  return _ref2 = {}, (0, _defineProperty2.default)(_ref2, "color".concat(name, "Bg"), scale[appearance][1]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "BgHover"), scale[appearance][2]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Border"), scale[appearance][4]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "BorderHover"), scale[appearance][5]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Hover"), scale[appearance][10]), (0, _defineProperty2.default)(_ref2, "color".concat(name), scale[appearance][9]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Active"), scale[appearance][7]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "TextHover"), scale[appearance][10]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Text"), scale[appearance][9]), (0, _defineProperty2.default)(_ref2, "color".concat(name, "Active"), scale[appearance][7]), _ref2;
-};
-exports.generateColorPalette = generateColorPalette;
-var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
-  var scale = _ref3.scale,
-    appearance = _ref3.appearance;
-  return {
-    colorText: scale[appearance][12],
-    colorTextSecondary: scale[appearance][10],
-    colorTextTertiary: scale[appearance][8],
-    colorTextQuaternary: scale[appearance][6],
-    colorBorder: scale["".concat(appearance, "A")][4],
-    colorBorderSecondary: scale["".concat(appearance, "A")][3],
-    colorFill: scale["".concat(appearance, "A")][3],
-    colorFillSecondary: scale["".concat(appearance, "A")][2],
-    colorFillTertiary: scale["".concat(appearance, "A")][1],
-    colorFillQuaternary: scale["".concat(appearance, "A")][0],
-    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],
-    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],
-    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],
-    colorBgSpotlight: scale[appearance][5],
-    colorBgMask: scale.lightA[8]
-  };
-};
-exports.generateColorNeutralPalette = generateColorNeutralPalette;

package/lib/styles/algorithms/generateCustomStylish.d.ts

@@ -1,17 +0,0 @@
-import { GetCustomStylish } from 'antd-style';
-declare module 'antd-style' {
-    interface CustomStylish extends SiteStylish {
-    }
-}
-export interface SiteStylish {
-    clickableText: string;
-    resetLinkColor: string;
-    heroButtonGradient: string;
-    heroGradient: string;
-    heroTextShadow: string;
-    heroGradientFlow: string;
-    heroBlurBall: string;
-    iconGradientDefault: string;
-    blur: string;
-}
-export declare const generateCustomStylish: GetCustomStylish<SiteStylish>;

package/lib/styles/algorithms/generateCustomStylish.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateCustomStylish = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _polished = require("polished");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-var generateCustomStylish = function generateCustomStylish(_ref) {
-  var css = _ref.css,
-    token = _ref.token,
-    isDarkMode = _ref.isDarkMode;
-  return {
-    clickableText: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      cursor: pointer;\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])), token.colorTextSecondary, token.colorText),
-    resetLinkColor: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      color: inherit;\n\n      &:hover,\n      &:active {\n        color: inherit;\n      }\n    "]))),
-    heroButtonGradient: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      background: linear-gradient(90deg, ", " 0%, ", " 100%);\n    "])), token.gradientColor1, token.gradientColor2),
-    heroGradient: css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      background-image: ", ";\n      background-size: 300% 300%;\n    "])), token.gradientHeroBgG),
-    heroGradientFlow: css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      animation: flow 5s ease infinite;\n\n      @keyframes flow {\n        0% {\n          background-position: 0 0;\n        }\n\n        50% {\n          background-position: 100% 100%;\n        }\n\n        100% {\n          background-position: 0 0;\n        }\n      }\n    "]))),
-    heroTextShadow: css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      will-change: transform;\n      text-shadow: 0 8px 20px ", ",\n        0 8px 60px ", ",\n        0 8px 80px ", ";\n    "])), (0, _polished.rgba)(token.gradientColor2, 0.2), (0, _polished.rgba)(token.gradientColor3, 0.2), (0, _polished.rgba)(token.cyan, isDarkMode ? 0.2 : 0.4)),
-    heroBlurBall: css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      will-change: transform;\n\n      background: linear-gradient(\n        135deg,\n        ", " 0%,\n        ", " 30%,\n        ", " 70%,\n        ", " 100%\n      );\n      background-size: 200% 200%;\n      filter: blur(69px);\n\n      animation: glow 10s ease infinite;\n\n      @keyframes glow {\n        0% {\n          background-position: 0 -100%;\n        }\n\n        50% {\n          background-position: 200% 50%;\n        }\n\n        100% {\n          background-position: 0 -100%;\n        }\n      }\n    "])), token.gradientColor3, token.gradientColor1, token.red, token.cyan),
-    iconGradientDefault: css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      background-image: radial-gradient(\n        100% 100% at 50% 0,\n        ", " 0,\n        ", " 100%\n      );\n    "])), (0, _polished.rgba)(token.colorSolid, 0.2), (0, _polished.rgba)(token.colorSolid, 0.1)),
-    blur: css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      backdrop-filter: blur(7px);\n    "])))
-  };
-};
-exports.generateCustomStylish = generateCustomStylish;

package/lib/styles/algorithms/generateCustomToken.d.ts

@@ -1,3 +0,0 @@
-import { LobeCustomToken } from "../../types/customToken";
-import { GetCustomToken } from 'antd-style';
-export declare const generateCustomToken: GetCustomToken<LobeCustomToken>;

package/lib/styles/algorithms/generateCustomToken.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateCustomToken = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _colors = require("../colors");
-var _lodash = require("lodash");
-var _generateColorPalette = require("./generateColorPalette");
-var generateCustomColorPalette = function generateCustomColorPalette(_ref) {
-  var type = _ref.type,
-    scale = _ref.scale,
-    appearance = _ref.appearance;
-  var name = (0, _lodash.capitalize)(type);
-  var colorStepPalette = {};
-  scale[appearance].forEach(function (color, index) {
-    colorStepPalette["color".concat(name).concat(index + 1)] = color;
-  });
-  scale["".concat(appearance, "A")].forEach(function (color, index) {
-    colorStepPalette["color".concat(name).concat(index + 1, "A")] = color;
-  });
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colorStepPalette), (0, _generateColorPalette.generateColorPalette)({
-    type: type,
-    scale: scale,
-    appearance: appearance
-  }));
-};
-
-// @ts-ignore
-var generateCustomToken = function generateCustomToken(_ref2) {
-  var appearance = _ref2.appearance,
-    token = _ref2.token,
-    isDarkMode = _ref2.isDarkMode;
-  var gradientColor1 = token.blue;
-  var gradientColor2 = isDarkMode ? token.pink : token.cyan;
-  var gradientColor3 = token.purple;
-  var colorSolid = isDarkMode ? token.colorWhite : '#000';
-  var colorCustomToken = {
-    headerHeight: 64,
-    footerHeight: 300,
-    sidebarWidth: 240,
-    tocWidth: 176,
-    contentMaxWidth: 1152,
-    colorSolid: colorSolid,
-    gradientColor1: gradientColor1,
-    gradientColor2: gradientColor2,
-    gradientColor3: gradientColor3,
-    gradientHeroBgG: "radial-gradient(at 80% 20%, ".concat(gradientColor1, " 0%, ").concat(gradientColor2, " 80%, ").concat(gradientColor3, " 130%)")
-  };
-  Object.entries(_colors.colorScales).forEach(function (_ref3) {
-    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-      type = _ref4[0],
-      scale = _ref4[1];
-    colorCustomToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colorCustomToken), generateCustomColorPalette({
-      type: type,
-      scale: scale,
-      appearance: appearance
-    }));
-  });
-  return colorCustomToken;
-};
-exports.generateCustomToken = generateCustomToken;

package/lib/styles/algorithms/generateTheme.d.ts

@@ -1,5 +0,0 @@
-import { ThemeConfig } from 'antd';
-import { GetAntdTheme } from 'antd-style';
-export declare const lightTheme: ThemeConfig;
-export declare const darkTheme: ThemeConfig;
-export declare const generateTheme: GetAntdTheme;

package/lib/styles/algorithms/generateTheme.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lightTheme = exports.generateTheme = exports.darkTheme = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _dark = _interopRequireDefault(require("../theme/dark"));
-var _light = _interopRequireDefault(require("../theme/light"));
-var lightTheme = {
-  token: _light.default,
-  algorithm: function algorithm(seedToken, mapToken) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mapToken), _light.default);
-  }
-};
-exports.lightTheme = lightTheme;
-var darkTheme = {
-  token: _dark.default,
-  algorithm: function algorithm(seedToken, mapToken) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mapToken), _dark.default);
-  }
-};
-exports.darkTheme = darkTheme;
-var generateTheme = function generateTheme(appearance) {
-  return appearance === 'dark' ? darkTheme : lightTheme;
-};
-exports.generateTheme = generateTheme;

package/lib/styles/colors.d.ts

@@ -1,38 +0,0 @@
-export interface ColorScaleItem {
-    light: string[];
-    lightA: string[];
-    dark: string[];
-    darkA: string[];
-}
-export interface ColorScales {
-    tomato: ColorScaleItem;
-    red: ColorScaleItem;
-    crimson: ColorScaleItem;
-    pink: ColorScaleItem;
-    plum: ColorScaleItem;
-    purple: ColorScaleItem;
-    violet: ColorScaleItem;
-    indigo: ColorScaleItem;
-    blue: ColorScaleItem;
-    cyan: ColorScaleItem;
-    teal: ColorScaleItem;
-    green: ColorScaleItem;
-    grass: ColorScaleItem;
-    orange: ColorScaleItem;
-    brown: ColorScaleItem;
-    sky: ColorScaleItem;
-    mint: ColorScaleItem;
-    lime: ColorScaleItem;
-    yellow: ColorScaleItem;
-    amber: ColorScaleItem;
-    bronze: ColorScaleItem;
-    gold: ColorScaleItem;
-    gray: ColorScaleItem;
-    mauve: ColorScaleItem;
-    slate: ColorScaleItem;
-    sage: ColorScaleItem;
-    olive: ColorScaleItem;
-    sand: ColorScaleItem;
-    bnw: ColorScaleItem;
-}
-export declare const colorScales: ColorScales;