@lobehub/ui 1.93.0 → 1.94.0

package/es/Highlighter/FullFeatured.js

@@ -72,6 +72,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
           className: styles.select,
           onSelect: setLang,
           options: options,
+          showSearch: true,
           size: 'small',
           suffixIcon: false,
           value: lang.toLowerCase()

package/es/Highlighter/style.js

@@ -16,6 +16,6 @@ export var useStyles = createStyles(function (_ref, type) {
     container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: auto;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            margin: 0 !important;\n            padding: ", " !important;\n            background: none !important;\n          }\n\n          code {\n            background: transparent !important;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px 24px")),
     header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding: 4px 8px;\n        background: ", ";\n      "])), token.colorFillQuaternary),
     lang: cx(langHoverCls, stylish.blur, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          right: 0;\n          bottom: 8px;\n\n          font-family: ", ";\n          color: ", ";\n\n          opacity: 0;\n\n          transition: opacity 0.1s;\n        "])), token.fontFamilyCode, token.colorTextSecondary)),
-    select: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        .ant-select-selection-item {\n          min-width: 100px;\n          padding-inline-end: 0 !important;\n          color: ", ";\n          text-align: center;\n        }\n      "])), token.colorTextDescription)
+    select: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        .ant-select-selection-item {\n          min-width: 100px;\n          padding-inline-end: 0 !important;\n          color: ", ";\n          text-align: center;\n        }\n\n        input {\n          text-align: center;\n        }\n      "])), token.colorTextDescription)
   };
 });

package/es/hooks/useHighlight.d.ts

@@ -1,5 +1,5 @@
 import { type Highlighter, type HighlighterCoreOptions } from 'shikiji';
-export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "markdown", "md", "less", "css", "python", "py", "typescript", "ts", "tsx", "diff", "bash"];
+export declare const languageMap: string[];
 /**
  * @title 代码高亮的存储对象
  */

package/es/hooks/useHighlight.js

@@ -1,10 +1,10 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getHighlighter } from 'shikiji';
+import { bundledLanguages, getHighlighter } from 'shikiji';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 import { themeConfig } from "../Highlighter/theme";
-export var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', 'less', 'css', 'python', 'py', 'typescript', 'ts', 'tsx', 'diff', 'bash'];
+export var languageMap = Object.keys(bundledLanguages);
 
 /**
  * @title 代码高亮的存储对象

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.93.0",
+  "version": "1.94.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",

package/es/Highlighter/SyntaxHighlighter/Prism.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PrismProps {
-    children: string;
-    isDarkMode: boolean;
-    language: string;
-}
-export declare const Prism: import("react").NamedExoticComponent<PrismProps>;

package/es/Highlighter/SyntaxHighlighter/Prism.js

@@ -1,40 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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 { Highlight, themes } from 'prism-react-renderer';
-import { memo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Prism = /*#__PURE__*/memo(function (_ref) {
-  var children = _ref.children,
-    language = _ref.language,
-    isDarkMode = _ref.isDarkMode;
-  return /*#__PURE__*/_jsx(Highlight, {
-    code: children,
-    language: language,
-    theme: isDarkMode ? themes.jettwaveDark : themes.jettwaveLight,
-    children: function children(_ref2) {
-      var className = _ref2.className,
-        style = _ref2.style,
-        tokens = _ref2.tokens,
-        getLineProps = _ref2.getLineProps,
-        getTokenProps = _ref2.getTokenProps;
-      return /*#__PURE__*/_jsx("pre", {
-        className: className,
-        style: style,
-        children: tokens.map(function (line, index) {
-          return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, getLineProps({
-            key: index,
-            line: line
-          })), {}, {
-            children: line.map(function (token, key) {
-              return /*#__PURE__*/_jsx("span", _objectSpread({}, getTokenProps({
-                key: key,
-                token: token
-              })), index);
-            })
-          }), index);
-        })
-      });
-    }
-  });
-});