@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -1,250 +1,276 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/MarkdownInputField/AttachmentButton/AttachmentFileList/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [`${token.componentCls}`]: {
-      maxWidth: "100%",
-      display: "flex",
-      flexDirection: "row",
-      overflow: "auto",
-      gap: "var(--margin-2x)",
-      maxHeight: "128px",
-      height: "max-content",
-      marginRight: "40px",
-      borderRadius: "inherit",
-      padding: "var(--padding-3x)",
-      flexWrap: "wrap",
-      position: "relative",
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      "&::-webkit-scrollbar": {
-        width: "var(--padding-1-5x)"
-      },
-      // 小屏幕模式下横向滑动
-      "@media (max-width: 768px)": {
-        flexWrap: "nowrap",
-        overflowX: "auto",
-        overflowY: "hidden",
-        maxHeight: "none",
-        marginRight: "0",
-        padding: "var(--padding-2x)",
-        paddingRight: "40px",
-        // 为右侧关闭按钮预留空间
-        "&::-webkit-scrollbar": {
-          height: "var(--padding-1x)"
-        },
-        "&::-webkit-scrollbar-thumb": {
-          background: "var(--color-gray-border-default)",
-          borderRadius: "var(--radius-base)"
-        },
-        "&::-webkit-scrollbar-track": {
-          background: "transparent"
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-      },
-      "&-close-icon": {
-        width: "var(--height-control-xs)",
-        height: "var(--height-control-xs)",
-        fontSize: "var(--font-size-lg)",
-        position: "absolute",
-        top: "var(--margin-3x)",
-        right: "var(--margin-3x)",
-        color: "var(--color-gray-text-light)",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        cursor: "pointer",
-        "&:hover": {
-          transform: "scale(1.05)"
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
         }
-      },
-      "&-item": {
-        width: "168px",
-        height: "48px",
-        opacity: 1,
-        borderRadius: "var(--radius-card-base)",
-        background: "var(--color-gray-bg-card-white)",
-        boxShadow: "var(--shadow-control-base)",
-        boxSizing: "border-box",
-        padding: "var(--padding-1x)",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        cursor: "pointer",
-        gap: "var(--margin-2x)",
-        position: "relative",
-        // 小屏幕模式下固定宽度，防止收缩
-        "@media (max-width: 768px)": {
-          flexShrink: 0,
-          minWidth: "168px"
-        },
-        "&:hover": {
-          [`${token.componentCls}-item-close-icon`]: {
-            display: "flex"
-          }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { resetComponent, useEditorStyleRegister } from "../../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj;
+    return _obj = {}, _define_property(_obj, "".concat(token.componentCls), {
+        maxWidth: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        overflow: 'auto',
+        gap: 'var(--margin-2x)',
+        maxHeight: '128px',
+        height: 'max-content',
+        marginRight: '40px',
+        borderRadius: 'inherit',
+        padding: 'var(--padding-3x)',
+        flexWrap: 'wrap',
+        position: 'relative',
+        transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+        '&::-webkit-scrollbar': {
+            width: 'var(--padding-1-5x)'
         },
-        "&-file-icon": {
-          width: "40px",
-          height: "40px",
-          minWidth: "40px",
-          opacity: 1,
-          "&-img": {
-            width: "40px",
-            height: "40px",
-            opacity: 1,
-            background: "var(--color-gray-bg-card-white)",
-            boxSizing: "border-box",
-            boxShadow: "var(--shadow-control-base)",
-            borderRadius: "var(--radius-base)",
-            border: "none",
-            overflow: "hidden",
-            img: {
-              maxWidth: "100%",
-              maxHeight: "100%",
-              borderRadius: "inherit",
-              transition: "transform 0.3s"
+        // 小屏幕模式下横向滑动
+        '@media (max-width: 768px)': {
+            flexWrap: 'nowrap',
+            overflowX: 'auto',
+            overflowY: 'hidden',
+            maxHeight: 'none',
+            marginRight: '0',
+            padding: 'var(--padding-2x)',
+            paddingRight: '40px',
+            '&::-webkit-scrollbar': {
+                height: 'var(--padding-1x)'
             },
-            "&:hover": {
-              overflow: "hidden",
-              img: {
-                transform: "scale(1.1)",
-                transition: "transform 0.3s"
-              }
+            '&::-webkit-scrollbar-thumb': {
+                background: 'var(--color-gray-border-default)',
+                borderRadius: 'var(--radius-base)'
+            },
+            '&::-webkit-scrollbar-track': {
+                background: 'transparent'
             }
-          },
-          ">svg": {
-            width: "40px",
-            height: "40px"
-          }
-        },
-        "&-file-info": {
-          display: "flex",
-          flexDirection: "column",
-          justifyContent: "space-between",
-          gap: "var(--margin-0-5x)",
-          flex: 1,
-          minWidth: 0
-        },
-        "&-file-name": {
-          display: "flex",
-          width: "100%",
-          alignItems: "center",
-          lineHeight: "var(--line-height-xs)",
-          fontFamily: token.fontFamily,
-          "&-text": {
-            font: "var(--font-text-body-emphasized-sm)",
-            letterSpacing: "var(--letter-spacing-body-emphasized-sm, normal)",
-            color: "var(--color-gray-text-default)",
-            maxWidth: "112px",
-            width: "100%",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            display: "-webkit-box",
-            "-webkit-line-clamp": "1",
-            lineClamp: 1,
-            "-webkit-box-orient": "vertical",
-            textOverflow: "ellipsis"
-          }
         },
-        "&-file-size": {
-          font: "var(--font-text-body-sm)",
-          letterSpacing: "var(--letter-spacing-body-sm, normal)",
-          color: "var(--color-gray-text-light)",
-          display: "flex",
-          alignItems: "center",
-          gap: 4,
-          "&-error": {
-            color: "var(--color-red-a10)"
-          },
-          "&-item:not(:last-child)": {
-            lineHeight: "9px",
-            display: "flex",
-            gap: 4,
-            alignItems: "center",
-            height: 12,
-            "&:after": {
-              content: '""',
-              display: "block",
-              width: "1px",
-              height: "12px",
-              background: "var(--color-gray-border-light)"
+        '&-close-icon': {
+            width: 'var(--height-control-xs)',
+            height: 'var(--height-control-xs)',
+            fontSize: 'var(--font-size-lg)',
+            position: 'absolute',
+            top: 'var(--margin-3x)',
+            right: 'var(--margin-3x)',
+            color: 'var(--color-gray-text-light)',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            cursor: 'pointer',
+            '&:hover': {
+                transform: 'scale(1.05)'
             }
-          }
         },
-        "&-close-icon": {
-          width: "var(--padding-4x)",
-          height: "var(--padding-4x)",
-          backgroundColor: "var(--color-gray-text-default)",
-          fontSize: "var(--font-size-sm)",
-          position: "absolute",
-          top: 2,
-          borderRadius: "50%",
-          right: 2,
-          color: "var(--color-gray-contrast)",
-          display: "none",
-          justifyContent: "center",
-          alignItems: "center",
-          transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-          "&:hover": {
-            transform: "scale(1.05)"
-          },
-          // 小屏幕模式下常驻展示
-          "@media (max-width: 768px)": {
-            display: "flex"
-          }
-        },
-        "&-uploading-icon": {
-          width: "40px",
-          height: "40px",
-          fontSize: "40px",
-          display: "flex"
-        },
-        "&-error-icon": {
-          width: "40px",
-          height: "40px",
-          fontSize: "40px",
-          display: "flex"
+        '&-item': {
+            width: '168px',
+            height: '48px',
+            opacity: 1,
+            borderRadius: 'var(--radius-card-base)',
+            background: 'var(--color-gray-bg-card-white)',
+            boxShadow: 'var(--shadow-control-base)',
+            boxSizing: 'border-box',
+            padding: 'var(--padding-1x)',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            cursor: 'pointer',
+            gap: 'var(--margin-2x)',
+            position: 'relative',
+            // 小屏幕模式下固定宽度，防止收缩
+            '@media (max-width: 768px)': {
+                flexShrink: 0,
+                minWidth: '168px'
+            },
+            '&:hover': _define_property({}, "".concat(token.componentCls, "-item-close-icon"), {
+                display: 'flex'
+            }),
+            '&-file-icon': {
+                width: '40px',
+                height: '40px',
+                minWidth: '40px',
+                opacity: 1,
+                '&-img': {
+                    width: '40px',
+                    height: '40px',
+                    opacity: 1,
+                    background: 'var(--color-gray-bg-card-white)',
+                    boxSizing: 'border-box',
+                    boxShadow: 'var(--shadow-control-base)',
+                    borderRadius: 'var(--radius-base)',
+                    border: 'none',
+                    overflow: 'hidden',
+                    img: {
+                        maxWidth: '100%',
+                        maxHeight: '100%',
+                        borderRadius: 'inherit',
+                        transition: 'transform 0.3s'
+                    },
+                    '&:hover': {
+                        overflow: 'hidden',
+                        img: {
+                            transform: 'scale(1.1)',
+                            transition: 'transform 0.3s'
+                        }
+                    }
+                },
+                '>svg': {
+                    width: '40px',
+                    height: '40px'
+                }
+            },
+            '&-file-info': {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'space-between',
+                gap: 'var(--margin-0-5x)',
+                flex: 1,
+                minWidth: 0
+            },
+            '&-file-name': {
+                display: 'flex',
+                width: '100%',
+                alignItems: 'center',
+                lineHeight: 'var(--line-height-xs)',
+                fontFamily: token.fontFamily,
+                '&-text': {
+                    font: 'var(--font-text-body-emphasized-sm)',
+                    letterSpacing: 'var(--letter-spacing-body-emphasized-sm, normal)',
+                    color: 'var(--color-gray-text-default)',
+                    maxWidth: '112px',
+                    width: '100%',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    display: '-webkit-box',
+                    '-webkit-line-clamp': '1',
+                    lineClamp: 1,
+                    '-webkit-box-orient': 'vertical',
+                    textOverflow: 'ellipsis'
+                }
+            },
+            '&-file-size': {
+                font: 'var(--font-text-body-sm)',
+                letterSpacing: 'var(--letter-spacing-body-sm, normal)',
+                color: 'var(--color-gray-text-light)',
+                display: 'flex',
+                alignItems: 'center',
+                gap: 4,
+                '&-error': {
+                    color: 'var(--color-red-a10)'
+                },
+                '&-item:not(:last-child)': {
+                    lineHeight: '9px',
+                    display: 'flex',
+                    gap: 4,
+                    alignItems: 'center',
+                    height: 12,
+                    '&:after': {
+                        content: '""',
+                        display: 'block',
+                        width: '1px',
+                        height: '12px',
+                        background: 'var(--color-gray-border-light)'
+                    }
+                }
+            },
+            '&-close-icon': {
+                width: 'var(--padding-4x)',
+                height: 'var(--padding-4x)',
+                backgroundColor: 'var(--color-gray-text-default)',
+                fontSize: 'var(--font-size-sm)',
+                position: 'absolute',
+                top: 2,
+                borderRadius: '50%',
+                right: 2,
+                color: 'var(--color-gray-contrast)',
+                display: 'none',
+                justifyContent: 'center',
+                alignItems: 'center',
+                transition: 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+                '&:hover': {
+                    transform: 'scale(1.05)'
+                },
+                // 小屏幕模式下常驻展示
+                '@media (max-width: 768px)': {
+                    display: 'flex'
+                }
+            },
+            '&-uploading-icon': {
+                width: '40px',
+                height: '40px',
+                fontSize: '40px',
+                display: 'flex'
+            },
+            '&-error-icon': {
+                width: '40px',
+                height: '40px',
+                fontSize: '40px',
+                display: 'flex'
+            }
         }
-      }
-    },
-    [`${token.componentCls}-container`]: {
-      background: "var(--color-gray-bg-page)",
-      borderBottom: "1px solid rgba(0, 16, 64, 0.0627)",
-      "&-empty": {
-        border: "none"
-      }
-    }
-  };
+    }), _define_property(_obj, "".concat(token.componentCls, "-container"), {
+        background: 'var(--color-gray-bg-page)',
+        borderBottom: '1px solid rgba(0, 16, 64, 0.0627)',
+        '&-empty': {
+            border: 'none'
+        }
+    }), _obj;
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("md-editor-attachment-file-list", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('md-editor-attachment-file-list', function(token) {
+        var proChatToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(proChatToken),
+            genStyle(proChatToken)
+        ];
     });
-    return [resetComponent(proChatToken), genStyle(proChatToken)];
-  });
 }
-export {
-  useStyle
-};