@lobehub/ui 1.171.0 → 2.0.0

package/es/mobile/MobileNavBar/MobileNavBarTitle.js

@@ -1,70 +0,0 @@
-'use client';
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var css = _ref.css,
-    token = _ref.token;
-  return {
-    desc: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ", ";\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])), token.colorTextTertiary),
-    tag: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: none;\n  "]))),
-    title: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
-    titleContainer: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    flex: 1;\n  "]))),
-    titleWithDesc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])))
-  };
-});
-var MobileNavBarTitle = /*#__PURE__*/memo(function (_ref2) {
-  var title = _ref2.title,
-    desc = _ref2.desc,
-    tag = _ref2.tag;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
-    align: 'center',
-    flex: 1,
-    gap: 4,
-    justify: 'center',
-    children: [/*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.titleContainer,
-      gap: 4,
-      horizontal: true,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: styles.titleWithDesc,
-        children: title
-      }), tag && /*#__PURE__*/_jsx(Flexbox, {
-        className: styles.tag,
-        horizontal: true,
-        children: tag
-      })]
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      horizontal: true,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.desc,
-        children: desc
-      })
-    })]
-  });
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    align: 'center',
-    flex: 1,
-    gap: 4,
-    horizontal: true,
-    justify: 'center',
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.title,
-      children: title
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.tag,
-      horizontal: true,
-      children: tag
-    })]
-  });
-});
-export default MobileNavBarTitle;

package/es/mobile/MobileNavBar/index.js

@@ -1,75 +0,0 @@
-'use client';
-
-import { ChevronLeft } from 'lucide-react';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import ActionIcon from "../../ActionIcon";
-import MobileSafeArea from "../MobileSafeArea";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var MobileNavBar = /*#__PURE__*/memo(function (_ref) {
-  var className = _ref.className,
-    _ref$safeArea = _ref.safeArea,
-    safeArea = _ref$safeArea === void 0 ? true : _ref$safeArea,
-    style = _ref.style,
-    center = _ref.center,
-    left = _ref.left,
-    right = _ref.right,
-    gap = _ref.gap,
-    classNames = _ref.classNames,
-    onBackClick = _ref.onBackClick,
-    showBackButton = _ref.showBackButton,
-    contentStyles = _ref.contentStyles;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    className: cx(styles.container, className),
-    style: style,
-    children: [safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
-      position: 'top'
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.inner,
-      flex: 1,
-      horizontal: true,
-      justify: 'space-between',
-      children: [/*#__PURE__*/_jsxs(Flexbox, {
-        align: 'center',
-        className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
-        flex: 1,
-        gap: gap === null || gap === void 0 ? void 0 : gap.left,
-        horizontal: true,
-        style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left,
-        children: [showBackButton && /*#__PURE__*/_jsx(ActionIcon, {
-          icon: ChevronLeft,
-          onClick: function onClick() {
-            return onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
-          },
-          size: {
-            fontSize: 24
-          }
-        }), left]
-      }), /*#__PURE__*/_jsx(Flexbox, {
-        align: 'center',
-        className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
-        flex: 1,
-        gap: gap === null || gap === void 0 ? void 0 : gap.center,
-        horizontal: true,
-        justify: 'center',
-        style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.center,
-        children: center
-      }), /*#__PURE__*/_jsx(Flexbox, {
-        align: 'center',
-        className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
-        flex: 1,
-        gap: gap === null || gap === void 0 ? void 0 : gap.right,
-        horizontal: true,
-        style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right,
-        children: right
-      })]
-    })]
-  });
-});
-export default MobileNavBar;

package/es/mobile/MobileSafeArea/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DivProps } from "../../types";
-export interface MobileSafeAreaProps extends DivProps {
-    position: 'top' | 'bottom';
-}
-declare const MobileSafeArea: React.NamedExoticComponent<MobileSafeAreaProps>;
-export default MobileSafeArea;

package/es/mobile/MobileTabBar/index.d.ts

@@ -1,18 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface MobileTabBarItemProps {
-    icon: ReactNode | ((active: boolean) => ReactNode);
-    key: string;
-    onClick?: () => void;
-    title: ReactNode | ((active: boolean) => ReactNode);
-}
-export interface MobileTabBarProps {
-    activeKey?: string;
-    className?: string;
-    defaultActiveKey?: string;
-    items: MobileTabBarItemProps[];
-    onChange?: (key: string) => void;
-    safeArea?: boolean;
-    style?: CSSProperties;
-}
-declare const MobileTabBar: import("react").NamedExoticComponent<MobileTabBarProps>;
-export default MobileTabBar;

package/es/mobile/MobileTabBar/index.js

@@ -1,71 +0,0 @@
-'use client';
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import useControlledState from 'use-merge-value';
-import MobileSafeArea from "../MobileSafeArea";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var MobileTabBar = /*#__PURE__*/memo(function (_ref) {
-  var className = _ref.className,
-    safeArea = _ref.safeArea,
-    style = _ref.style,
-    items = _ref.items,
-    activeKey = _ref.activeKey,
-    defaultActiveKey = _ref.defaultActiveKey,
-    onChange = _ref.onChange;
-  var _useControlledState = useControlledState(defaultActiveKey || items[0].key, {
-      defaultValue: defaultActiveKey,
-      onChange: onChange,
-      value: activeKey
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    currentActive = _useControlledState2[0],
-    setCurrentActive = _useControlledState2[1];
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    className: cx(styles.container, className),
-    style: style,
-    children: [/*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.inner,
-      horizontal: true,
-      justify: 'space-around',
-      children: items.map(function (item) {
-        var active = item.key === currentActive;
-        return /*#__PURE__*/_jsxs(Flexbox, {
-          align: 'center',
-          className: cx(styles.tab, active && styles.active),
-          gap: 4,
-          justify: 'center',
-          onClick: function onClick() {
-            var _item$onClick;
-            setCurrentActive(item.key);
-            item === null || item === void 0 || (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
-          },
-          children: [/*#__PURE__*/_jsx(Flexbox, {
-            align: 'center',
-            className: styles.icon,
-            justify: 'center',
-            children: typeof item.icon === 'function' ? item.icon(active) : item.icon
-          }), /*#__PURE__*/_jsx("div", {
-            className: styles.title,
-            children: typeof item.title === 'function' ? item.title(active) : item.title
-          })]
-        }, item.key);
-      })
-    }), safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
-      position: 'bottom'
-    })]
-  });
-});
-export default MobileTabBar;