@vite-plugin-opencode-assistant/components 1.0.49 → 1.0.51
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/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/open-code-widget/src/components/ChatPanel.vue.js +2 -1
- package/es/open-code-widget/src/components/ResizeHandle-sfc.css +1 -1
- package/es/open-code-widget/src/components/ResizeHandle.vue.d.ts +2 -0
- package/es/open-code-widget/src/components/ResizeHandle.vue.js +9 -3
- package/lib/@vite-plugin-opencode-assistant/components.cjs.js +16 -4
- package/lib/@vite-plugin-opencode-assistant/components.es.js +16 -4
- package/lib/components.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/open-code-widget/src/components/ChatPanel.vue.js +2 -1
- package/lib/open-code-widget/src/components/ResizeHandle-sfc.css +1 -1
- package/lib/open-code-widget/src/components/ResizeHandle.vue.d.ts +2 -0
- package/lib/open-code-widget/src/components/ResizeHandle.vue.js +9 -3
- package/lib/web-types.json +1 -1
- package/package.json +2 -2
package/es/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import OpenCodeWidget from './open-code-widget';
|
|
2
2
|
import type { App } from 'vue';
|
|
3
|
-
declare const version = "1.0.
|
|
3
|
+
declare const version = "1.0.51";
|
|
4
4
|
declare function install(app: App<any>, options?: any): void;
|
|
5
5
|
export { install, version, OpenCodeWidget };
|
|
6
6
|
export default install;
|
package/es/index.js
CHANGED
|
@@ -161,10 +161,11 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
161
161
|
width: $props.panelWidth,
|
|
162
162
|
"min-width": $props.minWidth,
|
|
163
163
|
"max-width": $props.maxWidth,
|
|
164
|
+
position: $props.splitPosition,
|
|
164
165
|
onResize: $setup.handleResize,
|
|
165
166
|
onResizeStart: $setup.handleResizeStart,
|
|
166
167
|
onResizeEnd: $setup.handleResizeEnd
|
|
167
|
-
}, null, 8, ["width", "min-width", "max-width"])) : _createCommentVNode("v-if", true),
|
|
168
|
+
}, null, 8, ["width", "min-width", "max-width", "position"])) : _createCommentVNode("v-if", true),
|
|
168
169
|
$props.mode === "split" ? (_openBlock(), _createElementBlock("button", {
|
|
169
170
|
key: 1,
|
|
170
171
|
type: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}
|
|
1
|
+
.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle.handle-left{left:auto;right:0}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle.handle-left:after{left:auto;right:2px}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}
|
|
@@ -2,6 +2,7 @@ type __VLS_Props = {
|
|
|
2
2
|
width?: number;
|
|
3
3
|
minWidth?: number;
|
|
4
4
|
maxWidth?: number;
|
|
5
|
+
position?: "left" | "right";
|
|
5
6
|
};
|
|
6
7
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
8
|
resize: (width: number) => any;
|
|
@@ -15,5 +16,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
15
16
|
width: number;
|
|
16
17
|
minWidth: number;
|
|
17
18
|
maxWidth: number;
|
|
19
|
+
position: "left" | "right";
|
|
18
20
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
21
|
export default _default;
|
|
@@ -27,7 +27,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
|
|
|
27
27
|
props: {
|
|
28
28
|
width: { type: Number, required: false, default: 500 },
|
|
29
29
|
minWidth: { type: Number, required: false, default: 400 },
|
|
30
|
-
maxWidth: { type: Number, required: false, default: 800 }
|
|
30
|
+
maxWidth: { type: Number, required: false, default: 800 },
|
|
31
|
+
position: { type: String, required: false, default: "right" }
|
|
31
32
|
},
|
|
32
33
|
emits: ["resize", "resize-start", "resize-end"],
|
|
33
34
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -48,7 +49,12 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
|
|
|
48
49
|
};
|
|
49
50
|
const handleMouseMove = (e) => {
|
|
50
51
|
if (!isResizing.value) return;
|
|
51
|
-
|
|
52
|
+
let deltaX;
|
|
53
|
+
if (props.position === "right") {
|
|
54
|
+
deltaX = startX.value - e.clientX;
|
|
55
|
+
} else {
|
|
56
|
+
deltaX = e.clientX - startX.value;
|
|
57
|
+
}
|
|
52
58
|
const newWidth = Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX));
|
|
53
59
|
emit("resize", newWidth);
|
|
54
60
|
};
|
|
@@ -75,7 +81,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
75
81
|
return _openBlock(), _createElementBlock(
|
|
76
82
|
"div",
|
|
77
83
|
{
|
|
78
|
-
class: _normalizeClass(["opencode-resize-handle", { resizing: $setup.isResizing }]),
|
|
84
|
+
class: _normalizeClass(["opencode-resize-handle", { resizing: $setup.isResizing, "handle-left": $props.position === "left" }]),
|
|
79
85
|
onMousedown: $setup.handleMouseDown,
|
|
80
86
|
onDblclick: $setup.handleDoubleClick
|
|
81
87
|
},
|
|
@@ -749,6 +749,11 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$3(__s
|
|
|
749
749
|
type: Number,
|
|
750
750
|
required: false,
|
|
751
751
|
default: 800
|
|
752
|
+
},
|
|
753
|
+
position: {
|
|
754
|
+
type: String,
|
|
755
|
+
required: false,
|
|
756
|
+
default: "right"
|
|
752
757
|
}
|
|
753
758
|
},
|
|
754
759
|
emits: [
|
|
@@ -774,7 +779,9 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$3(__s
|
|
|
774
779
|
};
|
|
775
780
|
const handleMouseMove = (e) => {
|
|
776
781
|
if (!isResizing.value) return;
|
|
777
|
-
|
|
782
|
+
let deltaX;
|
|
783
|
+
if (props.position === "right") deltaX = startX.value - e.clientX;
|
|
784
|
+
else deltaX = e.clientX - startX.value;
|
|
778
785
|
emit("resize", Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX)));
|
|
779
786
|
};
|
|
780
787
|
const handleMouseUp = () => {
|
|
@@ -810,7 +817,10 @@ var __vue_sfc__$5 = /* @__PURE__ */ (0, vue.defineComponent)(__spreadProps$3(__s
|
|
|
810
817
|
}));
|
|
811
818
|
function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
812
819
|
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
|
813
|
-
class: (0, vue.normalizeClass)(["opencode-resize-handle", {
|
|
820
|
+
class: (0, vue.normalizeClass)(["opencode-resize-handle", {
|
|
821
|
+
resizing: $setup.isResizing,
|
|
822
|
+
"handle-left": $props.position === "left"
|
|
823
|
+
}]),
|
|
814
824
|
onMousedown: $setup.handleMouseDown,
|
|
815
825
|
onDblclick: $setup.handleDoubleClick
|
|
816
826
|
}, null, 34);
|
|
@@ -1056,13 +1066,15 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1056
1066
|
width: $props.panelWidth,
|
|
1057
1067
|
"min-width": $props.minWidth,
|
|
1058
1068
|
"max-width": $props.maxWidth,
|
|
1069
|
+
position: $props.splitPosition,
|
|
1059
1070
|
onResize: $setup.handleResize,
|
|
1060
1071
|
onResizeStart: $setup.handleResizeStart,
|
|
1061
1072
|
onResizeEnd: $setup.handleResizeEnd
|
|
1062
1073
|
}, null, 8, [
|
|
1063
1074
|
"width",
|
|
1064
1075
|
"min-width",
|
|
1065
|
-
"max-width"
|
|
1076
|
+
"max-width",
|
|
1077
|
+
"position"
|
|
1066
1078
|
])) : (0, vue.createCommentVNode)("v-if", true),
|
|
1067
1079
|
$props.mode === "split" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
|
|
1068
1080
|
key: 1,
|
|
@@ -3180,7 +3192,7 @@ __vue_sfc__.render = __vue_render__;
|
|
|
3180
3192
|
var open_code_widget_default = __vue_sfc__;
|
|
3181
3193
|
//#endregion
|
|
3182
3194
|
//#region es/index.js
|
|
3183
|
-
var version = "1.0.
|
|
3195
|
+
var version = "1.0.51";
|
|
3184
3196
|
function install(app, options) {
|
|
3185
3197
|
[open_code_widget_default].forEach((item) => {
|
|
3186
3198
|
if (item.install) app.use(item, options);
|
|
@@ -722,6 +722,11 @@ var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValu
|
|
|
722
722
|
type: Number,
|
|
723
723
|
required: false,
|
|
724
724
|
default: 800
|
|
725
|
+
},
|
|
726
|
+
position: {
|
|
727
|
+
type: String,
|
|
728
|
+
required: false,
|
|
729
|
+
default: "right"
|
|
725
730
|
}
|
|
726
731
|
},
|
|
727
732
|
emits: [
|
|
@@ -747,7 +752,9 @@ var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValu
|
|
|
747
752
|
};
|
|
748
753
|
const handleMouseMove = (e) => {
|
|
749
754
|
if (!isResizing.value) return;
|
|
750
|
-
|
|
755
|
+
let deltaX;
|
|
756
|
+
if (props.position === "right") deltaX = startX.value - e.clientX;
|
|
757
|
+
else deltaX = e.clientX - startX.value;
|
|
751
758
|
emit("resize", Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX)));
|
|
752
759
|
};
|
|
753
760
|
const handleMouseUp = () => {
|
|
@@ -783,7 +790,10 @@ var __vue_sfc__$5 = /* @__PURE__ */ defineComponent(__spreadProps$3(__spreadValu
|
|
|
783
790
|
}));
|
|
784
791
|
function __vue_render__$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
785
792
|
return openBlock(), createElementBlock("div", {
|
|
786
|
-
class: normalizeClass(["opencode-resize-handle", {
|
|
793
|
+
class: normalizeClass(["opencode-resize-handle", {
|
|
794
|
+
resizing: $setup.isResizing,
|
|
795
|
+
"handle-left": $props.position === "left"
|
|
796
|
+
}]),
|
|
787
797
|
onMousedown: $setup.handleMouseDown,
|
|
788
798
|
onDblclick: $setup.handleDoubleClick
|
|
789
799
|
}, null, 34);
|
|
@@ -1029,13 +1039,15 @@ function __vue_render__$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1029
1039
|
width: $props.panelWidth,
|
|
1030
1040
|
"min-width": $props.minWidth,
|
|
1031
1041
|
"max-width": $props.maxWidth,
|
|
1042
|
+
position: $props.splitPosition,
|
|
1032
1043
|
onResize: $setup.handleResize,
|
|
1033
1044
|
onResizeStart: $setup.handleResizeStart,
|
|
1034
1045
|
onResizeEnd: $setup.handleResizeEnd
|
|
1035
1046
|
}, null, 8, [
|
|
1036
1047
|
"width",
|
|
1037
1048
|
"min-width",
|
|
1038
|
-
"max-width"
|
|
1049
|
+
"max-width",
|
|
1050
|
+
"position"
|
|
1039
1051
|
])) : createCommentVNode("v-if", true),
|
|
1040
1052
|
$props.mode === "split" ? (openBlock(), createElementBlock("button", {
|
|
1041
1053
|
key: 1,
|
|
@@ -3153,7 +3165,7 @@ __vue_sfc__.render = __vue_render__;
|
|
|
3153
3165
|
var open_code_widget_default = __vue_sfc__;
|
|
3154
3166
|
//#endregion
|
|
3155
3167
|
//#region es/index.js
|
|
3156
|
-
var version = "1.0.
|
|
3168
|
+
var version = "1.0.51";
|
|
3157
3169
|
function install(app, options) {
|
|
3158
3170
|
[open_code_widget_default].forEach((item) => {
|
|
3159
3171
|
if (item.install) app.use(item, options);
|
package/lib/components.css
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
.opencode-chat-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:40px;background:var(--oc-bg-secondary);border-bottom:1px solid var(--oc-border-primary);z-index:5}.opencode-chat-header-left{display:flex;align-items:center;gap:4px}.opencode-chat-header-title{font-size:14px;font-weight:600;color:var(--oc-text-primary);position:absolute;left:50%;transform:translate(-50%)}.opencode-chat-header-actions{display:flex;gap:4px}.opencode-header-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.opencode-header-btn:hover{background:var(--oc-bg-tertiary);color:var(--oc-text-primary)}.opencode-header-btn.close:hover{background:var(--oc-danger);color:#fff}.opencode-header-btn.select-btn.active,.opencode-header-btn.session-toggle.active{background:var(--oc-primary);color:#fff}
|
|
5
5
|
.opencode-session-list{width:240px;background:var(--oc-bg-secondary);border-right:1px solid var(--oc-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.opencode-session-list.collapsed{width:0;overflow:hidden}.opencode-session-list.collapsed .opencode-session-list-header,.opencode-session-list.collapsed .opencode-session-list-content{display:none}.opencode-session-list-header{padding:16px;border-bottom:1px solid var(--oc-border-primary);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:var(--oc-text-primary)}.opencode-new-session-btn{width:28px;height:28px;border-radius:6px;border:none;background:var(--oc-primary);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.opencode-new-session-btn:hover{background:var(--oc-primary-hover);transform:scale(1.05)}.opencode-session-list-content{flex:1;overflow-y:auto;padding:8px;position:relative}.opencode-session-list-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.opencode-loading-spinner.small{width:24px;height:24px;border-width:2px}.opencode-session-item{padding:12px;border-radius:8px;cursor:pointer;transition:transform .2s;margin-bottom:4px;color:var(--oc-text-primary)}.opencode-session-item:hover{background:var(--oc-bg-tertiary)}.opencode-session-item.active{background:var(--oc-primary);color:#fff;transition:none}.opencode-session-title{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-session-meta{font-size:12px;opacity:.6}.opencode-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.opencode-session-delete-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--oc-text-placeholder);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0}.opencode-session-item:hover .opencode-session-delete-btn{opacity:1}.opencode-session-delete-btn:hover{background:var(--oc-danger);color:#fff}.opencode-session-item.active .opencode-session-delete-btn{color:rgba(255,255,255,.7)}.opencode-session-item.active .opencode-session-delete-btn:hover{background:rgba(255,255,255,.2);color:#fff}.opencode-session-header-skeleton{padding:16px;border-bottom:1px solid var(--oc-border-primary);display:none;justify-content:space-between;align-items:center}.opencode-session-header-skeleton.visible{display:flex}.opencode-skeleton-header-title{height:18px;width:80px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.opencode-skeleton-header-btn{width:28px;height:28px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.opencode-session-skeleton{flex:1;overflow-y:auto;padding:8px;display:none}.opencode-session-skeleton.visible{display:block}.opencode-skeleton-item{padding:12px;border-radius:8px;margin-bottom:4px;background:var(--oc-skeleton-bg)}.opencode-skeleton-title{height:16px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px;width:70%}.opencode-skeleton-meta{height:12px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;width:50%}.opencode-session-empty{padding:32px 16px;text-align:center;color:var(--oc-text-placeholder);font-size:13px}.opencode-thinking-loading{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid var(--oc-border-secondary);border-top-color:var(--oc-text-secondary);border-radius:50%;animation:thinking-spin .8s linear infinite;vertical-align:middle}.opencode-session-item.active .opencode-thinking-loading{border-color:rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.9)}@keyframes thinking-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
|
|
6
6
|
.opencode-right-toolbar{width:140px;background:var(--oc-bg-secondary);border-left:1px solid var(--oc-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden}.opencode-right-toolbar.collapsed{width:0;overflow:hidden}.opencode-right-toolbar.collapsed .opencode-selected-nodes-header,.opencode-right-toolbar.collapsed .opencode-selected-nodes,.opencode-right-toolbar.collapsed .opencode-clear-all-btn{display:none}.opencode-selected-nodes-header{padding:12px 8px 8px;border-bottom:1px solid var(--oc-border-primary)}.opencode-selected-nodes-title{font-size:14px;font-weight:600;color:var(--oc-text-primary);margin-bottom:4px}.opencode-selected-nodes-desc{font-size:11px;color:var(--oc-text-placeholder);line-height:1.4}.opencode-selected-nodes{flex:1;display:flex;flex-direction:column;padding:8px;gap:6px;overflow-y:auto;overflow-x:hidden}.opencode-selected-nodes:empty:before{content:"\6682\65e0\9009\4e2d\5143\7d20";color:var(--oc-text-placeholder);font-size:12px;text-align:center;padding:20px 10px}.opencode-selected-node{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--oc-bg-main);border:1px solid var(--oc-border-primary);border-radius:6px;font-size:12px;transition:all .2s}.opencode-selected-node:hover{border-color:var(--oc-primary);box-shadow:var(--oc-shadow-primary)}.opencode-node-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.opencode-node-text{color:var(--oc-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-node-file{color:var(--oc-text-placeholder);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-node-remove{width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;flex-shrink:0}.opencode-node-remove:hover{background:var(--oc-danger);color:#fff}.opencode-clear-all-btn{width:calc(100% - 16px);margin:8px;padding:8px 12px;border-radius:6px;border:none;background:var(--oc-danger);color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.opencode-clear-all-btn:hover{background:var(--oc-danger-hover);transform:scale(1.02)}
|
|
7
|
-
.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}
|
|
7
|
+
.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle.handle-left{left:auto;right:0}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle.handle-left:after{left:auto;right:2px}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}
|
|
8
8
|
.opencode-select-mode-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3);z-index:9999999;display:none;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.3)}.opencode-select-mode-hint.visible{display:flex;animation:slideDown .3s ease,pulseHint 2s ease-in-out infinite}.opencode-hint-shortcut{padding:4px 10px;background:rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.4)}@keyframes pulseHint{0%,to{box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3)}50%{box-shadow:0 6px 20px rgba(239,68,68,.6),0 0 0 6px rgba(239,68,68,.4)}}
|
|
9
9
|
.opencode-button{width:42px;height:42px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.opencode-button svg{transform:rotate(180deg) scale(1.1);transition:transform .3s ease;width:100%;height:100%;display:block}.opencode-button:hover svg{transform:rotate(180deg) scale(1.1)}.opencode-button:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(102,126,234,.5)}.opencode-button.thinking{background:linear-gradient(135deg,#667eea,#764ba2);animation:thinking-glow 2s ease-in-out infinite,thinking-pulse 2s ease-in-out infinite;box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}.opencode-button.thinking svg path{fill:#fff}.opencode-button.thinking:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-button.thinking:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 180deg,transparent,rgba(102,126,234,.3),transparent,rgba(118,75,162,.3),transparent);z-index:-2;animation:thinking-rotate 2s linear infinite reverse;filter:blur(8px)}@keyframes thinking-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}50%{box-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6),0 0 90px rgba(102,126,234,.3)}}@keyframes thinking-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes thinking-pulse{0%,to{transform:scale(1)}50%{transform:scale(.92)}}.opencode-button.opencode-theme-dark{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.opencode-button.opencode-theme-dark:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-button.opencode-theme-dark:hover{box-shadow:0 6px 16px rgba(102,126,234,.4)}.opencode-button.opencode-theme-dark svg path{fill:#fff}
|
|
10
10
|
.floating-bubble{position:fixed;top:0;left:0;z-index:999999;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;will-change:transform}.floating-bubble:active{cursor:grabbing}body.floating-bubble-dragging *{pointer-events:none!important}body.floating-bubble-dragging .floating-bubble,body.floating-bubble-dragging .floating-bubble *{pointer-events:auto!important}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import OpenCodeWidget from './open-code-widget';
|
|
2
2
|
import type { App } from 'vue';
|
|
3
|
-
declare const version = "1.0.
|
|
3
|
+
declare const version = "1.0.51";
|
|
4
4
|
declare function install(app: App<any>, options?: any): void;
|
|
5
5
|
export { install, version, OpenCodeWidget };
|
|
6
6
|
export default install;
|
package/lib/index.js
CHANGED
|
@@ -34,7 +34,7 @@ __export(lib_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(lib_exports);
|
|
36
36
|
var import_open_code_widget = __toESM(require("./open-code-widget"));
|
|
37
|
-
const version = "1.0.
|
|
37
|
+
const version = "1.0.51";
|
|
38
38
|
function install(app, options) {
|
|
39
39
|
const components = [
|
|
40
40
|
import_open_code_widget.default
|
|
@@ -191,10 +191,11 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
191
191
|
width: $props.panelWidth,
|
|
192
192
|
"min-width": $props.minWidth,
|
|
193
193
|
"max-width": $props.maxWidth,
|
|
194
|
+
position: $props.splitPosition,
|
|
194
195
|
onResize: $setup.handleResize,
|
|
195
196
|
onResizeStart: $setup.handleResizeStart,
|
|
196
197
|
onResizeEnd: $setup.handleResizeEnd
|
|
197
|
-
}, null, 8, ["width", "min-width", "max-width"])) : (0, import_vue3.createCommentVNode)("v-if", true),
|
|
198
|
+
}, null, 8, ["width", "min-width", "max-width", "position"])) : (0, import_vue3.createCommentVNode)("v-if", true),
|
|
198
199
|
$props.mode === "split" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
|
|
199
200
|
key: 1,
|
|
200
201
|
type: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}
|
|
1
|
+
.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle.handle-left{left:auto;right:0}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle.handle-left:after{left:auto;right:2px}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}
|
|
@@ -2,6 +2,7 @@ type __VLS_Props = {
|
|
|
2
2
|
width?: number;
|
|
3
3
|
minWidth?: number;
|
|
4
4
|
maxWidth?: number;
|
|
5
|
+
position?: "left" | "right";
|
|
5
6
|
};
|
|
6
7
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
8
|
resize: (width: number) => any;
|
|
@@ -15,5 +16,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
15
16
|
width: number;
|
|
16
17
|
minWidth: number;
|
|
17
18
|
maxWidth: number;
|
|
19
|
+
position: "left" | "right";
|
|
18
20
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
21
|
export default _default;
|
|
@@ -48,7 +48,8 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
|
|
|
48
48
|
props: {
|
|
49
49
|
width: { type: Number, required: false, default: 500 },
|
|
50
50
|
minWidth: { type: Number, required: false, default: 400 },
|
|
51
|
-
maxWidth: { type: Number, required: false, default: 800 }
|
|
51
|
+
maxWidth: { type: Number, required: false, default: 800 },
|
|
52
|
+
position: { type: String, required: false, default: "right" }
|
|
52
53
|
},
|
|
53
54
|
emits: ["resize", "resize-start", "resize-end"],
|
|
54
55
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -69,7 +70,12 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
|
|
|
69
70
|
};
|
|
70
71
|
const handleMouseMove = (e) => {
|
|
71
72
|
if (!isResizing.value) return;
|
|
72
|
-
|
|
73
|
+
let deltaX;
|
|
74
|
+
if (props.position === "right") {
|
|
75
|
+
deltaX = startX.value - e.clientX;
|
|
76
|
+
} else {
|
|
77
|
+
deltaX = e.clientX - startX.value;
|
|
78
|
+
}
|
|
73
79
|
const newWidth = Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX));
|
|
74
80
|
emit("resize", newWidth);
|
|
75
81
|
};
|
|
@@ -95,7 +101,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
95
101
|
return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
|
|
96
102
|
"div",
|
|
97
103
|
{
|
|
98
|
-
class: (0, import_vue3.normalizeClass)(["opencode-resize-handle", { resizing: $setup.isResizing }]),
|
|
104
|
+
class: (0, import_vue3.normalizeClass)(["opencode-resize-handle", { resizing: $setup.isResizing, "handle-left": $props.position === "left" }]),
|
|
99
105
|
onMousedown: $setup.handleMouseDown,
|
|
100
106
|
onDblclick: $setup.handleDoubleClick
|
|
101
107
|
},
|
package/lib/web-types.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.
|
|
1
|
+
{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.51","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vite-plugin-opencode-assistant/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.51",
|
|
4
4
|
"description": "Reusable OpenCode widget components built with Pagoda CLI",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"css-selector-generator": "^3.9.1",
|
|
34
|
-
"@vite-plugin-opencode-assistant/shared": "1.0.
|
|
34
|
+
"@vite-plugin-opencode-assistant/shared": "1.0.51"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@vitejs/plugin-vue": "^6.0.5",
|