@4399ywkf/design 2.0.0 → 2.1.1

package/dist/AiConversation/_lobe/base-ui/Modal/atoms.js

@@ -0,0 +1,313 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["open", "children", "onExitComplete"],
+  _excluded2 = ["open", "onExitComplete"],
+  _excluded3 = ["container"],
+  _excluded4 = ["className"],
+  _excluded5 = ["className", "style"],
+  _excluded6 = ["className", "children", "width", "style", "motionProps", "panelClassName", "popupStyle"],
+  _excluded7 = ["className"],
+  _excluded8 = ["className"],
+  _excluded9 = ["className"],
+  _excluded10 = ["className"],
+  _excluded11 = ["className", "children"],
+  _excluded12 = ["children", "className", "nativeButton", "ref"],
+  _excluded13 = ["type"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Dialog } from '@base-ui/react/dialog';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cx } from 'antd-style';
+import { X } from 'lucide-react';
+import { AnimatePresence } from 'motion/react';
+import { cloneElement, createContext, isValidElement, use, useCallback, useEffect, useMemo, useState } from 'react';
+import { mergeRefs } from 'react-merge-refs';
+import { useNativeButton } from "../../hooks/useNativeButton";
+import { useMotionComponent } from "../../MotionProvider";
+import { useAppElement } from "../../ThemeProvider";
+import { backdropTransition, modalMotionConfig } from "./constants";
+import { styles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+var mergeStateClassName = function mergeStateClassName(base, className) {
+  if (typeof className === 'function') return function (state) {
+    return cx(base, className(state));
+  };
+  return cx(base, className);
+};
+
+// --- Animation Contexts (granular to minimize re-renders) ---
+
+// State: open boolean, null = non-animated mode
+var ModalOpenContext = /*#__PURE__*/createContext(null);
+
+// Actions: stable callbacks, null = non-animated mode
+
+var ModalActionsContext = /*#__PURE__*/createContext(null);
+export var useModalOpen = function useModalOpen() {
+  return use(ModalOpenContext);
+};
+export var useModalActions = function useModalActions() {
+  return use(ModalActionsContext);
+};
+
+// --- Root ---
+
+var AnimatedModalRoot = function AnimatedModalRoot(_ref) {
+  var open = _ref.open,
+    children = _ref.children,
+    onExitCompleteProp = _ref.onExitComplete,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(!!open),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPresent = _useState2[0],
+    setIsPresent = _useState2[1];
+  useEffect(function () {
+    if (open) setIsPresent(true);
+  }, [open]);
+  var handleExitComplete = useCallback(function () {
+    setIsPresent(false);
+    onExitCompleteProp === null || onExitCompleteProp === void 0 || onExitCompleteProp();
+  }, [onExitCompleteProp]);
+  var actions = useMemo(function () {
+    return {
+      onExitComplete: handleExitComplete
+    };
+  }, [handleExitComplete]);
+  if (!isPresent) return null;
+  return /*#__PURE__*/_jsx(ModalOpenContext, {
+    value: open,
+    children: /*#__PURE__*/_jsx(ModalActionsContext, {
+      value: actions,
+      children: /*#__PURE__*/_jsx(Dialog.Root, _objectSpread(_objectSpread({
+        modal: true,
+        open: true
+      }, rest), {}, {
+        children: children
+      }))
+    })
+  });
+};
+export var ModalRoot = function ModalRoot(_ref2) {
+  var open = _ref2.open,
+    onExitComplete = _ref2.onExitComplete,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  if (open !== undefined) {
+    return /*#__PURE__*/_jsx(AnimatedModalRoot, _objectSpread({
+      open: open,
+      onExitComplete: onExitComplete
+    }, rest));
+  }
+  return /*#__PURE__*/_jsx(Dialog.Root, _objectSpread({
+    modal: true
+  }, rest));
+};
+
+// --- Portal ---
+
+export var ModalPortal = function ModalPortal(_ref3) {
+  var _ref4;
+  var container = _ref3.container,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  var appElement = useAppElement();
+  return /*#__PURE__*/_jsx(Dialog.Portal, _objectSpread({
+    container: (_ref4 = container !== null && container !== void 0 ? container : appElement) !== null && _ref4 !== void 0 ? _ref4 : undefined
+  }, rest));
+};
+
+// --- Viewport ---
+
+export var ModalViewport = function ModalViewport(_ref5) {
+  var className = _ref5.className,
+    rest = _objectWithoutProperties(_ref5, _excluded4);
+  return /*#__PURE__*/_jsx(Dialog.Viewport, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.viewport, className)
+  }));
+};
+
+// --- Backdrop ---
+
+export var ModalBackdrop = function ModalBackdrop(_ref6) {
+  var className = _ref6.className,
+    style = _ref6.style,
+    rest = _objectWithoutProperties(_ref6, _excluded5);
+  var open = useModalOpen();
+  var Motion = useMotionComponent();
+  if (open !== null) {
+    return /*#__PURE__*/_jsx(Dialog.Backdrop, _objectSpread(_objectSpread({}, rest), {}, {
+      className: cx(styles.backdrop, className),
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        transition: 'none'
+      }),
+      render: /*#__PURE__*/_jsx(Motion.div, {
+        animate: {
+          opacity: open ? 1 : 0
+        },
+        initial: {
+          opacity: 0
+        },
+        transition: backdropTransition
+      })
+    }));
+  }
+  return /*#__PURE__*/_jsx(Dialog.Backdrop, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.backdrop, className),
+    style: style
+  }));
+};
+
+// --- Popup ---
+
+export var ModalPopup = function ModalPopup(_ref7) {
+  var className = _ref7.className,
+    children = _ref7.children,
+    width = _ref7.width,
+    style = _ref7.style,
+    motionProps = _ref7.motionProps,
+    panelClassName = _ref7.panelClassName,
+    popupStyle = _ref7.popupStyle,
+    rest = _objectWithoutProperties(_ref7, _excluded6);
+  var open = useModalOpen();
+  var actions = useModalActions();
+  var Motion = useMotionComponent();
+  if (open !== null && actions) {
+    return /*#__PURE__*/_jsx(Dialog.Popup, _objectSpread(_objectSpread({}, rest), {}, {
+      className: cx(styles.popup, className),
+      style: popupStyle,
+      children: /*#__PURE__*/_jsx(AnimatePresence, {
+        onExitComplete: actions.onExitComplete,
+        children: open ? /*#__PURE__*/_createElement(Motion.div, _objectSpread(_objectSpread(_objectSpread({}, modalMotionConfig), motionProps), {}, {
+          className: cx(styles.popupInner, panelClassName),
+          key: "modal-popup-panel",
+          style: _objectSpread({
+            maxWidth: width !== null && width !== void 0 ? width : undefined,
+            transition: 'none'
+          }, style)
+        }), children) : null
+      })
+    }));
+  }
+  return /*#__PURE__*/_jsx(Dialog.Popup, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.popup, className),
+    style: popupStyle,
+    children: /*#__PURE__*/_jsx("div", {
+      className: cx(styles.popupInner, panelClassName),
+      style: _objectSpread({
+        maxWidth: width !== null && width !== void 0 ? width : undefined
+      }, style),
+      children: children
+    })
+  }));
+};
+
+// --- Header ---
+
+export var ModalHeader = function ModalHeader(_ref8) {
+  var className = _ref8.className,
+    rest = _objectWithoutProperties(_ref8, _excluded7);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.header, className)
+  }));
+};
+
+// --- Title ---
+
+export var ModalTitle = function ModalTitle(_ref9) {
+  var className = _ref9.className,
+    rest = _objectWithoutProperties(_ref9, _excluded8);
+  return /*#__PURE__*/_jsx(Dialog.Title, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.title, className)
+  }));
+};
+
+// --- Description ---
+
+export var ModalDescription = Dialog.Description;
+
+// --- Content ---
+
+export var ModalContent = function ModalContent(_ref10) {
+  var className = _ref10.className,
+    rest = _objectWithoutProperties(_ref10, _excluded9);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.content, className)
+  }));
+};
+
+// --- Footer ---
+
+export var ModalFooter = function ModalFooter(_ref11) {
+  var className = _ref11.className,
+    rest = _objectWithoutProperties(_ref11, _excluded10);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.footer, className)
+  }));
+};
+
+// --- Close ---
+
+export var ModalClose = function ModalClose(_ref12) {
+  var className = _ref12.className,
+    children = _ref12.children,
+    rest = _objectWithoutProperties(_ref12, _excluded11);
+  return /*#__PURE__*/_jsx(Dialog.Close, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.close, className),
+    children: children !== null && children !== void 0 ? children : /*#__PURE__*/_jsx(X, {
+      size: 18
+    })
+  }));
+};
+
+// --- Trigger ---
+
+export var ModalTrigger = function ModalTrigger(_ref13) {
+  var children = _ref13.children,
+    className = _ref13.className,
+    nativeButton = _ref13.nativeButton,
+    refProp = _ref13.ref,
+    rest = _objectWithoutProperties(_ref13, _excluded12);
+  var _useNativeButton = useNativeButton({
+      children: children,
+      nativeButton: nativeButton
+    }),
+    isNativeButtonTriggerElement = _useNativeButton.isNativeButtonTriggerElement,
+    resolvedNativeButton = _useNativeButton.resolvedNativeButton;
+  var renderer = function renderer(props) {
+    var resolvedProps = function () {
+      if (isNativeButtonTriggerElement) return props;
+      var _ref14 = props,
+        type = _ref14.type,
+        restProps = _objectWithoutProperties(_ref14, _excluded13);
+      return restProps;
+    }();
+    var mergedProps = mergeProps(children.props, resolvedProps);
+    return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread({}, mergedProps), {}, {
+      ref: mergeRefs([children.ref, props.ref, refProp])
+    }));
+  };
+  if ( /*#__PURE__*/isValidElement(children)) {
+    return /*#__PURE__*/_jsx(Dialog.Trigger, _objectSpread(_objectSpread({}, rest), {}, {
+      className: className,
+      nativeButton: resolvedNativeButton,
+      render: renderer
+    }));
+  }
+  return /*#__PURE__*/_jsx(Dialog.Trigger, _objectSpread(_objectSpread({}, rest), {}, {
+    className: className,
+    nativeButton: resolvedNativeButton,
+    ref: refProp,
+    children: children
+  }));
+};

package/dist/AiConversation/_lobe/base-ui/Modal/constants.d.ts

@@ -0,0 +1,5 @@
+import type { MotionProps } from 'motion/react';
+export declare const modalMotionConfig: MotionProps;
+export declare const backdropTransition: {
+    duration: number;
+};

package/dist/AiConversation/_lobe/base-ui/Modal/constants.js

@@ -0,0 +1,31 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var enterStyle = {
+  opacity: 1,
+  scale: 1
+};
+var initialStyle = {
+  opacity: 0,
+  scale: 0.96
+};
+export var modalMotionConfig = {
+  animate: enterStyle,
+  exit: _objectSpread(_objectSpread({}, initialStyle), {}, {
+    transition: {
+      duration: 0.15
+    }
+  }),
+  initial: initialStyle,
+  transition: {
+    damping: 20,
+    stiffness: 300,
+    type: 'spring'
+  }
+};
+export var backdropTransition = {
+  duration: 0.15
+};

package/dist/AiConversation/_lobe/base-ui/Modal/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ModalContextValue } from './type';
+export declare const ModalContext: import("react").Context<ModalContextValue>;
+export declare const useModalContext: () => ModalContextValue;

package/dist/AiConversation/_lobe/base-ui/Modal/context.js

@@ -0,0 +1,14 @@
+'use client';
+
+import { createContext, use } from 'react';
+export var ModalContext = /*#__PURE__*/createContext({
+  close: function close() {
+    return undefined;
+  },
+  setCanDismissByClickOutside: function setCanDismissByClickOutside() {
+    return undefined;
+  }
+});
+export var useModalContext = function useModalContext() {
+  return use(ModalContext);
+};

package/dist/AiConversation/_lobe/base-ui/Modal/imperative.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from './type';
+export interface ModalHostProps {
+    root?: HTMLElement | ShadowRoot | null;
+}
+export interface ModalSystem {
+    confirmModal: (config: ModalConfirmConfig) => {
+        close: () => void;
+        destroy: () => void;
+    };
+    createModal: (props: ImperativeModalProps) => ModalInstance;
+    ModalHost: React.FC<ModalHostProps>;
+}
+export declare function createModalSystem(): ModalSystem;
+export declare const ModalHost: import("react").FC<ModalHostProps>;
+export declare const createModal: (props: ImperativeModalProps) => ModalInstance;
+export declare const confirmModal: (config: ModalConfirmConfig) => {
+    close: () => void;
+    destroy: () => void;
+};