one-design-next 0.0.21 → 0.0.22

package/dist/composer/editor.js

@@ -129,7 +129,7 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
   var lastEditorRangeRef = useRef(null);
   /** 抑制换行后短窗口内的 selection 二次校正，避免首次 chip 后换行闪烁。 */
   var suppressSelectionNormalizeCountRef = useRef(0);
-  /** 用户刚执行“主动换行”时，允许 empty 判定在一次变更内保持非空。 */
+  /** 用户刚执行"主动换行"时，允许 empty 判定在一次变更内保持非空。 */
   var forceNonEmptyOnceRef = useRef(false);
 
   /** 派生：编辑器是否完全空（无文本 + 无 chip），驱动 placeholder。 */
@@ -147,7 +147,7 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
     controlledSyncTick = _useState4[0],
     setControlledSyncTick = _useState4[1];
   var controlledSyncRafRef = useRef(null);
-  /** 输入模态：键盘操作时置为 keyboard，用于抑制“鼠标隐藏但 hover 仍生效”的视觉残留。 */
+  /** 输入模态：键盘操作时置为 keyboard，用于抑制"鼠标隐藏但 hover 仍生效"的视觉残留。 */
   var _useState5 = useState('pointer'),
     _useState6 = _slicedToArray(_useState5, 2),
     inputModality = _useState6[0],
@@ -199,9 +199,14 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
   }, [minHeightPx, maxHeightPx]);
   var shouldShowPlaceholder = useCallback(function (el) {
     if (!isEditorEmpty(el)) return false;
-    // placeholder 仅在“单行且空内容”展示
-    var lineCount = el.querySelectorAll('br').length + 1;
-    return lineCount <= 1;
+    // 编辑器文本为空时，清理浏览器残留的 <br> 以确保 placeholder 正常显示
+    var brs = el.querySelectorAll('br');
+    if (brs.length > 0) {
+      brs.forEach(function (br) {
+        return br.remove();
+      });
+    }
+    return true;
   }, []);
   var scheduleControlledSync = useCallback(function () {
     if (!isControlled) return;
@@ -313,7 +318,7 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
         var el = editorRef.current;
         if (!el) return;
         // 优先恢复缓存光标到真实 selection；菜单点击时 selection 已经离开 editor，
-        // 直接走 useChipManager 的 fallback 会落到 editor 末尾，导致“飞到第一/末行”。
+        // 直接走 useChipManager 的 fallback 会落到 editor 末尾，导致"飞到第一/末行"。
         var cached = lastEditorRangeRef.current;
         if (cached && cached.startContainer.isConnected && cached.endContainer.isConnected && el.contains(cached.startContainer) && el.contains(cached.endContainer)) {
           var sel = window.getSelection();
@@ -452,8 +457,8 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
   /* ─────────────────────────────────────
    * 受控同步：仅在外部 value 变化，或输入后延迟校验 tick 变化时校验 DOM。
    * contenteditable 不像原生 input 会被 React 自动回写 value；如果父组件
-   * 在 onChange 里不回写，DOM 会继续保留用户刚输入的内容，造成“看起来受控，
-   * 实际脱离 valueProp”的假受控状态。
+   * 在 onChange 里不回写，DOM 会继续保留用户刚输入的内容，造成"看起来受控，
+   * 实际脱离 valueProp"的假受控状态。
    *
    * 不能每次 render 都同步：输入换行会触发高度测量等内部 render，若此时父组件
    * 正常回写 value 尚未完成，就会被旧 valueProp 抢先覆盖 DOM，导致光标跳回行首。
@@ -568,7 +573,7 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
           var node = range.startContainer,
             offset = range.startOffset;
 
-          // 用户换行生成的 "<br> + CARET_SPACER"：一次 Backspace 应合并删除，避免看起来“卡一下”
+          // 用户换行生成的 "<br> + CARET_SPACER"：一次 Backspace 应合并删除，避免看起来"卡一下"
           {
             var spacerText = null;
             var br = null;

package/dist/drawer/index.d.ts

@@ -50,6 +50,10 @@ export interface DrawerProps {
      * @description 样式
      */
     style?: React.CSSProperties;
+    /**
+     * @description 抽屉宽度（仅左右抽屉生效）
+     */
+    width?: React.CSSProperties['width'];
     /**
      * @description 是否显示
      */

package/dist/drawer/index.js

@@ -53,6 +53,7 @@ var Drawer = function Drawer(_ref) {
     _ref$stepTransitionTy = _ref.stepTransitionType,
     stepTransitionType = _ref$stepTransitionTy === void 0 ? defaultProps.stepTransitionType : _ref$stepTransitionTy,
     style = _ref.style,
+    width = _ref.width,
     className = _ref.className,
     zIndex = _ref.zIndex,
     container = _ref.container,
@@ -146,9 +147,11 @@ var Drawer = function Drawer(_ref) {
       }
     }, 0);
   }, [steps, step]);
-  var drawerStyle = _objectSpread(_objectSpread({
+  var drawerStyle = _objectSpread(_objectSpread(_objectSpread({
     zIndex: zIndex ? Number(zIndex) : undefined
-  }, style), elevated ? {} : paddingStylePack);
+  }, placement === 'left' || placement === 'right' ? {
+    width: width
+  } : undefined), style), elevated ? {} : paddingStylePack);
   return /*#__PURE__*/React.createElement(ModalRoot, {
     open: visible,
     onOpenChange: onVisibleChange,

package/dist/preview-panel/index.d.ts

@@ -7,6 +7,8 @@ export interface PreviewPanelProps {
     onTabChange?: (id: string) => void;
     onTabClose?: (id: string) => void;
     onCloseAll?: () => void;
+    /** 关闭外层容器（如关闭整个 Drawer） */
+    onCloseContainer?: () => void;
     /**
      * 下载当前激活标签。传入时在 header 右侧渲染下载按钮，点击时回调会收到当前激活 tab；
      * 未传则不渲染下载按钮（向后兼容）。
@@ -31,7 +33,7 @@ export interface PreviewPanelProps {
      */
     widthMode?: 'half' | 'fill';
 }
-export declare function PreviewPanel({ tabs, activeTabId, onTabChange, onTabClose, onCloseAll, onDownload, onOpenInBrowser, open, emptyTitle, emptyDescription, widthMode, }: PreviewPanelProps): import("react").JSX.Element;
+export declare function PreviewPanel({ tabs, activeTabId, onTabChange, onTabClose, onCloseAll, onCloseContainer, onDownload, onOpenInBrowser, open, emptyTitle, emptyDescription, widthMode, }: PreviewPanelProps): import("react").JSX.Element;
 export declare namespace PreviewPanel {
     var displayName: string;
 }

package/dist/preview-panel/index.js

@@ -11,6 +11,7 @@ export function PreviewPanel(_ref) {
     onTabChange = _ref.onTabChange,
     onTabClose = _ref.onTabClose,
     onCloseAll = _ref.onCloseAll,
+    onCloseContainer = _ref.onCloseContainer,
     onDownload = _ref.onDownload,
     onOpenInBrowser = _ref.onOpenInBrowser,
     open = _ref.open,
@@ -132,6 +133,14 @@ export function PreviewPanel(_ref) {
     "data-odn-preview-panel-close-all": true,
     title: "\u6536\u8D77\u9884\u89C8",
     "aria-label": "\u6536\u8D77\u9884\u89C8"
+  }), onCloseContainer && /*#__PURE__*/React.createElement(Button, {
+    light: true,
+    size: "medium",
+    icon: "cancel",
+    onClick: onCloseContainer,
+    "data-odn-preview-panel-close-container": true,
+    title: "\u5173\u95ED\u62BD\u5C49",
+    "aria-label": "\u5173\u95ED\u62BD\u5C49"
   }))), isEmpty ? /*#__PURE__*/React.createElement("div", {
     "data-odn-preview-panel-empty-state": true,
     role: "status"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "One Design Next from TAD@tencent.com",
   "packageManager": "pnpm@10.33.0",
   "module": "dist/index.js",