@lobehub/ui 1.11.0 → 1.11.1

package/lib/Tooltip/style.js

@@ -1,54 +1,18 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Tooltip/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyles: () => useStyles
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_antd_style = require("antd-style");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => {
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
   return {
-    tooltip: css`
-      .ant-tooltip-inner {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        min-height: unset;
-        padding: 4px 8px;
-
-        color: ${token.colorBgLayout};
-
-        background-color: ${token.colorText};
-        border-radius: ${token.borderRadiusSM}px;
-      }
-      .ant-tooltip-arrow {
-        &:before,
-        &:after {
-          background: ${token.colorText};
-        }
-      }
-    `
+    tooltip: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      .ant-tooltip-inner {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        min-height: unset;\n        padding: 4px 8px;\n\n        color: ", ";\n\n        background-color: ", ";\n        border-radius: ", "px;\n      }\n      .ant-tooltip-arrow {\n        &:before,\n        &:after {\n          background: ", ";\n        }\n      }\n    "])), token.colorBgLayout, token.colorText, token.borderRadiusSM, token.colorText)
   };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});
+exports.useStyles = useStyles;

package/lib/components/ControlInput.js

@@ -1,91 +1,90 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/components/ControlInput.tsx
-var ControlInput_exports = {};
-__export(ControlInput_exports, {
-  ControlInput: () => ControlInput
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ControlInput_exports);
-var import__ = require("../index");
-var import_antd = require("antd");
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var ControlInput = (0, import_react.memo)(
-  ({ value, onChange, onValueChanging, onChangeEnd, ...props }) => {
-    const [input, setInput] = (0, import_react.useState)(value || "");
-    const inputRef = (0, import_react.useRef)(null);
-    const isChineseInput = (0, import_react.useRef)(false);
-    const isFocusing = (0, import_react.useRef)(false);
-    const updateValue = (0, import_react.useCallback)(() => {
-      onChange == null ? void 0 : onChange(input);
-    }, [input]);
-    (0, import_react.useEffect)(() => {
-      if (typeof value !== "undefined")
-        setInput(value);
-    }, [value]);
-    return /* @__PURE__ */ React.createElement(
-      import__.Input,
-      {
-        ref: inputRef,
-        ...props,
-        value: input,
-        onCompositionStart: () => {
-          isChineseInput.current = true;
-        },
-        onCompositionEnd: () => {
-          isChineseInput.current = false;
-        },
-        onFocus: () => {
-          isFocusing.current = true;
-        },
-        onBlur: () => {
-          isFocusing.current = false;
-          onChangeEnd == null ? void 0 : onChangeEnd(input);
-        },
-        onChange: (e) => {
-          setInput(e.target.value);
-          onValueChanging == null ? void 0 : onValueChanging(e.target.value);
-        },
-        onPressEnter: (e) => {
-          if (!e.shiftKey && !isChineseInput.current) {
-            e.preventDefault();
-            updateValue();
-            isFocusing.current = false;
-            onChangeEnd == null ? void 0 : onChangeEnd(input);
-          }
-        },
-        suffix: value === input ? /* @__PURE__ */ React.createElement("span", null) : /* @__PURE__ */ React.createElement(import_antd.ConfigProvider, { theme: { token: { fontSize: 14 } } }, /* @__PURE__ */ React.createElement(import_antd.Space, { size: 2 }, /* @__PURE__ */ React.createElement(
-          import__.ActionIcon,
-          {
-            title: "Reset",
-            icon: import_lucide_react.RotateCcw,
-            size: "small",
-            onClick: () => {
-              setInput(value);
-            }
-          }
-        ), /* @__PURE__ */ React.createElement(import__.ActionIcon, { title: "✅ Save", icon: import_lucide_react.Save, size: "small", onClick: updateValue })))
+exports.ControlInput = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _ = require("./..");
+var _antd = require("antd");
+var _lucideReact = require("lucide-react");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["value", "onChange", "onValueChanging", "onChangeEnd"];
+var ControlInput = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onValueChanging = _ref.onValueChanging,
+    onChangeEnd = _ref.onChangeEnd,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(value || ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    input = _useState2[0],
+    setInput = _useState2[1];
+  var inputRef = (0, _react.useRef)(null);
+  var isChineseInput = (0, _react.useRef)(false);
+  var isFocusing = (0, _react.useRef)(false);
+  var updateValue = (0, _react.useCallback)(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(input);
+  }, [input]);
+  (0, _react.useEffect)(function () {
+    if (typeof value !== 'undefined') setInput(value);
+  }, [value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    ref: inputRef
+  }, props), {}, {
+    value: input,
+    onCompositionStart: function onCompositionStart() {
+      isChineseInput.current = true;
+    },
+    onCompositionEnd: function onCompositionEnd() {
+      isChineseInput.current = false;
+    },
+    onFocus: function onFocus() {
+      isFocusing.current = true;
+    },
+    onBlur: function onBlur() {
+      isFocusing.current = false;
+      onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(input);
+    },
+    onChange: function onChange(e) {
+      setInput(e.target.value);
+      onValueChanging === null || onValueChanging === void 0 ? void 0 : onValueChanging(e.target.value);
+    },
+    onPressEnter: function onPressEnter(e) {
+      if (!e.shiftKey && !isChineseInput.current) {
+        e.preventDefault();
+        updateValue();
+        isFocusing.current = false;
+        onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(input);
       }
-    );
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ControlInput
+    },
+    suffix: value === input ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+      theme: {
+        token: {
+          fontSize: 14
+        }
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+        size: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.ActionIcon, {
+          title: "Reset",
+          icon: _lucideReact.RotateCcw,
+          size: "small",
+          onClick: function onClick() {
+            setInput(value);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ActionIcon, {
+          title: "\u2705 Save",
+          icon: _lucideReact.Save,
+          size: "small",
+          onClick: updateValue
+        })]
+      })
+    })
+  }));
 });
+exports.ControlInput = ControlInput;

package/lib/hooks/useCopied.js

@@ -1,44 +1,34 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/hooks/useCopied.ts
-var useCopied_exports = {};
-__export(useCopied_exports, {
-  useCopied: () => useCopied
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useCopied_exports);
-var import_react = require("react");
-var useCopied = () => {
-  const [copied, setCopy] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    if (!copied)
-      return;
-    const timer = setTimeout(() => {
+exports.useCopied = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var useCopied = function useCopied() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    copied = _useState2[0],
+    setCopy = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (!copied) return;
+    var timer = setTimeout(function () {
       setCopy(false);
-    }, 2e3);
-    return () => {
+    }, 2000);
+    return function () {
       clearTimeout(timer);
     };
   }, [copied]);
-  const setCopied = (0, import_react.useCallback)(() => setCopy(true), []);
-  return (0, import_react.useMemo)(() => ({ copied, setCopied }), [copied]);
+  var setCopied = (0, _react.useCallback)(function () {
+    return setCopy(true);
+  }, []);
+  return (0, _react.useMemo)(function () {
+    return {
+      copied: copied,
+      setCopied: setCopied
+    };
+  }, [copied]);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useCopied
-});
+exports.useCopied = useCopied;

package/lib/hooks/useHighlight.js

@@ -1,76 +1,71 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/hooks/useHighlight.ts
-var useHighlight_exports = {};
-__export(useHighlight_exports, {
-  languageMap: () => languageMap,
-  useHighlight: () => useHighlight
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useHighlight_exports);
-var import_shiki_es = require("shiki-es");
-var import_zustand = require("zustand");
+exports.useHighlight = exports.languageMap = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _shikiEs = require("shiki-es");
+var _zustand = require("zustand");
 var THEME = {
-  dark: "material-darker",
-  light: "material-lighter"
+  dark: 'material-darker',
+  light: 'material-lighter'
 };
-var languageMap = [
-  "javascript",
-  "js",
-  "jsx",
-  "json",
-  "markdown",
-  "md",
-  "less",
-  "css",
-  "typescript",
-  "ts",
-  "tsx",
-  "diff",
-  "bash"
-];
-var useHighlight = (0, import_zustand.create)((set, get) => ({
-  highlighter: void 0,
-  initHighlighter: async () => {
-    if (!get().highlighter) {
-      const highlighter = await (0, import_shiki_es.getHighlighter)({
-        langs: languageMap,
-        themes: Object.values(THEME)
-      });
-      set({ highlighter });
-    }
-  },
-  codeToHtml: (text, language, isDarkMode) => {
-    const { highlighter } = get();
-    if (!highlighter)
-      return "";
-    try {
-      return highlighter == null ? void 0 : highlighter.codeToHtml(text, {
-        lang: language,
-        theme: isDarkMode ? THEME.dark : THEME.light
-      });
-    } catch (e) {
-      return text;
+var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', 'less', 'css', 'typescript', 'ts', 'tsx', 'diff', 'bash'];
+
+/**
+ * @title 代码高亮的存储对象
+ */
+exports.languageMap = languageMap;
+var useHighlight = (0, _zustand.create)(function (set, get) {
+  return {
+    highlighter: undefined,
+    initHighlighter: function () {
+      var _initHighlighter = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        var highlighter;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (get().highlighter) {
+                _context.next = 5;
+                break;
+              }
+              _context.next = 3;
+              return (0, _shikiEs.getHighlighter)({
+                langs: languageMap,
+                themes: Object.values(THEME)
+              });
+            case 3:
+              highlighter = _context.sent;
+              set({
+                highlighter: highlighter
+              });
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function initHighlighter() {
+        return _initHighlighter.apply(this, arguments);
+      }
+      return initHighlighter;
+    }(),
+    codeToHtml: function codeToHtml(text, language, isDarkMode) {
+      var _get = get(),
+        highlighter = _get.highlighter;
+      if (!highlighter) return '';
+      try {
+        return highlighter === null || highlighter === void 0 ? void 0 : highlighter.codeToHtml(text, {
+          lang: language,
+          theme: isDarkMode ? THEME.dark : THEME.light
+        });
+      } catch (e) {
+        return text;
+      }
     }
-  }
-}));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  languageMap,
-  useHighlight
+  };
 });
+exports.useHighlight = useHighlight;