@qilin-agent/client-ui-attachment 3.1.6 → 3.1.7
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/lib/client.js +31 -11
- package/package.json +9 -9
package/lib/client.js
CHANGED
|
@@ -24,7 +24,7 @@ window.__ModuleLoader__.load({
|
|
|
24
24
|
}
|
|
25
25
|
//#endregion
|
|
26
26
|
//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-attachment/src/AttachmentRail.module.css.mjs
|
|
27
|
-
const css$4 = ".tsmrHq_root{min-width:0;position:relative}.tsmrHq_rail{scrollbar-width:none;--qilin-scrollbar-thumb:var(--qilin-alias-scrollbar-bg-l2);--qilin-scrollbar-thumb-hover:var(--qilin-alias-scrollbar-hover-l2);align-items:stretch;gap:10px;display:flex;overflow:auto hidden}.tsmrHq_rail::-webkit-scrollbar{display:none}.tsmrHq_item{flex:none;height:64px}.tsmrHq_thumbnail{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);background:var(--qilin-alias-interactive-bg-hover);cursor:zoom-in;
|
|
27
|
+
const css$4 = ".tsmrHq_root{min-width:0;position:relative}.tsmrHq_rail{scrollbar-width:none;--qilin-scrollbar-thumb:var(--qilin-alias-scrollbar-bg-l2);--qilin-scrollbar-thumb-hover:var(--qilin-alias-scrollbar-hover-l2);align-items:stretch;gap:10px;display:flex;overflow:auto hidden}.tsmrHq_rail::-webkit-scrollbar{display:none}.tsmrHq_item{flex:none;height:64px}.tsmrHq_thumbnail{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);border-radius:var(--qilin-radius-xl);background:var(--qilin-alias-interactive-bg-hover);cursor:zoom-in;width:64px;height:64px;padding:0;overflow:hidden}.tsmrHq_thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.tsmrHq_remove{z-index:1;corner-shape:round;background:var(--qilin-alias-button-contrast-fill);width:18px;height:18px;color:var(--qilin-alias-label-primary-inverted);cursor:pointer;opacity:0;border:none;border-radius:50%;place-items:center;padding:0;transition:opacity .2s ease-in-out;display:grid;position:absolute;top:4px;right:4px}.tsmrHq_item:hover .tsmrHq_remove,.tsmrHq_remove:focus-visible{opacity:1}@media (pointer:coarse){.tsmrHq_remove{opacity:1}}@media (prefers-reduced-motion:reduce){.tsmrHq_remove{transition:none}}.tsmrHq_arrow{z-index:2;--qilin-elevation-stroke-color:var(--qilin-alias-border-l2-darkmode-thin);corner-shape:round;background:var(--qilin-specific-input-major);width:24px;height:24px;color:var(--qilin-alias-label-secondary);box-shadow:var(--qilin-elevation-panel);cursor:pointer;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tsmrHq_arrow:hover{background:var(--qilin-alias-interactive-bg-hover-solid)}.tsmrHq_arrowLeft{left:4px}.tsmrHq_arrowRight{right:4px}";
|
|
28
28
|
const tagId$4 = "@qilin-agent/client-ui-attachment/AttachmentRail.module.css";
|
|
29
29
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
|
|
30
30
|
const tag = document.createElement("style");
|
|
@@ -144,7 +144,7 @@ window.__ModuleLoader__.load({
|
|
|
144
144
|
onClick: () => {
|
|
145
145
|
page(-1);
|
|
146
146
|
},
|
|
147
|
-
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.
|
|
147
|
+
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconChevronLeftOutlineRegular, {})
|
|
148
148
|
}),
|
|
149
149
|
(0, react_jsx_runtime.jsx)("div", {
|
|
150
150
|
ref: railRef,
|
|
@@ -164,7 +164,7 @@ window.__ModuleLoader__.load({
|
|
|
164
164
|
onClick: () => {
|
|
165
165
|
page(1);
|
|
166
166
|
},
|
|
167
|
-
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.
|
|
167
|
+
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconChevronRightOutlineRegular, {})
|
|
168
168
|
})
|
|
169
169
|
]
|
|
170
170
|
});
|
|
@@ -357,7 +357,7 @@ window.__ModuleLoader__.load({
|
|
|
357
357
|
});
|
|
358
358
|
//#endregion
|
|
359
359
|
//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-attachment/src/FileCard.module.css.mjs
|
|
360
|
-
const css$2 = ".LBRGAa_card{border:.5px solid var(--qilin-alias-border-l2,#0000001f);background:var(--qilin-specific-input-major,transparent);box-sizing:border-box;text-align:left;
|
|
360
|
+
const css$2 = ".LBRGAa_card{border:.5px solid var(--qilin-alias-border-l2,#0000001f);border-radius:var(--qilin-radius-lg);background:var(--qilin-specific-input-major,transparent);box-sizing:border-box;text-align:left;align-items:center;gap:10px;width:240px;height:64px;padding:0 12px;display:inline-flex;position:relative}.LBRGAa_failed{border-color:var(--qilin-alias-state-error-primary,#d54941)}.LBRGAa_icon{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.LBRGAa_spinner{corner-shape:round;border:2px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite LBRGAa_file-card-spin}@keyframes LBRGAa_file-card-spin{to{transform:rotate(360deg)}}.LBRGAa_body{flex-direction:column;flex:1;min-width:0;padding:8px 0;display:flex}.LBRGAa_retry{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.LBRGAa_name{white-space:nowrap;text-overflow:ellipsis;color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.LBRGAa_meta{white-space:nowrap;text-overflow:ellipsis;color:var(--qilin-alias-label-tertiary,#00000073);font-size:12px;line-height:15px;overflow:hidden}.LBRGAa_metaFailed{color:var(--qilin-alias-state-error-primary,#d54941)}.LBRGAa_remove{corner-shape:round;background:var(--qilin-alias-button-contrast-fill,#000000b8);width:18px;height:18px;color:var(--qilin-alias-label-primary-inverted,#fff);opacity:0;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s ease-in-out;display:inline-flex;position:absolute;top:6px;right:6px}.LBRGAa_card:hover .LBRGAa_remove,.LBRGAa_remove:focus-visible{opacity:1}@media (pointer:coarse){.LBRGAa_remove{opacity:1}}@media (prefers-reduced-motion:reduce){.LBRGAa_remove{transition:none}}.LBRGAa_card:hover .LBRGAa_name,.LBRGAa_card:focus-within .LBRGAa_name{padding-right:18px}.LBRGAa_removeFailed{background:var(--qilin-alias-state-error-primary,#d54941);color:#fff;opacity:1}.LBRGAa_progressTrack{background:var(--qilin-alias-fill-tertiary,#00000014);border-radius:1px;height:2px;position:absolute;bottom:5px;left:12px;right:12px;overflow:hidden}.LBRGAa_progressBar{border-radius:inherit;background:var(--qilin-alias-brand-primary,#4d6bfe);width:35%;height:100%;animation:1.2s ease-in-out infinite alternate LBRGAa_file-card-progress;display:block}.LBRGAa_progressBar[style]{animation:none}@keyframes LBRGAa_file-card-progress{0%{transform:translate(-70%)}to{transform:translate(220%)}}@media (pointer:coarse){.LBRGAa_remove{opacity:1}}";
|
|
361
361
|
const tagId$2 = "@qilin-agent/client-ui-attachment/FileCard.module.css";
|
|
362
362
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
|
|
363
363
|
const tag = document.createElement("style");
|
|
@@ -427,7 +427,7 @@ window.__ModuleLoader__.load({
|
|
|
427
427
|
className: retryable ? `${FileCard_module_css_default.remove} ${FileCard_module_css_default.removeFailed}` : FileCard_module_css_default.remove,
|
|
428
428
|
"aria-label": labels.remove,
|
|
429
429
|
onClick: onRemove,
|
|
430
|
-
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.
|
|
430
|
+
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconCloseFillRegular, { size: 12 })
|
|
431
431
|
}),
|
|
432
432
|
state === "uploading" && (0, react_jsx_runtime.jsx)("span", {
|
|
433
433
|
className: FileCard_module_css_default.progressTrack,
|
|
@@ -512,6 +512,23 @@ window.__ModuleLoader__.load({
|
|
|
512
512
|
//#endregion
|
|
513
513
|
//#region lib/types/client/drop-events.js
|
|
514
514
|
/**
|
|
515
|
+
* Members of a drop that are directories. The `File` a directory drop yields
|
|
516
|
+
* is indistinguishable from an empty file, so the entry API is the only
|
|
517
|
+
* source of that fact; browsers without it report no directories.
|
|
518
|
+
*/
|
|
519
|
+
function droppedDirectories(dataTransfer, files) {
|
|
520
|
+
const directories = /* @__PURE__ */ new Set();
|
|
521
|
+
let fileIndex = 0;
|
|
522
|
+
for (const item of dataTransfer.items) {
|
|
523
|
+
if (item.kind !== "file") continue;
|
|
524
|
+
const file = files[fileIndex++];
|
|
525
|
+
if (typeof item.webkitGetAsEntry !== "function") continue;
|
|
526
|
+
if (item.webkitGetAsEntry()?.isDirectory !== true) continue;
|
|
527
|
+
if (file !== void 0) directories.add(file);
|
|
528
|
+
}
|
|
529
|
+
return directories;
|
|
530
|
+
}
|
|
531
|
+
/**
|
|
515
532
|
* Install one attachment view's file-drop listeners.
|
|
516
533
|
* @param canAcceptDrop - whether this view accepts the dropped files.
|
|
517
534
|
* @param onAddFiles - attachment intake callback.
|
|
@@ -553,7 +570,10 @@ window.__ModuleLoader__.load({
|
|
|
553
570
|
if (dataTransfer === null) return;
|
|
554
571
|
event.preventDefault();
|
|
555
572
|
reset();
|
|
556
|
-
if (canAcceptDrop)
|
|
573
|
+
if (canAcceptDrop) {
|
|
574
|
+
const files = [...dataTransfer.files];
|
|
575
|
+
onAddFiles(files, droppedDirectories(dataTransfer, files));
|
|
576
|
+
}
|
|
557
577
|
};
|
|
558
578
|
document.addEventListener("dragenter", onDragEnter);
|
|
559
579
|
document.addEventListener("dragover", onDragOver);
|
|
@@ -570,7 +590,7 @@ window.__ModuleLoader__.load({
|
|
|
570
590
|
}
|
|
571
591
|
//#endregion
|
|
572
592
|
//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-attachment/src/client/ComposerAttachments.module.css.mjs
|
|
573
|
-
const css$1 = ".z3i06q_rail{min-width:0;margin-bottom:-6px;padding:2px 10px 0}.z3i06q_imageItem{width:64px;height:64px;position:relative}.z3i06q_thumbnail{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);background:var(--qilin-alias-interactive-bg-hover);cursor:zoom-in;
|
|
593
|
+
const css$1 = ".z3i06q_rail{min-width:0;margin-bottom:-6px;padding:2px 10px 0}.z3i06q_imageItem{width:64px;height:64px;position:relative}.z3i06q_thumbnail{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);border-radius:var(--qilin-radius-xl);background:var(--qilin-alias-interactive-bg-hover);cursor:zoom-in;width:64px;height:64px;padding:0;overflow:hidden}.z3i06q_thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.z3i06q_remove{z-index:1;corner-shape:round;background:var(--qilin-alias-button-contrast-fill);width:18px;height:18px;color:var(--qilin-alias-label-primary-inverted);cursor:pointer;opacity:0;border:none;border-radius:50%;place-items:center;padding:0;transition:opacity .2s ease-in-out;display:grid;position:absolute;top:4px;right:4px}.z3i06q_imageItem:hover .z3i06q_remove,.z3i06q_remove:focus-visible{opacity:1}@media (pointer:coarse){.z3i06q_remove{opacity:1}}@media (prefers-reduced-motion:reduce){.z3i06q_remove{transition:none}}";
|
|
574
594
|
const tagId$1 = "@qilin-agent/client-ui-attachment/ComposerAttachments.module.css";
|
|
575
595
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
|
|
576
596
|
const tag = document.createElement("style");
|
|
@@ -653,7 +673,7 @@ window.__ModuleLoader__.load({
|
|
|
653
673
|
onClick: () => {
|
|
654
674
|
onRemoveAttachment(attachment.id);
|
|
655
675
|
},
|
|
656
|
-
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.
|
|
676
|
+
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconCloseFillRegular, { size: 12 })
|
|
657
677
|
})]
|
|
658
678
|
});
|
|
659
679
|
}
|
|
@@ -669,7 +689,7 @@ window.__ModuleLoader__.load({
|
|
|
669
689
|
}
|
|
670
690
|
//#endregion
|
|
671
691
|
//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-attachment/src/MessageImage.module.css.mjs
|
|
672
|
-
const css = ".AdZSYG_gallery{flex-wrap:wrap;gap:10px;max-width:100%;display:flex}.AdZSYG_gallery[data-align=end]{justify-content:flex-end;align-self:flex-end}.AdZSYG_gallery[data-align=start]{justify-content:flex-start;align-self:flex-start}.AdZSYG_frame{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);background:var(--qilin-alias-interactive-bg-hover);cursor:zoom-in;
|
|
692
|
+
const css = ".AdZSYG_gallery{flex-wrap:wrap;gap:10px;max-width:100%;display:flex}.AdZSYG_gallery[data-align=end]{justify-content:flex-end;align-self:flex-end}.AdZSYG_gallery[data-align=start]{justify-content:flex-start;align-self:flex-start}.AdZSYG_frame{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);border-radius:var(--qilin-radius-xl);background:var(--qilin-alias-interactive-bg-hover);cursor:zoom-in;flex:none;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid;overflow:hidden}.AdZSYG_frame[data-variant=tile]{width:64px;min-width:64px;height:64px;min-height:64px}.AdZSYG_frame img{object-fit:cover;width:100%;height:100%;display:block}.AdZSYG_loading,.AdZSYG_error{color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:18px}.AdZSYG_error{border:.5px solid var(--qilin-alias-border-l2-darkmode-thin);border-radius:var(--qilin-radius-md);background:var(--qilin-alias-interactive-bg-hover-danger);cursor:pointer;max-width:240px;padding:10px 12px}.AdZSYG_error[data-variant=tile]{border-radius:var(--qilin-radius-xl);width:64px;height:64px;padding:4px;overflow:hidden}.AdZSYG_frame[data-variant=thumbnail],.AdZSYG_error[data-variant=thumbnail]{box-sizing:border-box;border-radius:var(--qilin-radius-lg);place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:2px;display:grid;overflow:hidden}.AdZSYG_frame[data-variant=thumbnail] img{object-fit:contain}.AdZSYG_spinner{animation:.9s linear infinite AdZSYG_spinner-rotate}@keyframes AdZSYG_spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.AdZSYG_spinner{animation:none}}.AdZSYG_frame:focus-visible,.AdZSYG_error:focus-visible{outline:var(--qilin-focus-ring-width) solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:2px}";
|
|
673
693
|
const tagId = "@qilin-agent/client-ui-attachment/MessageImage.module.css";
|
|
674
694
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
|
|
675
695
|
const tag = document.createElement("style");
|
|
@@ -783,7 +803,7 @@ window.__ModuleLoader__.load({
|
|
|
783
803
|
onClick: request,
|
|
784
804
|
children: variant === "thumbnail" ? (0, react_jsx_runtime.jsx)("span", {
|
|
785
805
|
"aria-hidden": "true",
|
|
786
|
-
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.
|
|
806
|
+
children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconRefreshOutlineRegular, {})
|
|
787
807
|
}) : labels.loadFailed
|
|
788
808
|
});
|
|
789
809
|
return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("button", {
|
|
@@ -803,7 +823,7 @@ window.__ModuleLoader__.load({
|
|
|
803
823
|
children: src === null ? (0, react_jsx_runtime.jsx)("span", {
|
|
804
824
|
className: MessageImage_module_css_default.loading,
|
|
805
825
|
"aria-hidden": loadingThumbnail || void 0,
|
|
806
|
-
children: loadingThumbnail ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.
|
|
826
|
+
children: loadingThumbnail ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconLoadingOutlineRegular, { className: MessageImage_module_css_default.spinner }) : labels.loading
|
|
807
827
|
}) : (0, react_jsx_runtime.jsx)("img", {
|
|
808
828
|
src,
|
|
809
829
|
alt: label,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qilin-agent/client-ui-attachment",
|
|
3
3
|
"description": "Dynamic attachment presentation plugin for conversation input, message-image, and trajectory image slots",
|
|
4
|
-
"version": "3.1.
|
|
4
|
+
"version": "3.1.7",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -48,14 +48,14 @@
|
|
|
48
48
|
"react-dom": "^18.2.0",
|
|
49
49
|
"clsx": "^2.0.0",
|
|
50
50
|
"@qilin-agent/kylin": "~4.0.5",
|
|
51
|
-
"@qilin-agent/client-ui-
|
|
52
|
-
"@qilin-agent/client-ui-
|
|
53
|
-
"@qilin-agent/client-ui-
|
|
54
|
-
"@qilin-agent/client-ui-
|
|
55
|
-
"@qilin-agent/
|
|
56
|
-
"@qilin-agent/client-ui-slots": "3.1.
|
|
57
|
-
"@qilin-agent/client-ui-tool": "3.1.
|
|
58
|
-
"@qilin-agent/
|
|
51
|
+
"@qilin-agent/client-ui-trajectory": "3.1.7",
|
|
52
|
+
"@qilin-agent/client-ui-chat": "3.1.7",
|
|
53
|
+
"@qilin-agent/client-ui-renderer": "3.1.7",
|
|
54
|
+
"@qilin-agent/client-ui-conversation": "3.1.7",
|
|
55
|
+
"@qilin-agent/client-ui-primitives": "3.1.7",
|
|
56
|
+
"@qilin-agent/client-ui-slots": "3.1.7",
|
|
57
|
+
"@qilin-agent/client-ui-tool": "3.1.7",
|
|
58
|
+
"@qilin-agent/attachment": "3.1.7"
|
|
59
59
|
},
|
|
60
60
|
"files": [
|
|
61
61
|
"lib/index.js",
|