@vuetify/vue-repl 2.2.1 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-repl.js +58 -120
- package/dist/vue-repl.js.map +1 -1
- package/package.json +1 -1
package/dist/vue-repl.js
CHANGED
|
@@ -17,7 +17,7 @@ import { VLayout } from 'vuetify/components/VLayout';
|
|
|
17
17
|
import { VMain } from 'vuetify/components/VMain';
|
|
18
18
|
import { VThemeProvider } from 'vuetify/components/VThemeProvider';
|
|
19
19
|
|
|
20
|
-
const _sfc_main$
|
|
20
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
21
21
|
__name: "SplitPane",
|
|
22
22
|
props: {
|
|
23
23
|
layout: {}
|
|
@@ -102,9 +102,9 @@ const _export_sfc = (sfc, props) => {
|
|
|
102
102
|
return target;
|
|
103
103
|
};
|
|
104
104
|
|
|
105
|
-
const SplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
105
|
+
const SplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-510dd5cf"]]);
|
|
106
106
|
|
|
107
|
-
const _sfc_main$
|
|
107
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
108
108
|
__name: "Message",
|
|
109
109
|
props: ["err", "warn"],
|
|
110
110
|
setup(__props) {
|
|
@@ -148,7 +148,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
148
148
|
}
|
|
149
149
|
});
|
|
150
150
|
|
|
151
|
-
const Message = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
151
|
+
const Message = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-03705e44"]]);
|
|
152
152
|
|
|
153
153
|
const srcdoc = "<!doctype html>\n<html>\n <head>\n <style>\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n }\n </style>\n <!-- PREVIEW-OPTIONS-HEAD-HTML -->\n <script>\n ;(() => {\n let scriptEls = []\n\n window.process = { env: {} }\n window.__modules__ = {}\n\n window.__export__ = (mod, key, get) => {\n Object.defineProperty(mod, key, {\n enumerable: true,\n configurable: true,\n get,\n })\n }\n\n window.__dynamic_import__ = (key) => {\n return Promise.resolve(window.__modules__[key])\n }\n\n async function handle_message(ev) {\n let { action, cmd_id } = ev.data\n const send_message = (payload) =>\n parent.postMessage({ ...payload }, ev.origin)\n const send_reply = (payload) => send_message({ ...payload, cmd_id })\n const send_ok = () => send_reply({ action: 'cmd_ok' })\n const send_error = (message, stack) =>\n send_reply({ action: 'cmd_error', message, stack })\n\n if (action === 'eval') {\n try {\n if (scriptEls.length) {\n scriptEls.forEach((el) => {\n document.head.removeChild(el)\n })\n scriptEls.length = 0\n }\n\n let { script: scripts } = ev.data.args\n if (typeof scripts === 'string') scripts = [scripts]\n\n for (const script of scripts) {\n const scriptEl = document.createElement('script')\n scriptEl.setAttribute('type', 'module')\n // send ok in the module script to ensure sequential evaluation\n // of multiple proxy.eval() calls\n const done = new Promise((resolve) => {\n window.__next__ = resolve\n })\n scriptEl.innerHTML = script + `\\nwindow.__next__()`\n document.head.appendChild(scriptEl)\n scriptEl.onerror = (err) => send_error(err.message, err.stack)\n scriptEls.push(scriptEl)\n await done\n }\n send_ok()\n } catch (e) {\n send_error(e.message, e.stack)\n }\n }\n\n if (action === 'catch_clicks') {\n try {\n const top_origin = ev.origin\n document.body.addEventListener('click', (event) => {\n if (event.which !== 1) return\n if (event.metaKey || event.ctrlKey || event.shiftKey) return\n if (event.defaultPrevented) return\n\n // ensure target is a link\n let el = event.target\n while (el && el.nodeName !== 'A') el = el.parentNode\n if (!el || el.nodeName !== 'A') return\n\n if (\n el.hasAttribute('download') ||\n el.getAttribute('rel') === 'external' ||\n el.target ||\n el.href.startsWith('javascript:')\n )\n return\n\n event.preventDefault()\n\n if (el.href.startsWith(top_origin)) {\n const url = new URL(el.href)\n if (url.hash[0] === '#') {\n window.location.hash = url.hash\n return\n }\n }\n\n window.open(el.href, '_blank')\n })\n send_ok()\n } catch (e) {\n send_error(e.message, e.stack)\n }\n }\n }\n\n window.addEventListener('message', handle_message, false)\n\n window.onerror = function (msg, url, lineNo, columnNo, error) {\n // ignore errors from import map polyfill - these are necessary for\n // it to detect browser support\n if (msg.includes('module specifier “vue”')) {\n // firefox only error, ignore\n return false\n }\n if (msg.includes(\"Module specifier, 'vue\")) {\n // Safari only\n return false\n }\n try {\n parent.postMessage({ action: 'error', value: error }, '*')\n } catch (e) {\n parent.postMessage({ action: 'error', value: msg }, '*')\n }\n }\n\n window.addEventListener('unhandledrejection', (event) => {\n if (\n event.reason.message &&\n event.reason.message.includes('Cross-origin')\n ) {\n event.preventDefault()\n return\n }\n try {\n parent.postMessage(\n { action: 'unhandledrejection', value: event.reason },\n '*'\n )\n } catch (e) {\n parent.postMessage(\n { action: 'unhandledrejection', value: event.reason.message },\n '*'\n )\n }\n })\n\n let previous = { level: null, args: null }\n\n ;['clear', 'log', 'info', 'dir', 'warn', 'error', 'table'].forEach(\n (level) => {\n const original = console[level]\n console[level] = (...args) => {\n const msg = args[0]\n if (typeof msg === 'string') {\n if (\n msg.includes('You are running a development build of Vue') ||\n msg.includes('You are running the esm-bundler build of Vue')\n ) {\n return\n }\n }\n\n original(...args)\n\n const stringifiedArgs = stringify(args)\n if (\n previous.level === level &&\n previous.args &&\n previous.args === stringifiedArgs\n ) {\n parent.postMessage(\n { action: 'console', level, duplicate: true },\n '*'\n )\n } else {\n previous = { level, args: stringifiedArgs }\n\n try {\n parent.postMessage({ action: 'console', level, args }, '*')\n } catch (err) {\n parent.postMessage(\n { action: 'console', level, args: args.map(toString) },\n '*'\n )\n }\n }\n }\n }\n )\n ;[\n { method: 'group', action: 'console_group' },\n { method: 'groupEnd', action: 'console_group_end' },\n { method: 'groupCollapsed', action: 'console_group_collapsed' },\n ].forEach((group_action) => {\n const original = console[group_action.method]\n console[group_action.method] = (label) => {\n parent.postMessage({ action: group_action.action, label }, '*')\n\n original(label)\n }\n })\n\n const timers = new Map()\n const original_time = console.time\n const original_timelog = console.timeLog\n const original_timeend = console.timeEnd\n\n console.time = (label = 'default') => {\n original_time(label)\n timers.set(label, performance.now())\n }\n console.timeLog = (label = 'default') => {\n original_timelog(label)\n const now = performance.now()\n if (timers.has(label)) {\n parent.postMessage(\n {\n action: 'console',\n level: 'system-log',\n args: [`${label}: ${now - timers.get(label)}ms`],\n },\n '*'\n )\n } else {\n parent.postMessage(\n {\n action: 'console',\n level: 'system-warn',\n args: [`Timer '${label}' does not exist`],\n },\n '*'\n )\n }\n }\n console.timeEnd = (label = 'default') => {\n original_timeend(label)\n const now = performance.now()\n if (timers.has(label)) {\n parent.postMessage(\n {\n action: 'console',\n level: 'system-log',\n args: [`${label}: ${now - timers.get(label)}ms`],\n },\n '*'\n )\n } else {\n parent.postMessage(\n {\n action: 'console',\n level: 'system-warn',\n args: [`Timer '${label}' does not exist`],\n },\n '*'\n )\n }\n timers.delete(label)\n }\n\n const original_assert = console.assert\n console.assert = (condition, ...args) => {\n if (condition) {\n const stack = new Error().stack\n parent.postMessage(\n { action: 'console', level: 'assert', args, stack },\n '*'\n )\n }\n original_assert(condition, ...args)\n }\n\n const counter = new Map()\n const original_count = console.count\n const original_countreset = console.countReset\n\n console.count = (label = 'default') => {\n counter.set(label, (counter.get(label) || 0) + 1)\n parent.postMessage(\n {\n action: 'console',\n level: 'system-log',\n args: `${label}: ${counter.get(label)}`,\n },\n '*'\n )\n original_count(label)\n }\n\n console.countReset = (label = 'default') => {\n if (counter.has(label)) {\n counter.set(label, 0)\n } else {\n parent.postMessage(\n {\n action: 'console',\n level: 'system-warn',\n args: `Count for '${label}' does not exist`,\n },\n '*'\n )\n }\n original_countreset(label)\n }\n\n const original_trace = console.trace\n\n console.trace = (...args) => {\n const stack = new Error().stack\n parent.postMessage(\n { action: 'console', level: 'trace', args, stack },\n '*'\n )\n original_trace(...args)\n }\n\n function toString(value) {\n if (value instanceof Error) {\n return value.message\n }\n for (const fn of [\n String,\n (v) => Object.prototype.toString.call(v),\n (v) => typeof v,\n ]) {\n try {\n return fn(value)\n } catch (err) {}\n }\n }\n\n function isComponentProxy(value) {\n return (\n value &&\n typeof value === 'object' &&\n value.__v_skip === true &&\n typeof value.$nextTick === 'function' &&\n value.$ &&\n value._\n )\n }\n\n function stringify(args) {\n try {\n return JSON.stringify(args, (key, value) => {\n return isComponentProxy(value) ? '{component proxy}' : value\n })\n } catch (error) {\n return null\n }\n }\n })()\n </script>\n\n <!-- ES Module Shims: Import maps polyfill for modules browsers without import maps support (all except Chrome 89+) -->\n <script\n async\n src=\"https://cdn.jsdelivr.net/npm/es-module-shims@1.5.18/dist/es-module-shims.wasm.js\"\n ></script>\n <script type=\"importmap\">\n <!--IMPORT_MAP-->\n </script>\n <!--CSS-->\n </head>\n <body></body>\n</html>\n";
|
|
154
154
|
|
|
@@ -489,7 +489,7 @@ function processHtmlFile(store, src, filename, processed, seen) {
|
|
|
489
489
|
processed.push(jsCode);
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
-
const _sfc_main$
|
|
492
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
493
493
|
__name: "Preview",
|
|
494
494
|
props: {
|
|
495
495
|
show: { type: Boolean },
|
|
@@ -727,10 +727,10 @@ Tip: edit the "Import Map" tab to specify import paths for dependencies.`;
|
|
|
727
727
|
}
|
|
728
728
|
});
|
|
729
729
|
|
|
730
|
-
const Preview = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
730
|
+
const Preview = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-4f70f7e4"]]);
|
|
731
731
|
|
|
732
|
-
const _hoisted_1$
|
|
733
|
-
const _sfc_main$
|
|
732
|
+
const _hoisted_1$2 = { class: "output-container" };
|
|
733
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
734
734
|
__name: "Output",
|
|
735
735
|
props: {
|
|
736
736
|
editorComponent: { type: [Function, Object] },
|
|
@@ -779,7 +779,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
779
779
|
]),
|
|
780
780
|
_: 1
|
|
781
781
|
}, 8, ["modelValue"]),
|
|
782
|
-
createElementVNode("div", _hoisted_1$
|
|
782
|
+
createElementVNode("div", _hoisted_1$2, [
|
|
783
783
|
createVNode(Preview, {
|
|
784
784
|
ref_key: "previewRef",
|
|
785
785
|
ref: previewRef,
|
|
@@ -799,7 +799,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
799
799
|
}
|
|
800
800
|
});
|
|
801
801
|
|
|
802
|
-
const Output = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
802
|
+
const Output = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3605a419"]]);
|
|
803
803
|
|
|
804
804
|
var ContextualKeyword; (function (ContextualKeyword) {
|
|
805
805
|
const NONE = 0; ContextualKeyword[ContextualKeyword["NONE"] = NONE] = "NONE";
|
|
@@ -17906,7 +17906,7 @@ function stripSrcPrefix(file) {
|
|
|
17906
17906
|
return file.replace(/^src\//, "");
|
|
17907
17907
|
}
|
|
17908
17908
|
|
|
17909
|
-
const _sfc_main$
|
|
17909
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
17910
17910
|
__name: "WrapToggle",
|
|
17911
17911
|
props: {
|
|
17912
17912
|
"modelValue": { type: Boolean },
|
|
@@ -17935,9 +17935,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
17935
17935
|
}
|
|
17936
17936
|
});
|
|
17937
17937
|
|
|
17938
|
-
const WrapToggle = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17938
|
+
const WrapToggle = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-794cb827"]]);
|
|
17939
17939
|
|
|
17940
|
-
const _sfc_main$
|
|
17940
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
17941
17941
|
__name: "MessageToggle",
|
|
17942
17942
|
props: {
|
|
17943
17943
|
"modelValue": { type: Boolean },
|
|
@@ -17966,10 +17966,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
17966
17966
|
}
|
|
17967
17967
|
});
|
|
17968
17968
|
|
|
17969
|
-
const MessageToggle = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17969
|
+
const MessageToggle = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-559c14b3"]]);
|
|
17970
17970
|
|
|
17971
17971
|
// Material Design Icons v6.2.95
|
|
17972
17972
|
var mdiCodeJson = "M5,3H7V5H5V10A2,2 0 0,1 3,12A2,2 0 0,1 5,14V19H7V21H5C3.93,20.73 3,20.1 3,19V15A2,2 0 0,0 1,13H0V11H1A2,2 0 0,0 3,9V5A2,2 0 0,1 5,3M19,3A2,2 0 0,1 21,5V9A2,2 0 0,0 23,11H24V13H23A2,2 0 0,0 21,15V19A2,2 0 0,1 19,21H17V19H19V14A2,2 0 0,1 21,12A2,2 0 0,1 19,10V5H17V3H19M12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15M8,15A1,1 0 0,1 9,16A1,1 0 0,1 8,17A1,1 0 0,1 7,16A1,1 0 0,1 8,15M16,15A1,1 0 0,1 17,16A1,1 0 0,1 16,17A1,1 0 0,1 15,16A1,1 0 0,1 16,15Z";
|
|
17973
|
+
var mdiDockLeft = "M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V6A2 2 0 0 0 20 4M20 18H9V6H20Z";
|
|
17973
17974
|
var mdiFileMultiple = "M15,7H20.5L15,1.5V7M8,0H16L22,6V18A2,2 0 0,1 20,20H8C6.89,20 6,19.1 6,18V2A2,2 0 0,1 8,0M4,4V22H20V24H4A2,2 0 0,1 2,22V4H4Z";
|
|
17974
17975
|
var mdiFileOutline = "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z";
|
|
17975
17976
|
var mdiFilePlusOutline = "M12,14V11H10V14H7V16H10V19H12V16H15V14M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18";
|
|
@@ -18104,9 +18105,9 @@ function useFileSelector() {
|
|
|
18104
18105
|
};
|
|
18105
18106
|
}
|
|
18106
18107
|
|
|
18107
|
-
const _hoisted_1$
|
|
18108
|
+
const _hoisted_1$1 = { class: "d-flex gap-1" };
|
|
18108
18109
|
const MAX_RECENT_FILES = 10;
|
|
18109
|
-
const _sfc_main$
|
|
18110
|
+
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
18110
18111
|
__name: "FileSelector",
|
|
18111
18112
|
setup(__props) {
|
|
18112
18113
|
const store = inject("store");
|
|
@@ -18146,7 +18147,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
18146
18147
|
|
|
18147
18148
|
|
|
18148
18149
|
|
|
18149
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
18150
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
18150
18151
|
!unref(store).state.showFileExplorer ? (openBlock(), createBlock(VBtn, {
|
|
18151
18152
|
key: 0,
|
|
18152
18153
|
icon: `svg:${unref(mdiFileMultiple)}`,
|
|
@@ -18202,10 +18203,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
18202
18203
|
}
|
|
18203
18204
|
});
|
|
18204
18205
|
|
|
18205
|
-
const _hoisted_1
|
|
18206
|
+
const _hoisted_1 = { class: "overflow-hidden position-relative editor-container" };
|
|
18206
18207
|
const SHOW_ERROR_KEY = "repl_show_error";
|
|
18207
18208
|
const TOGGLE_WRAP_KEY = "repl_toggle_wrap";
|
|
18208
|
-
const _sfc_main$
|
|
18209
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
18209
18210
|
__name: "EditorContainer",
|
|
18210
18211
|
props: {
|
|
18211
18212
|
editorComponent: { type: [Function, Object] }
|
|
@@ -18235,8 +18236,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
18235
18236
|
);
|
|
18236
18237
|
return (_ctx, _cache) => {
|
|
18237
18238
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
18238
|
-
createVNode(_sfc_main$
|
|
18239
|
-
createElementVNode("div", _hoisted_1
|
|
18239
|
+
createVNode(_sfc_main$3),
|
|
18240
|
+
createElementVNode("div", _hoisted_1, [
|
|
18240
18241
|
createVNode(props.editorComponent, {
|
|
18241
18242
|
onChange: _cache[0] || (_cache[0] = ($event) => unref(onChange)($event, unref(store).state.activeFile.filename)),
|
|
18242
18243
|
value: unref(store).state.activeFile.code,
|
|
@@ -18261,37 +18262,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
18261
18262
|
}
|
|
18262
18263
|
});
|
|
18263
18264
|
|
|
18264
|
-
const EditorContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
18265
|
-
|
|
18266
|
-
const _sfc_main$2 = { };
|
|
18267
|
-
|
|
18268
|
-
const _hoisted_1 = {
|
|
18269
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
18270
|
-
width: "24",
|
|
18271
|
-
height: "24",
|
|
18272
|
-
viewBox: "0 0 24 24",
|
|
18273
|
-
fill: "none",
|
|
18274
|
-
stroke: "currentColor",
|
|
18275
|
-
"stroke-width": "2",
|
|
18276
|
-
"stroke-linecap": "round",
|
|
18277
|
-
"stroke-linejoin": "round",
|
|
18278
|
-
class: "lucide lucide-panel-left-close-icon lucide-panel-left-close"
|
|
18279
|
-
};
|
|
18280
|
-
|
|
18281
|
-
function _sfc_render(_ctx, _cache) {
|
|
18282
|
-
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
|
18283
|
-
createElementVNode("rect", {
|
|
18284
|
-
width: "18",
|
|
18285
|
-
height: "18",
|
|
18286
|
-
x: "3",
|
|
18287
|
-
y: "3",
|
|
18288
|
-
rx: "2"
|
|
18289
|
-
}, null, -1),
|
|
18290
|
-
createElementVNode("path", { d: "M9 3v18" }, null, -1),
|
|
18291
|
-
createElementVNode("path", { d: "m16 15-3-3 3-3" }, null, -1)
|
|
18292
|
-
])))
|
|
18293
|
-
}
|
|
18294
|
-
const IconPanelLeftClose = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render]]);
|
|
18265
|
+
const EditorContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e37a9d40"]]);
|
|
18295
18266
|
|
|
18296
18267
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
18297
18268
|
__name: "FileExplorer",
|
|
@@ -18316,12 +18287,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
18316
18287
|
} = useFileSelector();
|
|
18317
18288
|
return (_ctx, _cache) => {
|
|
18318
18289
|
|
|
18319
|
-
|
|
18320
18290
|
|
|
18321
18291
|
|
|
18322
|
-
|
|
18292
|
+
|
|
18323
18293
|
|
|
18324
18294
|
|
|
18295
|
+
|
|
18325
18296
|
|
|
18326
18297
|
return openBlock(), createBlock(VNavigationDrawer, {
|
|
18327
18298
|
modelValue: unref(store).state.showFileExplorer,
|
|
@@ -18409,46 +18380,34 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
18409
18380
|
}, 8, ["selected"])
|
|
18410
18381
|
]),
|
|
18411
18382
|
default: withCtx(() => [
|
|
18412
|
-
createVNode(VListItem, {
|
|
18383
|
+
createVNode(VListItem, { class: "px-2" }, {
|
|
18413
18384
|
prepend: withCtx(() => [
|
|
18414
18385
|
createVNode(VBtn, {
|
|
18415
|
-
class: "px-0 rounded-md",
|
|
18416
18386
|
variant: "flat",
|
|
18417
18387
|
size: "small",
|
|
18418
|
-
|
|
18388
|
+
icon: `svg:${unref(mdiDockLeft)}`,
|
|
18419
18389
|
onClick: _cache[0] || (_cache[0] = ($event) => unref(store).state.showFileExplorer = false)
|
|
18420
|
-
},
|
|
18421
|
-
default: withCtx(() => [
|
|
18422
|
-
createVNode(IconPanelLeftClose)
|
|
18423
|
-
]),
|
|
18424
|
-
_: 1
|
|
18425
|
-
})
|
|
18390
|
+
}, null, 8, ["icon"])
|
|
18426
18391
|
]),
|
|
18427
18392
|
append: withCtx(() => [
|
|
18428
18393
|
createVNode(VBtn, {
|
|
18429
|
-
|
|
18430
|
-
variant: "flat",
|
|
18394
|
+
variant: "text",
|
|
18431
18395
|
size: "small",
|
|
18432
|
-
"
|
|
18396
|
+
"append-icon": `svg:${unref(mdiFilePlusOutline)}`,
|
|
18397
|
+
text: "Add File",
|
|
18398
|
+
border: "",
|
|
18399
|
+
slim: "",
|
|
18433
18400
|
onClick: unref(startAddFile)
|
|
18434
|
-
},
|
|
18435
|
-
default: withCtx(() => [
|
|
18436
|
-
createVNode(VIcon, {
|
|
18437
|
-
size: 24,
|
|
18438
|
-
icon: `svg:${unref(mdiFilePlusOutline)}`
|
|
18439
|
-
}, null, 8, ["icon"])
|
|
18440
|
-
]),
|
|
18441
|
-
_: 1
|
|
18442
|
-
}, 8, ["onClick"])
|
|
18401
|
+
}, null, 8, ["append-icon", "onClick"])
|
|
18443
18402
|
]),
|
|
18444
18403
|
_: 1
|
|
18445
18404
|
}),
|
|
18446
18405
|
createVNode(VDivider),
|
|
18447
18406
|
createVNode(VList, {
|
|
18448
18407
|
selected: [unref(activeFile)],
|
|
18449
|
-
class: "py-1 px-1 overflow-y-
|
|
18408
|
+
class: "py-1 px-1 overflow-y-auto d-flex flex-column ga-1",
|
|
18450
18409
|
density: "compact",
|
|
18451
|
-
|
|
18410
|
+
"max-height": "calc(100% - 44px)"
|
|
18452
18411
|
}, {
|
|
18453
18412
|
default: withCtx(() => [
|
|
18454
18413
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(files), (file) => {
|
|
@@ -18456,6 +18415,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
18456
18415
|
key: file,
|
|
18457
18416
|
value: file,
|
|
18458
18417
|
rounded: "",
|
|
18418
|
+
title: unref(stripSrcPrefix)(file),
|
|
18459
18419
|
slim: "",
|
|
18460
18420
|
onClick: ($event) => activeFile.value = file
|
|
18461
18421
|
}, {
|
|
@@ -18469,55 +18429,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
18469
18429
|
append: withCtx(() => [
|
|
18470
18430
|
createVNode(unref(VIconBtn), {
|
|
18471
18431
|
icon: "$close",
|
|
18472
|
-
size: "
|
|
18473
|
-
"icon-size": "
|
|
18474
|
-
variant: "
|
|
18432
|
+
size: "26",
|
|
18433
|
+
"icon-size": "14",
|
|
18434
|
+
variant: "plain",
|
|
18475
18435
|
onClick: withModifiers(($event) => unref(store).deleteFile(file), ["stop"])
|
|
18476
18436
|
}, null, 8, ["onClick"])
|
|
18477
18437
|
]),
|
|
18478
|
-
default: withCtx(() => [
|
|
18479
|
-
createVNode(VListItemTitle, {
|
|
18480
|
-
title: unref(stripSrcPrefix)(file),
|
|
18481
|
-
class: "file-name"
|
|
18482
|
-
}, {
|
|
18483
|
-
default: withCtx(() => [
|
|
18484
|
-
createTextVNode(toDisplayString(unref(stripSrcPrefix)(file)), 1)
|
|
18485
|
-
]),
|
|
18486
|
-
_: 2
|
|
18487
|
-
}, 1032, ["title"])
|
|
18488
|
-
]),
|
|
18489
18438
|
_: 2
|
|
18490
|
-
}, 1032, ["value", "onClick"]);
|
|
18439
|
+
}, 1032, ["value", "title", "onClick"]);
|
|
18491
18440
|
}), 128)),
|
|
18492
|
-
unref(pending) ? (openBlock(), createBlock(
|
|
18441
|
+
unref(pending) ? (openBlock(), createBlock(VTextField, {
|
|
18493
18442
|
key: 0,
|
|
18494
|
-
|
|
18495
|
-
|
|
18496
|
-
|
|
18497
|
-
|
|
18498
|
-
|
|
18499
|
-
|
|
18500
|
-
|
|
18501
|
-
|
|
18502
|
-
|
|
18503
|
-
|
|
18504
|
-
|
|
18505
|
-
|
|
18506
|
-
|
|
18507
|
-
|
|
18508
|
-
|
|
18509
|
-
|
|
18510
|
-
onKeyup: [
|
|
18511
|
-
withKeys(unref(doneNameFile), ["enter"]),
|
|
18512
|
-
withKeys(unref(cancelNameFile), ["esc"])
|
|
18513
|
-
]
|
|
18514
|
-
}, null, 8, ["modelValue", "onBlur", "onKeyup"])
|
|
18515
|
-
]),
|
|
18516
|
-
_: 1
|
|
18517
|
-
})
|
|
18518
|
-
]),
|
|
18519
|
-
_: 1
|
|
18520
|
-
}, 8, ["prepend-icon"])) : createCommentVNode("", true)
|
|
18443
|
+
modelValue: unref(pendingFilename),
|
|
18444
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(pendingFilename) ? pendingFilename.value = $event : null),
|
|
18445
|
+
density: "compact",
|
|
18446
|
+
"hide-details": "",
|
|
18447
|
+
autofocus: "",
|
|
18448
|
+
"single-line": "",
|
|
18449
|
+
"prepend-inner-icon": `svg:${unref(getFileIcon)(unref(pendingFilename))}`,
|
|
18450
|
+
"base-color": "primary",
|
|
18451
|
+
color: "primary",
|
|
18452
|
+
variant: "outlined",
|
|
18453
|
+
onBlur: unref(doneNameFile),
|
|
18454
|
+
onKeyup: [
|
|
18455
|
+
withKeys(unref(doneNameFile), ["enter"]),
|
|
18456
|
+
withKeys(unref(cancelNameFile), ["esc"])
|
|
18457
|
+
]
|
|
18458
|
+
}, null, 8, ["modelValue", "prepend-inner-icon", "onBlur", "onKeyup"])) : createCommentVNode("", true)
|
|
18521
18459
|
]),
|
|
18522
18460
|
_: 1
|
|
18523
18461
|
}, 8, ["selected"])
|