vite-plugin-vue-devtools 0.0.1-alpha.8 → 0.0.1
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/README.md +85 -2
- package/dist/client/assets/{VCard-3a0b12c2.js → VCard-1d26a3c3.js} +1 -1
- package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-86460f61.js → VIcon.vue_vue_type_script_setup_true_lang-06188541.js} +1 -1
- package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-c05c07c2.js → VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js} +1 -1
- package/dist/client/assets/{VPanelGrids-6d2ad4c5.js → VPanelGrids-0d71921d.js} +1 -1
- package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-6d308683.js → VTextInput.vue_vue_type_script_setup_true_lang-38328457.js} +3 -3
- package/dist/client/assets/{__inspecting-b5822570.js → __inspecting-b04290ae.js} +2 -2
- package/dist/client/assets/{assets-95ea8b75.js → assets-e0c8ff78.js} +7 -7
- package/dist/client/assets/{components-0d5d212a.js → components-9660e7aa.js} +45 -9
- package/dist/client/assets/{graph-0b94d28f.js → graph-b29c71b4.js} +3 -2
- package/dist/client/assets/{index-bf312508.js → index-d9de2c94.js} +49 -13
- package/dist/client/assets/{inspect-2ac80830.js → inspect-56184e71.js} +2 -2
- package/dist/client/assets/{overview-3bb088ed.js → overview-c580d40f.js} +4 -4
- package/dist/client/assets/{pages-0cc06e19.js → pages-ec3d53ab.js} +4 -4
- package/dist/client/assets/{pinia-49851b52.js → pinia-8b81a9d8.js} +3 -3
- package/dist/client/assets/{routes-dda33a86.js → routes-f600cbfa.js} +20 -18
- package/dist/client/assets/{rpc-fce4af48.js → rpc-80e3af11.js} +1 -1
- package/dist/client/assets/{settings-c076e71f.js → settings-0c6220b2.js} +3 -3
- package/dist/client/assets/{splitpanes.es-12608568.js → splitpanes.es-8cd9ad22.js} +2 -2
- package/dist/client/assets/timeline-79d66fc7.js +1500 -0
- package/dist/client/assets/timeline-b315b2e0.css +1 -0
- package/dist/client/index.html +1 -1
- package/dist/index.d.ts +2 -2
- package/package.json +20 -15
- package/src/node/Container.vue +7 -2
- package/dist/client/assets/timeline-b8f32b1a.js +0 -209
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
|
package/dist/client/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
7
7
|
<title>Vue Devtools</title>
|
|
8
|
-
<script type="module" crossorigin src="./assets/index-
|
|
8
|
+
<script type="module" crossorigin src="./assets/index-d9de2c94.js"></script>
|
|
9
9
|
<link rel="stylesheet" href="./assets/index-f0fa9f81.css">
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
package/dist/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vite-plugin-vue-devtools",
|
|
3
|
-
"version": "0.0.1
|
|
4
|
-
"packageManager": "pnpm@
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"packageManager": "pnpm@8.4.0",
|
|
5
5
|
"description": "A vite plugin for Vue Devtools",
|
|
6
6
|
"author": "webfansplz",
|
|
7
7
|
"license": "MIT",
|
|
@@ -51,32 +51,35 @@
|
|
|
51
51
|
"prepublishOnly": "npm run build",
|
|
52
52
|
"release": "bumpp && npm publish"
|
|
53
53
|
},
|
|
54
|
+
"peerDependencies": {
|
|
55
|
+
"vite": "^3.0.0-0 || ^4.0.0-0"
|
|
56
|
+
},
|
|
54
57
|
"dependencies": {
|
|
55
58
|
"@vueuse/core": "^10.1.2",
|
|
56
59
|
"nanoid": "^4.0.2",
|
|
57
|
-
"sirv": "^2.0.
|
|
60
|
+
"sirv": "^2.0.3",
|
|
58
61
|
"splitpanes": "^3.1.5",
|
|
59
62
|
"vite-hot-client": "^0.2.1",
|
|
60
|
-
"vite-plugin-inspect": "^0.7.
|
|
63
|
+
"vite-plugin-inspect": "^0.7.25",
|
|
61
64
|
"vite-plugin-vue-inspector": "^3.4.1",
|
|
62
65
|
"vue-router": "^4.1.6"
|
|
63
66
|
},
|
|
64
67
|
"devDependencies": {
|
|
65
|
-
"@antfu/eslint-config": "^0.38.
|
|
68
|
+
"@antfu/eslint-config": "^0.38.6",
|
|
66
69
|
"@antfu/ni": "^0.21.3",
|
|
67
|
-
"@iconify/json": "^2.2.
|
|
68
|
-
"@nuxt/devtools-ui-kit": "^0.4.
|
|
70
|
+
"@iconify/json": "^2.2.61",
|
|
71
|
+
"@nuxt/devtools-ui-kit": "^0.4.5",
|
|
69
72
|
"@types/codemirror": "^5.60.7",
|
|
70
|
-
"@types/node": "^
|
|
73
|
+
"@types/node": "^20.1.0",
|
|
71
74
|
"@types/splitpanes": "^2.2.1",
|
|
72
|
-
"@unocss/eslint-config": "^0.51.
|
|
73
|
-
"@unocss/reset": "^0.51.
|
|
74
|
-
"@vitejs/plugin-vue": "^4.1
|
|
75
|
+
"@unocss/eslint-config": "^0.51.12",
|
|
76
|
+
"@unocss/reset": "^0.51.12",
|
|
77
|
+
"@vitejs/plugin-vue": "^4.2.1",
|
|
75
78
|
"bumpp": "^9.1.0",
|
|
76
79
|
"codemirror": "^6.0.1",
|
|
77
80
|
"codemirror-theme-vars": "^0.1.2",
|
|
78
81
|
"dayjs": "^1.11.7",
|
|
79
|
-
"eslint": "^8.
|
|
82
|
+
"eslint": "^8.40.0",
|
|
80
83
|
"fast-glob": "^3.2.12",
|
|
81
84
|
"floating-vue": "2.0.0-beta.20",
|
|
82
85
|
"fuse.js": "^6.6.2",
|
|
@@ -85,17 +88,19 @@
|
|
|
85
88
|
"ohash": "^1.1.2",
|
|
86
89
|
"pathe": "^1.1.0",
|
|
87
90
|
"pinia": "^2.0.35",
|
|
91
|
+
"pnpm": "^8.4.0",
|
|
88
92
|
"rimraf": "^5.0.0",
|
|
89
93
|
"typescript": "^5.0.4",
|
|
90
94
|
"unbuild": "^1.2.1",
|
|
91
|
-
"unocss": "^0.51.
|
|
95
|
+
"unocss": "^0.51.12",
|
|
92
96
|
"unplugin-auto-import": "^0.15.3",
|
|
93
97
|
"unplugin-vue-components": "^0.24.1",
|
|
94
98
|
"vis-data": "^7.1.6",
|
|
95
99
|
"vis-network": "^9.1.6",
|
|
96
|
-
"vite": "^4.3.
|
|
100
|
+
"vite": "^4.3.5",
|
|
97
101
|
"vite-dev-rpc": "^0.1.2",
|
|
98
102
|
"vite-plugin-pages": "^0.29.0",
|
|
99
|
-
"vue": "^3.2.47"
|
|
103
|
+
"vue": "^3.2.47",
|
|
104
|
+
"vue-virtual-scroller": "2.0.0-beta.8"
|
|
100
105
|
}
|
|
101
106
|
}
|
package/src/node/Container.vue
CHANGED
|
@@ -20,6 +20,7 @@ const panelState = ref({
|
|
|
20
20
|
})
|
|
21
21
|
const panelVisible = ref(false)
|
|
22
22
|
const hookBuffer = []
|
|
23
|
+
let isAppCreated = false
|
|
23
24
|
const panelStyle = computed(() => {
|
|
24
25
|
if (panelState.value.viewMode === 'component-inspector') {
|
|
25
26
|
return {
|
|
@@ -118,8 +119,8 @@ function disableComponentInspector() {
|
|
|
118
119
|
panelState.value.viewMode = 'default'
|
|
119
120
|
}
|
|
120
121
|
|
|
121
|
-
function waitForClientInjection(retry =
|
|
122
|
-
const test = () => !!iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__
|
|
122
|
+
function waitForClientInjection(retry = 50, timeout = 200) {
|
|
123
|
+
const test = () => !!iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__ && isAppCreated
|
|
123
124
|
|
|
124
125
|
if (test())
|
|
125
126
|
return
|
|
@@ -200,6 +201,9 @@ function collectHookBuffer() {
|
|
|
200
201
|
hookBuffer.push([DevtoolsHooks.APP_INIT, {
|
|
201
202
|
app,
|
|
202
203
|
}])
|
|
204
|
+
setTimeout(() => {
|
|
205
|
+
isAppCreated = true
|
|
206
|
+
}, 80)
|
|
203
207
|
})
|
|
204
208
|
|
|
205
209
|
props.hook.on(DevtoolsHooks.PERF_START, (app, uid, component, type, time) => {
|
|
@@ -274,6 +278,7 @@ initPanelPosition()
|
|
|
274
278
|
<style scoped>
|
|
275
279
|
.vue-devtools-panel {
|
|
276
280
|
position: fixed;
|
|
281
|
+
z-index: 2147483647;
|
|
277
282
|
width: calc(80vw - 20px);
|
|
278
283
|
height: calc(60vh - 20px);
|
|
279
284
|
}
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
import { g, M, _ as _sfc_main$2 } from './splitpanes.es-12608568.js';
|
|
2
|
-
import { _ as __unplugin_components_0 } from './VPanelGrids-6d2ad4c5.js';
|
|
3
|
-
import { _ as __unplugin_components_7 } from './VCard-3a0b12c2.js';
|
|
4
|
-
import { d as defineComponent, o as openBlock, c as createElementBlock, F as Fragment, r as renderList, a as createBlock, w as withCtx, b as createVNode, e as createBaseVNode, n as normalizeClass, t as toDisplayString, u as unref, f as onMounted, g as onUnmounted, h as timelineLayer, i as activeTimelineEvents, j as activeTimelineEventIndex, k as toggleTimelineEventIndex, l as timelineEventDetails, m as createCommentVNode, p as activeLayerId, q as toggleTimelineLayer } from './index-bf312508.js';
|
|
5
|
-
import './VIcon.vue_vue_type_script_setup_true_lang-86460f61.js';
|
|
6
|
-
|
|
7
|
-
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
8
|
-
|
|
9
|
-
/* Injected with object hook! */
|
|
10
|
-
|
|
11
|
-
var dayjs_minExports = {};
|
|
12
|
-
var dayjs_min = {
|
|
13
|
-
get exports(){ return dayjs_minExports; },
|
|
14
|
-
set exports(v){ dayjs_minExports = v; },
|
|
15
|
-
};
|
|
16
|
-
/* Injected with object hook! */
|
|
17
|
-
|
|
18
|
-
(function (module, exports) {
|
|
19
|
-
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
|
|
20
|
-
} (dayjs_min));
|
|
21
|
-
|
|
22
|
-
const dayjs = dayjs_minExports;
|
|
23
|
-
/* Injected with object hook! */
|
|
24
|
-
|
|
25
|
-
const _hoisted_1$1 = { key: 0 };
|
|
26
|
-
const _hoisted_2$1 = ["onClick"];
|
|
27
|
-
const _hoisted_3$1 = {
|
|
28
|
-
"flex-1": "",
|
|
29
|
-
truncate: "",
|
|
30
|
-
"font-mono": "",
|
|
31
|
-
"space-x-1": ""
|
|
32
|
-
};
|
|
33
|
-
const _hoisted_4$1 = { "opacity-75": "" };
|
|
34
|
-
const _hoisted_5$1 = {
|
|
35
|
-
"flex-none": "",
|
|
36
|
-
"font-mono": "",
|
|
37
|
-
"opacity-50": ""
|
|
38
|
-
};
|
|
39
|
-
const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("h1", {
|
|
40
|
-
"text-sm": "",
|
|
41
|
-
italic: "",
|
|
42
|
-
op50: ""
|
|
43
|
-
}, " No Events ", -1);
|
|
44
|
-
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
45
|
-
__name: "TimelineEvent",
|
|
46
|
-
props: {
|
|
47
|
-
data: null,
|
|
48
|
-
selected: null
|
|
49
|
-
},
|
|
50
|
-
emits: ["update-selected"],
|
|
51
|
-
setup(__props, { emit: emits }) {
|
|
52
|
-
return (_ctx, _cache) => {
|
|
53
|
-
const _component_VCard = __unplugin_components_7;
|
|
54
|
-
const _component_VPanelGrids = __unplugin_components_0;
|
|
55
|
-
return __props.data.length ? (openBlock(), createElementBlock("ul", _hoisted_1$1, [
|
|
56
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (item, index) => {
|
|
57
|
-
return openBlock(), createElementBlock("li", {
|
|
58
|
-
key: index,
|
|
59
|
-
border: "b base",
|
|
60
|
-
"h-10": "",
|
|
61
|
-
flex: "",
|
|
62
|
-
"cursor-pointer": "",
|
|
63
|
-
"select-none": "",
|
|
64
|
-
"items-center": "",
|
|
65
|
-
"pl-3": "",
|
|
66
|
-
"pr-2": "",
|
|
67
|
-
"text-xs": "",
|
|
68
|
-
"space-x-2": "",
|
|
69
|
-
class: normalizeClass([index === __props.selected ? "vue-block-active" : "vue-block-hover"]),
|
|
70
|
-
onClick: ($event) => emits("update-selected", index)
|
|
71
|
-
}, [
|
|
72
|
-
createBaseVNode("span", _hoisted_3$1, [
|
|
73
|
-
createBaseVNode("span", {
|
|
74
|
-
"font-medium": "",
|
|
75
|
-
class: normalizeClass([index === __props.selected ? "text-white" : "text-purple-600 dark:text-purple-400"])
|
|
76
|
-
}, toDisplayString(item.event.title), 3),
|
|
77
|
-
createBaseVNode("span", _hoisted_4$1, toDisplayString(item.event.subtitle), 1)
|
|
78
|
-
]),
|
|
79
|
-
createBaseVNode("span", _hoisted_5$1, toDisplayString(unref(dayjs)(item.event.now).format("HH:mm:ss")), 1)
|
|
80
|
-
], 10, _hoisted_2$1);
|
|
81
|
-
}), 128))
|
|
82
|
-
])) : (openBlock(), createBlock(_component_VPanelGrids, {
|
|
83
|
-
key: 1,
|
|
84
|
-
px5: ""
|
|
85
|
-
}, {
|
|
86
|
-
default: withCtx(() => [
|
|
87
|
-
createVNode(_component_VCard, {
|
|
88
|
-
flex: "~ col gap2",
|
|
89
|
-
"min-w-30": "",
|
|
90
|
-
"items-center": "",
|
|
91
|
-
p3: ""
|
|
92
|
-
}, {
|
|
93
|
-
default: withCtx(() => [
|
|
94
|
-
_hoisted_6$1
|
|
95
|
-
]),
|
|
96
|
-
_: 1
|
|
97
|
-
})
|
|
98
|
-
]),
|
|
99
|
-
_: 1
|
|
100
|
-
}));
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
/* Injected with object hook! */
|
|
106
|
-
|
|
107
|
-
const _hoisted_1 = {
|
|
108
|
-
"h-screen": "",
|
|
109
|
-
"n-panel-grids": ""
|
|
110
|
-
};
|
|
111
|
-
const _hoisted_2 = {
|
|
112
|
-
"h-screen": "",
|
|
113
|
-
"select-none": "",
|
|
114
|
-
"overflow-scroll": "",
|
|
115
|
-
"p-2": "",
|
|
116
|
-
class: "no-scrollbar"
|
|
117
|
-
};
|
|
118
|
-
const _hoisted_3 = ["onClick"];
|
|
119
|
-
const _hoisted_4 = { "vue-block-title": "" };
|
|
120
|
-
const _hoisted_5 = {
|
|
121
|
-
"h-screen": "",
|
|
122
|
-
"select-none": "",
|
|
123
|
-
"overflow-scroll": "",
|
|
124
|
-
class: "no-scrollbar"
|
|
125
|
-
};
|
|
126
|
-
const _hoisted_6 = {
|
|
127
|
-
"h-screen": "",
|
|
128
|
-
"select-none": "",
|
|
129
|
-
"overflow-scroll": "",
|
|
130
|
-
"p-2": "",
|
|
131
|
-
class: "no-scrollbar"
|
|
132
|
-
};
|
|
133
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
134
|
-
__name: "timeline",
|
|
135
|
-
setup(__props) {
|
|
136
|
-
onMounted(() => {
|
|
137
|
-
});
|
|
138
|
-
onUnmounted(() => {
|
|
139
|
-
});
|
|
140
|
-
return (_ctx, _cache) => {
|
|
141
|
-
const _component_TimelineEvent = _sfc_main$1;
|
|
142
|
-
const _component_StateFields = _sfc_main$2;
|
|
143
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
144
|
-
createVNode(unref(M), null, {
|
|
145
|
-
default: withCtx(() => [
|
|
146
|
-
createVNode(unref(g), {
|
|
147
|
-
border: "r base",
|
|
148
|
-
size: "20"
|
|
149
|
-
}, {
|
|
150
|
-
default: withCtx(() => [
|
|
151
|
-
createBaseVNode("div", _hoisted_2, [
|
|
152
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(timelineLayer), (item) => {
|
|
153
|
-
return openBlock(), createElementBlock("div", {
|
|
154
|
-
key: item.id,
|
|
155
|
-
"vue-block": "",
|
|
156
|
-
class: normalizeClass([unref(activeLayerId) === item.id ? "vue-block-active" : "vue-block-hover"]),
|
|
157
|
-
onClick: ($event) => unref(toggleTimelineLayer)(item.id)
|
|
158
|
-
}, [
|
|
159
|
-
createBaseVNode("h3", _hoisted_4, [
|
|
160
|
-
createBaseVNode("span", {
|
|
161
|
-
truncate: "",
|
|
162
|
-
class: normalizeClass([unref(activeLayerId) === item.id ? "text-white" : "vue-block-text"])
|
|
163
|
-
}, toDisplayString(item.label), 3)
|
|
164
|
-
])
|
|
165
|
-
], 10, _hoisted_3);
|
|
166
|
-
}), 128))
|
|
167
|
-
])
|
|
168
|
-
]),
|
|
169
|
-
_: 1
|
|
170
|
-
}),
|
|
171
|
-
createVNode(unref(g), {
|
|
172
|
-
border: "r base",
|
|
173
|
-
size: "45"
|
|
174
|
-
}, {
|
|
175
|
-
default: withCtx(() => [
|
|
176
|
-
createBaseVNode("div", _hoisted_5, [
|
|
177
|
-
createVNode(_component_TimelineEvent, {
|
|
178
|
-
data: unref(activeTimelineEvents),
|
|
179
|
-
selected: unref(activeTimelineEventIndex),
|
|
180
|
-
onUpdateSelected: unref(toggleTimelineEventIndex)
|
|
181
|
-
}, null, 8, ["data", "selected", "onUpdateSelected"])
|
|
182
|
-
])
|
|
183
|
-
]),
|
|
184
|
-
_: 1
|
|
185
|
-
}),
|
|
186
|
-
unref(timelineEventDetails).value ? (openBlock(), createBlock(unref(g), {
|
|
187
|
-
key: 0,
|
|
188
|
-
size: "35"
|
|
189
|
-
}, {
|
|
190
|
-
default: withCtx(() => [
|
|
191
|
-
createBaseVNode("div", _hoisted_6, [
|
|
192
|
-
createVNode(_component_StateFields, { data: unref(timelineEventDetails) }, null, 8, ["data"])
|
|
193
|
-
])
|
|
194
|
-
]),
|
|
195
|
-
_: 1
|
|
196
|
-
})) : createCommentVNode("", true)
|
|
197
|
-
]),
|
|
198
|
-
_: 1
|
|
199
|
-
})
|
|
200
|
-
]);
|
|
201
|
-
};
|
|
202
|
-
}
|
|
203
|
-
});
|
|
204
|
-
|
|
205
|
-
/* Injected with object hook! */
|
|
206
|
-
|
|
207
|
-
/* Injected with object hook! */
|
|
208
|
-
|
|
209
|
-
export { _sfc_main as default };
|