{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\Settings.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\Settings.vue","mtime":1787323035069},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\babel.config.js","mtime":1787309162881},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\babel-loader\\lib\\index.js","mtime":1787309793142},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJDOi9Vc2Vycy9BZG1pbi9EZXNrdG9wL2VkdWNhdGlvbi9mcm9udGVuZC9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7CiAgdmFsdWU6IHRydWUKfSk7CmV4cG9ydHMuZGVmYXVsdCA9IHZvaWQgMDsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC5rZXlzLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lc25leHQuanNvbi5wYXJzZS5qcyIpOwp2YXIgX29iamVjdFNwcmVhZDIgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIkM6L1VzZXJzL0FkbWluL0Rlc2t0b3AvZWR1Y2F0aW9uL2Zyb250ZW5kL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL29iamVjdFNwcmVhZDIuanMiKSk7CnZhciBfdnVleCA9IHJlcXVpcmUoInZ1ZXgiKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gZXhwb3J0cy5kZWZhdWx0ID0gewogIG5hbWU6ICdTZXR0aW5ncycsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHZpc2libGU6IGZhbHNlLAogICAgICAvKioKICAgICAgICog5Li76aKY6Imy5YiX6KGoCiAgICAgICAqLwogICAgICBjb2xvckxpc3Q6IFt7CiAgICAgICAgY29sb3I6ICcjMDA4NzVBJywKICAgICAgICB0aXRsZTogJ+aVmeiCsue7vycKICAgICAgfSwgewogICAgICAgIGNvbG9yOiAnIzMwNDE1NicsCiAgICAgICAgdGl0bGU6ICfmt7Hok50nCiAgICAgIH0sIHsKICAgICAgICBjb2xvcjogJyM0MDlFRkYnLAogICAgICAgIHRpdGxlOiAn5Lqu6JOdJwogICAgICB9LCB7CiAgICAgICAgY29sb3I6ICcjNjI2QUVGJywKICAgICAgICB0aXRsZTogJ+S6rue0qycKICAgICAgfSwgewogICAgICAgIGNvbG9yOiAnI0VCMkY5NicsCiAgICAgICAgdGl0bGU6ICfnsonnuqInCiAgICAgIH0sIHsKICAgICAgICBjb2xvcjogJyNGODcyMUYnLAogICAgICAgIHRpdGxlOiAn5qmZ6ImyJwogICAgICB9LCB7CiAgICAgICAgY29sb3I6ICcjQ0QyMDFGJywKICAgICAgICB0aXRsZTogJ+e6ouiJsicKICAgICAgfV0KICAgIH07CiAgfSwKICBjb21wdXRlZDogKDAsIF9vYmplY3RTcHJlYWQyLmRlZmF1bHQpKCgwLCBfb2JqZWN0U3ByZWFkMi5kZWZhdWx0KSh7fSwgKDAsIF92dWV4Lm1hcFN0YXRlKSh7CiAgICB0aGVtZTogZnVuY3Rpb24gdGhlbWUoc3RhdGUpIHsKICAgICAgcmV0dXJuIHN0YXRlLnNldHRpbmdzLnRoZW1lOwogICAgfSwKICAgIHNpZGVUaGVtZTogZnVuY3Rpb24gc2lkZVRoZW1lKHN0YXRlKSB7CiAgICAgIHJldHVybiBzdGF0ZS5zZXR0aW5ncy5zaWRlVGhlbWU7CiAgICB9LAogICAgbmF2VHlwZTogZnVuY3Rpb24gbmF2VHlwZShzdGF0ZSkgewogICAgICByZXR1cm4gc3RhdGUuc2V0dGluZ3MubmF2VHlwZTsKICAgIH0sCiAgICB0YWdzVmlldzogZnVuY3Rpb24gdGFnc1ZpZXcoc3RhdGUpIHsKICAgICAgcmV0dXJuIHN0YXRlLnNldHRpbmdzLnRhZ3NWaWV3OwogICAgfSwKICAgIHNpZGViYXJMb2dvOiBmdW5jdGlvbiBzaWRlYmFyTG9nbyhzdGF0ZSkgewogICAgICByZXR1cm4gc3RhdGUuc2V0dGluZ3Muc2lkZWJhckxvZ287CiAgICB9LAogICAgZml4ZWRIZWFkZXI6IGZ1bmN0aW9uIGZpeGVkSGVhZGVyKHN0YXRlKSB7CiAgICAgIHJldHVybiBzdGF0ZS5zZXR0aW5ncy5maXhlZEhlYWRlcjsKICAgIH0KICB9KSksIHt9LCB7CiAgICBzaWRlVGhlbWVMYWJlbDogZnVuY3Rpb24gc2lkZVRoZW1lTGFiZWwoKSB7CiAgICAgIHJldHVybiB0aGlzLnNpZGVUaGVtZSA9PT0gJ3RoZW1lLWRhcmsnID8gJ+a3seiJsuS4u+mimCcgOiAn5rWF6Imy5Li76aKYJzsKICAgIH0sCiAgICBuYXZUeXBlTGFiZWw6IGZ1bmN0aW9uIG5hdlR5cGVMYWJlbCgpIHsKICAgICAgdmFyIG1hcCA9IHsKICAgICAgICAxOiAn5L6n6L655qCP5qih5byPJywKICAgICAgICAyOiAn6aG26YOo5a+86Iiq5qih5byPJywKICAgICAgICAzOiAn5L6n5qCPK+mhtuagjycKICAgICAgfTsKICAgICAgcmV0dXJuIG1hcFt0aGlzLm5hdlR5cGVdIHx8ICfkvqfovrnmoI/mqKHlvI8nOwogICAgfQogIH0pLAogIG1ldGhvZHM6IHsKICAgIG9wZW5TZXR0aW5nOiBmdW5jdGlvbiBvcGVuU2V0dGluZygpIHsKICAgICAgdGhpcy52aXNpYmxlID0gdHJ1ZTsKICAgIH0sCiAgICBjbG9zZVNldHRpbmc6IGZ1bmN0aW9uIGNsb3NlU2V0dGluZygpIHsKICAgICAgdGhpcy52aXNpYmxlID0gZmFsc2U7CiAgICB9LAogICAgLy8g5L+u5pS55Li76aKY6ImyCiAgICBjaGFuZ2VUaGVtZTogZnVuY3Rpb24gY2hhbmdlVGhlbWUoY29sb3IpIHsKICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ3NldHRpbmdzL2NoYW5nZVNldHRpbmcnLCB7CiAgICAgICAga2V5OiAndGhlbWUnLAogICAgICAgIHZhbHVlOiBjb2xvcgogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVTaWRlVGhlbWU6IGZ1bmN0aW9uIGhhbmRsZVNpZGVUaGVtZShjb21tYW5kKSB7CiAgICAgIHRoaXMuY2hhbmdlU2V0dGluZyh7CiAgICAgICAga2V5OiAnc2lkZVRoZW1lJywKICAgICAgICB2YWx1ZTogY29tbWFuZAogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVOYXZUeXBlOiBmdW5jdGlvbiBoYW5kbGVOYXZUeXBlKGNvbW1hbmQpIHsKICAgICAgdGhpcy5jaGFuZ2VTZXR0aW5nKHsKICAgICAgICBrZXk6ICduYXZUeXBlJywKICAgICAgICB2YWx1ZTogTnVtYmVyKGNvbW1hbmQpCiAgICAgIH0pOwogICAgfSwKICAgIC8vIOS/ruaUueW4g+WxgOiuvue9ru+8jOW5tuaMgeS5heWMluWIsOacrOWcsOWtmOWCqAogICAgY2hhbmdlU2V0dGluZzogZnVuY3Rpb24gY2hhbmdlU2V0dGluZyhkYXRhKSB7CiAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdzZXR0aW5ncy9jaGFuZ2VTZXR0aW5nJywgZGF0YSk7CiAgICAgIHZhciBzZXR0aW5nID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnbGF5b3V0LXNldHRpbmcnKSB8fCAne30nKTsKICAgICAgc2V0dGluZ1tkYXRhLmtleV0gPSBkYXRhLnZhbHVlOwogICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSgnbGF5b3V0LXNldHRpbmcnLCBKU09OLnN0cmluZ2lmeShzZXR0aW5nKSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["_vuex","require","name","data","visible","colorList","color","title","computed","_objectSpread2","default","mapState","theme","state","settings","sideTheme","navType","tagsView","sidebarLogo","fixedHeader","sideThemeLabel","navTypeLabel","map","methods","openSetting","closeSetting","changeTheme","$store","dispatch","key","value","handleSideTheme","command","changeSetting","handleNavType","Number","setting","JSON","parse","localStorage","getItem","setItem","stringify"],"sources":["src/layout/components/Settings.vue"],"sourcesContent":["<template>\n  <el-drawer\n    :visible.sync=\"visible\"\n    direction=\"rtl\"\n    size=\"280px\"\n    :title=\"'布局设置'\"\n    class=\"drawer-setting\"\n    :with-header=\"false\"\n    :modal-append-to-body=\"false\"\n  >\n    <div class=\"setting-drawer-index\">\n      <div class=\"setting-drawer-index__title\">主题色</div>\n      <div class=\"setting-drawer-index__main-color theme-color\">\n        <ul class=\"ul-color\">\n          <li\n            v-for=\"item in colorList\"\n            :key=\"item.color\"\n            class=\"li-theme\"\n            :class=\"{ active: item.color === theme }\"\n            :style=\"{ background: item.color }\"\n            @click=\"changeTheme(item.color)\"\n          >\n            <i v-show=\"item.color === theme\" class=\"icon-check el-icon-check\" />\n          </li>\n        </ul>\n      </div>\n\n      <div class=\"setting-drawer-index__title\">界面功能</div>\n      <div class=\"setting-item\">\n        <span class=\"setting-item__label\">侧边栏颜色</span>\n        <el-dropdown trigger=\"click\" @command=\"handleSideTheme\">\n          <span class=\"setting-item__value\">\n            {{ sideThemeLabel }}\n            <i class=\"el-icon-arrow-down\" />\n          </span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item command=\"theme-dark\">深色主题</el-dropdown-item>\n            <el-dropdown-item command=\"theme-light\">浅色主题</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n\n      <div class=\"setting-item\">\n        <span class=\"setting-item__label\">导航栏模式</span>\n        <el-dropdown trigger=\"click\" @command=\"handleNavType\">\n          <span class=\"setting-item__value\">\n            {{ navTypeLabel }}\n            <i class=\"el-icon-arrow-down\" />\n          </span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item command=\"1\">侧边栏模式</el-dropdown-item>\n            <el-dropdown-item command=\"2\">顶部导航模式</el-dropdown-item>\n            <el-dropdown-item command=\"3\">侧栏+顶栏</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n\n      <div class=\"setting-item\">\n        <span class=\"setting-item__label\"> TagsView 标签栏</span>\n        <el-switch\n          :value=\"tagsView\"\n          @change=\"changeSetting({ key: 'tagsView', value: !tagsView })\"\n        />\n      </div>\n\n      <div class=\"setting-item\">\n        <span class=\"setting-item__label\"> 侧边栏 Logo</span>\n        <el-switch\n          :value=\"sidebarLogo\"\n          @change=\"changeSetting({ key: 'sidebarLogo', value: !sidebarLogo })\"\n        />\n      </div>\n\n      <div class=\"setting-item\">\n        <span class=\"setting-item__label\"> 固定 Header</span>\n        <el-switch\n          :value=\"fixedHeader\"\n          @change=\"changeSetting({ key: 'fixedHeader', value: !fixedHeader })\"\n        />\n      </div>\n    </div>\n  </el-drawer>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\n\nexport default {\n  name: 'Settings',\n  data() {\n    return {\n      visible: false,\n      /**\n       * 主题色列表\n       */\n      colorList: [\n        { color: '#00875A', title: '教育绿' },\n        { color: '#304156', title: '深蓝' },\n        { color: '#409EFF', title: '亮蓝' },\n        { color: '#626AEF', title: '亮紫' },\n        { color: '#EB2F96', title: '粉红' },\n        { color: '#F8721F', title: '橙色' },\n        { color: '#CD201F', title: '红色' }\n      ]\n    }\n  },\n  computed: {\n    ...mapState({\n      theme: state => state.settings.theme,\n      sideTheme: state => state.settings.sideTheme,\n      navType: state => state.settings.navType,\n      tagsView: state => state.settings.tagsView,\n      sidebarLogo: state => state.settings.sidebarLogo,\n      fixedHeader: state => state.settings.fixedHeader\n    }),\n    sideThemeLabel() {\n      return this.sideTheme === 'theme-dark' ? '深色主题' : '浅色主题'\n    },\n    navTypeLabel() {\n      const map = { 1: '侧边栏模式', 2: '顶部导航模式', 3: '侧栏+顶栏' }\n      return map[this.navType] || '侧边栏模式'\n    }\n  },\n  methods: {\n    openSetting() {\n      this.visible = true\n    },\n    closeSetting() {\n      this.visible = false\n    },\n    // 修改主题色\n    changeTheme(color) {\n      this.$store.dispatch('settings/changeSetting', { key: 'theme', value: color })\n    },\n    handleSideTheme(command) {\n      this.changeSetting({ key: 'sideTheme', value: command })\n    },\n    handleNavType(command) {\n      this.changeSetting({ key: 'navType', value: Number(command) })\n    },\n    // 修改布局设置，并持久化到本地存储\n    changeSetting(data) {\n      this.$store.dispatch('settings/changeSetting', data)\n      const setting = JSON.parse(localStorage.getItem('layout-setting') || '{}')\n      setting[data.key] = data.value\n      localStorage.setItem('layout-setting', JSON.stringify(setting))\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.setting-drawer-index {\n  padding: 0 20px;\n  box-sizing: border-box;\n\n  &__title {\n    margin-top: 26px;\n    margin-bottom: 12px;\n    font-weight: 700;\n    color: #333;\n  }\n\n  &__main-color {\n    border-radius: 4px;\n  }\n\n  .theme-color {\n    .ul-color {\n      margin: 0;\n      padding: 0;\n\n      .li-theme {\n        list-style: none;\n        display: inline-block;\n        width: 30px;\n        height: 30px;\n        margin-right: 6px;\n        border-radius: 50%;\n        cursor: pointer;\n        text-align: center;\n        vertical-align: middle;\n\n        &.active {\n          box-shadow: 0 0 0 2px #fff, 0 0 0 4px currentColor;\n        }\n\n        .icon-check {\n          color: #fff;\n          font-size: 14px;\n          line-height: 30px;\n        }\n      }\n    }\n  }\n\n  .setting-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 0;\n    font-size: 14px;\n    color: #606266;\n\n    &__value {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 0 12px;\n      height: 30px;\n      line-height: 30px;\n      border-radius: 4px;\n      border: 1px solid #dcdfe6;\n      cursor: pointer;\n      font-size: 13px;\n    }\n  }\n}\n</style>"],"mappings":";;;;;;;;;;;;AAqFA,IAAAA,KAAA,GAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAEA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACA;AACA;AACA;MACAC,SAAA,GACA;QAAAC,KAAA;QAAAC,KAAA;MAAA,GACA;QAAAD,KAAA;QAAAC,KAAA;MAAA,GACA;QAAAD,KAAA;QAAAC,KAAA;MAAA,GACA;QAAAD,KAAA;QAAAC,KAAA;MAAA,GACA;QAAAD,KAAA;QAAAC,KAAA;MAAA,GACA;QAAAD,KAAA;QAAAC,KAAA;MAAA,GACA;QAAAD,KAAA;QAAAC,KAAA;MAAA;IAEA;EACA;EACAC,QAAA,MAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACA,IAAAC,cAAA;IACAC,KAAA,WAAAA,MAAAC,KAAA;MAAA,OAAAA,KAAA,CAAAC,QAAA,CAAAF,KAAA;IAAA;IACAG,SAAA,WAAAA,UAAAF,KAAA;MAAA,OAAAA,KAAA,CAAAC,QAAA,CAAAC,SAAA;IAAA;IACAC,OAAA,WAAAA,QAAAH,KAAA;MAAA,OAAAA,KAAA,CAAAC,QAAA,CAAAE,OAAA;IAAA;IACAC,QAAA,WAAAA,SAAAJ,KAAA;MAAA,OAAAA,KAAA,CAAAC,QAAA,CAAAG,QAAA;IAAA;IACAC,WAAA,WAAAA,YAAAL,KAAA;MAAA,OAAAA,KAAA,CAAAC,QAAA,CAAAI,WAAA;IAAA;IACAC,WAAA,WAAAA,YAAAN,KAAA;MAAA,OAAAA,KAAA,CAAAC,QAAA,CAAAK,WAAA;IAAA;EACA;IACAC,cAAA,WAAAA,eAAA;MACA,YAAAL,SAAA;IACA;IACAM,YAAA,WAAAA,aAAA;MACA,IAAAC,GAAA;QAAA;QAAA;QAAA;MAAA;MACA,OAAAA,GAAA,MAAAN,OAAA;IACA;EAAA,EACA;EACAO,OAAA;IACAC,WAAA,WAAAA,YAAA;MACA,KAAApB,OAAA;IACA;IACAqB,YAAA,WAAAA,aAAA;MACA,KAAArB,OAAA;IACA;IACA;IACAsB,WAAA,WAAAA,YAAApB,KAAA;MACA,KAAAqB,MAAA,CAAAC,QAAA;QAAAC,GAAA;QAAAC,KAAA,EAAAxB;MAAA;IACA;IACAyB,eAAA,WAAAA,gBAAAC,OAAA;MACA,KAAAC,aAAA;QAAAJ,GAAA;QAAAC,KAAA,EAAAE;MAAA;IACA;IACAE,aAAA,WAAAA,cAAAF,OAAA;MACA,KAAAC,aAAA;QAAAJ,GAAA;QAAAC,KAAA,EAAAK,MAAA,CAAAH,OAAA;MAAA;IACA;IACA;IACAC,aAAA,WAAAA,cAAA9B,IAAA;MACA,KAAAwB,MAAA,CAAAC,QAAA,2BAAAzB,IAAA;MACA,IAAAiC,OAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAC,YAAA,CAAAC,OAAA;MACAJ,OAAA,CAAAjC,IAAA,CAAA0B,GAAA,IAAA1B,IAAA,CAAA2B,KAAA;MACAS,YAAA,CAAAE,OAAA,mBAAAJ,IAAA,CAAAK,SAAA,CAAAN,OAAA;IACA;EACA;AACA","ignoreList":[]}]}