@meta-1/design 0.0.178 → 0.0.180

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/design",
-  "version": "0.0.178",
+  "version": "0.0.180",
   "keywords": [
     "easykit",
     "design",

package/src/components/uix/dialog/index.tsx

@@ -26,6 +26,7 @@ export interface DialogProps extends PropsWithChildren {
   description?: string;
   footer?: React.ReactNode;
   loading?: boolean;
+  fitContent?: boolean;
 }
 
 export const Dialog: FC<DialogProps> = (props) => {
@@ -40,6 +41,7 @@ export const Dialog: FC<DialogProps> = (props) => {
     description,
     footer,
     loading = false,
+    fitContent = false,
   } = props;
 
   return (
@@ -58,7 +60,9 @@ export const Dialog: FC<DialogProps> = (props) => {
           {description ? <DialogDescription>{description}</DialogDescription> : null}
         </DialogHeader>
         <div className="min-h-0 flex-1 overflow-auto">
-          <div className={cn("w-full min-w-fit px-6 py-1", contentClassName, !footer && "pb-6")}>{props.children}</div>
+          <div className={cn(fitContent && "w-full min-w-fit", "px-6 py-1", contentClassName, !footer && "pb-6")}>
+            {props.children}
+          </div>
         </div>
         {footer ? <DialogFooter>{footer}</DialogFooter> : null}
         {loading ? (

package/src/components/uix/tags-input/index.tsx

@@ -45,13 +45,14 @@ export const TagsInput = forwardRef<HTMLDivElement, TagsInputProps>((props, ref)
   const inputRef = useRef<HTMLInputElement>(null);
   const [inputValue, setInputValue] = useState("");
   const [tags, setTags] = useState<string[]>(value || defaultValue);
+  const [isComposing, setIsComposing] = useState(false);
 
   const isControlled = value !== undefined;
-  const currentTags = isControlled ? value : tags;
+  const currentTags = isControlled ? value || [] : tags;
 
   useEffect(() => {
     if (isControlled) {
-      setTags(value);
+      setTags(value || []);
     }
   }, [value, isControlled]);
 
@@ -93,7 +94,8 @@ export const TagsInput = forwardRef<HTMLDivElement, TagsInputProps>((props, ref)
     const target = e.target as HTMLInputElement;
     const value = target.value;
 
-    // Enter 或分隔符键
+    if (isComposing) return;
+
     if (e.key === "Enter" || (typeof separator === "string" && e.key === separator)) {
       e.preventDefault();
       if (value) {
@@ -102,7 +104,6 @@ export const TagsInput = forwardRef<HTMLDivElement, TagsInputProps>((props, ref)
       return;
     }
 
-    // Backspace 删除最后一个标签
     if (e.key === "Backspace" && !value && currentTags.length > 0) {
       e.preventDefault();
       removeTag(currentTags.length - 1);
@@ -199,6 +200,8 @@ export const TagsInput = forwardRef<HTMLDivElement, TagsInputProps>((props, ref)
         disabled={disabled || (maxTags !== undefined && currentTags.length >= maxTags)}
         onBlur={handleBlur}
         onChange={handleInputChange}
+        onCompositionEnd={() => setIsComposing(false)}
+        onCompositionStart={() => setIsComposing(true)}
         onKeyDown={handleKeyDown}
         placeholder={currentTags.length === 0 ? placeholder : undefined}
         ref={inputRef}