@lobehub/ui 1.10.0 → 1.11.1

package/lib/List/ListItem/index.js

@@ -1,157 +1,115 @@
-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/List/ListItem/index.tsx
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  default: () => ListItem_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ListItem_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd_style = require("antd-style");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_colorUtils = require("../../utils/colorUtils");
-var import_time = require("./time");
-var useStyles = (0, import_antd_style.createStyles)(({ css, cx, token }) => {
-  const textOverlay = css`
-    --overlay-background: ${token.colorBgLayout};
-
-    position: absolute;
-    z-index: 10;
-    top: 0;
-    right: 0;
-
-    width: 32px;
-    height: 44px;
-
-    background: linear-gradient(to right, transparent, var(--overlay-background));
-  `;
-  const overlayColor = (0, import_colorUtils.convertAlphaToSolid)(token.colorFillContent, token.colorBgLayout);
-  const hoverOverlay = css`
-    .${cx(textOverlay)} {
-      --overlay-background: ${overlayColor};
-    }
-  `;
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _icons = require("@ant-design/icons");
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _colorUtils = require("../../utils/colorUtils");
+var _time = require("./time");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["active", "avatar", "loading", "description", "date", "title", "onHoverChange", "renderActions", "className", "style", "showAction", "classNames"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    cx = _ref.cx,
+    token = _ref.token;
+  var textOverlay = css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    --overlay-background: ", ";\n\n    position: absolute;\n    z-index: 10;\n    top: 0;\n    right: 0;\n\n    width: 32px;\n    height: 44px;\n\n    background: linear-gradient(to right, transparent, var(--overlay-background));\n  "])), token.colorBgLayout);
+  var overlayColor = (0, _colorUtils.convertAlphaToSolid)(token.colorFillContent, token.colorBgLayout);
+  var hoverOverlay = css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    .", " {\n      --overlay-background: ", ";\n    }\n  "])), cx(textOverlay), overlayColor);
   return {
-    container: css`
-      cursor: pointer;
-      color: ${token.colorTextTertiary};
-      border-radius: 8px;
-
-      &:hover {
-        background: ${token.colorFillContent};
-        ${hoverOverlay}
-      }
-    `,
-    active: css`
-      color: ${token.colorText};
-      background: ${token.colorFillContent};
-
-      ${hoverOverlay}
-    `,
-    content: css`
-      position: relative;
-      overflow: hidden;
-      flex: 1;
-    `,
-    title: css`
-      overflow: hidden;
-
-      width: 100%;
-
-      font-size: 0.9em;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `,
-    time: css`
-      font-size: 12px;
-      color: ${token.colorTextPlaceholder};
-    `,
-    desc: css`
-      overflow: hidden;
-
-      width: 100%;
-      margin-top: 2px;
-
-      font-size: 0.75em;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      opacity: 0.5;
-    `,
-    textOverlay
+    container: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      cursor: pointer;\n      color: ", ";\n      border-radius: 8px;\n\n      &:hover {\n        background: ", ";\n        ", "\n      }\n    "])), token.colorTextTertiary, token.colorFillContent, hoverOverlay),
+    active: css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      background: ", ";\n\n      ", "\n    "])), token.colorText, token.colorFillContent, hoverOverlay),
+    content: css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n    "]))),
+    title: css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      overflow: hidden;\n\n      width: 100%;\n\n      font-size: 0.9em;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "]))),
+    time: css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      font-size: 12px;\n      color: ", ";\n    "])), token.colorTextPlaceholder),
+    desc: css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      overflow: hidden;\n\n      width: 100%;\n      margin-top: 2px;\n\n      font-size: 0.75em;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      opacity: 0.5;\n    "]))),
+    textOverlay: textOverlay
   };
 });
-var ListItem = (0, import_react.forwardRef)(
-  ({
-    active,
-    avatar,
-    loading,
-    description,
-    date,
-    title,
-    onHoverChange,
-    renderActions,
-    className,
-    style,
-    showAction,
-    classNames = {},
-    ...props
-  }, ref) => {
-    const { styles, cx } = useStyles();
-    return /* @__PURE__ */ React.createElement(
-      import_react_layout_kit.Flexbox,
-      {
-        ref,
+
+/**
+ * 卡片列表项的属性
+ */
+
+var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var active = _ref2.active,
+    avatar = _ref2.avatar,
+    loading = _ref2.loading,
+    description = _ref2.description,
+    date = _ref2.date,
+    title = _ref2.title,
+    onHoverChange = _ref2.onHoverChange,
+    renderActions = _ref2.renderActions,
+    className = _ref2.className,
+    style = _ref2.style,
+    showAction = _ref2.showAction,
+    _ref2$classNames = _ref2.classNames,
+    classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    ref: ref,
+    horizontal: true,
+    paddingBlock: 8,
+    gap: 8,
+    paddingInline: '12px 8px',
+    align: 'flex-start',
+    distribution: 'space-between',
+    className: cx(styles.container, active && styles.active, className),
+    style: style
+  }, props), {}, {
+    onMouseEnter: function onMouseEnter() {
+      onHoverChange === null || onHoverChange === void 0 ? void 0 : onHoverChange(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      onHoverChange === null || onHoverChange === void 0 ? void 0 : onHoverChange(false);
+    },
+    children: [avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.MessageOutlined, {
+      style: {
+        marginTop: 4
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+      className: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Flexbox, {
         horizontal: true,
-        paddingBlock: 8,
-        gap: 8,
-        paddingInline: "12px 8px",
-        align: "flex-start",
-        distribution: "space-between",
-        className: cx(styles.container, active && styles.active, className),
-        style,
-        ...props,
-        onMouseEnter: () => {
-          onHoverChange == null ? void 0 : onHoverChange(true);
-        },
-        onMouseLeave: () => {
-          onHoverChange == null ? void 0 : onHoverChange(false);
-        }
+        distribution: 'space-between',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: styles.title,
+          children: title
+        })
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles.desc,
+        children: description
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles.textOverlay
+      })]
+    }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+      spin: true
+    }) : showAction ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Flexbox, {
+      horizontal: true,
+      gap: 4,
+      style: {
+        display: showAction ? undefined : 'none'
       },
-      avatar ?? /* @__PURE__ */ React.createElement(import_icons.MessageOutlined, { style: { marginTop: 4 } }),
-      /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { className: styles.content }, /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, distribution: "space-between" }, /* @__PURE__ */ React.createElement("div", { className: styles.title }, title)), description && /* @__PURE__ */ React.createElement("div", { className: styles.desc }, description), /* @__PURE__ */ React.createElement("div", { className: styles.textOverlay })),
-      loading ? /* @__PURE__ */ React.createElement(import_icons.LoadingOutlined, { spin: true }) : showAction ? /* @__PURE__ */ React.createElement(
-        import_react_layout_kit.Flexbox,
-        {
-          horizontal: true,
-          gap: 4,
-          style: { display: showAction ? void 0 : "none" },
-          onClick: (e) => {
-            e.stopPropagation();
-          }
-        },
-        renderActions
-      ) : date && /* @__PURE__ */ React.createElement("div", { className: cx(styles.time, classNames.time) }, (0, import_time.getChatItemTime)(date))
-    );
-  }
-);
-var ListItem_default = ListItem;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      },
+      children: renderActions
+    }) : date && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: cx(styles.time, classNames.time),
+      children: (0, _time.getChatItemTime)(date)
+    })]
+  }));
+});
+var _default = ListItem;
+exports.default = _default;

package/lib/List/ListItem/time.js

@@ -1,50 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/List/ListItem/time.ts
-var time_exports = {};
-__export(time_exports, {
-  getChatItemTime: () => getChatItemTime
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(time_exports);
-var import_dayjs = __toESM(require("dayjs"));
-var import_zh_cn = require("dayjs/locale/zh-cn");
-import_dayjs.default.locale("zh-cn");
-var getChatItemTime = (updateAt) => {
-  const time = (0, import_dayjs.default)(updateAt);
-  const diff = (0, import_dayjs.default)().day() - time.day();
-  if (time.isSame((0, import_dayjs.default)(), "day"))
-    return time.format("HH:mm");
-  if (diff === 1)
-    return "昨天";
-  return time.format("MM-DD");
+exports.getChatItemTime = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+require("dayjs/locale/zh-cn");
+_dayjs.default.locale('zh-cn');
+var getChatItemTime = function getChatItemTime(updateAt) {
+  var time = (0, _dayjs.default)(updateAt);
+  var diff = (0, _dayjs.default)().day() - time.day();
+  if (time.isSame((0, _dayjs.default)(), 'day')) return time.format('HH:mm');
+  if (diff === 1) return '昨天';
+  return time.format('MM-DD');
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getChatItemTime
-});
+exports.getChatItemTime = getChatItemTime;

package/lib/List/index.js

@@ -1,41 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/List/index.ts
-var List_exports = {};
-__export(List_exports, {
-  default: () => List_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(List_exports);
-var import_ListItem = __toESM(require("./ListItem"));
+exports.default = void 0;
+var _ListItem = _interopRequireDefault(require("./ListItem"));
 var List = {
-  Item: import_ListItem.default
+  Item: _ListItem.default
 };
-var List_default = List;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = List;
+exports.default = _default;

package/lib/Logo/Divider.js

@@ -1,41 +1,28 @@
-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/Logo/Divider.tsx
-var Divider_exports = {};
-__export(Divider_exports, {
-  default: () => Divider_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Divider_exports);
-var import_react = require("react");
-var Divider = (0, import_react.memo)(({ ...props }) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var Divider = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var props = Object.assign({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     fill: "none",
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     shapeRendering: "geometricPrecision",
-    viewBox: "0 0 24 24",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("path", { d: "M16.88 3.549L7.12 20.451" })
-));
-var Divider_default = Divider;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+    viewBox: "0 0 24 24"
+  }, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M16.88 3.549L7.12 20.451"
+    })
+  }));
+});
+var _default = Divider;
+exports.default = _default;