vite-plugin-vue-devtools 1.0.0-rc.8 → 7.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.
Files changed (79) hide show
  1. package/README.md +8 -172
  2. package/dist/client/assets/css-a-KJtBLB.js +505 -0
  3. package/dist/client/assets/diff--l9-nN5b.js +1 -0
  4. package/dist/client/assets/html-5-AIf93y.js +74 -0
  5. package/dist/client/assets/index-NNrCE7Vx.css +1 -0
  6. package/dist/client/assets/index-oq63TS6O.js +1080 -0
  7. package/dist/client/assets/javascript-Of8SnKfU.js +699 -0
  8. package/dist/client/assets/json-t1qiHl76.js +25 -0
  9. package/dist/client/assets/onig-mBJmD8D5.js +1 -0
  10. package/dist/client/assets/shellscript-h1L64xId.js +4 -0
  11. package/dist/client/assets/typescript-b1Nw_bQe.js +666 -0
  12. package/dist/client/assets/unocss-runtime-kftsoZPE.js +2 -0
  13. package/dist/client/assets/vitesse-dark-5VceXvs6.js +1 -0
  14. package/dist/client/assets/vitesse-light-HOMMxGxw.js +1 -0
  15. package/dist/client/assets/vue-apis-Nh9IahXf.js +1 -0
  16. package/dist/client/assets/vue-html-eJ6eRCYJ.js +1 -0
  17. package/dist/client/assets/vue-nOwTje1i.js +2002 -0
  18. package/dist/client/assets/yaml-FtfhlYqU.js +200 -0
  19. package/dist/client/color-scheme.js +6 -0
  20. package/dist/client/index.html +13 -21
  21. package/dist/vite.cjs +116 -13794
  22. package/dist/vite.d.cts +6 -9
  23. package/dist/vite.d.mts +6 -9
  24. package/dist/vite.d.ts +6 -9
  25. package/dist/vite.mjs +113 -13774
  26. package/package.json +18 -19
  27. package/src/overlay/devtools-overlay.css +1 -0
  28. package/src/overlay/devtools-overlay.js +4 -0
  29. package/src/overlay.js +77 -0
  30. package/README.zh-CN.md +0 -186
  31. package/client.d.ts +0 -63
  32. package/dist/client/assets/DrawerRight.vue_vue_type_script_setup_true_lang-99688d1e.js +0 -81
  33. package/dist/client/assets/IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js +0 -26
  34. package/dist/client/assets/IconTitle.vue_vue_type_script_setup_true_lang-adb17252.js +0 -30
  35. package/dist/client/assets/IframeView.vue_vue_type_script_setup_true_lang-4ccdbf42.js +0 -96
  36. package/dist/client/assets/PanelGrids-664603ce.js +0 -15
  37. package/dist/client/assets/SectionBlock-0024395a.css +0 -18
  38. package/dist/client/assets/SectionBlock-04b7ab1e.js +0 -109
  39. package/dist/client/assets/StateFields.vue_vue_type_script_setup_true_lang-48cf50ad.js +0 -381
  40. package/dist/client/assets/Switch.vue_vue_type_script_setup_true_lang-d74bf986.js +0 -87
  41. package/dist/client/assets/TextInput.vue_vue_type_script_setup_true_lang-65c09c69.js +0 -38
  42. package/dist/client/assets/__eyedropper-7bbec9b2.js +0 -149
  43. package/dist/client/assets/_commonjsHelpers-7e83dbf2.js +0 -34
  44. package/dist/client/assets/assets-641818bf.js +0 -1597
  45. package/dist/client/assets/component-docs-7bd37475.js +0 -195
  46. package/dist/client/assets/components-b0181ea4.js +0 -790
  47. package/dist/client/assets/data-8729d21a.js +0 -399
  48. package/dist/client/assets/dayjs.min-f03ccd82.js +0 -13
  49. package/dist/client/assets/documentations-7cba8670.js +0 -276
  50. package/dist/client/assets/fuse.esm-c317b696.js +0 -1782
  51. package/dist/client/assets/graph-edf83976.js +0 -52092
  52. package/dist/client/assets/index-77d53487.js +0 -18551
  53. package/dist/client/assets/index-b5475fe0.css +0 -482
  54. package/dist/client/assets/inspect-d17224a9.js +0 -20
  55. package/dist/client/assets/jse-theme-dark-333a4654.js +0 -1565
  56. package/dist/client/assets/jse-theme-dark-351d62d5.css +0 -114
  57. package/dist/client/assets/npm-076ecb7c.js +0 -550
  58. package/dist/client/assets/npm-832f3f2c.css +0 -209
  59. package/dist/client/assets/overview-d99e7f18.js +0 -303
  60. package/dist/client/assets/pages-fca7d8d3.js +0 -561
  61. package/dist/client/assets/pinia-3f5b6c57.js +0 -108
  62. package/dist/client/assets/pinia-7ed2c830.svg +0 -1
  63. package/dist/client/assets/rerender-trace-3afd48a1.css +0 -14
  64. package/dist/client/assets/rerender-trace-5fc6fb22.js +0 -436
  65. package/dist/client/assets/routes-9567a43f.js +0 -132
  66. package/dist/client/assets/settings-5a2e184c.js +0 -9652
  67. package/dist/client/assets/settings-7bce89ae.css +0 -11
  68. package/dist/client/assets/splitpanes.es-26cdc434.js +0 -343
  69. package/dist/client/assets/timeline-20d79e43.js +0 -1480
  70. package/dist/client/assets/timeline-b315b2e0.css +0 -1
  71. package/dist/client/assets/vue-5d4e674c.svg +0 -1
  72. package/dist/client/assets/vueuse-995374f6.svg +0 -1
  73. package/src/app.js +0 -4
  74. package/src/views/ComponentInspector.vue +0 -68
  75. package/src/views/FrameBox.vue +0 -231
  76. package/src/views/Main.vue +0 -435
  77. package/src/views/RerenderIndicator.vue +0 -37
  78. package/src/views/composables.ts +0 -630
  79. package/src/views/utils.ts +0 -241
@@ -1,399 +0,0 @@
1
- import { F as Fragment } from './index-77d53487.js';
2
-
3
- function getComponentTypeName(options) {
4
- return options.name || options._componentTag || options.__vdevtools_guessedName || options.__name;
5
- }
6
- function saveComponentName(instance, key) {
7
- return key;
8
- }
9
- function getComponentFileName(options) {
10
- const file = options.__file;
11
- if (file) {
12
- const filename = options.__file?.match(/\/?([^/]+?)(\.[^/.]+)?$/)?.[1];
13
- return filename ?? file;
14
- }
15
- }
16
- function getInstanceName(instance) {
17
- const name = getComponentTypeName(instance.type || {});
18
- if (name)
19
- return name;
20
- if (instance.root === instance)
21
- return "Root";
22
- for (const key in instance.parent?.type?.components) {
23
- if (instance.parent.type.components[key] === instance.type)
24
- return saveComponentName(instance, key);
25
- }
26
- for (const key in instance.appContext?.components) {
27
- if (instance.appContext.components[key] === instance.type)
28
- return saveComponentName(instance, key);
29
- }
30
- const fileName = getComponentFileName(instance.type || {});
31
- if (fileName)
32
- return fileName;
33
- return "Anonymous Component";
34
- }
35
-
36
- /* Injected with object hook! */
37
-
38
- function isBeingDestroyed(instance) {
39
- return instance._isBeingDestroyed || instance.isUnmounted;
40
- }
41
- function isFragment(instance) {
42
- return Fragment === instance.subTree?.type;
43
- }
44
- function getUniqueComponentId(instance) {
45
- const appId = "vue-devtools";
46
- const instanceId = instance === instance.root ? "root" : instance.uid;
47
- return `${appId}:${instanceId}`;
48
- }
49
- function getRenderKey(value) {
50
- if (value == null)
51
- return null;
52
- const type = typeof value;
53
- if (type === "number")
54
- return value;
55
- else if (type === "string")
56
- return `'${value}'`;
57
- else if (Array.isArray(value))
58
- return "Array";
59
- else
60
- return "Object";
61
- }
62
- function cached(fn) {
63
- const cache = /* @__PURE__ */ Object.create(null);
64
- return function cachedFn(str) {
65
- const hit = cache[str];
66
- return hit || (cache[str] = fn(str));
67
- };
68
- }
69
- function toUpper(_, c) {
70
- return c ? c.toUpperCase() : "";
71
- }
72
- const camelizeRE = /-(\w)/g;
73
- const camelize = cached((str) => {
74
- return str && str.replace(camelizeRE, toUpper);
75
- });
76
- const kebabizeRE = /([a-z0-9])([A-Z])/g;
77
- const kebabize = cached((str) => {
78
- return str && str.replace(kebabizeRE, (_, lowerCaseCharacter, upperCaseLetter) => {
79
- return `${lowerCaseCharacter}-${upperCaseLetter}`;
80
- }).toLowerCase();
81
- });
82
- function returnError(cb) {
83
- try {
84
- return cb();
85
- } catch (e) {
86
- return e;
87
- }
88
- }
89
- const classifyRE = /(?:^|[-_/])(\w)/g;
90
- const classify = cached((str) => {
91
- return str && `${str}`.replace(classifyRE, toUpper);
92
- });
93
-
94
- /* Injected with object hook! */
95
-
96
- const vueBuiltins = [
97
- "nextTick",
98
- "defineComponent",
99
- "defineAsyncComponent",
100
- "defineCustomElement",
101
- "ref",
102
- "computed",
103
- "reactive",
104
- "readonly",
105
- "watchEffect",
106
- "watchPostEffect",
107
- "watchSyncEffect",
108
- "watch",
109
- "isRef",
110
- "unref",
111
- "toRef",
112
- "toRefs",
113
- "isProxy",
114
- "isReactive",
115
- "isReadonly",
116
- "shallowRef",
117
- "triggerRef",
118
- "customRef",
119
- "shallowReactive",
120
- "shallowReadonly",
121
- "toRaw",
122
- "markRaw",
123
- "effectScope",
124
- "getCurrentScope",
125
- "onScopeDispose",
126
- "onMounted",
127
- "onUpdated",
128
- "onUnmounted",
129
- "onBeforeMount",
130
- "onBeforeUpdate",
131
- "onBeforeUnmount",
132
- "onErrorCaptured",
133
- "onRenderTracked",
134
- "onRenderTriggered",
135
- "onActivated",
136
- "onDeactivated",
137
- "onServerPrefetch",
138
- "provide",
139
- "inject",
140
- "h",
141
- "mergeProps",
142
- "cloneVNode",
143
- "isVNode",
144
- "resolveComponent",
145
- "resolveDirective",
146
- "withDirectives",
147
- "withModifiers"
148
- ];
149
- function getInstanceDetails(instance) {
150
- return {
151
- id: getUniqueComponentId(instance),
152
- name: getInstanceName(instance),
153
- file: instance?.type?.__file,
154
- state: getInstanceState(instance)
155
- };
156
- }
157
- function getInstanceState(instance) {
158
- const mergedType = resolveMergedOptions(instance);
159
- return processProps(instance).concat(
160
- processState(instance),
161
- processSetupState(instance),
162
- processComputed(instance, mergedType),
163
- processAttrs(instance),
164
- processProvide(instance),
165
- processInject(instance, mergedType),
166
- processRefs(instance),
167
- processEventListeners(instance)
168
- );
169
- }
170
- function processProps(instance) {
171
- const propsData = [];
172
- const propDefinitions = instance.type.props;
173
- for (let key in instance.props) {
174
- const propDefinition = propDefinitions ? propDefinitions[key] : null;
175
- key = camelize(key);
176
- propsData.push({
177
- type: "props",
178
- key,
179
- value: returnError(() => instance.props[key]),
180
- meta: propDefinition ? {
181
- type: propDefinition.type ? getPropType(propDefinition.type) : "any",
182
- required: !!propDefinition.required,
183
- ...propDefinition.default != null ? { default: propDefinition.default.toString() } : {}
184
- } : {
185
- type: "invalid"
186
- },
187
- editable: false
188
- });
189
- }
190
- return propsData;
191
- }
192
- const fnTypeRE = /^(?:function|class) (\w+)/;
193
- function getPropType(type) {
194
- if (Array.isArray(type))
195
- return type.map((t) => getPropType(t)).join(" or ");
196
- if (type == null)
197
- return "null";
198
- const match = type.toString().match(fnTypeRE);
199
- return typeof type === "function" ? match && match[1] || "any" : "any";
200
- }
201
- function processState(instance) {
202
- const type = instance.type;
203
- const props = type.props;
204
- const getters = type.vuex && type.vuex.getters;
205
- const computedDefs = type.computed;
206
- const data = {
207
- ...instance.data,
208
- ...instance.renderContext
209
- };
210
- return Object.keys(data).filter((key) => !(props && key in props) && !(getters && key in getters) && !(computedDefs && key in computedDefs)).map((key) => ({
211
- key,
212
- type: "data",
213
- value: returnError(() => data[key]),
214
- editable: true
215
- }));
216
- }
217
- function processSetupState(instance) {
218
- const raw = instance.devtoolsRawSetupState || {};
219
- return Object.keys(instance.setupState).filter((key) => !vueBuiltins.includes(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
220
- const value = returnError(() => toRaw(instance.setupState[key]));
221
- const rawData = raw[key];
222
- let result;
223
- let isOther = typeof value === "function" || typeof value?.render === "function" || typeof value?.__asyncLoader === "function";
224
- if (rawData) {
225
- const info = getSetupStateInfo(rawData);
226
- const objectType = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
227
- const isState = info.ref || info.computed || info.reactive;
228
- const raw2 = rawData.effect?.raw?.toString() || rawData.effect?.fn?.toString();
229
- if (objectType)
230
- isOther = false;
231
- result = {
232
- ...objectType ? { objectType } : {},
233
- ...raw2 ? { raw: raw2 } : {},
234
- editable: isState && !info.readonly
235
- };
236
- }
237
- const type = isOther ? "setup (other)" : "setup";
238
- return {
239
- key,
240
- value,
241
- type,
242
- ...result
243
- };
244
- });
245
- }
246
- function isRef(raw) {
247
- return !!raw.__v_isRef;
248
- }
249
- function isComputed(raw) {
250
- return isRef(raw) && !!raw.effect;
251
- }
252
- function isReactive(raw) {
253
- return !!raw.__v_isReactive;
254
- }
255
- function isReadOnly(raw) {
256
- return !!raw.__v_isReadonly;
257
- }
258
- function toRaw(value) {
259
- if (value?.__v_raw)
260
- return value.__v_raw;
261
- return value;
262
- }
263
- function getSetupStateInfo(raw) {
264
- return {
265
- ref: isRef(raw),
266
- computed: isComputed(raw),
267
- reactive: isReactive(raw),
268
- readonly: isReadOnly(raw)
269
- };
270
- }
271
- function processComputed(instance, mergedType) {
272
- const type = mergedType;
273
- const computed = [];
274
- const defs = type.computed || {};
275
- for (const key in defs) {
276
- const def = defs[key];
277
- const type2 = typeof def === "function" && def.vuex ? "vuex bindings" : "computed";
278
- computed.push({
279
- type: type2,
280
- key,
281
- value: returnError(() => instance.proxy[key]),
282
- editable: typeof def.set === "function"
283
- });
284
- }
285
- return computed;
286
- }
287
- function processAttrs(instance) {
288
- return Object.keys(instance.attrs).map((key) => ({
289
- type: "attrs",
290
- key,
291
- value: returnError(() => instance.attrs[key])
292
- }));
293
- }
294
- function processProvide(instance) {
295
- return Reflect.ownKeys(instance.provides).map((key) => ({
296
- type: "provided",
297
- key: key.toString(),
298
- value: returnError(() => instance.provides[key])
299
- }));
300
- }
301
- function processInject(instance, mergedType) {
302
- if (!mergedType?.inject)
303
- return [];
304
- let keys = [];
305
- let defaultValue;
306
- if (Array.isArray(mergedType.inject)) {
307
- keys = mergedType.inject.map((key) => ({
308
- key,
309
- originalKey: key
310
- }));
311
- } else {
312
- keys = Reflect.ownKeys(mergedType.inject).map((key) => {
313
- const value = mergedType.inject[key];
314
- let originalKey;
315
- if (typeof value === "string" || typeof value === "symbol") {
316
- originalKey = value;
317
- } else {
318
- originalKey = value.from;
319
- defaultValue = value.default;
320
- }
321
- return {
322
- key,
323
- originalKey
324
- };
325
- });
326
- }
327
- return keys.map(({ key, originalKey }) => ({
328
- type: "injected",
329
- key: originalKey && key !== originalKey ? `${originalKey.toString()} ➞ ${key.toString()}` : key.toString(),
330
- // eslint-disable-next-line no-prototype-builtins
331
- value: returnError(() => instance.ctx.hasOwnProperty(key) ? instance.ctx[key] : instance.provides.hasOwnProperty(originalKey) ? instance.provides[originalKey] : defaultValue)
332
- }));
333
- }
334
- function processRefs(instance) {
335
- return Object.keys(instance.refs).map((key) => ({
336
- type: "refs",
337
- key,
338
- value: returnError(() => instance.refs[key])
339
- }));
340
- }
341
- function processEventListeners(instance) {
342
- const emitsDefinition = instance.type.emits;
343
- const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition ?? {});
344
- const keys = Object.keys(instance.vnode.props ?? {});
345
- const result = [];
346
- for (const key of keys) {
347
- const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
348
- if (prefix === "on") {
349
- const eventName = eventNameParts.join("-").toLowerCase();
350
- const isDeclared = declaredEmits.includes(eventName);
351
- result.push({
352
- type: "event listeners",
353
- key: eventName,
354
- value: {
355
- _custom: {
356
- display: isDeclared ? "✅ Declared" : "⚠️ Not declared",
357
- tooltip: !isDeclared ? `The event <code>${eventName}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
358
- }
359
- }
360
- });
361
- }
362
- }
363
- return result;
364
- }
365
- function resolveMergedOptions(instance) {
366
- const raw = instance.type;
367
- const { mixins, extends: extendsOptions } = raw;
368
- const globalMixins = instance.appContext.mixins;
369
- if (!globalMixins.length && !mixins && !extendsOptions)
370
- return raw;
371
- const options = {};
372
- globalMixins.forEach((m) => mergeOptions(options, m));
373
- mergeOptions(options, raw);
374
- return options;
375
- }
376
- function mergeOptions(to, from, instance) {
377
- if (typeof from === "function")
378
- from = from.options;
379
- if (!from)
380
- return to;
381
- const { mixins, extends: extendsOptions } = from;
382
- extendsOptions && mergeOptions(to, extendsOptions);
383
- mixins && mixins.forEach(
384
- (m) => mergeOptions(to, m)
385
- );
386
- for (const key of ["computed", "inject"]) {
387
- if (Object.prototype.hasOwnProperty.call(from, key)) {
388
- if (!to[key])
389
- to[key] = from[key];
390
- else
391
- Object.assign(to[key], from[key]);
392
- }
393
- }
394
- return to;
395
- }
396
-
397
- /* Injected with object hook! */
398
-
399
- export { getSetupStateInfo as a, isBeingDestroyed as b, classify as c, getUniqueComponentId as d, getRenderKey as e, getInstanceState as f, getInstanceName as g, getInstanceDetails as h, isFragment as i, kebabize as k, toRaw as t };
@@ -1,13 +0,0 @@
1
- import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-7e83dbf2.js';
2
-
3
- var dayjs_min = {exports: {}};/* Injected with object hook! */
4
-
5
- (function (module, exports) {
6
- !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",c="month",f="quarter",h="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,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);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:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=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},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}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(b.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.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 b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.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=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.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 b.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(f){case h:return r?l(1,0):l(31,11);case c: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=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){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[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,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 b.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=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.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}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
7
- } (dayjs_min));
8
-
9
- var dayjs_minExports = dayjs_min.exports;
10
- const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
11
- /* Injected with object hook! */
12
-
13
- export { dayjs as d };
@@ -1,276 +0,0 @@
1
- import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-77d53487.js';
2
- import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-4ccdbf42.js';
3
-
4
- const _hoisted_1$1 = {
5
- flex: "~ col gap2",
6
- "flex-auto": "",
7
- "of-hidden": "",
8
- px1: ""
9
- };
10
- const _hoisted_2$1 = {
11
- "of-hidden": "",
12
- "text-ellipsis": "",
13
- "ws-nowrap": "",
14
- "text-lg": ""
15
- };
16
- const _hoisted_3$1 = {
17
- flex: "",
18
- "items-center": ""
19
- };
20
- const _hoisted_4$1 = /* @__PURE__ */ createBaseVNode("span", {
21
- "i-carbon:warning-filled": "",
22
- "ml-2": "",
23
- "text-3": "",
24
- "op-60": ""
25
- }, null, -1);
26
- const _hoisted_5$1 = {
27
- key: 0,
28
- class: "line-clamp-2",
29
- "mt--1": "",
30
- "text-sm": "",
31
- op50: ""
32
- };
33
- const _hoisted_6 = /* @__PURE__ */ createBaseVNode("div", { "flex-auto": "" }, null, -1);
34
- const _hoisted_7 = {
35
- key: 1,
36
- flex: "~ gap-2",
37
- title: "Documentation"
38
- };
39
- const _hoisted_8 = /* @__PURE__ */ createBaseVNode("span", {
40
- "i-carbon-link": "",
41
- "text-lg": "",
42
- op50: ""
43
- }, null, -1);
44
- const _hoisted_9 = {
45
- key: 2,
46
- flex: "~ gap-2"
47
- };
48
- const _hoisted_10 = /* @__PURE__ */ createBaseVNode("span", {
49
- "i-carbon-logo-github": "",
50
- "text-lg": "",
51
- op50: ""
52
- }, null, -1);
53
- const _hoisted_11 = { flex: "~ col" };
54
- const _hoisted_12 = {
55
- key: 0,
56
- "h-20": "",
57
- "w-20": "",
58
- flex: "",
59
- "flex-none": "",
60
- rounded: "",
61
- "bg-gray:3": "",
62
- p4: ""
63
- };
64
- const _hoisted_13 = ["src", "alt"];
65
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
66
- __name: "DocDetails",
67
- props: {
68
- data: {}
69
- },
70
- emits: ["navigate"],
71
- setup(__props, { emit }) {
72
- function navigate(path) {
73
- window.open(path, "_blank");
74
- }
75
- return (_ctx, _cache) => {
76
- const _component_VTooltip = resolveComponent("VTooltip");
77
- const _component_VDCard = __unplugin_components_7;
78
- return openBlock(), createBlock(_component_VDCard, {
79
- flex: "~ gap2",
80
- "max-h": "50vh",
81
- "cursor-pointer": "",
82
- p4: "",
83
- hover: "border-primary",
84
- onClick: _cache[2] || (_cache[2] = ($event) => emit("navigate", _ctx.data))
85
- }, {
86
- default: withCtx(() => [
87
- createBaseVNode("div", _hoisted_1$1, [
88
- createBaseVNode("div", _hoisted_2$1, [
89
- createBaseVNode("span", _hoisted_3$1, [
90
- createTextVNode(toDisplayString(_ctx.data.name) + " ", 1),
91
- _ctx.data.tips ? (openBlock(), createBlock(_component_VTooltip, {
92
- key: 0,
93
- placement: "bottom-start"
94
- }, {
95
- popper: withCtx(() => [
96
- createBaseVNode("p", null, toDisplayString(_ctx.data.tips), 1)
97
- ]),
98
- default: withCtx(() => [
99
- _hoisted_4$1
100
- ]),
101
- _: 1
102
- })) : createCommentVNode("", true)
103
- ])
104
- ]),
105
- _ctx.data.description ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(_ctx.data.description), 1)) : createCommentVNode("", true),
106
- _hoisted_6,
107
- _ctx.data.website ? (openBlock(), createElementBlock("div", _hoisted_7, [
108
- _hoisted_8,
109
- createBaseVNode("span", {
110
- "of-hidden": "",
111
- truncate: "",
112
- "ws-nowrap": "",
113
- "text-sm": "",
114
- op50: "",
115
- hover: "op100 underline text-primary",
116
- onClick: _cache[0] || (_cache[0] = withModifiers(($event) => navigate(_ctx.data.website), ["self", "stop"]))
117
- }, toDisplayString(_ctx.data.website.replace(/^https?:\/\//, "")), 1)
118
- ])) : createCommentVNode("", true),
119
- _ctx.data.github ? (openBlock(), createElementBlock("div", _hoisted_9, [
120
- _hoisted_10,
121
- createBaseVNode("span", {
122
- "of-hidden": "",
123
- truncate: "",
124
- "ws-nowrap": "",
125
- "text-sm": "",
126
- op50: "",
127
- hover: "op100 underline text-primary",
128
- onClick: _cache[1] || (_cache[1] = withModifiers(($event) => navigate(_ctx.data.github), ["self", "stop"]))
129
- }, toDisplayString(_ctx.data.github.replace(/^https?:\/\/github.com\//, "")), 1)
130
- ])) : createCommentVNode("", true),
131
- renderSlot(_ctx.$slots, "items")
132
- ]),
133
- createBaseVNode("div", _hoisted_11, [
134
- _ctx.data.icon ? (openBlock(), createElementBlock("div", _hoisted_12, [
135
- _ctx.data.icon ? (openBlock(), createElementBlock("img", {
136
- key: 0,
137
- src: _ctx.data.icon,
138
- alt: _ctx.data.name,
139
- ma: "",
140
- "h-full": ""
141
- }, null, 8, _hoisted_13)) : createCommentVNode("", true)
142
- ])) : createCommentVNode("", true)
143
- ])
144
- ]),
145
- _: 3
146
- });
147
- };
148
- }
149
- });
150
-
151
- /* Injected with object hook! */
152
-
153
- const VueIcon = ""+new URL('vue-5d4e674c.svg', import.meta.url).href+"";
154
- /* Injected with object hook! */
155
-
156
- const PiniaIcon = ""+new URL('pinia-7ed2c830.svg', import.meta.url).href+"";
157
- /* Injected with object hook! */
158
-
159
- const VueUseIcon = ""+new URL('vueuse-995374f6.svg', import.meta.url).href+"";
160
- /* Injected with object hook! */
161
-
162
- const data = [
163
- {
164
- id: "vue",
165
- name: "Vue.js",
166
- description: "The Progressive JavaScript Framework",
167
- website: "https://vuejs.org",
168
- github: "https://github.com/vuejs/core",
169
- icon: VueIcon,
170
- openInBlank: true,
171
- tips: "Unable to embed it due to the security settings"
172
- },
173
- {
174
- id: "vue-router",
175
- name: "Vue Router",
176
- description: "The official Router for Vue.js",
177
- website: "https://router.vuejs.org",
178
- github: "https://github.com/vuejs/router",
179
- icon: VueIcon
180
- },
181
- {
182
- id: "pinia",
183
- name: "Pinia",
184
- description: "The intuitive store for Vue.js",
185
- website: "https://pinia.vuejs.org",
186
- github: "https://github.com/vuejs/pinia",
187
- icon: PiniaIcon
188
- },
189
- {
190
- id: "@vueuse/core",
191
- name: "VueUse",
192
- description: "Collection of essential Vue Composition Utilities for Vue 2 and 3",
193
- website: "https://vueuse.org",
194
- github: "https://github.com/vueuse/vueuse",
195
- icon: VueUseIcon
196
- }
197
- ];
198
-
199
- /* Injected with object hook! */
200
-
201
- const _hoisted_1 = {
202
- key: 0,
203
- relative: "",
204
- "h-screen": ""
205
- };
206
- const _hoisted_2 = ["onClick"];
207
- const _hoisted_3 = /* @__PURE__ */ createBaseVNode("i", { "tabler:arrow-back-up": "" }, null, -1);
208
- const _hoisted_4 = [
209
- _hoisted_3
210
- ];
211
- const _hoisted_5 = {
212
- key: 1,
213
- grid: "",
214
- "grid-cols-minmax-400px": "",
215
- "h-screen": "",
216
- "select-none": "",
217
- gap3: "",
218
- "overflow-scroll": "",
219
- p4: "",
220
- class: "no-scrollbar"
221
- };
222
- const _sfc_main = /* @__PURE__ */ defineComponent({
223
- __name: "documentations",
224
- setup(__props) {
225
- const iframeViewUrl = ref("");
226
- function navigate(data2) {
227
- if (data2.openInBlank)
228
- window.open(data2.website, "_blank");
229
- else
230
- iframeViewUrl.value = data2.website;
231
- }
232
- function back() {
233
- iframeViewUrl.value = "";
234
- }
235
- return (_ctx, _cache) => {
236
- const _component_IframeView = _sfc_main$2;
237
- const _component_DocDetails = _sfc_main$1;
238
- return unref(iframeViewUrl) ? (openBlock(), createElementBlock("div", _hoisted_1, [
239
- createVNode(_component_IframeView, { src: unref(iframeViewUrl) }, null, 8, ["src"]),
240
- (openBlock(), createBlock(Teleport, { to: "body" }, [
241
- createBaseVNode("span", {
242
- fixed: "",
243
- "left-2": "",
244
- "top-2": "",
245
- "z-1000": "",
246
- "h-8": "",
247
- "w-8": "",
248
- flex: "",
249
- "cursor-pointer": "",
250
- "select-none": "",
251
- "items-center": "",
252
- "justify-center": "",
253
- "rounded-5": "",
254
- "bg-base": "",
255
- hover: "text-primary",
256
- onClick: withModifiers(back, ["prevent", "stop"])
257
- }, _hoisted_4, 8, _hoisted_2)
258
- ]))
259
- ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
260
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item, index) => {
261
- return openBlock(), createBlock(_component_DocDetails, {
262
- key: index,
263
- data: item,
264
- onNavigate: navigate
265
- }, null, 8, ["data"]);
266
- }), 128))
267
- ]));
268
- };
269
- }
270
- });
271
-
272
- /* Injected with object hook! */
273
-
274
- /* Injected with object hook! */
275
-
276
- export { _sfc_main as default };