create-jsview 2.1.428 → 2.1.435

package/template-vue-vite/dist-test-jsview-chunk/js/App.5a51ba28.js

@@ -1,788 +0,0 @@
-import { a as _export_sfc } from "./export-sfc.2749ebea.js";
-import { o as openBlock, e as createElementBlock, f as createBaseVNode, G as toDisplayString, O as createTextVNode, c as computed, j as renderSlot, g as normalizeStyle, u as unref, F as Fragment, m as renderList, A as createBlock, l as withCtx, M as resolveDynamicComponent, q as createCommentVNode, Q as useCssVars, k as createVNode, r as reactive, b as resolveComponent } from "./vue.889a9b8b.js";
-import { a as useRouter } from "./jsview-vue-entry.415721d8.js";
-import "./jsview-forge-define.bfab260e.js";
-import "./jsview-dom-entry.280f04b1.js";
-const ScssComments_vue_vue_type_style_index_0_scoped_f4f1a752_lang = "";
-const _sfc_main$H = {};
-const styleSheetsContent$F = { "f4f1a752": { ".scss-comments": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":130}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$F);
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-comments" }, toDisplayString("// scss 单行写法样例\n/* scss 多行写法样例 */\n.scss-comments {\n  // scss 单行注释样例\n  /* scss 多行注释样例 */\n  color: #126085;\n}"), 1)
-  ]);
-}
-const ScssComments = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$y], ["__scopeId", "data-v-f4f1a752"]]);
-const ScssOperations_vue_vue_type_style_index_0_scoped_2c30ac92_lang = "";
-const _sfc_main$G = {};
-const styleSheetsContent$E = { "2c30ac92": { ".scss-op": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$E);
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-op" }, toDisplayString("not, +, -, /\n*, /, %\n+, -\n>, >=, <, <=\n==, !=\nand, or\n=\n"))
-  ]);
-}
-const ScssOperations = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$x], ["__scopeId", "data-v-2c30ac92"]]);
-const ScssVariables_vue_vue_type_style_index_0_scoped_38991956_lang = "";
-const _sfc_main$F = {};
-const styleSheetsContent$D = { "38991956": { ".scss-var-general": '{"color":"#126085","fontSize":14,"left":10,"top":0,"width":220,"height":140}', ".scss-var-enclosing": '{"color":"#5a4ba4","fontSize":13,"left":10,"top":68,"width":220,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$D);
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-var-general" }, toDisplayString("$my-color: #126085; // 一般变量\n.scss-var-general {\n  color: $my-color;\n}"), 1),
-    createBaseVNode("div", { class: "scss-var-enclosing" }, toDisplayString(".scss-var-enclosing {\n  $my-color: #5a4ba4; // 局部变量\n  color: $my-color;\n}"), 1)
-  ]);
-}
-const ScssVariables = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$w], ["__scopeId", "data-v-38991956"]]);
-const ScssConditionals_vue_vue_type_style_index_0_scoped_c9db1add_lang = "";
-const _sfc_main$E = {
-  __name: "ScssConditionals",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", { class: "scss-conditional" }, toDisplayString("$show-green: false;\n.scss-conditional {\n  @if $show-green {\n    color: #00FF00;\n  } @else {\n    color: #126085;\n  }\n}\n"), 1)
-      ]);
-    };
-  }
-};
-const styleSheetsContent$C = { "c9db1add": { ".scss-conditional": '{"color":"#126085","fontSize":14,"left":10,"top":0,"width":220,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$C);
-const ScssConditionals = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-c9db1add"]]);
-const ScssIteration_vue_vue_type_style_index_0_scoped_1ec4aaba_lang = "";
-const _sfc_main$D = {};
-const styleSheetsContent$B = { "1ec4aaba": { ".scss-iteration": '{"fontSize":13,"color":"#126085","left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$B);
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-iteration" }, toDisplayString("$size: 4;\n@for $num from 1 through 4 {\n  $size : $size + $num\n}\n\n.scss-iteration {\n  font-size: $size;\n}"), 1)
-  ]);
-}
-const ScssIteration = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$v], ["__scopeId", "data-v-1ec4aaba"]]);
-const ScssMethods_vue_vue_type_style_index_0_scoped_e65cc594_lang = "";
-const _sfc_main$C = {};
-const styleSheetsContent$A = { "e65cc594": { ".scss-method-general": '{"fontSize":13,"color":"#126085","left":10,"top":10,"width":240,"height":140}', ".scss-method-named": '{"fontSize":13,"color":"#126085","left":10,"top":140,"width":240,"height":140}', ".scss-method-varargs": '{"fontSize":12,"color":"#126085","left":10,"top":270,"width":240,"height":180}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$A);
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-method-general" }, toDisplayString("@function getsize($zoom) { //一般调用\n  @return 2 * $zoom\n}\n.scss-method-general {\n  font-size: getsize(6.5);\n}"), 1),
-    createBaseVNode("div", { class: "scss-method-named" }, toDisplayString("@function getsize($zoom) { //具名参数\n  @return 2 * $zoom\n}\n.scss-method-named {\n  font-size: getsize($zoom: 6.5);\n}"), 1),
-    createBaseVNode("div", { class: "scss-method-varargs" }, toDisplayString("@function getsize($args...) { //不定参数\n  $size: 2;\n  @each $zoom in $args {\n    $size: $size * $zoom;\n  }\n  @return $size\n}\n.scss-method-varargs {\n  font-size: getsize(6, 1);\n}"), 1)
-  ]);
-}
-const ScssMethods = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$u], ["__scopeId", "data-v-e65cc594"]]);
-const ScssExtends_vue_vue_type_style_index_0_scoped_9fe23968_lang = "";
-const _sfc_main$B = {};
-const styleSheetsContent$z = { "9fe23968": { ".scss-basic": '{"color":"#126085"}', ".scss-extend": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$z);
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-extend" }, toDisplayString(".scss-basic {\n  color: #126085;\n}\n.scss-extend {\n  @extend .scss-basic;\n  font-size: 14;\n}"), 1)
-  ]);
-}
-const ScssExtends = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$t], ["__scopeId", "data-v-9fe23968"]]);
-const ScssNesting_vue_vue_type_style_index_0_scoped_178f321f_lang = "";
-const _sfc_main$A = {};
-const styleSheetsContent$y = { "178f321f": { ".scss-root": '{"color":"#126085"}', ".scss-root .scss-rule-nesting": '{"fontSize":14,"left":10,"top":3,"width":230,"height":140}', ".scss-root .scss-prop-nesting": '{"fontSize":14,"fontWeight":"bold","textAlign":"left","left":10,"top":120,"width":230,"height":140}', ".scss-root-parent-selector": '{"fontSize":14,"left":10,"top":280,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$y);
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", { class: "scss-root" }, [
-    createBaseVNode("div", { class: "scss-rule-nesting" }, toDisplayString(".scss-root {\n  color: #126085;\n  .scss-rule-nesting { // 规则嵌套\n    font-size: 14;\n  }\n}"), 1),
-    createBaseVNode("div", { class: "scss-prop-nesting" }, toDisplayString(".scss-prop-nesting { // 属性嵌套\n  font: {\n    size: 14;\n    weight: bold;\n  }\n  text: {\n    align: left;\n  }\n}"), 1),
-    createBaseVNode("div", { class: "scss-root-parent-selector" }, toDisplayString(".scss-root {\n  color: #126085;\n  &-parent-selector { // 父选择器\n    font-size: 14;\n  }\n}"), 1)
-  ]);
-}
-const ScssNesting = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$s], ["__scopeId", "data-v-178f321f"]]);
-const ScssMixins_vue_vue_type_style_index_0_scoped_aee15745_lang = "";
-const _sfc_main$z = {};
-const styleSheetsContent$x = { "aee15745": { ".scss-mixin": '{"fontSize":14,"color":"#126085","left":10,"top":0,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$x);
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-mixin" }, toDisplayString("@mixin font($size) {\n  font-size: $size;\n}\n.scss-mixin {\n  @include font(14);\n}"), 1)
-  ]);
-}
-const ScssMixins = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$r], ["__scopeId", "data-v-aee15745"]]);
-const ScssMaps_vue_vue_type_style_index_0_scoped_4e25499f_lang = "";
-const _sfc_main$y = {};
-const styleSheetsContent$w = { "4e25499f": { ".scss-map": '{"fontSize":14,"color":"#126085","left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$w);
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-map" }, toDisplayString("$font-sizes: (\n  small: 10, medium: 14, large: 18,\n);\n.scss-map {\n  font-size: map-get($font-sizes,\n                     medium);\n}"), 1)
-  ]);
-}
-const ScssMaps = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$q], ["__scopeId", "data-v-4e25499f"]]);
-const ScssKeyframes_vue_vue_type_style_index_0_scoped_ca0d9225_lang = "";
-const _sfc_main$x = {};
-const styleSheetsContent$v = { "0": { "scale-anim-ca0d9225": "@keyframes scale-anim-ca0d9225 {from{transform:scale3d(1, 1, 1);}to{transform:scale3d(0.8, 0.8, 1);}}" }, "ca0d9225": { ".scss-keyframes": '{"color":"#126085","fontSize":14,"left":10,"top":0,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$v);
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", {
-      class: "scss-keyframes",
-      style: { animation: "scale-anim 3s infinite linear" }
-    }, toDisplayString("@keyframes scale-anim {\n  from {\n    transform scale3d(1.0, 1.0, 1)\n  }\n  to {\n    transform scale3d(0.8, 0.8, 1)\n  }\n}"), 1)
-  ]);
-}
-const ScssKeyframes = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$p], ["__scopeId", "data-v-ca0d9225"]]);
-const ScssImporting_vue_vue_type_style_index_0_scoped_5748262b_lang = "";
-const _sfc_main$w = {};
-const styleSheetsContent$u = { "5748262b": { ".scss-imported": '{"color":"#126085","fontSize":14}', ".scss-imported .scss-nesting": '{"color":"#5149a1","left":0,"top":230,"width":230,"height":280}', ".scss-bounds": '{"left":10,"top":0,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$u);
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "scss-bounds scss-imported" }, [
-      createTextVNode(toDisplayString("ScssImportFile.vue\n\n<style scoped lang='scss'>\n@import './TextSettings';\n</style>\n\n=================\nTextSettings.scss\n\n.scss-imported {\n  color: #126085;\n  font-size: 14;") + " ", 1),
-      createBaseVNode("div", { class: "scss-nesting" }, toDisplayString("   .scss-nesting {\n     color: #5149a1;\n    }"), 1)
-    ])
-  ]);
-}
-const ScssImporting = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$o], ["__scopeId", "data-v-5748262b"]]);
-const titleData$2 = [
-  "Scss 注释、运算符、变量、条件",
-  "Scss 迭代、方法",
-  "Scss 继承、嵌套",
-  "Scss 混入、映射、关键帧",
-  "Scss 导入"
-];
-const contentListData$2 = [
-  [
-    { title: "注释- //, /**/", obj: ScssComments },
-    { title: "运算符- [ +,-,*,/,... ]", obj: ScssOperations },
-    { title: "变量- $var, .a{$var}", obj: ScssVariables, zoom: 1 },
-    { title: "条件- @if{}, @else if{}, @else{}", obj: ScssConditionals }
-  ],
-  [
-    { title: "迭代- @for, @each", obj: ScssIteration },
-    { title: "方法- @function name(var)", obj: ScssMethods, zoom: 3 }
-  ],
-  [
-    { title: "继承- @extend", obj: ScssExtends },
-    { title: "嵌套- .a{.b{}}, font:{}, text:{}", obj: ScssNesting, zoom: 3 }
-  ],
-  [
-    { title: "混入- @mixin name(var), @include", obj: ScssMixins },
-    { title: "映射- $name:{key:value}, map-get()", obj: ScssMaps },
-    { title: "关键帧- @keyframes", obj: ScssKeyframes }
-  ],
-  [
-    { title: "导入- @import", obj: ScssImporting, zoom: 2 },
-    { title: void 0, obj: void 0, zoom: 0 }
-  ]
-];
-const panelData$2 = {
-  title: titleData$2,
-  contentList: contentListData$2
-};
-const styleSheetsContent$t = { "0": { ".title-font": '{"color":"#877c4a","fontFamily":"黑体","fontSize":16,"textAlign":"center"}', ".container-font": '{"color":"#FFFFFF","fontFamily":"黑体","fontSize":16}', ".content-font": '{"color":"#000000","fontFamily":"黑体","fontSize":10}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$t);
-const ContentBlock_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$v = {
-  __name: "ContentBlock",
-  props: {
-    index: Number,
-    style: Object,
-    title: String
-  },
-  setup(__props) {
-    const props = __props;
-    const blockOpacity = computed(() => {
-      return 0.4 * (props.index % 3 + 1) / 3;
-    });
-    const titleStyle = {
-      lineHeight: 18,
-      width: props.style.width,
-      height: 18,
-      backgroundColor: "rgba(142,175,153,1)",
-      textAlign: "center"
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle(props.style)
-      }, [
-        createBaseVNode("div", {
-          class: "container-font",
-          style: titleStyle
-        }, toDisplayString(__props.title), 1),
-        createBaseVNode("div", {
-          class: "content-font",
-          style: normalizeStyle({
-            top: titleStyle.lineHeight,
-            width: props.style.width,
-            height: props.style.height - 18,
-            backgroundColor: "rgba(0,0,0," + unref(blockOpacity) + ")"
-          })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4)
-      ], 4);
-    };
-  }
-};
-const _sfc_main$u = {
-  __name: "ContentList",
-  props: {
-    style: Object,
-    startIndex: Number,
-    contentData: Array
-  },
-  setup(__props) {
-    const props = __props;
-    const rowHeight = computed(() => {
-      return props.style.height / 4;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle(props.style)
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(props.contentData.length, (_, idx) => {
-          return openBlock(), createElementBlock("div", { key: idx }, [
-            props.contentData[idx].zoom != 0 ? (openBlock(), createBlock(_sfc_main$v, {
-              key: 0,
-              style: normalizeStyle({ top: unref(rowHeight) * idx, width: props.style.width, height: unref(rowHeight) * (props.contentData[idx].zoom ?? 1) }),
-              index: props.startIndex,
-              "+": "",
-              idx: "",
-              title: props.contentData[idx].title
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(props.contentData[idx].obj)))
-              ]),
-              _: 2
-            }, 1032, ["style", "index", "title"])) : createCommentVNode("", true)
-          ]);
-        }), 128))
-      ], 4);
-    };
-  }
-};
-const TitleBar_vue_vue_type_style_index_0_scoped_083e7c50_lang = "";
-const TitleBar_vue_vue_type_style_index_1_lang = "";
-const _sfc_main$t = {
-  __name: "TitleBar",
-  props: {
-    style: Object,
-    titleData: Array
-  },
-  setup(__props) {
-    const props = __props;
-    useCssVars((_ctx) => ({
-      "b6ee8e9c": __props.style.width
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(props.titleData, (title, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "title-font title-range",
-            style: normalizeStyle({ left: props.style.width * index })
-          }, toDisplayString(title), 5);
-        }), 128))
-      ]);
-    };
-  }
-};
-const styleSheetsContent$s = { "083e7c50": { ".title-range": '{"left":0,"top":0,"width":"var(--b6ee8e9c)","height":20}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$s);
-const TitleBar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-083e7c50"]]);
-const _sfc_main$s = {
-  __name: "Panel",
-  props: {
-    style: Object,
-    panelData: Object,
-    sideline: Boolean
-  },
-  setup(__props) {
-    const props = __props;
-    const columnWidth = computed(() => {
-      return props.style.width / props.panelData.title.length;
-    });
-    const separatorColor = computed(() => {
-      return "rgba(142,175,153,1)";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle(props.style)
-      }, [
-        props.sideline ? (openBlock(), createElementBlock("div", { key: 0 }, [
-          createBaseVNode("div", {
-            style: normalizeStyle({ width: props.style.width, height: 1, backgroundColor: unref(separatorColor) })
-          }, null, 4),
-          createBaseVNode("div", {
-            style: normalizeStyle({ top: props.style.height, width: props.style.width, height: 1, backgroundColor: unref(separatorColor) })
-          }, null, 4),
-          createBaseVNode("div", {
-            style: normalizeStyle({ left: 0, width: 1, height: props.style.height, backgroundColor: unref(separatorColor) })
-          }, null, 4),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(props.panelData.title, (_, idx) => {
-            return openBlock(), createElementBlock("div", {
-              key: idx,
-              style: normalizeStyle({ left: unref(columnWidth) * (idx + 1), width: 1, height: props.style.height, backgroundColor: unref(separatorColor) })
-            }, null, 4);
-          }), 128))
-        ])) : createCommentVNode("", true),
-        createVNode(TitleBar, {
-          style: normalizeStyle({ width: unref(columnWidth) }),
-          titleData: props.panelData.title
-        }, null, 8, ["style", "titleData"]),
-        createBaseVNode("div", { style: { top: 20 } }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(props.panelData.contentList.length, (_, idx) => {
-            return openBlock(), createBlock(_sfc_main$u, {
-              key: idx,
-              style: normalizeStyle({ left: unref(columnWidth) * idx, width: unref(columnWidth), height: props.style.height - 20 }),
-              startIndex: idx,
-              contentData: props.panelData.contentList[idx]
-            }, null, 8, ["style", "startIndex", "contentData"]);
-          }), 128))
-        ])
-      ], 4);
-    };
-  }
-};
-const App_vue_vue_type_style_index_0_scoped_3006e174_lang = "";
-const _sfc_main$r = {
-  __name: "App",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", { class: "root" }, [
-          createVNode(_sfc_main$s, {
-            style: { top: 10, left: 10, width: 1230, height: 640 },
-            panelData: unref(panelData$2),
-            sideline: true
-          }, null, 8, ["panelData"])
-        ])
-      ]);
-    };
-  }
-};
-const styleSheetsContent$r = { "3006e174": { ".root": '{"top":10,"left":10,"width":1250,"height":670,"backgroundColor":"#d6e1ce"}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$r);
-const ScssApp = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-3006e174"]]);
-const LessComments_vue_vue_type_style_index_0_scoped_0e36a767_lang = "";
-const _sfc_main$q = {};
-const styleSheetsContent$q = { "0e36a767": { ".less-comments": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":130}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$q);
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-comments" }, toDisplayString("// less 单行注释\n/* less 多行注释 */\n.less-comments {\n  // less 单行注释\n  /* less 多行注释 */\n  color: #126085;\n}"), 1)
-  ]);
-}
-const LessComments = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n], ["__scopeId", "data-v-0e36a767"]]);
-const LessOperations_vue_vue_type_style_index_0_scoped_1ddecc04_lang = "";
-const _sfc_main$p = {};
-const styleSheetsContent$p = { "1ddecc04": { ".less-op": '{"color":"#00ff00","fontSize":14,"left":10,"top":3,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$p);
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-op" }, toDisplayString("+, -, *, /\n"))
-  ]);
-}
-const LessOperations = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m], ["__scopeId", "data-v-1ddecc04"]]);
-const LessVariables_vue_vue_type_style_index_0_scoped_169f20ca_lang = "";
-const _sfc_main$o = {};
-const styleSheetsContent$o = { "169f20ca": { ".less-var-general": '{"color":"#126085","fontSize":12,"left":10,"top":0,"width":220,"height":140}', ".less-var-enclosing": '{"color":"#5a4ba4","fontSize":12,"left":10,"top":68,"width":220,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$o);
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-var-general" }, toDisplayString("@my-color: #126085; // 一般变量\n.less-var-general {\n  color: @my-color;\n}"), 1),
-    createBaseVNode("div", { class: "less-var-enclosing" }, toDisplayString(".less-var-enclosing {\n  @my-color: #5a4ba4; // 局部变量\n  color: @my-color;\n}"), 1)
-  ]);
-}
-const LessVariables = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$l], ["__scopeId", "data-v-169f20ca"]]);
-const LessConditionals_vue_vue_type_style_index_0_scoped_575174f8_lang = "";
-const _sfc_main$n = {};
-const styleSheetsContent$n = { "575174f8": { ".less-conditional": '{"color":"#126085","fontSize":14,"left":10,"top":5,"width":220,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$n);
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-conditional" }, toDisplayString("@show-green: false;\n.less-conditional {\n  color: if(@show-green,\n            #00FF00,\n            #126085);\n}\n"), 1)
-  ]);
-}
-const LessConditionals = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$k], ["__scopeId", "data-v-575174f8"]]);
-const LessIteration_vue_vue_type_style_index_0_scoped_dc2e686b_lang = "";
-const _sfc_main$m = {};
-const styleSheetsContent$m = { "dc2e686b": { ".less-iteration-1": '{"fontSize":1}', ".less-iteration-2": '{"fontSize":14}', ".less-bounds": '{"color":"#126085","left":10,"top":3,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$m);
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-bounds less-iteration-2" }, toDisplayString("each(range(1, 14, 13), {\n  .less-iteration-@{index} {\n    font-size: @value;\n  }\n})"), 1)
-  ]);
-}
-const LessIteration = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$j], ["__scopeId", "data-v-dc2e686b"]]);
-const LessMethods_vue_vue_type_style_index_0_scoped_8e88c260_lang = "";
-const _sfc_main$l = {};
-const styleSheetsContent$l = { "8e88c260": { ".less-method-general": '{"fontSize":14,"color":"#5a4ba4","left":10,"top":10,"width":240,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$l);
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-method-general" }, toDisplayString("不支持函数，要用mixins替代"))
-  ]);
-}
-const LessMethods = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$i], ["__scopeId", "data-v-8e88c260"]]);
-const LessExtends_vue_vue_type_style_index_0_scoped_58b7f0ae_lang = "";
-const _sfc_main$k = {};
-const styleSheetsContent$k = { "58b7f0ae": { ".less-basic": '{"color":"#126085"}', ".less-extend": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$k);
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-extend" }, toDisplayString(".less-basic {\n  color: #126085;\n}\n.less-extend :extend(.less-basic) {\n  font-size: 14;\n}"), 1)
-  ]);
-}
-const LessExtends = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$h], ["__scopeId", "data-v-58b7f0ae"]]);
-const LessNesting_vue_vue_type_style_index_0_scoped_d8b356fc_lang = "";
-const _sfc_main$j = {};
-const styleSheetsContent$j = { "d8b356fc": { ".less-root": '{"color":"#126085"}', ".less-root .less-rule-nesting": '{"fontSize":14,"left":10,"top":3,"width":230,"height":140}', ".less-root .less-prop-nesting": '{"color":"#5a4ba4","fontSize":14,"left":10,"top":120,"width":230,"height":140}', ".less-root-parent-selector": '{"fontSize":14,"left":10,"top":280,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$j);
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", { class: "less-root" }, [
-    createBaseVNode("div", { class: "less-rule-nesting" }, toDisplayString(".less-root {\n  color: #126085;\n  .less-rule-nesting { // 规则嵌套\n    font-size: 14;\n  }\n}"), 1),
-    createBaseVNode("div", { class: "less-prop-nesting" }, toDisplayString("// 属性嵌套\n不支持")),
-    createBaseVNode("div", { class: "less-root-parent-selector" }, toDisplayString(".less-root {\n  color: #126085;\n  &-parent-selector { // 父选择器\n    font-size: 14;\n  }\n}"), 1)
-  ]);
-}
-const LessNesting = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$g], ["__scopeId", "data-v-d8b356fc"]]);
-const LessMixins_vue_vue_type_style_index_0_scoped_2cfaeb83_lang = "";
-const _sfc_main$i = {};
-const styleSheetsContent$i = { "2cfaeb83": { ".less-mixin": '{"fontSize":14,"color":"#126085","left":10,"top":0,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$i);
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-mixin" }, toDisplayString(".font(@size) {\n  font-size: @size;\n}\n.less-mixin {\n  .font(14);\n}"), 1)
-  ]);
-}
-const LessMixins = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$f], ["__scopeId", "data-v-2cfaeb83"]]);
-const LessMaps_vue_vue_type_style_index_0_scoped_a3747b4f_lang = "";
-const _sfc_main$h = {};
-const styleSheetsContent$h = { "a3747b4f": { ".less-map": '{"fontSize":14,"color":"#126085","left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$h);
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-map" }, toDisplayString("@font-sizes: {\n  small: 10; medium: 14; large: 18;\n}\n.less-map {\n  font-size: @font-sizes[medium];\n}"), 1)
-  ]);
-}
-const LessMaps = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$e], ["__scopeId", "data-v-a3747b4f"]]);
-const LessKeyframes_vue_vue_type_style_index_0_scoped_775b2f7b_lang = "";
-const _sfc_main$g = {};
-const styleSheetsContent$g = { "0": { "scale-anim-775b2f7b": "@keyframes scale-anim-775b2f7b {from{transform:scale3d(1, 1, 1);}to{transform:scale3d(0.8, 0.8, 1);}}" }, "775b2f7b": { ".less-keyframes": '{"color":"#126085","fontSize":14,"left":10,"top":0,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$g);
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", {
-      class: "less-keyframes",
-      style: { animation: "scale-anim 3s infinite linear" }
-    }, toDisplayString("@keyframes scale-anim {\n  from {\n    transform scale3d(1.0, 1.0, 1)\n  }\n  to {\n    transform scale3d(0.8, 0.8, 1)\n  }\n}"), 1)
-  ]);
-}
-const LessKeyframes = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$d], ["__scopeId", "data-v-775b2f7b"]]);
-const LessImporting_vue_vue_type_style_index_0_scoped_5f7c88e3_lang = "";
-const _sfc_main$f = {};
-const styleSheetsContent$f = { "5f7c88e3": { ".less-imported": '{"color":"#126085","fontSize":14}', ".less-imported .less-nesting": '{"color":"#5149a1","left":0,"top":230,"width":230,"height":280}', ".less-bounds": '{"left":10,"top":0,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$f);
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "less-bounds less-imported" }, [
-      createTextVNode(toDisplayString("LessImportFile.vue\n\n<style scoped lang='less'>\n@import './TextSettings';\n</style>\n\n=================\nTextSettings.less\n\n.less-imported {\n  color: #126085;\n  font-size: 14;\n") + " ", 1),
-      createBaseVNode("div", { class: "less-nesting" }, toDisplayString("   .less-nesting {\n     color: #5149a1;\n    }"), 1)
-    ])
-  ]);
-}
-const LessImporting = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$c], ["__scopeId", "data-v-5f7c88e3"]]);
-const titleData$1 = [
-  "Less 注释、运算符、变量、条件",
-  "Less 迭代、方法",
-  "Less 继承、嵌套",
-  "Less 混入、映射、关键帧",
-  "Less 导入"
-];
-const contentListData$1 = [
-  [
-    { title: "注释- //, /**/", obj: LessComments },
-    { title: "运算符- [ +,-,*,/,... ]", obj: LessOperations },
-    { title: "变量- @var, .a{@var}", obj: LessVariables },
-    { title: "条件- if(expr, true, false)", obj: LessConditionals }
-  ],
-  [
-    { title: "迭代- each(range(), {})", obj: LessIteration },
-    { title: "方法- 不支持", obj: LessMethods, zoom: 3 }
-  ],
-  [
-    { title: "继承- :extend()", obj: LessExtends },
-    { title: "嵌套- .a{.b{}}", obj: LessNesting, zoom: 3 }
-  ],
-  [
-    { title: "混入- .name(var)", obj: LessMixins },
-    { title: "映射- @name:{key:value}", obj: LessMaps },
-    { title: "关键帧- @keyframes", obj: LessKeyframes }
-  ],
-  [
-    { title: "导入- @import", obj: LessImporting, zoom: 2 },
-    { title: void 0, obj: void 0, zoom: 0 }
-  ]
-];
-const panelData$1 = {
-  title: titleData$1,
-  contentList: contentListData$1
-};
-const App_vue_vue_type_style_index_0_scoped_f779b6b5_lang = "";
-const _sfc_main$e = {
-  __name: "App",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", { class: "root" }, [
-          createVNode(_sfc_main$s, {
-            style: { top: 10, left: 10, width: 1230, height: 640 },
-            panelData: unref(panelData$1),
-            sideline: true
-          }, null, 8, ["panelData"])
-        ])
-      ]);
-    };
-  }
-};
-const styleSheetsContent$e = { "f779b6b5": { ".root": '{"top":10,"left":10,"width":1250,"height":670,"backgroundColor":"#d6e1ce"}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$e);
-const LessApp = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-f779b6b5"]]);
-const StylusComments_vue_vue_type_style_index_0_scoped_a734507c_lang = "";
-const _sfc_main$d = {};
-const styleSheetsContent$d = { "a734507c": { ".stylus-comments": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":130}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$d);
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-comments" }, toDisplayString("// stylus 单行注释\n/* stylus 多行注释 */\n.stylus-comments {\n  // stylus 单行注释\n  /* stylus 多行注释 */\n  color: #126085;\n}"), 1)
-  ]);
-}
-const StylusComments = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b], ["__scopeId", "data-v-a734507c"]]);
-const StylusOperations_vue_vue_type_style_index_0_scoped_d2ab1557_lang = "";
-const _sfc_main$c = {};
-const styleSheetsContent$c = { "d2ab1557": { ".stylus-op": '{"color":"#0f0","fontSize":14,"left":10,"top":3,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$c);
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-op" }, toDisplayString("., [], !, ~, +, -, is defined\n**, *, /, %, +, -, ..., ..\n<=, >=, <, >, in\n==, is, !=, is not, isnt\nis a, &&, and, ||, or, ?:\n=, :=, ?=, +=, -=, *=, /=, %=\nnot"), 1)
-  ]);
-}
-const StylusOperations = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a], ["__scopeId", "data-v-d2ab1557"]]);
-const StylusVariables_vue_vue_type_style_index_0_scoped_c37a790c_lang = "";
-const _sfc_main$b = {};
-const styleSheetsContent$b = { "c37a790c": { ".stylus-var-general": '{"color":"#126085","fontSize":12,"left":10,"top":0,"width":220,"height":140}', ".stylus-var-enclosing": '{"color":"#5a4ba4","fontSize":12,"left":10,"top":68,"width":220,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$b);
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-var-general" }, toDisplayString("$my-color = #126085; // 一般变量\n.stylus-var-general {\n  color: $my-color;\n}"), 1),
-    createBaseVNode("div", { class: "stylus-var-enclosing" }, toDisplayString(".stylus-var-enclosing {\n  $my-color = #5a4ba4; // 局部变量\n  color: $my-color;\n}"), 1)
-  ]);
-}
-const StylusVariables = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9], ["__scopeId", "data-v-c37a790c"]]);
-const StylusConditionals_vue_vue_type_style_index_0_scoped_634f8ba0_lang = "";
-const _sfc_main$a = {};
-const styleSheetsContent$a = { "634f8ba0": { ".stylus-conditional": '{"color":"#126085","fontSize":14,"left":10,"top":0,"width":220,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$a);
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-conditional" }, toDisplayString("$show-green = true\n.stylus-conditional {\n  if $show-green {\n    color #00FF00\n  } else {\n    color #126085\n  }\n}"), 1)
-  ]);
-}
-const StylusConditionals = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8], ["__scopeId", "data-v-634f8ba0"]]);
-const StylusIteration_vue_vue_type_style_index_0_scoped_8f980d01_lang = "";
-const _sfc_main$9 = {};
-const styleSheetsContent$9 = { "8f980d01": { ".stylus-iteration": '{"fontSize":14,"color":"#126085","left":10,"top":3,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$9);
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-iteration" }, toDisplayString("$size = 4\nfor num in 1..4\n  $size += num\n\n.stylus-iteration {\n  font-size: $size;\n}"), 1)
-  ]);
-}
-const StylusIteration = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$7], ["__scopeId", "data-v-8f980d01"]]);
-const StylusMethods_vue_vue_type_style_index_0_scoped_6eb6a292_lang = "";
-const _sfc_main$8 = {};
-const styleSheetsContent$8 = { "6eb6a292": { ".stylus-method-general": '{"fontSize":14,"color":"#126085","left":10,"top":10,"width":240,"height":140}', ".stylus-method-named": '{"fontSize":14,"color":"#126085","left":10,"top":140,"width":240,"height":140}', ".stylus-method-varargs": '{"fontSize":14,"color":"#126085","left":10,"top":270,"width":240,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$8);
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-method-general" }, toDisplayString("getsize(zoom) { //一般调用\n  2 * zoom\n}\n.stylus-method-general {\n  font-size: getsize(7);\n}"), 1),
-    createBaseVNode("div", { class: "stylus-method-named" }, toDisplayString("getsize(zoom) { //具名参数\n  2 * zoom\n}\n.stylus-method-named {\n  font-size: getsize(zoom: 7);\n}"), 1),
-    createBaseVNode("div", { class: "stylus-method-varargs" }, toDisplayString("getsize(args...) { //不定参数\n  2 * args\n}\n.stylus-method-varargs {\n  font-size: getsize(7);\n}"), 1)
-  ]);
-}
-const StylusMethods = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$6], ["__scopeId", "data-v-6eb6a292"]]);
-const StylusExtends_vue_vue_type_style_index_0_scoped_8d0b0729_lang = "";
-const _sfc_main$7 = {};
-const styleSheetsContent$7 = { "8d0b0729": { ".stylus-basic": '{"color":"#126085"}', ".stylus-extend": '{"color":"#126085","fontSize":14,"left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$7);
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-extend" }, toDisplayString(".stylus-basic {\n  color: #126085;\n}\n.stylus-extend {\n  @extend .stylus-basic;\n  font-size: 14;\n}"), 1)
-  ]);
-}
-const StylusExtends = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$5], ["__scopeId", "data-v-8d0b0729"]]);
-const StylusNesting_vue_vue_type_style_index_0_scoped_6b5d10a6_lang = "";
-const _sfc_main$6 = {};
-const styleSheetsContent$6 = { "6b5d10a6": { ".stylus-root": '{"color":"#126085"}', ".stylus-root .stylus-rule-nesting": '{"fontSize":14,"left":10,"top":3,"width":230,"height":140}', ".stylus-root .stylus-prop-nesting": '{"color":"#5a4ba4","fontSize":14,"left":10,"top":120,"width":230,"height":140}', ".stylus-root-parent-selector": '{"fontSize":14,"left":10,"top":280,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$6);
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", { class: "stylus-root" }, [
-    createBaseVNode("div", { class: "stylus-rule-nesting" }, toDisplayString(".stylus-root {\n  color: #126085;\n  .stylus-rule-nesting { // 规则嵌套\n    font-size: 14;\n  }\n}"), 1),
-    createBaseVNode("div", { class: "stylus-prop-nesting" }, toDisplayString("// 属性嵌套\n不支持")),
-    createBaseVNode("div", { class: "stylus-root-parent-selector" }, toDisplayString(".stylus-root {\n  color: #126085;\n  &-parent-selector { // 父选择器\n    font-size: 14;\n  }\n}"), 1)
-  ]);
-}
-const StylusNesting = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$4], ["__scopeId", "data-v-6b5d10a6"]]);
-const StylusMixins_vue_vue_type_style_index_0_scoped_d12be7a0_lang = "";
-const _sfc_main$5 = {};
-const styleSheetsContent$5 = { "d12be7a0": { ".stylus-mixin": '{"fontSize":14,"color":"#126085","left":10,"top":0,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$5);
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-mixin" }, toDisplayString("font(size) {\n  font-size: size;\n}\n.stylus-mixin {\n  font(14);\n}"), 1)
-  ]);
-}
-const StylusMixins = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$3], ["__scopeId", "data-v-d12be7a0"]]);
-const StylusMaps_vue_vue_type_style_index_0_scoped_09dc764a_lang = "";
-const _sfc_main$4 = {};
-const styleSheetsContent$4 = { "09dc764a": { ".stylus-map": '{"fontSize":14,"color":"#126085","left":10,"top":3,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$4);
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-map" }, toDisplayString("font-sizes = {\n  small: 10, medium: 14, large: 18,\n}\n.stylus-map {\n  font-size: font-sizes[medium];\n}"), 1)
-  ]);
-}
-const StylusMaps = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2], ["__scopeId", "data-v-09dc764a"]]);
-const StylusKeyframes_vue_vue_type_style_index_0_scoped_c3dc0b93_lang = "";
-const _sfc_main$3 = {};
-const styleSheetsContent$3 = { "0": { "scale-anim-c3dc0b93": "@keyframes scale-anim-c3dc0b93 {from{transform:scale3d(1, 1, 1);}to{transform:scale3d(0.8, 0.8, 1);}}" }, "c3dc0b93": { ".stylus-keyframes": '{"color":"#126085","fontSize":14,"left":10,"top":0,"width":230,"height":140}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$3);
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", {
-      class: "stylus-keyframes",
-      style: { animation: "scale-anim 3s infinite linear" }
-    }, toDisplayString("@keyframes scale-anim {\n  from {\n    transform scale3d(1.0, 1.0, 1)\n  }\n  to {\n    transform scale3d(0.8, 0.8, 1)\n  }\n}"), 1)
-  ]);
-}
-const StylusKeyframes = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1], ["__scopeId", "data-v-c3dc0b93"]]);
-const StylusImporting_vue_vue_type_style_index_0_scoped_bc8a9eeb_lang = "";
-const _sfc_main$2 = {};
-const styleSheetsContent$2 = { "bc8a9eeb": { ".stylus-imported": '{"color":"#126085","fontSize":14}', ".stylus-imported .stylus-nesting": '{"color":"#5149a1","left":0,"top":230,"width":230,"height":280}', ".stylus-bounds": '{"left":10,"top":0,"width":230,"height":280}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$2);
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createBaseVNode("div", { class: "stylus-bounds stylus-imported" }, [
-      createTextVNode(toDisplayString("StylusImportFile.vue\n\n<style scoped lang='stylus'>\n@import './TextSettings';\n</style>\n\n=================\nTextSettings.styl\n\n.stylus-imported {\n  color: #126085;\n  font-size: 14;\n") + " ", 1),
-      createBaseVNode("div", { class: "stylus-nesting" }, toDisplayString("   .stylus-nesting {\n     color: #5149a1;\n    }"), 1)
-    ])
-  ]);
-}
-const StylusImporting = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render], ["__scopeId", "data-v-bc8a9eeb"]]);
-const titleData = [
-  "Stylus 注释、运算符、变量、条件",
-  "Stylus 迭代、方法",
-  "Stylus 继承、嵌套",
-  "Stylus 混入、映射、关键帧",
-  "Stylus 导入"
-];
-const contentListData = [
-  [
-    { title: "注释- //, /**/", obj: StylusComments },
-    { title: "运算符- [ +,-,*,/,... ]", obj: StylusOperations },
-    { title: "变量- $var, .a{$var}", obj: StylusVariables },
-    { title: "条件- if, else if, else", obj: StylusConditionals }
-  ],
-  [
-    { title: "迭代- for in", obj: StylusIteration },
-    { title: "方法- name(var)", obj: StylusMethods, zoom: 3 }
-  ],
-  [
-    { title: "继承- @extend", obj: StylusExtends },
-    { title: "嵌套- .a{.b{}}", obj: StylusNesting, zoom: 3 }
-  ],
-  [
-    { title: "混入- name(var)", obj: StylusMixins },
-    { title: "映射- name={key:value}", obj: StylusMaps },
-    { title: "关键帧- @keyframes", obj: StylusKeyframes }
-  ],
-  [
-    { title: "导入- @import", obj: StylusImporting, zoom: 2 },
-    { title: void 0, obj: void 0, zoom: 0 }
-  ]
-];
-const panelData = {
-  title: titleData,
-  contentList: contentListData
-};
-const App_vue_vue_type_style_index_0_scoped_4cb992ee_lang = "";
-const _sfc_main$1 = {
-  __name: "App",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", { class: "root" }, [
-          createVNode(_sfc_main$s, {
-            style: { top: 10, left: 10, width: 1230, height: 640 },
-            panelData: unref(panelData),
-            sideline: true
-          }, null, 8, ["panelData"])
-        ])
-      ]);
-    };
-  }
-};
-const styleSheetsContent$1 = { "4cb992ee": { ".root": '{"top":10,"left":10,"width":1250,"height":670,"backgroundColor":"#d6e1ce"}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
-const StylusApp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4cb992ee"]]);
-const App_vue_vue_type_style_index_0_scoped_1978724c_lang = "";
-const _sfc_main = {
-  __name: "App",
-  setup(__props) {
-    const router = useRouter();
-    const panelInfo = reactive({
-      index: 1,
-      total: 3,
-      desc: "1/3"
-    });
-    const onKeyDown = (ev) => {
-      console.log("onKeyDown");
-      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
-        console.log("Basic has router: ", !!router);
-        router?.go(-1);
-        return true;
-      } else if (ev.keyCode == 37) {
-        panelInfo.index = --panelInfo.index > 1 ? panelInfo.index : 1;
-        panelInfo.desc = panelInfo.index + "/" + panelInfo.total;
-        return true;
-      } else if (ev.keyCode == 39) {
-        panelInfo.index = ++panelInfo.index < panelInfo.total ? panelInfo.index : panelInfo.total;
-        panelInfo.desc = panelInfo.index + "/" + panelInfo.total;
-        return true;
-      }
-      return false;
-    };
-    const actionDefines = {
-      onKeyDown
-    };
-    return (_ctx, _cache) => {
-      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_jsv_focus_block, {
-          autoFocus: "",
-          onAction: actionDefines
-        }),
-        createBaseVNode("div", { class: "root" }, [
-          panelInfo.index == 1 ? (openBlock(), createBlock(ScssApp, { key: 0 })) : panelInfo.index == 2 ? (openBlock(), createBlock(LessApp, { key: 1 })) : panelInfo.index == 3 ? (openBlock(), createBlock(StylusApp, { key: 2 })) : createCommentVNode("", true),
-          createBaseVNode("div", { style: { top: 660, left: 30, width: 50 } }, toDisplayString(panelInfo.desc), 1),
-          createBaseVNode("div", { style: { top: 660, left: 100, width: 500 } }, " 按左/右键切换Panel，按Back键返回 ")
-        ])
-      ]);
-    };
-  }
-};
-const styleSheetsContent = { "1978724c": { ".root": '{"color":"#FF0000"}' } };
-window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1978724c"]]);
-export {
-  App as default
-};
-//# sourceMappingURL=http://localhost:57245/map/App.5a51ba28.js.map
-
-/*jsvmd5:891bdb4113dc8cd948b0b95b65910420*/