one-design-next 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_genui-types.d.ts +45 -10
- package/dist/attachments/index.js +67 -10
- package/dist/attachments/style/index.css +86 -14
- package/dist/collapse/primitive.d.ts +1 -1
- package/dist/composer/chip.d.ts +4 -4
- package/dist/composer/clipboard.d.ts +12 -0
- package/dist/composer/clipboard.js +84 -0
- package/dist/composer/editor.d.ts +9 -1
- package/dist/composer/editor.js +70 -14
- package/dist/composer/hooks/useChipManager.d.ts +6 -1
- package/dist/composer/hooks/useChipManager.js +76 -27
- package/dist/composer/hooks/useChipSelectionMarker.d.ts +7 -0
- package/dist/composer/hooks/useChipSelectionMarker.js +66 -0
- package/dist/composer/index.d.ts +58 -1
- package/dist/composer/index.js +219 -102
- package/dist/composer/inline-ref.d.ts +9 -0
- package/dist/composer/inline-ref.js +21 -0
- package/dist/composer/send-meta.d.ts +6 -0
- package/dist/composer/send-meta.js +67 -0
- package/dist/composer/style/index.css +48 -53
- package/dist/composer/utils.d.ts +9 -0
- package/dist/composer/utils.js +43 -2
- package/dist/fab/index.js +3 -16
- package/dist/fab/style/index.css +1 -3
- package/dist/icon/svg-data.d.ts +4 -0
- package/dist/icon/svg-data.js +1 -1
- package/dist/icon/types.d.ts +1 -1
- package/dist/image/index.d.ts +43 -0
- package/dist/image/index.js +51 -0
- package/dist/image/style/index.css +59 -0
- package/dist/image/style/index.d.ts +2 -0
- package/dist/image/style/index.js +2 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.js +4 -0
- package/dist/invocation/index.d.ts +17 -0
- package/dist/invocation/index.js +84 -0
- package/dist/invocation/style/index.css +58 -0
- package/dist/invocation/style/index.d.ts +2 -0
- package/dist/invocation/style/index.js +2 -0
- package/dist/mention/index.d.ts +17 -0
- package/dist/mention/index.js +90 -0
- package/dist/mention/style/index.css +58 -0
- package/dist/mention/style/index.d.ts +2 -0
- package/dist/mention/style/index.js +2 -0
- package/dist/message-image/index.d.ts +42 -0
- package/dist/message-image/index.js +46 -0
- package/dist/message-image/style/index.css +60 -0
- package/dist/message-image/style/index.d.ts +2 -0
- package/dist/message-image/style/index.js +2 -0
- package/dist/preview-panel/index.d.ts +5 -1
- package/dist/preview-panel/index.js +27 -2
- package/dist/user-bubble/index.d.ts +11 -1
- package/dist/user-bubble/index.js +30 -5
- package/dist/user-bubble/style/index.css +6 -0
- package/package.json +2 -3
package/dist/icon/types.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { svgData } from './svg-data';
|
|
2
2
|
export type IconName = keyof typeof svgData;
|
|
3
|
-
export declare const iconNames: ("sort" | "map" | "filter" | "group" | "replace" | "search" | "split" | "repeat" | "anchor" | "bold" | "link" | "type" | "key" | "signature" | "send" | "form" | "menu" | "option" | "table" | "presentation" | "heading" | "list" | "timer" | "text" | "info" | "warning" | "time" | "image" | "file" | "user" | "scroll" | "code" | "data" | "section" | "template" | "video" | "stop" | "view" | "addressBook" | "AIFile" | "alarmClock" | "alert-circle" | "alert-circle-filled" | "alert-triangle" | "archive" | "arrow-down" | "arrow-up" | "arrow-up-right" | "arrowDown" | "arrowDown-filled" | "arrowLeft" | "arrowLeft-filled" | "arrowRight" | "arrowRight-filled" | "arrowUp" | "arrowUp-filled" | "asset-square" | "assetProtecting" | "autoAD-square-filled" | "bar-chart-3" | "bell" | "bell-filled" | "bidding" | "biz-cancel" | "biz-magic" | "biz-send" | "biz-stop" | "biz-time" | "bottom" | "bottom-filled" | "calendar" | "cancel" | "cancel-circle" | "cancel-circle-filled" | "card-distribute" | "channels" | "channels-square-filled" | "chart" | "chatBubble-filled" | "check" | "check-circle" | "check-circle-filled" | "checkBadge" | "chevron-down" | "chevron-left" | "chevron-right" | "clock" | "comments" | "compare" | "container" | "copy" | "copy-new" | "custom" | "custom-filled" | "customColumn" | "dataAuth" | "dataBoard" | "dataBox" | "dataFolder" | "dataReport" | "dataReport-filled" | "dataRising" | "delete" | "deleteAD-filled" | "detect" | "doubleLeft" | "doubleLeft-filled" | "doubleRight" | "doubleRight-filled" | "down" | "down-bold" | "down-filled" | "download" | "download-1" | "download-filled" | "draggable" | "edit" | "ellipsis" | "exchange" | "exposure-filled" | "extendedConfig" | "fall-filled" | "file-code" | "file-filled" | "file-text" | "filter-filled" | "flag" | "flame" | "fold" | "folderZip" | "folderzip-bold" | "fullScreen" | "globe" | "guideBook" | "help-circle" | "help-circle-filled" | "histogram" | "hosting" | "hot" | "hot-filled" | "icon-outlined" | "idea" | "idea-bold" | "image-bold" | "image-filled" | "images" | "import" | "info-circle" | "info-circle-filled" | "keyword" | "LandingPage" | "languages" | "layers" | "left" | "left-bold" | "left-filled" | "leftFirst" | "leftFirst-filled" | "linkSquare" | "loader" | "location" | "lock" | "logout" | "magic" | "magic-filled" | "maxSize" | "menuLeft" | "menuLeft-bold" | "menuRight" | "menuRight-bold" | "message-circle-plus" | "messages-square" | "minigame-filled" | "miniProgram" | "minus" | "minus-circle" | "minus-circle-filled" | "mobile" | "mobile-filled" | "mobilePage" | "modify" | "modify-bold" | "moments-filled" | "more" | "more-vertical" | "mouse-pointer-click" | "multiCreate" | "mute" | "mutiImage" | "mutiImage-filled" | "mutiSelect" | "mutiSelect-filled" | "notepad" | "notepad-bold" | "offiaccount-filled" | "panel-left" | "panel-left-close" | "panel-right" | "paperclip" | "pause-filled" | "play-filled" | "playing" | "plus" | "plus-circle" | "plus-circle-filled" | "pointerLeft-filled" | "pointerRight-filled" | "puzzle" | "QRcode" | "qualification" | "quickFile" | "refresh" | "report" | "reportBook" | "right" | "right-bold" | "right-filled" | "rightLast" | "rightLast-filled" | "ringStruckture" | "rise-filled" | "rotate-ccw" | "save" | "search-bold" | "search-filled" | "searchAD" | "searchAD-filled" | "setting" | "share" | "shield" | "shield-filled" | "shop" | "shopping" | "sound" | "sparkle" | "sparkles" | "square" | "star" | "star-filled" | "sticker" | "sticker-filled" | "subdivide" | "support-bold" | "tag" | "tag-filled" | "target" | "targeting" | "task" | "task-filled" | "templateBag" | "thumbDown" | "thumbDown-filled" | "thumbs-down" | "thumbs-up" | "thumbUp" | "thumbUp-filled" | "time-bold" | "top" | "top-filled" | "treeStructure" | "unfold" | "unfold-filled" | "up" | "up-bold" | "up-filled" | "user-add" | "user-circle" | "user-edit" | "user-pack" | "userList" | "userPack" | "users" | "users-bold" | "verify" | "videoBag-filled" | "videoScreenshot" | "viewMask" | "wallet" | "warning-filled" | "wechatBubble" | "wechatBubble-filled" | "wechatSearch" | "writing" | "x" | "x-circle" | "zap" | "zoomIn" | "zoomOut" | "accessibility" | "baby" | "badge-info" | "badge-question-mark" | "circle-question-mark" | "closed-caption" | "contrast" | "ear" | "ear-off" | "eclipse" | "eye" | "eye-closed" | "eye-off" | "glasses" | "hand" | "life-buoy" | "moon" | "moon-star" | "person-standing" | "scan-eye" | "scan-search" | "speech" | "sun" | "sun-dim" | "sun-medium" | "sun-moon" | "zoom-in" | "zoom-out" | "activity" | "at-sign" | "award" | "badge" | "badge-alert" | "ban" | "bell-check" | "bell-dot" | "book-user" | "bookmark" | "bookmark-check" | "bookmark-minus" | "bookmark-off" | "bookmark-plus" | "bookmark-x" | "circle-user" | "circle-user-round" | "cog" | "contact" | "contact-round" | "cookie" | "credit-card" | "file-user" | "fingerprint-pattern" | "flag-off" | "frown" | "gift" | "hand-coins" | "handshake" | "heart-handshake" | "heart-minus" | "heart-plus" | "id-card" | "id-card-lanyard" | "inbox" | "key-round" | "key-square" | "link-2" | "log-in" | "log-out" | "mail" | "map-pin" | "map-pin-check" | "map-pin-check-inside" | "map-pin-house" | "map-pin-minus" | "map-pin-minus-inside" | "map-pin-pen" | "map-pin-plus" | "map-pin-plus-inside" | "map-pin-search" | "map-pin-x" | "map-pin-x-inside" | "map-pinned" | "message-circle-check" | "message-circle-x" | "message-square-check" | "notebook-tabs" | "pin" | "rotate-ccw-key" | "scan-face" | "scan-qr-code" | "settings" | "settings-2" | "share-2" | "shield-alert" | "shield-ban" | "shield-check" | "shield-cog" | "shield-cog-corner" | "shield-ellipsis" | "shield-half" | "shield-minus" | "shield-off" | "shield-plus" | "shield-question-mark" | "shield-user" | "shield-x" | "sliders-horizontal" | "sliders-vertical" | "smile" | "square-user" | "square-user-round" | "tags" | "ticket" | "tickets" | "toggle-left" | "toggle-right" | "user-check" | "user-cog" | "user-key" | "user-lock" | "user-minus" | "user-pen" | "user-plus" | "user-round" | "user-round-check" | "user-round-cog" | "user-round-key" | "user-round-minus" | "user-round-pen" | "user-round-plus" | "user-round-search" | "user-round-x" | "user-search" | "user-star" | "user-x" | "users-round" | "venetian-mask" | "vibrate" | "vibrate-off" | "wallet-cards" | "wallet-minimal" | "wallpaper" | "waypoints" | "wrench" | "arrow-big-down" | "arrow-big-down-dash" | "arrow-big-left" | "arrow-big-left-dash" | "arrow-big-right" | "arrow-big-right-dash" | "arrow-big-up" | "arrow-big-up-dash" | "arrow-down-0-1" | "arrow-down-1-0" | "arrow-down-a-z" | "arrow-down-from-line" | "arrow-down-left" | "arrow-down-narrow-wide" | "arrow-down-right" | "arrow-down-to-dot" | "arrow-down-to-line" | "arrow-down-up" | "arrow-down-wide-narrow" | "arrow-down-z-a" | "arrow-left" | "arrow-left-from-line" | "arrow-left-right" | "arrow-left-to-line" | "arrow-right" | "arrow-right-from-line" | "arrow-right-left" | "arrow-right-to-line" | "arrow-up-0-1" | "arrow-up-1-0" | "arrow-up-a-z" | "arrow-up-down" | "arrow-up-from-dot" | "arrow-up-from-line" | "arrow-up-left" | "arrow-up-narrow-wide" | "arrow-up-to-line" | "arrow-up-wide-narrow" | "arrow-up-z-a" | "arrows-up-from-line" | "calendar-sync" | "chevron-first" | "chevron-last" | "chevron-up" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-right" | "chevrons-right-left" | "chevrons-up" | "chevrons-up-down" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-fading-arrow-up" | "clipboard-copy" | "clipboard-paste" | "cloud-backup" | "cloud-download" | "cloud-sync" | "cloud-upload" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "database-backup" | "decimals-arrow-left" | "decimals-arrow-right" | "expand" | "external-link" | "fast-forward" | "file-down" | "file-input" | "file-output" | "file-up" | "fold-horizontal" | "fold-vertical" | "folder-down" | "folder-input" | "folder-output" | "folder-sync" | "folder-up" | "git-compare-arrows" | "git-pull-request-arrow" | "git-pull-request-create-arrow" | "hard-drive-download" | "hard-drive-upload" | "history" | "iteration-ccw" | "iteration-cw" | "lasso-select" | "list-chevrons-down-up" | "list-chevrons-up-down" | "maximize-2" | "merge" | "milestone" | "minimize-2" | "mouse-pointer" | "mouse-pointer-2" | "mouse-pointer-2-off" | "mouse-pointer-ban" | "move" | "move-diagonal" | "move-diagonal-2" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "panel-bottom-close" | "panel-bottom-open" | "panel-left-open" | "panel-right-close" | "panel-right-open" | "panel-top-close" | "panel-top-open" | "phone-forwarded" | "phone-incoming" | "phone-outgoing" | "play" | "redo" | "redo-2" | "redo-dot" | "refresh-ccw" | "refresh-ccw-dot" | "refresh-cw" | "refresh-cw-off" | "repeat-2" | "repeat-off" | "rewind" | "rotate-ccw-square" | "rotate-cw" | "rotate-cw-square" | "separator-horizontal" | "separator-vertical" | "shrink" | "shuffle" | "signpost" | "signpost-big" | "skip-back" | "skip-forward" | "spline-pointer" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-right-enter" | "square-arrow-right-exit" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-dashed-mouse-pointer" | "square-mouse-pointer" | "square-play" | "step-back" | "step-forward" | "sunrise" | "sunset" | "text-wrap" | "trending-down" | "trending-up" | "trending-up-down" | "undo" | "undo-2" | "undo-dot" | "unfold-horizontal" | "unfold-vertical" | "upload" | "chart-area" | "chart-bar" | "chart-bar-big" | "chart-bar-decreasing" | "chart-bar-increasing" | "chart-bar-stacked" | "chart-candlestick" | "chart-column" | "chart-column-big" | "chart-column-decreasing" | "chart-column-increasing" | "chart-column-stacked" | "chart-gantt" | "chart-line" | "chart-network" | "chart-no-axes-column" | "chart-no-axes-column-decreasing" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-scatter" | "chart-spline" | "folder-kanban" | "kanban" | "square-chart-gantt" | "square-dashed-kanban" | "square-kanban" | "antenna" | "audio-lines" | "audio-waveform" | "camera" | "camera-off" | "chevrons-left-right-ellipsis" | "circle-fading-plus" | "ethernet-port" | "hand-fist" | "headphone-off" | "mic" | "mic-off" | "newspaper" | "nfc" | "notebook" | "phone" | "phone-call" | "phone-missed" | "phone-off" | "projector" | "radar" | "screen-share" | "screen-share-off" | "send-horizontal" | "smartphone-nfc" | "smile-plus" | "spotlight" | "switch-camera" | "tv" | "video-off" | "volume" | "volume-1" | "volume-2" | "volume-off" | "volume-x" | "webcam" | "airplay" | "battery" | "battery-charging" | "battery-full" | "battery-low" | "battery-medium" | "battery-warning" | "bluetooth" | "bluetooth-connected" | "bluetooth-off" | "bluetooth-searching" | "cable" | "cast" | "circle-power" | "cloud-off" | "globe-off" | "globe-x" | "headphones" | "headset" | "house-wifi" | "monitor" | "monitor-check" | "monitor-cloud" | "monitor-cog" | "monitor-dot" | "monitor-down" | "monitor-off" | "monitor-pause" | "monitor-play" | "monitor-smartphone" | "monitor-speaker" | "monitor-stop" | "monitor-up" | "monitor-x" | "power" | "power-off" | "router" | "signal" | "signal-high" | "signal-low" | "signal-medium" | "signal-zero" | "smartphone" | "smartphone-charging" | "square-power" | "voicemail" | "wifi" | "wifi-cog" | "wifi-high" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-sync" | "wifi-zero" | "zap-off" | "circle-plus" | "hand-grab" | "lasso" | "loader-circle" | "loader-pinwheel" | "pen-tool" | "pencil" | "pencil-off" | "pointer" | "pointer-off" | "square-dashed-text" | "stamp" | "text-cursor" | "a-arrow-down" | "a-arrow-up" | "a-large-small" | "app-window" | "app-window-mac" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "blend" | "book-type" | "bring-to-front" | "brush" | "brush-cleaning" | "columns-2" | "columns-3" | "columns-3-cog" | "columns-4" | "component" | "crop" | "dock" | "drafting-compass" | "flip-horizontal-2" | "flip-vertical-2" | "frame" | "fullscreen" | "gallery-horizontal" | "gallery-horizontal-end" | "gallery-thumbnails" | "gallery-vertical" | "gallery-vertical-end" | "grid-2x2" | "grid-3x2" | "grid-3x3" | "heart-x" | "highlighter" | "layers-2" | "layers-minus" | "layers-plus" | "layout-dashboard" | "layout-grid" | "layout-list" | "layout-panel-left" | "line-style" | "magnet" | "maximize" | "minimize" | "paint-bucket" | "paint-roller" | "paintbrush" | "paintbrush-vertical" | "palette" | "panel-top" | "panels-top-left" | "pen" | "pen-line" | "pen-off" | "pencil-line" | "pencil-ruler" | "pipette" | "proportions" | "radius" | "ratio" | "rectangle-horizontal" | "rectangle-vertical" | "rows-2" | "rows-3" | "rows-4" | "ruler" | "scaling" | "scissors" | "scissors-line-dashed" | "send-to-back" | "spray-can" | "square-dashed" | "square-scissors" | "squares-exclude" | "squares-intersect" | "squares-subtract" | "squares-unite" | "swatch-book" | "tablet-smartphone" | "vector-square" | "asterisk" | "binary" | "blocks" | "book" | "book-alert" | "book-check" | "book-copy" | "book-dashed" | "book-down" | "book-key" | "book-lock" | "book-marked" | "book-minus" | "book-open" | "book-open-check" | "book-open-text" | "book-plus" | "book-search" | "book-up" | "book-up-2" | "bot" | "bot-message-square" | "bot-off" | "box" | "boxes" | "braces" | "brackets" | "brain-circuit" | "brain-cog" | "bug" | "bug-off" | "bug-play" | "case-lower" | "case-upper" | "circle-dashed" | "circle-dot" | "circle-ellipsis" | "circle-slash" | "circle-slash-2" | "circle-x" | "circuit-board" | "cloud-alert" | "cloud-check" | "cloud-cog" | "code-xml" | "combine" | "command" | "computer" | "construction" | "database" | "database-search" | "database-zap" | "diff" | "divide" | "earth-lock" | "equal" | "equal-not" | "file-braces" | "file-diff" | "file-digit" | "file-sliders" | "file-stack" | "file-terminal" | "folder-code" | "folder-dot" | "folder-open-dot" | "folder-root" | "gem" | "git-branch" | "git-branch-minus" | "git-branch-plus" | "git-commit-horizontal" | "git-commit-vertical" | "git-compare" | "git-fork" | "git-graph" | "git-merge" | "git-merge-conflict" | "git-pull-request" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-draft" | "globe-lock" | "hard-drive" | "hexagon" | "keyboard" | "keyboard-off" | "library" | "library-big" | "list-indent-decrease" | "list-indent-increase" | "message-circle-code" | "message-square-code" | "message-square-diff" | "network" | "package" | "package-2" | "package-check" | "package-minus" | "package-open" | "package-plus" | "package-search" | "package-x" | "parentheses" | "percent" | "plug" | "plug-2" | "qr-code" | "regex" | "rocket" | "rss" | "scroll-text" | "search-code" | "server" | "server-cog" | "server-crash" | "server-off" | "shell" | "slash" | "spell-check" | "spell-check-2" | "square-code" | "square-dot" | "square-function" | "square-library" | "square-minus" | "square-plus" | "square-slash" | "square-stack" | "square-terminal" | "table-properties" | "terminal" | "tool-case" | "triangle-alert" | "unplug" | "variable" | "webhook" | "webhook-off" | "workflow" | "archive-restore" | "archive-x" | "book-image" | "calendar-fold" | "file-archive" | "file-badge" | "file-box" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-chart-pie" | "file-check" | "file-clock" | "file-cog" | "file-headphone" | "file-image" | "file-key" | "file-lock" | "file-minus" | "file-pen" | "file-pen-line" | "file-play" | "file-plus" | "file-scan" | "file-search" | "file-spreadsheet" | "file-symlink" | "file-type" | "file-x" | "files" | "folder" | "folder-archive" | "folder-bookmark" | "folder-check" | "folder-clock" | "folder-closed" | "folder-cog" | "folder-key" | "folder-lock" | "folder-minus" | "folder-open" | "folder-pen" | "folder-plus" | "folder-search" | "folder-search-2" | "folder-tree" | "folder-x" | "folders" | "image-down" | "image-minus" | "image-off" | "image-play" | "image-plus" | "image-up" | "list-tree" | "music" | "save-all" | "save-off" | "sheet" | "table-cells-merge" | "table-cells-split" | "table-columns-split" | "table-rows-split" | "trash" | "trash-2" | "ungroup" | "align-center-horizontal" | "align-center-vertical" | "align-end-horizontal" | "align-end-vertical" | "align-horizontal-distribute-center" | "align-horizontal-distribute-end" | "align-horizontal-distribute-start" | "align-horizontal-justify-center" | "align-horizontal-justify-end" | "align-horizontal-justify-start" | "align-horizontal-space-around" | "align-horizontal-space-between" | "align-start-horizontal" | "align-start-vertical" | "align-vertical-distribute-center" | "align-vertical-distribute-end" | "align-vertical-distribute-start" | "align-vertical-justify-center" | "align-vertical-justify-end" | "align-vertical-justify-start" | "align-vertical-space-around" | "align-vertical-space-between" | "ellipsis-vertical" | "funnel" | "funnel-plus" | "funnel-x" | "grid-2x2-check" | "grid-2x2-plus" | "grid-2x2-x" | "grip" | "grip-horizontal" | "grip-vertical" | "layout-panel-top" | "layout-template" | "list-filter-plus" | "panel-bottom" | "panels-left-bottom" | "panels-right-bottom" | "square-menu" | "square-split-horizontal" | "square-split-vertical" | "stretch-horizontal" | "stretch-vertical" | "text-cursor-input" | "forward" | "mail-check" | "mail-minus" | "mail-open" | "mail-plus" | "mail-question-mark" | "mail-search" | "mail-warning" | "mail-x" | "mailbox" | "mails" | "reply" | "reply-all" | "alarm-clock" | "alarm-clock-check" | "alarm-clock-minus" | "alarm-clock-off" | "alarm-clock-plus" | "bell-electric" | "bell-minus" | "bell-off" | "bell-plus" | "bell-ring" | "check-check" | "check-line" | "circle-alert" | "circle-check" | "circle-check-big" | "copy-check" | "copy-x" | "laptop-minimal-check" | "megaphone" | "megaphone-off" | "message-circle-warning" | "message-square-dot" | "message-square-warning" | "octagon-alert" | "octagon-x" | "square-check" | "square-check-big" | "square-x" | "badge-check" | "badge-minus" | "badge-percent" | "badge-plus" | "badge-x" | "book-heart" | "circle-percent" | "hand-heart" | "hash" | "heart" | "heart-off" | "message-circle" | "message-circle-dashed" | "message-circle-heart" | "message-circle-more" | "message-circle-off" | "message-circle-question-mark" | "message-circle-reply" | "message-square" | "message-square-dashed" | "message-square-heart" | "message-square-lock" | "message-square-more" | "message-square-off" | "message-square-plus" | "message-square-quote" | "message-square-reply" | "message-square-share" | "message-square-text" | "message-square-x" | "notebook-pen" | "notebook-text" | "notepad-text" | "notepad-text-dashed" | "podcast" | "scan" | "search-alert" | "search-check" | "search-slash" | "search-x" | "square-activity" | "square-percent" | "star-half" | "star-off" | "sticky-note" | "vote" | "baseline" | "book-text" | "book-x" | "case-sensitive" | "clipboard" | "clipboard-check" | "clipboard-clock" | "clipboard-list" | "clipboard-minus" | "clipboard-pen" | "clipboard-pen-line" | "clipboard-plus" | "clipboard-type" | "clipboard-x" | "copy-minus" | "copy-plus" | "copyright" | "dot" | "eraser" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "italic" | "link-2-off" | "list-check" | "list-checks" | "list-collapse" | "list-end" | "list-filter" | "list-minus" | "list-ordered" | "list-plus" | "list-restart" | "list-start" | "list-todo" | "list-x" | "logs" | "quote" | "remove-formatting" | "replace-all" | "scan-text" | "sigma" | "square-pen" | "strikethrough" | "subscript" | "superscript" | "table-of-contents" | "text-align-center" | "text-align-end" | "text-align-justify" | "text-align-start" | "text-quote" | "text-search" | "underline" | "unlink" | "unlink-2" | "whole-word" | "calendar-1" | "calendar-arrow-down" | "calendar-arrow-up" | "calendar-check" | "calendar-check-2" | "calendar-clock" | "calendar-cog" | "calendar-days" | "calendar-minus" | "calendar-off" | "calendar-plus" | "calendar-range" | "calendar-search" | "calendar-x" | "calendars" | "clock-alert" | "clock-arrow-down" | "clock-arrow-up" | "clock-check" | "clock-plus" | "hourglass" | "timeline" | "timer-off" | "timer-reset" | "watch" | "bolt" | "diamond-minus" | "diamond-plus" | "hammer" | "telescope" | "toolbox")[];
|
|
3
|
+
export declare const iconNames: ("sort" | "map" | "filter" | "group" | "replace" | "search" | "split" | "repeat" | "anchor" | "bold" | "link" | "type" | "key" | "signature" | "send" | "form" | "menu" | "option" | "table" | "presentation" | "heading" | "list" | "timer" | "text" | "info" | "warning" | "time" | "image" | "file" | "user" | "scroll" | "code" | "data" | "section" | "template" | "video" | "stop" | "view" | "addressBook" | "AIFile" | "alarmClock" | "alert-circle" | "alert-circle-filled" | "alert-triangle" | "archive" | "arrow-down" | "arrow-up" | "arrow-up-right" | "arrowDown" | "arrowDown-filled" | "arrowLeft" | "arrowLeft-filled" | "arrowRight" | "arrowRight-filled" | "arrowUp" | "arrowUp-filled" | "asset-square" | "assetProtecting" | "autoAD-square-filled" | "bar-chart-3" | "bell" | "bell-filled" | "bidding" | "biz-cancel" | "biz-magic" | "biz-send" | "biz-stop" | "biz-time" | "bottom" | "bottom-filled" | "calendar" | "cancel" | "cancel-circle" | "cancel-circle-filled" | "card-distribute" | "channels" | "channels-square-filled" | "chart" | "chatBubble-filled" | "check" | "check-circle" | "check-circle-filled" | "checkBadge" | "chevron-down" | "chevron-left" | "chevron-right" | "clock" | "comments" | "compare" | "container" | "copy" | "copy-new" | "custom" | "custom-filled" | "customColumn" | "dataAuth" | "dataBoard" | "dataBox" | "dataFolder" | "dataReport" | "dataReport-filled" | "dataRising" | "delete" | "deleteAD-filled" | "detect" | "doubleLeft" | "doubleLeft-filled" | "doubleRight" | "doubleRight-filled" | "down" | "down-bold" | "down-filled" | "download" | "download-1" | "download-2" | "download-filled" | "draggable" | "edit" | "ellipsis" | "exchange" | "exposure-filled" | "extendedConfig" | "fall-filled" | "file-code" | "file-filled" | "file-text" | "filter-filled" | "flag" | "flame" | "fold" | "folderZip" | "folderzip-bold" | "fullScreen" | "globe" | "guideBook" | "help-circle" | "help-circle-filled" | "histogram" | "hosting" | "hot" | "hot-filled" | "icon-outlined" | "idea" | "idea-bold" | "image-bold" | "image-filled" | "images" | "import" | "info-circle" | "info-circle-filled" | "keyword" | "LandingPage" | "languages" | "layers" | "left" | "left-bold" | "left-filled" | "leftFirst" | "leftFirst-filled" | "linkSquare" | "loader" | "location" | "lock" | "logout" | "magic" | "magic-filled" | "maxSize" | "menuLeft" | "menuLeft-bold" | "menuRight" | "menuRight-bold" | "message-circle-plus" | "messages-square" | "minigame-filled" | "miniProgram" | "minus" | "minus-circle" | "minus-circle-filled" | "mobile" | "mobile-filled" | "mobilePage" | "modify" | "modify-bold" | "moments-filled" | "more" | "more-vertical" | "mouse-pointer-click" | "multiCreate" | "mute" | "mutiImage" | "mutiImage-filled" | "mutiSelect" | "mutiSelect-filled" | "notepad" | "notepad-bold" | "offiaccount-filled" | "panel-left" | "panel-left-close" | "panel-right" | "paperclip" | "pause-filled" | "play-filled" | "playing" | "plus" | "plus-circle" | "plus-circle-filled" | "pointerLeft-filled" | "pointerRight-filled" | "puzzle" | "QRcode" | "qualification" | "quickFile" | "refresh" | "report" | "reportBook" | "right" | "right-bold" | "right-filled" | "rightLast" | "rightLast-filled" | "ringStruckture" | "rise-filled" | "rotate-ccw" | "save" | "search-bold" | "search-filled" | "searchAD" | "searchAD-filled" | "setting" | "share" | "shield" | "shield-filled" | "shop" | "shopping" | "sound" | "sparkle" | "sparkles" | "square" | "star" | "star-filled" | "sticker" | "sticker-filled" | "subdivide" | "support-bold" | "tag" | "tag-filled" | "target" | "targeting" | "task" | "task-filled" | "templateBag" | "thumbDown" | "thumbDown-filled" | "thumbs-down" | "thumbs-up" | "thumbUp" | "thumbUp-filled" | "time-bold" | "top" | "top-filled" | "treeStructure" | "unfold" | "unfold-filled" | "up" | "up-bold" | "up-filled" | "user-add" | "user-circle" | "user-edit" | "user-pack" | "userList" | "userPack" | "users" | "users-bold" | "verify" | "videoBag-filled" | "videoScreenshot" | "viewMask" | "wallet" | "warning-filled" | "wechatBubble" | "wechatBubble-filled" | "wechatSearch" | "writing" | "x" | "x-circle" | "zap" | "zoomIn" | "zoomOut" | "accessibility" | "baby" | "badge-info" | "badge-question-mark" | "circle-question-mark" | "closed-caption" | "contrast" | "ear" | "ear-off" | "eclipse" | "eye" | "eye-closed" | "eye-off" | "glasses" | "hand" | "life-buoy" | "moon" | "moon-star" | "person-standing" | "scan-eye" | "scan-search" | "speech" | "sun" | "sun-dim" | "sun-medium" | "sun-moon" | "zoom-in" | "zoom-out" | "activity" | "at-sign" | "award" | "badge" | "badge-alert" | "ban" | "bell-check" | "bell-dot" | "book-user" | "bookmark" | "bookmark-check" | "bookmark-minus" | "bookmark-off" | "bookmark-plus" | "bookmark-x" | "circle-user" | "circle-user-round" | "cog" | "contact" | "contact-round" | "cookie" | "credit-card" | "file-user" | "fingerprint-pattern" | "flag-off" | "frown" | "gift" | "hand-coins" | "handshake" | "heart-handshake" | "heart-minus" | "heart-plus" | "id-card" | "id-card-lanyard" | "inbox" | "key-round" | "key-square" | "link-2" | "log-in" | "log-out" | "mail" | "map-pin" | "map-pin-check" | "map-pin-check-inside" | "map-pin-house" | "map-pin-minus" | "map-pin-minus-inside" | "map-pin-pen" | "map-pin-plus" | "map-pin-plus-inside" | "map-pin-search" | "map-pin-x" | "map-pin-x-inside" | "map-pinned" | "message-circle-check" | "message-circle-x" | "message-square-check" | "notebook-tabs" | "pin" | "rotate-ccw-key" | "scan-face" | "scan-qr-code" | "settings" | "settings-2" | "share-2" | "shield-alert" | "shield-ban" | "shield-check" | "shield-cog" | "shield-cog-corner" | "shield-ellipsis" | "shield-half" | "shield-minus" | "shield-off" | "shield-plus" | "shield-question-mark" | "shield-user" | "shield-x" | "sliders-horizontal" | "sliders-vertical" | "smile" | "square-user" | "square-user-round" | "tags" | "ticket" | "tickets" | "toggle-left" | "toggle-right" | "user-check" | "user-cog" | "user-key" | "user-lock" | "user-minus" | "user-pen" | "user-plus" | "user-round" | "user-round-check" | "user-round-cog" | "user-round-key" | "user-round-minus" | "user-round-pen" | "user-round-plus" | "user-round-search" | "user-round-x" | "user-search" | "user-star" | "user-x" | "users-round" | "venetian-mask" | "vibrate" | "vibrate-off" | "wallet-cards" | "wallet-minimal" | "wallpaper" | "waypoints" | "wrench" | "arrow-big-down" | "arrow-big-down-dash" | "arrow-big-left" | "arrow-big-left-dash" | "arrow-big-right" | "arrow-big-right-dash" | "arrow-big-up" | "arrow-big-up-dash" | "arrow-down-0-1" | "arrow-down-1-0" | "arrow-down-a-z" | "arrow-down-from-line" | "arrow-down-left" | "arrow-down-narrow-wide" | "arrow-down-right" | "arrow-down-to-dot" | "arrow-down-to-line" | "arrow-down-up" | "arrow-down-wide-narrow" | "arrow-down-z-a" | "arrow-left" | "arrow-left-from-line" | "arrow-left-right" | "arrow-left-to-line" | "arrow-right" | "arrow-right-from-line" | "arrow-right-left" | "arrow-right-to-line" | "arrow-up-0-1" | "arrow-up-1-0" | "arrow-up-a-z" | "arrow-up-down" | "arrow-up-from-dot" | "arrow-up-from-line" | "arrow-up-left" | "arrow-up-narrow-wide" | "arrow-up-to-line" | "arrow-up-wide-narrow" | "arrow-up-z-a" | "arrows-up-from-line" | "calendar-sync" | "chevron-first" | "chevron-last" | "chevron-up" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-right" | "chevrons-right-left" | "chevrons-up" | "chevrons-up-down" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-fading-arrow-up" | "clipboard-copy" | "clipboard-paste" | "cloud-backup" | "cloud-download" | "cloud-sync" | "cloud-upload" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "database-backup" | "decimals-arrow-left" | "decimals-arrow-right" | "expand" | "external-link" | "fast-forward" | "file-down" | "file-input" | "file-output" | "file-up" | "fold-horizontal" | "fold-vertical" | "folder-down" | "folder-input" | "folder-output" | "folder-sync" | "folder-up" | "git-compare-arrows" | "git-pull-request-arrow" | "git-pull-request-create-arrow" | "hard-drive-download" | "hard-drive-upload" | "history" | "iteration-ccw" | "iteration-cw" | "lasso-select" | "list-chevrons-down-up" | "list-chevrons-up-down" | "maximize-2" | "merge" | "milestone" | "minimize-2" | "mouse-pointer" | "mouse-pointer-2" | "mouse-pointer-2-off" | "mouse-pointer-ban" | "move" | "move-diagonal" | "move-diagonal-2" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "panel-bottom-close" | "panel-bottom-open" | "panel-left-open" | "panel-right-close" | "panel-right-open" | "panel-top-close" | "panel-top-open" | "phone-forwarded" | "phone-incoming" | "phone-outgoing" | "play" | "redo" | "redo-2" | "redo-dot" | "refresh-ccw" | "refresh-ccw-dot" | "refresh-cw" | "refresh-cw-off" | "repeat-2" | "repeat-off" | "rewind" | "rotate-ccw-square" | "rotate-cw" | "rotate-cw-square" | "separator-horizontal" | "separator-vertical" | "shrink" | "shuffle" | "signpost" | "signpost-big" | "skip-back" | "skip-forward" | "spline-pointer" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-right-enter" | "square-arrow-right-exit" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-dashed-mouse-pointer" | "square-mouse-pointer" | "square-play" | "step-back" | "step-forward" | "sunrise" | "sunset" | "text-wrap" | "trending-down" | "trending-up" | "trending-up-down" | "undo" | "undo-2" | "undo-dot" | "unfold-horizontal" | "unfold-vertical" | "upload" | "chart-area" | "chart-bar" | "chart-bar-big" | "chart-bar-decreasing" | "chart-bar-increasing" | "chart-bar-stacked" | "chart-candlestick" | "chart-column" | "chart-column-big" | "chart-column-decreasing" | "chart-column-increasing" | "chart-column-stacked" | "chart-gantt" | "chart-line" | "chart-network" | "chart-no-axes-column" | "chart-no-axes-column-decreasing" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-scatter" | "chart-spline" | "folder-kanban" | "kanban" | "square-chart-gantt" | "square-dashed-kanban" | "square-kanban" | "antenna" | "audio-lines" | "audio-waveform" | "camera" | "camera-off" | "chevrons-left-right-ellipsis" | "circle-fading-plus" | "ethernet-port" | "hand-fist" | "headphone-off" | "mic" | "mic-off" | "newspaper" | "nfc" | "notebook" | "phone" | "phone-call" | "phone-missed" | "phone-off" | "projector" | "radar" | "screen-share" | "screen-share-off" | "send-horizontal" | "smartphone-nfc" | "smile-plus" | "spotlight" | "switch-camera" | "tv" | "video-off" | "volume" | "volume-1" | "volume-2" | "volume-off" | "volume-x" | "webcam" | "airplay" | "battery" | "battery-charging" | "battery-full" | "battery-low" | "battery-medium" | "battery-warning" | "bluetooth" | "bluetooth-connected" | "bluetooth-off" | "bluetooth-searching" | "cable" | "cast" | "circle-power" | "cloud-off" | "globe-off" | "globe-x" | "headphones" | "headset" | "house-wifi" | "monitor" | "monitor-check" | "monitor-cloud" | "monitor-cog" | "monitor-dot" | "monitor-down" | "monitor-off" | "monitor-pause" | "monitor-play" | "monitor-smartphone" | "monitor-speaker" | "monitor-stop" | "monitor-up" | "monitor-x" | "power" | "power-off" | "router" | "signal" | "signal-high" | "signal-low" | "signal-medium" | "signal-zero" | "smartphone" | "smartphone-charging" | "square-power" | "voicemail" | "wifi" | "wifi-cog" | "wifi-high" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-sync" | "wifi-zero" | "zap-off" | "circle-plus" | "hand-grab" | "lasso" | "loader-circle" | "loader-pinwheel" | "pen-tool" | "pencil" | "pencil-off" | "pointer" | "pointer-off" | "square-dashed-text" | "stamp" | "text-cursor" | "a-arrow-down" | "a-arrow-up" | "a-large-small" | "app-window" | "app-window-mac" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "blend" | "book-type" | "bring-to-front" | "brush" | "brush-cleaning" | "columns-2" | "columns-3" | "columns-3-cog" | "columns-4" | "component" | "crop" | "dock" | "drafting-compass" | "flip-horizontal-2" | "flip-vertical-2" | "frame" | "fullscreen" | "gallery-horizontal" | "gallery-horizontal-end" | "gallery-thumbnails" | "gallery-vertical" | "gallery-vertical-end" | "grid-2x2" | "grid-3x2" | "grid-3x3" | "heart-x" | "highlighter" | "layers-2" | "layers-minus" | "layers-plus" | "layout-dashboard" | "layout-grid" | "layout-list" | "layout-panel-left" | "line-style" | "magnet" | "maximize" | "minimize" | "paint-bucket" | "paint-roller" | "paintbrush" | "paintbrush-vertical" | "palette" | "panel-top" | "panels-top-left" | "pen" | "pen-line" | "pen-off" | "pencil-line" | "pencil-ruler" | "pipette" | "proportions" | "radius" | "ratio" | "rectangle-horizontal" | "rectangle-vertical" | "rows-2" | "rows-3" | "rows-4" | "ruler" | "scaling" | "scissors" | "scissors-line-dashed" | "send-to-back" | "spray-can" | "square-dashed" | "square-scissors" | "squares-exclude" | "squares-intersect" | "squares-subtract" | "squares-unite" | "swatch-book" | "tablet-smartphone" | "vector-square" | "asterisk" | "binary" | "blocks" | "book" | "book-alert" | "book-check" | "book-copy" | "book-dashed" | "book-down" | "book-key" | "book-lock" | "book-marked" | "book-minus" | "book-open" | "book-open-check" | "book-open-text" | "book-plus" | "book-search" | "book-up" | "book-up-2" | "bot" | "bot-message-square" | "bot-off" | "box" | "boxes" | "braces" | "brackets" | "brain-circuit" | "brain-cog" | "bug" | "bug-off" | "bug-play" | "case-lower" | "case-upper" | "circle-dashed" | "circle-dot" | "circle-ellipsis" | "circle-slash" | "circle-slash-2" | "circle-x" | "circuit-board" | "cloud-alert" | "cloud-check" | "cloud-cog" | "code-xml" | "combine" | "command" | "computer" | "construction" | "database" | "database-search" | "database-zap" | "diff" | "divide" | "earth-lock" | "equal" | "equal-not" | "file-braces" | "file-diff" | "file-digit" | "file-sliders" | "file-stack" | "file-terminal" | "folder-code" | "folder-dot" | "folder-open-dot" | "folder-root" | "gem" | "git-branch" | "git-branch-minus" | "git-branch-plus" | "git-commit-horizontal" | "git-commit-vertical" | "git-compare" | "git-fork" | "git-graph" | "git-merge" | "git-merge-conflict" | "git-pull-request" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-draft" | "globe-lock" | "hard-drive" | "hexagon" | "keyboard" | "keyboard-off" | "library" | "library-big" | "list-indent-decrease" | "list-indent-increase" | "message-circle-code" | "message-square-code" | "message-square-diff" | "network" | "package" | "package-2" | "package-check" | "package-minus" | "package-open" | "package-plus" | "package-search" | "package-x" | "parentheses" | "percent" | "plug" | "plug-2" | "qr-code" | "regex" | "rocket" | "rss" | "scroll-text" | "search-code" | "server" | "server-cog" | "server-crash" | "server-off" | "shell" | "slash" | "spell-check" | "spell-check-2" | "square-code" | "square-dot" | "square-function" | "square-library" | "square-minus" | "square-plus" | "square-slash" | "square-stack" | "square-terminal" | "table-properties" | "terminal" | "tool-case" | "triangle-alert" | "unplug" | "variable" | "webhook" | "webhook-off" | "workflow" | "archive-restore" | "archive-x" | "book-image" | "calendar-fold" | "file-archive" | "file-badge" | "file-box" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-chart-pie" | "file-check" | "file-clock" | "file-cog" | "file-headphone" | "file-image" | "file-key" | "file-lock" | "file-minus" | "file-pen" | "file-pen-line" | "file-play" | "file-plus" | "file-scan" | "file-search" | "file-spreadsheet" | "file-symlink" | "file-type" | "file-x" | "files" | "folder" | "folder-archive" | "folder-bookmark" | "folder-check" | "folder-clock" | "folder-closed" | "folder-cog" | "folder-key" | "folder-lock" | "folder-minus" | "folder-open" | "folder-pen" | "folder-plus" | "folder-search" | "folder-search-2" | "folder-tree" | "folder-x" | "folders" | "image-down" | "image-minus" | "image-off" | "image-play" | "image-plus" | "image-up" | "list-tree" | "music" | "save-all" | "save-off" | "sheet" | "table-cells-merge" | "table-cells-split" | "table-columns-split" | "table-rows-split" | "trash" | "trash-2" | "ungroup" | "align-center-horizontal" | "align-center-vertical" | "align-end-horizontal" | "align-end-vertical" | "align-horizontal-distribute-center" | "align-horizontal-distribute-end" | "align-horizontal-distribute-start" | "align-horizontal-justify-center" | "align-horizontal-justify-end" | "align-horizontal-justify-start" | "align-horizontal-space-around" | "align-horizontal-space-between" | "align-start-horizontal" | "align-start-vertical" | "align-vertical-distribute-center" | "align-vertical-distribute-end" | "align-vertical-distribute-start" | "align-vertical-justify-center" | "align-vertical-justify-end" | "align-vertical-justify-start" | "align-vertical-space-around" | "align-vertical-space-between" | "ellipsis-vertical" | "funnel" | "funnel-plus" | "funnel-x" | "grid-2x2-check" | "grid-2x2-plus" | "grid-2x2-x" | "grip" | "grip-horizontal" | "grip-vertical" | "layout-panel-top" | "layout-template" | "list-filter-plus" | "panel-bottom" | "panels-left-bottom" | "panels-right-bottom" | "square-menu" | "square-split-horizontal" | "square-split-vertical" | "stretch-horizontal" | "stretch-vertical" | "text-cursor-input" | "forward" | "mail-check" | "mail-minus" | "mail-open" | "mail-plus" | "mail-question-mark" | "mail-search" | "mail-warning" | "mail-x" | "mailbox" | "mails" | "reply" | "reply-all" | "alarm-clock" | "alarm-clock-check" | "alarm-clock-minus" | "alarm-clock-off" | "alarm-clock-plus" | "bell-electric" | "bell-minus" | "bell-off" | "bell-plus" | "bell-ring" | "check-check" | "check-line" | "circle-alert" | "circle-check" | "circle-check-big" | "copy-check" | "copy-x" | "laptop-minimal-check" | "megaphone" | "megaphone-off" | "message-circle-warning" | "message-square-dot" | "message-square-warning" | "octagon-alert" | "octagon-x" | "square-check" | "square-check-big" | "square-x" | "badge-check" | "badge-minus" | "badge-percent" | "badge-plus" | "badge-x" | "book-heart" | "circle-percent" | "hand-heart" | "hash" | "heart" | "heart-off" | "message-circle" | "message-circle-dashed" | "message-circle-heart" | "message-circle-more" | "message-circle-off" | "message-circle-question-mark" | "message-circle-reply" | "message-square" | "message-square-dashed" | "message-square-heart" | "message-square-lock" | "message-square-more" | "message-square-off" | "message-square-plus" | "message-square-quote" | "message-square-reply" | "message-square-share" | "message-square-text" | "message-square-x" | "notebook-pen" | "notebook-text" | "notepad-text" | "notepad-text-dashed" | "podcast" | "scan" | "search-alert" | "search-check" | "search-slash" | "search-x" | "square-activity" | "square-percent" | "star-half" | "star-off" | "sticky-note" | "vote" | "baseline" | "book-text" | "book-x" | "case-sensitive" | "clipboard" | "clipboard-check" | "clipboard-clock" | "clipboard-list" | "clipboard-minus" | "clipboard-pen" | "clipboard-pen-line" | "clipboard-plus" | "clipboard-type" | "clipboard-x" | "copy-minus" | "copy-plus" | "copyright" | "dot" | "eraser" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "italic" | "link-2-off" | "list-check" | "list-checks" | "list-collapse" | "list-end" | "list-filter" | "list-minus" | "list-ordered" | "list-plus" | "list-restart" | "list-start" | "list-todo" | "list-x" | "logs" | "quote" | "remove-formatting" | "replace-all" | "scan-text" | "sigma" | "square-pen" | "strikethrough" | "subscript" | "superscript" | "table-of-contents" | "text-align-center" | "text-align-end" | "text-align-justify" | "text-align-start" | "text-quote" | "text-search" | "underline" | "unlink" | "unlink-2" | "whole-word" | "calendar-1" | "calendar-arrow-down" | "calendar-arrow-up" | "calendar-check" | "calendar-check-2" | "calendar-clock" | "calendar-cog" | "calendar-days" | "calendar-minus" | "calendar-off" | "calendar-plus" | "calendar-range" | "calendar-search" | "calendar-x" | "calendars" | "clock-alert" | "clock-arrow-down" | "clock-arrow-up" | "clock-check" | "clock-plus" | "hourglass" | "timeline" | "timer-off" | "timer-reset" | "watch" | "bolt" | "diamond-minus" | "diamond-plus" | "hammer" | "telescope" | "toolbox")[];
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './style';
|
|
3
|
+
export interface ImageProps {
|
|
4
|
+
/** 图片地址(必填) */
|
|
5
|
+
url: string;
|
|
6
|
+
/** 无障碍说明文本 */
|
|
7
|
+
alt?: string;
|
|
8
|
+
/**
|
|
9
|
+
* 整图点击回调。传此 prop 即把图片包一层 button,业务方按需对接
|
|
10
|
+
* `PreviewPanel` 等 lightbox 组件。
|
|
11
|
+
*/
|
|
12
|
+
onPreview?: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* 删除按钮回调。传此 prop 即在 hover 时整图浮出 30% 黑色遮罩 + 中央
|
|
15
|
+
* trash icon,用于 Composer 待发送态等需要删除的场景。
|
|
16
|
+
*/
|
|
17
|
+
onRemove?: () => void;
|
|
18
|
+
/** 透传到容器(非 img 本体)的 className,用于上层套尺寸约束。 */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** 透传到容器(非 img 本体)的 style,用于上层套尺寸约束。 */
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* 图片渲染 leaf 组件。
|
|
25
|
+
*
|
|
26
|
+
* 职责:
|
|
27
|
+
* - 画一张图(lazy load)
|
|
28
|
+
* - 整图作为 onPreview 触发区
|
|
29
|
+
* - 删除按钮的 hover 遮罩
|
|
30
|
+
*
|
|
31
|
+
* 不职责:
|
|
32
|
+
* - 不带尺寸 opinion(max-width / max-height / object-fit 全由上层套)
|
|
33
|
+
* - 不带消息态 / 输入态等业务语义
|
|
34
|
+
*
|
|
35
|
+
* 业务态包装在更上层的组件里实现:
|
|
36
|
+
* - 消息态:`<MessageImage>` 套一层 max 280×360 contain(单图)或 88×88 cover(多图)容器
|
|
37
|
+
* - Composer 待发送态:composer 内部直接套一层 72×72 cover 容器
|
|
38
|
+
*/
|
|
39
|
+
export declare function Image({ url, alt, onPreview, onRemove, className, style }: ImageProps): import("react").JSX.Element;
|
|
40
|
+
export declare namespace Image {
|
|
41
|
+
var displayName: string;
|
|
42
|
+
}
|
|
43
|
+
export default Image;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import Icon from "../icon";
|
|
2
|
+
import "./style";
|
|
3
|
+
/**
|
|
4
|
+
* 图片渲染 leaf 组件。
|
|
5
|
+
*
|
|
6
|
+
* 职责:
|
|
7
|
+
* - 画一张图(lazy load)
|
|
8
|
+
* - 整图作为 onPreview 触发区
|
|
9
|
+
* - 删除按钮的 hover 遮罩
|
|
10
|
+
*
|
|
11
|
+
* 不职责:
|
|
12
|
+
* - 不带尺寸 opinion(max-width / max-height / object-fit 全由上层套)
|
|
13
|
+
* - 不带消息态 / 输入态等业务语义
|
|
14
|
+
*
|
|
15
|
+
* 业务态包装在更上层的组件里实现:
|
|
16
|
+
* - 消息态:`<MessageImage>` 套一层 max 280×360 contain(单图)或 88×88 cover(多图)容器
|
|
17
|
+
* - Composer 待发送态:composer 内部直接套一层 72×72 cover 容器
|
|
18
|
+
*/
|
|
19
|
+
export function Image(_ref) {
|
|
20
|
+
var url = _ref.url,
|
|
21
|
+
alt = _ref.alt,
|
|
22
|
+
onPreview = _ref.onPreview,
|
|
23
|
+
onRemove = _ref.onRemove,
|
|
24
|
+
className = _ref.className,
|
|
25
|
+
style = _ref.style;
|
|
26
|
+
var imgEl = /*#__PURE__*/React.createElement("img", {
|
|
27
|
+
src: url,
|
|
28
|
+
alt: alt !== null && alt !== void 0 ? alt : '',
|
|
29
|
+
loading: "lazy"
|
|
30
|
+
});
|
|
31
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
"data-odn-image": true,
|
|
33
|
+
className: className,
|
|
34
|
+
style: style
|
|
35
|
+
}, onPreview ? /*#__PURE__*/React.createElement("button", {
|
|
36
|
+
type: "button",
|
|
37
|
+
onClick: onPreview,
|
|
38
|
+
"data-odn-image-trigger": true,
|
|
39
|
+
"aria-label": alt || '查看大图'
|
|
40
|
+
}, imgEl) : imgEl, onRemove && /*#__PURE__*/React.createElement("button", {
|
|
41
|
+
type: "button",
|
|
42
|
+
onClick: onRemove,
|
|
43
|
+
"data-odn-image-remove": true,
|
|
44
|
+
"aria-label": "\u5220\u9664\u56FE\u7247"
|
|
45
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
46
|
+
name: "trash-2",
|
|
47
|
+
size: 20
|
|
48
|
+
})));
|
|
49
|
+
}
|
|
50
|
+
Image.displayName = 'Image';
|
|
51
|
+
export default Image;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
[data-odn-image] {
|
|
3
|
+
position: relative;
|
|
4
|
+
display: inline-block;
|
|
5
|
+
}
|
|
6
|
+
[data-odn-image] img {
|
|
7
|
+
display: block;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/** 整图作为 onPreview 触发区时的 button 包装;样式上完全融入容器(无边框、无 padding)。 */
|
|
11
|
+
[data-odn-image-trigger] {
|
|
12
|
+
display: block;
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
padding: 0;
|
|
16
|
+
border: none;
|
|
17
|
+
background: none;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
appearance: none;
|
|
20
|
+
font: inherit;
|
|
21
|
+
}
|
|
22
|
+
[data-odn-image-trigger]:focus-visible {
|
|
23
|
+
outline: 2px solid color-mix(in srgb, var(--odn-color-primary) 55%, transparent);
|
|
24
|
+
outline-offset: 2px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/* 删除按钮:hover 时整图浮出 30% 黑色遮罩 + 中央白色 trash icon。
|
|
28
|
+
* - 整张图作为点击热区,比右上角小角标好命中
|
|
29
|
+
* - 遮罩贴边(inset: 0 + border-radius: inherit),与上层容器圆角自然贴合
|
|
30
|
+
* - 与 onPreview 的 trigger button 是兄弟节点,z-index 保证其在上层
|
|
31
|
+
*
|
|
32
|
+
* 规则按 specificity 升序排列:base → :focus-visible → :hover 复合选择器,
|
|
33
|
+
* 避免 stylelint `no-descending-specificity` 报错。 */
|
|
34
|
+
[data-odn-image-remove] {
|
|
35
|
+
position: absolute;
|
|
36
|
+
inset: 0;
|
|
37
|
+
display: flex;
|
|
38
|
+
align-items: center;
|
|
39
|
+
justify-content: center;
|
|
40
|
+
background: rgba(0, 0, 0, 0.3);
|
|
41
|
+
border: none;
|
|
42
|
+
border-radius: inherit;
|
|
43
|
+
color: #fff;
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
opacity: 0;
|
|
46
|
+
transition: opacity 0.15s;
|
|
47
|
+
padding: 0;
|
|
48
|
+
z-index: 2;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
[data-odn-image-remove]:focus-visible {
|
|
52
|
+
opacity: 1;
|
|
53
|
+
outline: 2px solid color-mix(in srgb, var(--odn-color-primary) 55%, transparent);
|
|
54
|
+
outline-offset: -2px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[data-odn-image]:hover [data-odn-image-remove] {
|
|
58
|
+
opacity: 1;
|
|
59
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export { default as Empty, type EmptyProps, type EmptyType, type EmptySize } fro
|
|
|
29
29
|
export { default as Form, type FormProps, type FormItemProps } from './form';
|
|
30
30
|
export { default as HoverFill, type HoverFillProps, type HoverFillState } from './hover-fill';
|
|
31
31
|
export { default as Icon, type IconProps } from './icon';
|
|
32
|
+
export { default as Image, type ImageProps } from './image';
|
|
32
33
|
export { default as Input, type InputProps, type InputRef } from './input';
|
|
33
34
|
export { default as InputNumber } from './input-number';
|
|
34
35
|
export { default as InputOtp, type InputOtpProps, type InputOtpRef } from './input-otp';
|
|
@@ -58,14 +59,17 @@ export { default as AgentThink, type AgentThinkProps } from './agent-think';
|
|
|
58
59
|
export { default as Attachments, type AttachmentsProps } from './attachments';
|
|
59
60
|
export { default as CodeBlock, type CodeBlockProps } from './code-block';
|
|
60
61
|
export { default as Composer, type ComposerProps, type ComposerRef } from './composer';
|
|
62
|
+
export { default as Invocation, type InvocationProps } from './invocation';
|
|
63
|
+
export { default as Mention, type MentionProps } from './mention';
|
|
61
64
|
export { default as ChatItem, type ChatItemProps } from './chat-item';
|
|
62
65
|
export { default as SkillSlot, type SkillSlotProps } from './skill-slot';
|
|
63
66
|
export { default as ErrorBlock, type ErrorBlockProps } from './error-block';
|
|
64
67
|
export { default as Fab, type FabProps } from './fab';
|
|
68
|
+
export { default as MessageImage, type MessageImageProps, type MessageImageItem } from './message-image';
|
|
65
69
|
export { default as PreviewPanel, type PreviewPanelProps } from './preview-panel';
|
|
66
70
|
export { default as Sources, type SourcesProps } from './sources';
|
|
67
71
|
export { default as StreamText, type StreamTextProps, type TypographyOverrides } from './stream-text';
|
|
68
72
|
export { default as Suggestions, type SuggestionsProps } from './suggestions';
|
|
69
73
|
export { default as UserBubble, type UserBubbleProps } from './user-bubble';
|
|
70
74
|
export { default as Welcome, type WelcomeProps } from './welcome';
|
|
71
|
-
export type { ToolCall, ToolStatus, Source, Attachment, PreviewTarget, PreviewTab, SendMeta, ComposerChipMeta, SkillItem, AgentEvent, Conversation, MessageSnapshot, ChatMessage } from './_genui-types';
|
|
75
|
+
export type { ToolCall, ToolStatus, Source, Attachment, PreviewTarget, PreviewTab, SendMeta, ComposerChipMeta, InvocationData, MentionData, SkillItem, AgentEvent, Conversation, MessageSnapshot, ChatMessage } from './_genui-types';
|
package/dist/index.js
CHANGED
|
@@ -33,6 +33,7 @@ export { default as Empty } from "./empty";
|
|
|
33
33
|
export { default as Form } from "./form";
|
|
34
34
|
export { default as HoverFill } from "./hover-fill";
|
|
35
35
|
export { default as Icon } from "./icon";
|
|
36
|
+
export { default as Image } from "./image";
|
|
36
37
|
export { default as Input } from "./input";
|
|
37
38
|
export { default as InputNumber } from "./input-number";
|
|
38
39
|
export { default as InputOtp } from "./input-otp";
|
|
@@ -64,10 +65,13 @@ export { default as AgentThink } from "./agent-think";
|
|
|
64
65
|
export { default as Attachments } from "./attachments";
|
|
65
66
|
export { default as CodeBlock } from "./code-block";
|
|
66
67
|
export { default as Composer } from "./composer";
|
|
68
|
+
export { default as Invocation } from "./invocation";
|
|
69
|
+
export { default as Mention } from "./mention";
|
|
67
70
|
export { default as ChatItem } from "./chat-item";
|
|
68
71
|
export { default as SkillSlot } from "./skill-slot";
|
|
69
72
|
export { default as ErrorBlock } from "./error-block";
|
|
70
73
|
export { default as Fab } from "./fab";
|
|
74
|
+
export { default as MessageImage } from "./message-image";
|
|
71
75
|
export { default as PreviewPanel } from "./preview-panel";
|
|
72
76
|
export { default as Sources } from "./sources";
|
|
73
77
|
export { default as StreamText } from "./stream-text";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { InvocationData } from '../_genui-types';
|
|
3
|
+
import './style';
|
|
4
|
+
export interface InvocationProps {
|
|
5
|
+
data: InvocationData;
|
|
6
|
+
/**
|
|
7
|
+
* true:Composer 编辑态(可点、无 hover 摘要弹层)。
|
|
8
|
+
* false:UserBubble 等只读态(可 hover 看摘要)。
|
|
9
|
+
*/
|
|
10
|
+
interactive?: boolean;
|
|
11
|
+
/** form popover 打开时的高亮态(L4 params 启用后使用) */
|
|
12
|
+
active?: boolean;
|
|
13
|
+
/** 交互态单击回调 */
|
|
14
|
+
onClick?: (anchor: HTMLElement) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare function Invocation({ data, interactive, active, onClick, }: InvocationProps): import("react").JSX.Element;
|
|
17
|
+
export default Invocation;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
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."); }
|
|
3
|
+
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); }
|
|
4
|
+
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; }
|
|
5
|
+
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; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import Popover from "../popover";
|
|
8
|
+
import "./style";
|
|
9
|
+
function formatParamsSummary(params) {
|
|
10
|
+
if (!params) return null;
|
|
11
|
+
var entries = Object.entries(params).filter(function (_ref) {
|
|
12
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
13
|
+
v = _ref2[1];
|
|
14
|
+
return v != null && v !== '';
|
|
15
|
+
});
|
|
16
|
+
if (entries.length === 0) return null;
|
|
17
|
+
return entries.map(function (_ref3) {
|
|
18
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
19
|
+
k = _ref4[0],
|
|
20
|
+
v = _ref4[1];
|
|
21
|
+
return "".concat(k, ": ").concat(String(v));
|
|
22
|
+
}).join(' · ');
|
|
23
|
+
}
|
|
24
|
+
export function Invocation(_ref5) {
|
|
25
|
+
var data = _ref5.data,
|
|
26
|
+
_ref5$interactive = _ref5.interactive,
|
|
27
|
+
interactive = _ref5$interactive === void 0 ? false : _ref5$interactive,
|
|
28
|
+
_ref5$active = _ref5.active,
|
|
29
|
+
active = _ref5$active === void 0 ? false : _ref5$active,
|
|
30
|
+
onClick = _ref5.onClick;
|
|
31
|
+
var clickable = interactive && !!onClick;
|
|
32
|
+
var state = active ? 'active' : 'complete';
|
|
33
|
+
var handleClick = clickable ? function (e) {
|
|
34
|
+
e.preventDefault();
|
|
35
|
+
e.stopPropagation();
|
|
36
|
+
onClick(e.currentTarget);
|
|
37
|
+
} : undefined;
|
|
38
|
+
var handleMouseDown = clickable ? function (e) {
|
|
39
|
+
e.preventDefault();
|
|
40
|
+
e.stopPropagation();
|
|
41
|
+
} : undefined;
|
|
42
|
+
var core = /*#__PURE__*/React.createElement("span", {
|
|
43
|
+
"data-odn-invocation": true,
|
|
44
|
+
"data-state": state,
|
|
45
|
+
"data-clickable": clickable || undefined,
|
|
46
|
+
onClick: handleClick,
|
|
47
|
+
onMouseDown: handleMouseDown
|
|
48
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
49
|
+
"data-odn-invocation-slash": true,
|
|
50
|
+
"aria-hidden": true
|
|
51
|
+
}, "/"), /*#__PURE__*/React.createElement("span", {
|
|
52
|
+
"data-odn-invocation-label": true
|
|
53
|
+
}, data.label));
|
|
54
|
+
if (interactive) return core;
|
|
55
|
+
var summary = formatParamsSummary(data.params);
|
|
56
|
+
if (!summary) return core;
|
|
57
|
+
return /*#__PURE__*/React.createElement(Popover, {
|
|
58
|
+
trigger: "hover",
|
|
59
|
+
placement: "top",
|
|
60
|
+
arrowed: false,
|
|
61
|
+
offset: 6,
|
|
62
|
+
mouseEnterDelay: 0.15,
|
|
63
|
+
mouseLeaveDelay: 0.1,
|
|
64
|
+
popup: /*#__PURE__*/React.createElement(InvocationHoverPopup, {
|
|
65
|
+
label: data.label,
|
|
66
|
+
summary: summary
|
|
67
|
+
})
|
|
68
|
+
}, core);
|
|
69
|
+
}
|
|
70
|
+
function InvocationHoverPopup(_ref6) {
|
|
71
|
+
var label = _ref6.label,
|
|
72
|
+
summary = _ref6.summary;
|
|
73
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
74
|
+
"data-odn-invocation-popover-inner": true
|
|
75
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
76
|
+
"data-odn-invocation-popover-title": true
|
|
77
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
78
|
+
"data-odn-invocation-popover-slash": true,
|
|
79
|
+
"aria-hidden": true
|
|
80
|
+
}, "/"), label), /*#__PURE__*/React.createElement("div", {
|
|
81
|
+
"data-odn-invocation-popover-summary": true
|
|
82
|
+
}, summary));
|
|
83
|
+
}
|
|
84
|
+
export default Invocation;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
[data-odn-invocation] {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
white-space: nowrap;
|
|
5
|
+
word-break: keep-all;
|
|
6
|
+
overflow-wrap: normal;
|
|
7
|
+
margin: 0;
|
|
8
|
+
padding: 0 4px;
|
|
9
|
+
border-radius: 6px;
|
|
10
|
+
background: transparent;
|
|
11
|
+
color: var(--odn-color-cyan-6, var(--odn-color-cyan-5));
|
|
12
|
+
font-weight: 500;
|
|
13
|
+
font-size: inherit;
|
|
14
|
+
line-height: inherit;
|
|
15
|
+
cursor: default;
|
|
16
|
+
user-select: none;
|
|
17
|
+
-webkit-user-select: none;
|
|
18
|
+
transition: background-color 0.15s;
|
|
19
|
+
}
|
|
20
|
+
[data-odn-invocation][data-state=active], [data-odn-invocation]:hover {
|
|
21
|
+
background: color-mix(in srgb, var(--odn-color-cyan-5) 12%, transparent);
|
|
22
|
+
}
|
|
23
|
+
[data-odn-invocation][data-clickable] {
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
[data-odn-invocation-slash] {
|
|
28
|
+
opacity: 0.7;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
[data-odn-invocation-popover-inner] {
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
gap: 6px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
[data-odn-invocation-popover-title] {
|
|
38
|
+
display: inline-flex;
|
|
39
|
+
align-items: center;
|
|
40
|
+
gap: 1px;
|
|
41
|
+
font-weight: 500;
|
|
42
|
+
color: var(--odn-color-cyan-6, var(--odn-color-cyan-5));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
[data-odn-invocation-popover-slash] {
|
|
46
|
+
opacity: 0.7;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
[data-odn-invocation-popover-summary] {
|
|
50
|
+
display: inline-block;
|
|
51
|
+
align-self: flex-start;
|
|
52
|
+
padding: 2px 6px;
|
|
53
|
+
border-radius: 4px;
|
|
54
|
+
background: color-mix(in srgb, var(--odn-color-cyan-5) 10%, transparent);
|
|
55
|
+
color: var(--odn-color-cyan-6, var(--odn-color-cyan-5));
|
|
56
|
+
font-size: 12px;
|
|
57
|
+
line-height: 1.4;
|
|
58
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { MentionData } from '../_genui-types';
|
|
3
|
+
import './style';
|
|
4
|
+
export interface MentionProps {
|
|
5
|
+
data: MentionData;
|
|
6
|
+
/**
|
|
7
|
+
* true:Composer 编辑态(可点、无 hover 摘要弹层)。
|
|
8
|
+
* false:UserBubble 等只读态(可 hover 看摘要)。
|
|
9
|
+
*/
|
|
10
|
+
interactive?: boolean;
|
|
11
|
+
/** form popover 打开时的高亮态(L4 params 启用后使用) */
|
|
12
|
+
active?: boolean;
|
|
13
|
+
/** 交互态单击回调 */
|
|
14
|
+
onClick?: (anchor: HTMLElement) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare function Mention({ data, interactive, active, onClick, }: MentionProps): import("react").JSX.Element;
|
|
17
|
+
export default Mention;
|