暂无数据
',1),Z=[Q];function X(e,t,o,c,l,i){const a=Object(s["S"])("Dialog"),r=Object(s["S"])("Login"),d=Object(s["S"])("Configd"),h=Object(s["S"])("Bg");return Object(s["J"])(),Object(s["m"])(s["b"],null,[Object(s["n"])("div",v,[Object(s["n"])("div",O,[Object(s["n"])("div",y,[S,Object(s["n"])("div",null,[Object(s["n"])("div",w,[k,Object(s["kb"])(Object(s["n"])("input",{type:"text",placeholder:"请输入书签名称","onUpdate:modelValue":t[0]||(t[0]=t=>e.searchVal=t)},null,512),[[s["fb"],e.searchVal]])]),Object(s["n"])("img",{src:n.a,class:"tool-icon",onClick:t[1]||(t[1]=e=>c.add({},"add"))}),x,V,Object(s["n"])("span",{class:"login-s",onClick:t[2]||(t[2]=(...e)=>c.loginClick&&c.loginClick(...e))},[C,Object(s["n"])("span",{class:"login-status",title:e.userInfo.username},Object(s["W"])(e.userInfo.username.slice(0,5)),9,_)])])]),Object(s["n"])("div",J,[Object(s["n"])("div",R,[Object(s["n"])("div",I,[(Object(s["J"])(!0),Object(s["m"])(s["b"],null,Object(s["Q"])(e.data,(t,o)=>(Object(s["J"])(),Object(s["m"])("div",{class:Object(s["A"])(["label",e.activeIndex===o?"active":"inactive"]),key:o,onClick:e=>c.selectType(t,o)},[A,Object(s["n"])("div",N,Object(s["W"])(t.type),1)],10,M))),128))]),Object(s["n"])("div",z,[F,Object(s["n"])("i",{class:"el-icon-upload2",title:"导入浏览器书签",onClick:t[3]||(t[3]=(...e)=>c.importBookmark&&c.importBookmark(...e))},[Object(s["n"])("input",U,null,512)]),Object(s["n"])("i",{class:"el-icon-download",title:"导出浏览器书签",onClick:t[4]||(t[4]=(...e)=>c.exportBookmark&&c.exportBookmark(...e))}),Object(s["n"])("i",{class:"el-icon-setting",title:"配置项",onClick:t[5]||(t[5]=(...e)=>c.configClick&&c.configClick(...e))}),Object(s["n"])("i",{class:"el-icon-refresh",title:"重置",onClick:t[6]||(t[6]=(...e)=>c.resetClick&&c.resetClick(...e))})])]),Object(s["n"])("div",D,[e.bookMark.length?(Object(s["J"])(),Object(s["k"])(s["f"],{key:0,name:"staggered-fade",class:"card-s",tag:"ul",css:!1,onBeforeEnter:i.beforeEnter,onEnter:i.enter,onLeave:i.leave},{default:Object(s["jb"])(()=>[(Object(s["J"])(!0),Object(s["m"])(s["b"],null,Object(s["Q"])(e.bookMark,(e,t)=>(Object(s["J"])(),Object(s["m"])("div",{class:"card-item list-complete-item",key:t,onClick:t=>c.navigate(e)},[Object(s["n"])("div",T,[Object(s["n"])("img",{src:e.logo?e.logo:"/img/logo.f38dc2e8.svg"},null,8,E)]),Object(s["n"])("div",P,[Object(s["n"])("span",L,[Object(s["n"])("i",{class:"el-icon-edit",onClick:Object(s["mb"])(t=>c.add(e,"modify"),["stop"])},null,8,K),Object(s["n"])("i",{class:"el-icon-delete",onClick:Object(s["mb"])(t=>c.deleteClick(e),["stop"])},null,8,q)]),Object(s["n"])("span",G,Object(s["W"])(e.title||"Kestrel-bookmark"),1),Object(s["n"])("span",W,Object(s["W"])(e.desc||"红隼书签-为中国 Web 前端开发人员提供优质网站导航"),1)])],8,B))),128))]),_:1},8,["onBeforeEnter","onEnter","onLeave"])):Object(s["l"])("",!0),e.bookMark.length?Object(s["l"])("",!0):(Object(s["J"])(),Object(s["m"])("div",H,Z))])])])]),Object(s["r"])(a,{class:"my-dialog",modelValue:e.isDetailVisible,"onUpdate:modelValue":t[7]||(t[7]=t=>e.isDetailVisible=t),onCloseViews:c.closeViews,detail:e.detail,selectType:e.activeIndex,onFresh:c.search},null,8,["modelValue","onCloseViews","detail","selectType","onFresh"]),Object(s["r"])(r,{modelValue:e.isLoginVisible,"onUpdate:modelValue":t[8]||(t[8]=t=>e.isLoginVisible=t),onCloseViews:c.closeLoginViews,onSetUser:c.setUsername},null,8,["modelValue","onCloseViews","onSetUser"]),Object(s["r"])(d,{modelValue:e.isConfigVisible,"onUpdate:modelValue":t[9]||(t[9]=t=>e.isConfigVisible=t),onCloseViews:c.closeConfigViews,onFresh:c.fresh},null,8,["modelValue","onCloseViews","onFresh"]),Object(s["r"])(h,{ref:"bgRef"},null,512)],64)}o("c6fc");const Y=[{type:"语言文档和规范",children:[{desc:"提供 Web 技术文档，学习 Web 开发的最佳实践",url:"https://developer.mozilla.org/zh-CN/docs/Web",logo:"",title:"MDN"},{contribute:"https://github.com/docschina/ecma262",desc:"ECMAScript 2018 标准",url:"https://ecma262.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/ecma.svg",title:"ECMAScript"},{contribute:"https://github.com/LinFeng1997/markdown-it-docs",desc:"Markdown 解析器。完全支持 CommonMark 规范，并且进行语法扩展、提供可编写插件和快速编译",url:"https://markdown-it.docschina.org/",is_docschina:!0,title:"markdown-it 中文文档",repository:"https://github.com/markdown-it/markdown-it"},{contribute:"https://github.com/docschina/GFM-docs",url:"https://gfm.docschina.org/zh-hans/",is_docschina:!0,title:"GitHub 风格 Markdown 规范",repository:"https://github.com/docschina/GFM-docs"},{url:"https://www.markdownguide.org/basic-syntax/",title:"Markdown 基本语法"},{contribute:"https://github.com/xitu/graphql.github.io",desc:"一种用于 API 的查询语言",url:"http://graphql.cn/",logo:"https://cdn.docschina.org/home/logo/graphql.svg",title:"GraphQL"},{contribute:"https://github.com/OAI/OpenAPI-Specification/blob/master/versions/3.0.0.md",desc:"OpenAPI 规范为 RESTful API 定义了一个与语言无关的标准接口",url:"https://swagger.io/docs/specification/about/",logo:"https://cdn.docschina.org/home/logo/openapi.png",title:"OpenAPI"},{contribute:"https://github.com/json-schema-org/json-schema-spec",desc:"JSON Schema 是一个词汇表，可以验证、注释和操作 JSON 文档",url:"http://json-schema.org/",logo:"https://cdn.docschina.org/home/logo/json-schema.svg",title:"JSON Schema"},{desc:"一门语言，帮助开发者构建可靠和高效软件",url:"https://www.rust-lang.org/zh-CN/",logo:"https://www.rust-lang.org/static/images/rust-logo-blk.svg",title:"Rust"}],title:"standard"},{_id:"c497f5885f9e324e0118d57b2d7881b8",_updateTime:1614568539818,type:"视频音频",children:[{desc:"带解析器、能节省流量的 Web 视频播放器",url:"https://h5player.bytedance.com/",logo:"https://cdn.docschina.org/home/logo/xgplayer.png",title:"XGPlayer",repository:"https://github.com/bytedance/xgplayer",team:"今日头条"},{desc:"奇舞团研制的 h5 播放器，它支持 mp4、m3u8、flv 等多种格式",url:"http://chimee.org/",logo:"https://cdn.docschina.org/home/logo/75team.svg",title:"Chimee",repository:"https://github.com/Chimeejs/chimee",team:"360"},{desc:"HTML5 视频播放器以纯 JavaScript 编写，不含 Flash",url:"https://github.com/Bilibili/flv.js",logo:"",title:"flv.js",team:"哔哩哔哩"}],title:"media"},{_id:"c497f5885f9e324e0118d57508ba180c",type:"函数式编程",children:[{contribute:"https://github.com/RxJS-CN/RxJS-Docs-CN/",desc:"RxJS 是 Reactive Extensions 的 JavaScript 实现，可以通过响应式和函数式编程模型组合异步数据流",url:"http://cn.rx.js.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/rxjs.png",title:"RxJS"},{desc:"函数式和响应式的 JavaScript 框架",url:"http://cyclejs.cn/",logo:"https://cdn.docschina.org/home/logo/cyclejs.svg",title:"Cycle.js"},{desc:"一款实用的 JavaScript 函数式编程库",url:"http://ramda.cn/",logo:"https://ramdajs.com/ramdaFilled_200x235.png",title:"Ramda"}],title:"functional"},{_id:"c497f5885f9e324e0118d56d1789876d",_updateTime:1611132890668,type:"Vue(Mobile)",children:[{desc:"移动端 Vue 组件库",url:"https://youzan.github.io/vant/",logo:"https://cdn.docschina.org/home/logo/vant.png",title:"Vant",repository:"https://github.com/youzan/vant",team:"有赞"},{desc:"基于 Vue 实现的精致移动端组件库",url:"https://didi.github.io/cube-ui/",logo:"https://cdn.docschina.org/home/logo/cube.png",title:"Cube UI",repository:"https://github.com/didi/cube-ui",team:"滴滴"},{desc:"面向金融场景的 Vue 移动端组件库",url:"https://didi.github.io/mand-mobile/",logo:"https://cdn.docschina.org/home/logo/mand.svg",title:"Mand Mobile",repository:"https://github.com/didi/mand-mobile",team:"滴滴"},{desc:"可视化 Mand Mobile 主题编辑器",url:"https://mand-mobile.github.io/palette/",logo:"https://cdn.docschina.org/home/logo/mand.svg",title:"Mand Mobile Palette",repository:"https://github.com/mand-mobile/palette",team:"滴滴"},{desc:"基于 Vue 的移动端跨平台 UI",url:"https://weex.apache.org/",logo:"https://cdn.docschina.org/home/logo/weex.svg",title:"Weex",repository:"https://github.com/apache/incubator-weex",team:"阿里巴巴"}],title:"vue-mobile"},{_id:"c497f5885f9e324e0118d57a3885d353",_updateTime:1612263116672,type:"工具",children:[{contribute:"https://github.com/xmoyking/localForage-cn",desc:"通过简单类似 localStorage API 的异步数据存储来改进你的 Web 应用程序的离线体验",url:"https://localforage.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/lf.png",title:"localForage"},{contribute:"https://github.com/iamkun/dayjs",desc:"处理时间和日期的 JavaScript 函数库",url:"https://day.js.org/zh-CN/",title:"Day.js"},{contribute:"https://github.com/moment/moment",desc:"处理时间和日期的 JavaScript 函数库",url:"https://momentjs.com/docs/",title:"Moment.js"},{desc:"一个现代的 JavaScript 工具库",url:"http://lodash.think2011.net/",logo:"https://cdn.docschina.org/home/logo/lodash.svg",title:"Lodash"},{desc:"jQuery API 速查表",url:"http://hemin.cn/jq/",logo:"https://cdn.docschina.org/home/logo/jquery.svg",title:"jQuery API"},{desc:"高效精简强大的工具库",url:"http://www.jquery123.com/",logo:"https://cdn.docschina.org/home/logo/jquery.svg",title:"jQuery"},{desc:"轻量级的工具库",url:"http://zeptojs.com/",logo:"https://cdn.docschina.org/home/logo/zepto.png",title:"Zepto"}],title:"utils"},{_id:"c497f5885f9e324e0118d56a6fb97586",_updateTime:1618062117484,type:"React",children:[{contribute:"https://github.com/docschina/create-react-app",desc:"React 官方维护的创建 React 单页面应用的工具",url:"https://cra.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/react.svg",title:"Create React App"},{contribute:"https://github.com/docschina/preact-www",desc:"React 的 3kb 轻量化方案，拥有同样的 ES6 API",url:"https://preactjs.com/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/preact.png",title:"Preact"},{contribute:"https://github.com/docschina/react-router.cn",desc:"React 官方维护的路由库",url:"https://react-router.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/react-router.svg",title:"React-Router"},{contribute:"https://github.com/dvajs/dva",desc:"基于 React 和 redux，具有 elm 风格的轻量级框架。",url:"https://dvajs.com/",logo:"",title:"dva"},{desc:"Element UI 的 React 实现",url:"https://elemefe.github.io/element-react/",logo:"https://cdn.docschina.org/home/logo/element.svg",title:"Element React",repository:"https://github.com/eleme/element-react",team:"饿了么"},{desc:"PC 端 WebUI 规范的 React 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件",url:"https://youzan.github.io/zent/zh/guides/install",logo:"https://cdn.docschina.org/home/logo/zent.png",title:"Zent",repository:"https://github.com/youzan/zent",team:"有赞"},{desc:"Nerv 是一款基于虚拟 DOM 技术的 JavaScript（TypeScript）库，它提供了与 React 16 一致的使用方式与 API，并且拥有更高的性能表现、更小的包大小以及更好的浏览器兼容性",url:"https://nerv.aotu.io/",logo:"https://camo.githubusercontent.com/3e1b76e514b895760055987f164ce6c95935a3aa/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f6d74642f686f6d652f6c6f676f2d3278313531333833373932363730372e706e67",title:"Nerv",repository:"https://github.com/NervJS/nerv",team:"京东"},{desc:"基于 React 的移动端跨平台 UI",url:"https://reactnative.cn/",logo:"https://cdn.docschina.org/home/logo/react.svg",title:"React Native",repository:"https://github.com/reactnativecn/react-native.cn"},{desc:"React Native 应用程序的路由和导航",url:"https://reactnavigation.org/docs/getting-started",logo:"https://reactnavigation.org/img/spiro.svg",title:"React Navigation",repository:"https://github.com/react-navigation"}],title:"react"},{_id:"c497f5885f9e324e0118d56873ba5666",_updateTime:1618062691090,type:"web 框架",children:[{contribute:"https://github.com/reactjs/zh-hans.reactjs.org",desc:"构建用户界面的 JavaScript 库",url:"https://react.docschina.org",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/react.svg",title:"React"},{contribute:"https://github.com/vuejs/cn.vuejs.org",desc:"渐进式 JavaScript 框架",url:"https://cn.vuejs.org/v2/guide/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"Vue 2"},{contribute:"https://github.com/vuejs/vue-next",desc:"渐进式 JavaScript 框架",url:"https://v3.cn.vuejs.org/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"Vue 3"},{contribute:"https://github.com/single-spa/single-spa",desc:"JavaScript 框架，将多个微前端组合成一个应用程序",url:"https://single-spa.js.org/",logo:"https://single-spa.js.org/img/logo-white-bgblue.svg",title:"single-spa"},{contribute:"https://github.com/angular/angular",desc:"应用程序设计框架和开发平台，用于创建高效且复杂的单页应用程序",url:"https://angular.cn/",logo:"https://cdn.docschina.org/home/logo/angular.svg",title:"Angular"},{contribute:"https://github.com/sveltejs/svelte",desc:"将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码。",url:"https://svelte.dev/",logo:"https://svelte.dev/svelte-logo-horizontal.svg",title:"Svelte"}],title:"web-framework"},{_id:"c497f5885f9e324e0118d5725620766a",type:"代码风格检查",children:[{desc:"可组装的、用于 JavaScript 和 JSX 的代码检查工具",url:"https://cn.eslint.org/",logo:"https://cdn.docschina.org/home/logo/eslint.svg",title:"ESLint"},{contribute:"https://github.com/docschina/stylelint",desc:"强大的现代 CSS 检测工具，帮助样式表遵循一致的约定和避免错误",url:"https://stylelint.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/stylelint.svg",title:"StyleLint"},{desc:"JavaScript 风格指南、检查工具和格式化工具",url:"https://standardjs.com/",logo:"https://cdn.docschina.org/home/logo/standardjs.svg",title:"Standard JS"},{desc:"Vue 代码的风格指南",url:"https://vue.docschina.org/v2/style-guide/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"Vue 风格指南"}],title:"codestyle"},{_id:"c497f5885f9e324e0118d56f23ffeb15",_updateTime:1618761523555,type:"Node.js & Deno",children:[{contribute:"https://github.com/nodejscn/node-api-cn",desc:"基于 V8 引擎的 JavaScript 运行环境",url:"http://nodejs.cn/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/node.svg",title:"Node.js"},{contribute:"https://deno.js.cn/",desc:"Deno 是一个 JavaScript/TypeScript 的运行时",url:"https://manual.deno.js.cn/",logo:"https://deno.land/logo.svg",title:"Deno"},{contribute:"https://github.com/demopark/koa-docs-Zh-CN",desc:"新一代的 Web 后台框架",url:"https://koajs.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/koa.svg",title:"Koa"},{desc:"为企业级框架和 Node.js & Koa 应用程序而生",url:"https://eggjs.org/",logo:"https://cdn.docschina.org/home/logo/egg.png",title:"egg",repository:"https://github.com/eggjs/egg",team:"阿里巴巴"},{desc:"快速极简的 Web 框架",url:"http://expressjs.com/zh-cn/",logo:"https://cdn.docschina.org/home/logo/express.png",title:"Express",repository:"https://github.com/expressjs/express"},{desc:"渐进式 Node.js 框架，构建高效、可靠和可扩展的 server 应用程序",url:"https://nestjs.com/",logo:"https://cdn.docschina.org/home/logo/nest.png",title:"nest",repository:"https://github.com/nestjs/nest"},{desc:"能够使用完整 ES6/7 特性进行开发的 Node.js 应用程序",url:"https://thinkjs.org/",logo:"https://cdn.docschina.org/home/logo/think.png",title:"ThinkJS",repository:"https://github.com/thinkjs/thinkjs",team:"360"},{desc:"npm 是 JavaScript package 管理工具，在这里可以找到可复用代码，并以强大的全新方式进行聚合",url:"https://docs.npmjs.com/",logo:"https://cdn.docschina.org/home/logo/npm.png",title:"npm"},{desc:"淘宝提供的 npmjs.org 镜像",url:"https://npm.taobao.org/",logo:"https://npm.taobao.org/favicon.png",title:"cnpm"},{desc:"快速、可靠和安全的依赖管理",url:"https://yarnpkg.com/zh-Hans/",logo:"https://cdn.docschina.org/home/logo/yarn.png",title:"yarn"}],title:"node"},{_id:"c497f5885f9e324e0118d5741113911d",_updateTime:1618213635311,type:"编程教程",children:[{contribute:"https://github.com/javascript-tutorial/zh.javascript.info",desc:"以最新的 JavaScript 标准为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。",url:"https://zh.javascript.info/",is_docschina:!1,logo:"https://user-images.githubusercontent.com/26959437/67275005-3df25500-f4f4-11e9-9c13-36e442ff40cc.jpg",title:"现代 JavaScript 教程"},{contribute:"https://github.com/RxJS-CN/learn-rxjs-operators",desc:"通过每个操作符的清晰示例及解释来进行 RxJS 的学习",url:"https://rxjs-cn.github.io/learn-rxjs-operators/",is_docschina:!0,logo:"",title:"学习 RxJS 操作符"},{desc:"从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript",url:"https://ts.xcatliu.com/",logo:"https://cdn.docschina.org/home/logo/typescript.svg",title:"TypeScript 入门教程",repository:"https://github.com/xcatliu/typescript-tutorial"},{desc:"基于 Promise 进行异步编程的基本使用方法以及测试的编写方法、应用及反模式等内容的文档",url:"http://liubin.org/promises-book/",logo:"",title:"JavaScript Promise 迷你书"},{contribute:"https://github.com/RxJS-CN/learn-rxjs-operators",desc:"通过每个操作符的清晰示例及解释来进行 RxJS 的学习",url:"https://rxjs-cn.github.io/learn-rxjs-operators/",is_docschina:!0,logo:"",title:"学习 RxJS 操作符"},{desc:"这是一本有关 Rust的入门书籍",url:"https://doc.rust-lang.org/book/",logo:"https://www.rust-lang.org/static/images/rust-logo-blk.svg",title:"Rust 编程语言"}],title:"tutorial"},{_id:"c497f5885f9e324e0118d56c79303c20",_updateTime:1611204893455,type:"Vue(PC)",children:[{desc:"基于 Vue 的组件库",url:"http://element-cn.eleme.io/",logo:"https://cdn.docschina.org/home/logo/element.svg",title:"Element UI",repository:"https://github.com/ElemeFE/element",team:"饿了么"},{desc:"基于 Vue 的 Material 组件库",url:"https://vuetifyjs.com/zh-Hans/",logo:"https://cdn.docschina.org/home/logo/vuetify.svg",title:"Vuetify",repository:"https://github.com/vuetifyjs/vuetify"},{desc:"基于 Vue 的组件库",url:"https://www.iviewui.com/",logo:"https://cdn.docschina.org/home/logo/iview.png",title:"View UI",repository:"https://github.com/iview/iview",team:"TalkingData"},{desc:"Vue 官方 UI 组件",url:"https://vuejs.github.io/ui/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"Vue UI Framework",repository:"https://github.com/vuejs/ui"},{desc:"一个基于 Vue 的高质量 UI 组件库",url:"https://www.heyui.top/",logo:"https://camo.githubusercontent.com/1424cb86c2634f96fe82db55f01f07c3c29e53a1/68747470733a2f2f7777772e68657975692e746f702f7374617469632f696d616765732f6c6f676f2e706e67",title:"HeyUI",repository:"https://github.com/heyui/heyui"},{desc:"灵活易用的 JavaScript 组件框架，兼容到 IE6",url:"https://baidu.github.io/san/",logo:"https://cdn.docschina.org/home/logo/san.svg",title:"San",repository:"https://github.com/baidu/san",team:"百度"},{desc:"vue-loader 可以将 Vue 单文件组件转换为 JavaScript 模块的 webpack loader",url:"https://vue-loader.vuejs.org/zh/",logo:"",title:"vue-loader",repository:"https://github.com/vuejs/vue-loader"},{contribute:"https://github.com/vuejs/vuepress",desc:"由 Vue 提供支持的静态站点生成器",url:"https://vuepress.vuejs.org/zh/",logo:"https://cdn.docschina.org/home/logo/vuepress.svg",title:"VuePress"},{desc:"vue-router 是 Vue 官方提供的 router",url:"https://router.vuejs.org/zh/",logo:"",title:"vue-router",repository:"https://github.com/vuejs/vue-router"},{desc:"vue-rx 帮助用户在 Vue 应用程序中实现简单的 RxJS 绑定",url:"https://github.com/vuejs/vue-rx/blob/master/README-CN.md",logo:"",title:"vue-rx",repository:"https://github.com/vuejs/vue-rx"},{desc:"vue-cli 帮助用户快速开发 Vue 的脚手架(scaffold)",url:"https://cli.vuejs.org/zh/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"vue-cli",repository:"https://github.com/vuejs/vue-cli"},{desc:"Vue 官方提供的服务器端渲染(SSR)指南",url:"https://ssr.vuejs.org/zh/",logo:"",title:"vue-ssr",repository:"https://github.com/vuejs/vue-ssr-docs"},{desc:"Vue.js 元框架，用于快速创建复杂、高性能的通用 Web 应用程序",url:"https://zh.nuxtjs.org/",logo:"https://zh.nuxtjs.org/logos/nuxt-icon.png",title:"Nuxt.js",repository:"https://github.com/nuxt/nuxt.js"}],title:"vue-pc"},{_id:"c497f5885f9e324e0118d57622981fde",type:"测试工具",children:[{desc:"Vue Test Utils 是 Vue.js 官方的单元测试实用工具库",url:"https://vue-test-utils.vuejs.org/zh/",logo:"",title:"Vue Test Utils",repository:"https://github.com/vuejs/vue-test-utils"},{desc:"Facebook 开发的零配置测试平台，让代码库更加稳定和健壮",url:"https://jest.docschina.org/",logo:"https://cdn.docschina.org/home/logo/jest.png",title:"Jest",repository:"https://github.com/facebook/jest"},{desc:"未来的测试运行器",url:"https://github.com/avajs/ava",logo:"https://cdn.docschina.org/home/logo/ava.png",title:"ava"},{desc:"Karma 的主要目标是，让测试驱动开发(TDD)变得简单、快速和有趣。",url:"https://karma-runner.github.io/2.0/index.html",logo:"https://cdn.docschina.org/home/logo/karma.png",title:"Karma",repository:"https://github.com/karma-runner/karma"},{desc:"Mocha 是运行在 Node.js 和浏览器上的功能丰富的 JavaScript 测试框架，使异步测试变得简单而有趣。Mocha 串行运行测试，提供灵活精准的报告，同时将未捕获的异常映射到正确的测试用例。",url:"https://mochajs.org/",logo:"https://cdn.docschina.org/home/logo/mocha.svg",title:"Mocha",repository:"https://github.com/mochajs/mocha"},{desc:"Jasmine 是一个用于测试 JavaScript 代码的行为驱动开发(BDD)框架",url:"https://jasmine.github.io/",logo:"https://cdn.docschina.org/home/logo/jasmine.png",title:"Jasmine",repository:"https://github.com/jasmine/jasmine"},{desc:"Puppeteer 可以通过 DevTools 协议控制 headless Chrome 或 Chromium",url:"https://pptr.dev/",logo:"https://cdn.docschina.org/home/logo/puppeteer.png",title:"Puppeteer",repository:"https://github.com/GoogleChrome/puppeteer"},{desc:"用于对 JavaScript 隔离测试 spy, stub 和 mock。适用于任何单元测试框架",url:"http://sinonjs.org/",logo:"https://cdn.docschina.org/home/logo/sinon.png",title:"Sinon.JS",repository:"https://github.com/sinonjs/sinon"},{desc:"Chai 是一个用于 Node.js 和浏览器的 BDD/TDD 断言库，可以与任何 JavaScript 测试框架便捷配对",url:"http://chaijs.com/",logo:"https://cdn.docschina.org/home/logo/chai.png",title:"Chai",repository:"https://github.com/chaijs/chai"},{desc:"expect 帮助你编写更好的断言",url:"https://github.com/mjackson/expect",logo:"",title:"expect"},{desc:"一个富于表现力、可读性强、与框架无关，用于 Node.js 的 BDD 风格断言库",url:"https://shouldjs.github.io/",logo:"",title:"Should.js",repository:"https://github.com/shouldjs/should.js"},{desc:"生成随机数据，拦截 Ajax 请求",url:"http://mockjs.com/",logo:"",title:"Mock.js",repository:"https://github.com/nuysoft/Mock"}],title:"test"},{_id:"c497f5885f9e324e0118d5770943917c",_updateTime:1613989291342,type:"编译构建",children:[{contribute:"https://github.com/docschina/webpack.js.org",desc:"用于现代 JavaScript 应用程序的静态模块打包工具",url:"https://webpack.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/webpack-offical.svg",title:"webpack"},{contribute:"https://github.com/docschina/babeljs.io",desc:"一个编译工具，让你可以项目中直接使用下一代 JavaScript",url:"https://babel.docschina.org/",homeBackup:"https://babeljs.cn/",imgStyle:{objectFit:"contain"},is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/babel.png",title:"Babel"},{contribute:"https://github.com/docschina/parceljs.io",desc:"零配置打包工具",url:"https://parceljs.docschina.org/",homeBackup:"https://www.parceljs.io/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/parcel.png",title:"Parcel"},{contribute:"https://github.com/docschina/rollupjs.org",desc:"新一代 JavaScript 模块打包器",url:"https://rollup.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/rollup.svg",title:"Rollup"},{contribute:"https://github.com/vitejs/docs-cn",desc:"下一代前端开发与构建工具",url:"https://cn.vitejs.dev/",logo:"https://vitejs.dev/logo.svg",title:"Vite"},{desc:"JavaScript 超集",url:"https://zhongsp.gitbooks.io/typescript-handbook/",logo:"https://cdn.docschina.org/home/logo/typescript.svg",title:"TypeScript",repository:"https://github.com/zhongsp/TypeScript"},{desc:"基于流的自动化构建工具",url:"http://www.gulpjs.com.cn/",logo:"https://cdn.docschina.org/home/logo/gulp.svg",title:"Gulp"},{desc:"JavaScript 世界的构建工具",url:"https://grunt.docschina.org/",logo:"https://cdn.docschina.org/home/logo/grunt.svg",title:"Grunt"},{desc:"用于管理有多个包的 JavaScript 项目的工具",url:"https://lerna.js.org/",logo:"https://cdn.docschina.org/home/logo/lerna.svg",title:"Lerna",repository:"https://github.com/lerna/lerna"}],title:"build"},{_id:"c497f5885f9e324e0118d5781a2d68bb",type:"模板引擎",children:[{desc:"JavaScript 模板引擎",url:"http://ejs.co/",logo:"",title:"EJS"},{desc:"JavaScript 模板引擎",url:"https://pugjs.org/",logo:"",title:"Pug"},{desc:"JavaScript 模板引擎",url:"https://handlebarsjs.com/",logo:"",title:"Handlebars.js"}],title:"template"},{_id:"c497f5885f9e324e0118d5733b66fd34",_updateTime:1618063291445,type:"状态管理",children:[{contribute:"https://github.com/SangKa/mobx-docs-cn",desc:"简单、可扩展的状态管理",url:"https://cn.mobx.js.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/mobx.png",title:"Mobx"},{contribute:"https://www.github.com/reduxjs/react-redux",desc:"React 官方版本 Redux",url:"https://react-redux.js.org/",logo:"https://cdn.docschina.org/home/logo/redux.svg",title:"React Redux"},{contribute:"https://github.com/camsong/redux-in-chinese",desc:"JavaScript 状态容器，提供可预测化的状态管理",url:"https://cn.redux.js.org/",logo:"https://cdn.docschina.org/home/logo/redux.svg",title:"Redux"},{contribute:"https://github.com/rematch/rematch",desc:"Rematch 是没有 boilerplate 的 Redux 最佳实践",url:"https://rematch.gitbook.io/",logo:"https://cdn.docschina.org/home/logo/rematch.png",title:"Rematch"},{desc:"vuex 是 Vue 官方提供的状态管理工具",url:"https://vuex.vuejs.org/zh/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"Vuex",repository:"https://github.com/vuejs/vuex"}],title:"data-model"},{_id:"c497f5885f9e324e0118d57c78a8184a",_updateTime:1606363580152,type:"技术周刊",children:[{desc:"关于 JavaScript 的文章、新闻和项目的周刊",url:"https://docschina.org/weekly/js/docs/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/docschina-logo.svg",title:"印记中文周刊 - JavaScript"},{desc:"关于 React 的文章、新闻和项目的周刊",url:"https://docschina.org/weekly/react/docs/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/docschina-logo.svg",title:"印记中文周刊 - React"},{desc:"Node.js 新闻和文章",url:"https://nodeweekly.com/",logo:"",title:"Node Weekly"},{desc:"CSS 文章、教程、实验、工具等摘要",url:"https://css-weekly.com/",logo:"https://css-weekly.com/wp-content/themes/cssweekly/img/cssweekly-logo.png",title:"CSS Weekly"},{desc:"Vue 官方提供的最新实时动态资讯",url:"https://news.vuejs.org/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"Vue news",repository:"https://github.com/vuejs/news.vuejs.org"}],title:"weekly"},{_id:"c497f5885f9e324e0118d5691d88abc2",type:"小程序框架",children:[{contribute:"https://github.com/remaxjs/remax",desc:"Remax 将 React 运行在小程序环境中，让你可以使用完整的 React 进行小程序开发。",url:"https://remaxjs.org/",logo:"https://gw.alipayobjects.com/mdn/rms_b5fcc5/afts/img/A*1NHAQYduQiQAAAAAAAAAAABkARQnAQ",title:"Remax"},{contribute:"https://github.com/NervJS/taro",desc:"Taro 是一套遵循 React 语法规范的 多端开发 解决方案。",url:"https://taro.jd.com/",logo:"https://cdn.docschina.org/home/logo/taro.png",title:"Taro"},{contribute:"https://github.com/wechat-miniprogram/kbone",desc:"kbone 用于支持一个项目可以同时在 Web 端和小程序端被使用",url:"https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/",logo:"",title:"kbone"},{contribute:"https://github.com/Tencent/omi",desc:"Omi 可以开发桌面 Web、移动 H5，同时支持开发小程序",url:"http://omijs.org",logo:"https://camo.githubusercontent.com/5a3ce051411cca4d8abd0e0abff879bb5a871520/68747470733a2f2f74656e63656e742e6769746875622e696f2f6f6d692f6173736574732f6f6d692d6c6f676f323031392e737667",title:"omi/omip"},{contribute:"https://github.com/Tencent/wepy",desc:"WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序",url:"https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/",logo:"https://opensource.tencent.com/img/wepy.png",title:"wepy"},{contribute:"https://github.com/RubyLouvre/nanachi",desc:"基于 React 的多端小程序转译框架，完美兼容 React 生命周期",url:"https://rubylouvre.github.io/nanachi/",logo:"https://cdn.docschina.org/home/logo/nanachi.png",title:"nanachi"},{contribute:"https://github.com/Meituan-Dianping/mpvue",desc:"框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。",url:"http://mpvue.com",logo:"https://cdn.docschina.org/home/logo/mpvue.png",title:"mpvue"},{contribute:"https://github.com/wxajs/wxa",desc:"wxa 是一个 AOP 框架，主要使用 Decorator（运行时改写，拦截）和预编译实现框架功能。",url:"https://wxajs.github.io/wxa/",logo:"https://github.com/wxajs/wxa/raw/dev/wxa-logo.png",title:"wxa"},{contribute:"https://github.com/didi/mpx",desc:"Mpx 是一款致力于提高小程序开发体验的增强型小程序框架，通过 Mpx，我们能够以最先进的 web 开发体验来开发生产性能深度优化的小程序。",url:"https://didi.github.io/mpx/",logo:"https://cdn.docschina.org/home/logo/mpx-logo.png",title:"mpx"},{contribute:"https://github.com/kaola-fed/megalo",desc:"Megalo 是基于 Vue（Vue@2.6.6） 的小程序开发框架，让开发者可以用 Vue 的开发方式开发小程序应用。",url:"https://megalojs.org/#/",logo:"https://megalojs.org/static/megalo.png",title:"megalo"},{contribute:"https://github.com/didi/chameleon",desc:"Chameleon/kəˈmiːlɪən/，简写CML，中文名卡梅龙；中文意思变色龙，意味着就像变色龙一样能适应不同环境的跨端整体解决方案。",url:"https://cml.js.org/",logo:"https://camo.githubusercontent.com/9a6e165b9188a8ac4e5173bc382688a418fad711/68747470733a2f2f636d6c2e6a732e6f72672f646f632f6173736574732f3130302a3130302e706e67",title:"chameleon"},{contribute:"https://github.com/dcloudio/uni-app",desc:"框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。",url:"https://uniapp.dcloud.io/",logo:"https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",title:"uni-app"}],title:"mini-program"},{_id:"c497f5885f9e324e0118d56e41e13c2b",_updateTime:1612264536260,type:"Angular",children:[{desc:"Material Design 组件库 for Angular",url:"https://material.angular.cn/",logo:"https://cdn.docschina.org/home/logo/angular.svg",title:"Angular Material",repository:"https://github.com/ng-docs/components"},{desc:"Element UI 的 Angular 实现",url:"https://element-angular.faas.ele.me/",logo:"https://cdn.docschina.org/home/logo/element.svg",title:"Element Angular",repository:"https://github.com/ElemeFE/element-angular",team:"饿了么"},{desc:"基于 Angular 的移动端跨平台 UI",url:"https://ionicframework.com/",logo:"https://cdn.docschina.org/home/logo/ionic.png",title:"Ionic",repository:"https://github.com/ionic-team/ionic"}],title:"angular"},{_id:"c497f5885f9e324e0118d5706183e0bf",type:"CSS",children:[{desc:"Sass 是 CSS 的一个扩展，它使 CSS 的使用起来更加优雅和强大。",url:"https://sass-guidelin.es/zh/",logo:"https://cdn.docschina.org/home/logo/sass.svg",title:"Sass"},{desc:"Less 是 CSS 预处理语言，使 CSS 更易维护和扩展",url:"http://lesscss.cn/",logo:"https://cdn.docschina.org/home/logo/less.svg",title:"Less"},{desc:"富有表现力、动态、健壮的 CSS",url:"http://www.zhangxinxu.com/jq/stylus/",homeBackup:"http://stylus-lang.com/",logo:"https://cdn.docschina.org/home/logo/stylus.svg",title:"Stylus"},{contribute:"https://github.com/docschina/postcss/blob/cn/Translation.md",desc:"通过 JavaScript 来转换 CSS，并且提供强大的插件系统",url:"http://postcss.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/postcss.svg",title:"PostCSS"}],title:"css"},{_id:"c497f5885f9e324e0118d5793d4545a7",type:"可视化工具",children:[{contribute:"https://github.com/docschina/threejs.org",desc:"JavaScript 3d 库",url:"https://threejs.docschina.org/",is_docschina:!0,logo:"https://cdn.docschina.org/home/logo/threejs.png",title:"Threejs",repository:"https://github.com/mrdoob/three.js"},{desc:"使用 JavaScript 实现的开源可视化库",url:"http://echarts.baidu.com/",logo:"https://cdn.docschina.org/home/logo/echarts.png",title:"ECharts",repository:"https://github.com/ecomfe/echarts",team:"百度"},{desc:"跨平台的轻量级 2D 渲染对象模型",url:"http://spritejs.org/",logo:"https://cdn.docschina.org/home/logo/spritejs.png",title:"SpriteJS",repository:"https://github.com/spritejs/spritejs",team:"360"},{desc:"基于全新一代数据可视化解决方案 AntV",url:"https://antv.alipay.com/",logo:"https://cdn.docschina.org/home/logo/antv.svg",title:"AntV 可视化解决方案",repository:"https://github.com/ecomfe/echarts",team:"阿里巴巴"},{desc:"一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性",url:"https://antv.alipay.com/",logo:"https://cdn.docschina.org/home/logo/antv.svg",title:"G2 可视化图形语法",repository:"https://github.com/antvis/g2/",team:"阿里巴巴"},{desc:"G6 是解决流程图和关系分析的图表库",url:"https://antv.alipay.com/zh-cn/g6/1.x/index.html",logo:"https://cdn.docschina.org/home/logo/antv.svg",title:"G6 关系图类库",repository:"https://github.com/antvis/g6/",team:"阿里巴巴"},{desc:"面向移动端的一套基于可视化图形语法的图表库，具有精简、高性能、易扩展的特性",url:"https://antv.alipay.com/zh-cn/f2/3.x/index.html",logo:"https://cdn.docschina.org/home/logo/antv.svg",title:"F2 移动端图表库",repository:"https://github.com/antvis/f2/",team:"阿里巴巴"},{desc:"一个遵循 Web 标准，用于可视化数据的 JavaScript 库",url:"https://d3js.org.cn/",logo:"https://cdn.docschina.org/home/logo/d3.svg",title:"D3.js",repository:"https://github.com/xswei/d3js_doc"},{desc:"基于 Vue 和 ECharts 封装的图表组件",url:"https://v-charts.js.org/",logo:"https://cdn.docschina.org/home/logo/vue.svg",title:"v-charts",repository:"https://github.com/elemefe/v-charts",team:"饿了么"}],title:"visualization"},{_createTime:1611133617441,_id:"1526e12a6007f2b1002d9ab04359d927",_updateTime:1616657640052,type:"UmiJS 框架",children:[{desc:"可插拔的企业级 React 应用框架",url:"https://umijs.org/",logo:"",title:"UmiJS",repository:"https://github.com/umijs/umi",team:"蚂蚁金服"},{desc:"基于 Umi 的场景化框架",url:"https://alitajs.com/",logo:"",title:"alita",repository:"https://github.com/alitajs/alita"},{desc:"为微前端提供快速、简单和完整的解决方案",url:"https://qiankun.umijs.org/",logo:"",title:"qiankun",repository:"https://github.com/umijs/qiankun",team:"蚂蚁金服"},{desc:"React 组件文档生成工具",url:"https://d.umijs.org/",logo:"",title:"dumi",repository:"https://github.com/umijs/dumi",team:"蚂蚁金服"},{desc:"零基础 UmiJS 入门教程",url:"https://www.yuque.com/umijs/umi",logo:"",title:"Umi 入门",repository:"https://github.com/umijs/umi-course",team:"蚂蚁金服"}],title:"umi"},{_createTime:1611195580301,_id:"79550af26008e4bc004838e050c2c0c1",_updateTime:1611205328048,type:"ant design 系列",children:[{desc:"企业级的 UI 设计语言和 React 实现",url:"https://ant.design/",logo:"https://cdn.docschina.org/home/logo/antdesign.svg",title:"Ant Design",repository:"https://github.com/ant-design/ant-design"},{desc:"开箱即用的中台前端/设计解决方案",url:"https://pro.ant.design/",logo:"https://cdn.docschina.org/home/logo/antdesign.svg",title:"Ant Design Pro",repository:"https://github.com/ant-design/ant-design-pro",team:"阿里巴巴"},{desc:"一个基于 Preact / React / React Native 的 UI 组件库",url:"https://mobile.ant.design/",logo:"https://cdn.docschina.org/home/logo/antdesign.svg",title:"Ant Design Mobile",repository:"https://github.com/ant-design/ant-design-mobile"},{desc:"Ant Design 的 Vue 实现",url:"https://antdv.com/",logo:"https://cdn.docschina.org/home/logo/antdesign.svg",title:"Ant Design Vue",repository:"https://github.com/vueComponent/ant-design-vue"},{desc:"开箱即用的中台前端/设计解决方案",url:"https://pro.antdv.com/",logo:"https://pro.antdv.com/logo.png",title:"Ant Design Pro Vue",repository:"https://github.com/vueComponent/ant-design-vue-pro"},{desc:"Ant Design 的 Angular 实现",url:"https://ng.ant.design/",logo:"https://cdn.docschina.org/home/logo/NG-ZORRO.svg",title:"NG-ZORRO",repository:"https://github.com/NG-ZORRO/ng-zorro-antd"},{desc:"Ant Design Mobile 的 Angular 实现",url:"http://ng.mobile.ant.design/",logo:"https://cdn.docschina.org/home/logo/NG-ZORRO.svg",title:"NG-ZORRO-MOBILE",repository:"https://github.com/NG-ZORRO/ng-zorro-antd-mobile"},{desc:"基于 ng-zorro-antd 的中台前端解决方案",url:"http://ng-alain.com/",logo:"https://cdn.docschina.org/home/logo/ng-alain.svg",title:"ng-alain",repository:"https://github.com/cipchk/ng-alain/"},{contribute:"https://github.com/ant-design/ant-ux",desc:"用于 OG, Sketch,Axure,Affinity,Adobe XD 等 UX 的 sitemap 模板",url:"https://ux.ant.design/",logo:"https://cdn.docschina.org/home/logo/antdesign.svg",title:"Ant UX"},{contribute:"https://github.com/react-component",desc:"ant design 内部使用的 React 基础组件",url:"http://react-component.github.io/badgeboard/",logo:"https://cdn.docschina.org/home/logo/antdesign.svg",title:"react-component"}]}],$={class:"dialog-footer"};function ee(e,t,o,c,l,i){const a=Object(s["S"])("el-input"),r=Object(s["S"])("el-form-item"),n=Object(s["S"])("el-col"),d=Object(s["S"])("el-option"),h=Object(s["S"])("el-select"),g=Object(s["S"])("el-row"),p=Object(s["S"])("el-form"),u=Object(s["S"])("el-button"),m=Object(s["S"])("el-dialog");return Object(s["J"])(),Object(s["k"])(m,{"custom-class":"my-dialog",title:"新增书签",visible:o.isDetailVisible,width:"758px"},{footer:Object(s["jb"])(()=>[Object(s["n"])("span",$,[Object(s["r"])(u,{onClick:c.closeViews,size:"small"},{default:Object(s["jb"])(()=>[Object(s["q"])("取 消")]),_:1},8,["onClick"]),Object(s["r"])(u,{type:"primary",onClick:c.submitForm,size:"small"},{default:Object(s["jb"])(()=>[Object(s["q"])("确 定")]),_:1},8,["onClick"])])]),default:Object(s["jb"])(()=>[Object(s["r"])(p,{"status-icon":"",ref:"refruleForm",rules:c.rules,model:e.ruleForm,"label-width":"100px",size:"small"},{default:Object(s["jb"])(()=>[Object(s["r"])(g,{gutter:20},{default:Object(s["jb"])(()=>[Object(s["r"])(n,{span:12},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"书签名称",prop:"title"},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{modelValue:e.ruleForm.title,"onUpdate:modelValue":t[0]||(t[0]=t=>e.ruleForm.title=t),placeholder:"请输入书签名称"},null,8,["modelValue"])]),_:1})]),_:1}),Object(s["r"])(n,{span:12},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"书签类别",prop:"type"},{default:Object(s["jb"])(()=>[Object(s["r"])(h,{modelValue:e.ruleForm.type,"onUpdate:modelValue":t[1]||(t[1]=t=>e.ruleForm.type=t),placeholder:"请选择书签类别",style:{width:"100%"}},{default:Object(s["jb"])(()=>[(Object(s["J"])(!0),Object(s["m"])(s["b"],null,Object(s["Q"])(c.BOOKMARK,(e,t)=>(Object(s["J"])(),Object(s["k"])(d,{value:e,key:t},null,8,["value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1}),Object(s["r"])(n,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"LOGO地址",prop:"logo"},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{modelValue:e.ruleForm.logo,"onUpdate:modelValue":t[2]||(t[2]=t=>e.ruleForm.logo=t),placeholder:"请输入LOGO地址"},null,8,["modelValue"])]),_:1})]),_:1}),Object(s["r"])(n,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"访问地址",prop:"url"},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{modelValue:e.ruleForm.url,"onUpdate:modelValue":t[3]||(t[3]=t=>e.ruleForm.url=t),placeholder:"请输入访问绝对地址"},null,8,["modelValue"])]),_:1})]),_:1}),Object(s["r"])(n,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"书签描述",prop:"desc"},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{type:"textarea",clearable:"",placeholder:"请输入书签描述",modelValue:e.ruleForm.desc,"onUpdate:modelValue":t[4]||(t[4]=t=>e.ruleForm.desc=t)},null,8,["modelValue"])]),_:1})]),_:1})]),_:1})]),_:1},8,["rules","model"])]),_:1},8,["visible"])}var te=o("ea20"),oe={model:{value:"isDetailVisible",events:"closeViews"},props:{isDetailVisible:{type:Boolean,default:!1},selectType:{type:Number,default:0},detail:{type:Object,default:()=>{}}},setup(e,t){const o=JSON.parse(localStorage.getItem("BOOKMARK")),c=o?o.map(e=>e.type):[],l=Object(s["N"])({ruleForm:{title:"",type:"",desc:"",url:"",logo:""}}),i={title:[{required:!0,message:"请输入书签名称",trigger:"blur"}],type:[{required:!0,message:"请选择书签类别",trigger:"change"}]},a=Object(s["O"])(null),r=()=>{a.value.validate(s=>{if(s){const s=o.map(t=>{const o={...e.detail},s={...l.ruleForm};if("modify"===e.detail.flag){if(o.type===s.type&&t.type===s.type){const e=t.children.findIndex(e=>e.title===o.title);e>-1&&(t.children[e]=s,te["a"].success("编辑成功"))}else if(o.type!==s.type){if(o.type===t.type){const e=t.children.findIndex(e=>e.title===o.title);t.children.splice(e,1)}s.type===t.type&&(t.children.push(s),te["a"].success("编辑成功"))}}else t.type===s.type&&(t.children.push(s),te["a"].success("新增成功"));return t});localStorage.setItem("BOOKMARK",JSON.stringify(s)),t.emit("fresh"),n()}})};function n(){a.value.resetFields(),t.emit("closeViews",!1)}return Object(s["hb"])(()=>e.detail,t=>{t&&Object(s["z"])(()=>{l.ruleForm={...e.detail}})},{deep:!0}),{...Object(s["Z"])(l),closeViews:n,submitForm:r,refruleForm:a,rules:i,BOOKMARK:c}}},se=(o("385f"),o("c1e3")),ce=o.n(se);const le=ce()(oe,[["render",ee],["__scopeId","data-v-1232f72c"]]);var ie=le;const ae={class:"bg"};var re={__name:"Bg",setup(e,{expose:t}){const o={direction:"left-right",isPausedWhenNotInView:!0,opacity:[1,1],states:{"default-state":{gradients:[[{color:"#833ab4",pos:.2},{color:"#fd1d1d",pos:.8},{color:"#38ef7d",pos:1}],[{color:"#40e0d0",pos:0},{color:"#ff8c00",pos:.2},{color:"#ff0080",pos:.75}]]}},image:{source:"https://zhanhongzhu.top/bg.jpg",position:["center","bottom"],stretchMode:["stretch","stretch-if-bigger"],blendingMode:"multiply"}};let c=null;const l=()=>{let e=localStorage.getItem("granimConfig");e=e?JSON.parse(e):o,delete e.opacity,c=new Granim({element:"#canvas-complex",...e,opacity:1})};return t({init:l}),Object(s["G"])(()=>{c&&c.destroy(),l()}),(e,t)=>(Object(s["J"])(),Object(s["m"])("div",ae))}};o("3ad9");const ne=ce()(re,[["__scopeId","data-v-08a9f3f2"]]);var de=ne;const he={class:"dialog-footer"};function ge(e,t,o,c,l,i){const a=Object(s["S"])("el-input"),r=Object(s["S"])("el-form-item"),n=Object(s["S"])("el-col"),d=Object(s["S"])("el-row"),h=Object(s["S"])("el-form"),g=Object(s["S"])("el-button"),p=Object(s["S"])("el-dialog");return Object(s["J"])(),Object(s["k"])(p,{"custom-class":"my-dialog",title:"用户登录",visible:o.isLoginVisible,width:"400px"},{footer:Object(s["jb"])(()=>[Object(s["n"])("span",he,[Object(s["r"])(g,{onClick:c.closeViews,size:"small"},{default:Object(s["jb"])(()=>[Object(s["q"])("取 消")]),_:1},8,["onClick"]),Object(s["r"])(g,{type:"primary",onClick:c.submitForm,size:"small"},{default:Object(s["jb"])(()=>[Object(s["q"])("确 定")]),_:1},8,["onClick"])])]),default:Object(s["jb"])(()=>[Object(s["r"])(h,{"status-icon":"",ref:"refruleForm",rules:c.rules,model:e.ruleForm,"label-width":"60px",size:"small"},{default:Object(s["jb"])(()=>[Object(s["r"])(d,null,{default:Object(s["jb"])(()=>[Object(s["r"])(n,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"邮箱",prop:"email"},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{modelValue:e.ruleForm.email,"onUpdate:modelValue":t[0]||(t[0]=t=>e.ruleForm.email=t),placeholder:"请输入邮箱"},null,8,["modelValue"])]),_:1})]),_:1}),Object(s["r"])(n,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(r,{label:"密码",prop:"password"},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{modelValue:e.ruleForm.password,"onUpdate:modelValue":t[1]||(t[1]=t=>e.ruleForm.password=t),"show-password":"",placeholder:"请输入密码"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1})]),_:1},8,["rules","model"])]),_:1},8,["visible"])}var pe=o("0beb"),ue=o.n(pe),me=o("6d9a"),be=o.n(me);const je=(e,t)=>new Promise((o,s)=>{be.a.User.logIn(e,t).then(e=>{o(e)}).catch(e=>{s(e)})}),fe=(e,t)=>new Promise((o,s)=>{be.a.User.loginWithEmail(t,e).then(e=>{o(e)}).catch(e=>{s(e)})}),ve=(e,t)=>new Promise((o,s)=>{be.a.User.logOut(e,t).then(e=>{o(e)})}),Oe=(e,t)=>new Promise((o,s)=>{const c=new be.a.User;c.setUsername(e),c.setPassword(t),c.signUp().then(e=>{o(e)},e=>{s(e)})}),ye=e=>new Promise((t,o)=>{const s=new be.a.User;s.loginWithAuthData({openid:e.openid,access_token:e.access_token,expires_in:e.expires_in},"weixin").then((function(e){t(e)})).catch((function(e){o(e)}))});var Se={login:je,logout:ve,register:Oe,loginEmail:fe,getInfo:ye},we={model:{value:"isLoginVisible",events:"closeViews"},props:{isLoginVisible:{type:Boolean,default:!1}},setup(e,t){const o=Object(s["N"])({ruleForm:{username:"",password:""}}),c={password:[{required:!0,message:"请输入密码",trigger:"blur"}],email:[{type:"email",required:!0,message:"请输入正确的邮箱",trigger:"blur"}]},l=Object(s["O"])(null),i=()=>{l.value.validate(e=>{if(e){const e={...o.ruleForm};Se.login(e.email,e.password).then(e=>{ue.a.set("userInfo",JSON.stringify(e)),t.emit("setUser"),te["a"].success("登录成功"),a()}).catch(o=>{210===o.code?te["a"].error("账号或密码不正确"):211===o.code&&Se.register(e.email,e.password).then(e=>{ue.a.set("userInfo",JSON.stringify(e)),t.emit("setUser"),te["a"].success("注册成功"),a()})})}})};function a(){l.value.resetFields(),t.emit("closeViews",!1)}return{...Object(s["Z"])(o),closeViews:a,submitForm:i,refruleForm:l,rules:c}}};o("de0e");const ke=ce()(we,[["render",ge],["__scopeId","data-v-32ee5f5a"]]);var xe=ke;const Ve=e=>(Object(s["M"])("data-v-6f880459"),e=e(),Object(s["K"])(),e),Ce=Ve(()=>Object(s["n"])("div",{class:"granim-box"},[Object(s["n"])("canvas",{id:"granim-box"})],-1)),_e={class:"dialog-footer"};function Je(e,t,o,c,l,i){const a=Object(s["S"])("el-form-item"),r=Object(s["S"])("el-col"),n=Object(s["S"])("el-option"),d=Object(s["S"])("el-select"),h=Object(s["S"])("el-input"),g=Object(s["S"])("el-row"),p=Object(s["S"])("el-form"),u=Object(s["S"])("el-button"),m=Object(s["S"])("el-dialog");return Object(s["J"])(),Object(s["k"])(m,{"custom-class":"my-dialog",title:"配置项",visible:o.isConfigVisible,width:"700px"},{footer:Object(s["jb"])(()=>[Object(s["n"])("span",_e,[Object(s["r"])(u,{onClick:c.closeViews,size:"small"},{default:Object(s["jb"])(()=>[Object(s["q"])("关 闭")]),_:1},8,["onClick"])])]),default:Object(s["jb"])(()=>[Object(s["r"])(p,{"status-icon":"",ref:"refruleForm",rules:c.rules,model:e.ruleForm,"label-width":"60px",size:"small"},{default:Object(s["jb"])(()=>[Object(s["r"])(g,null,{default:Object(s["jb"])(()=>[Object(s["r"])(r,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"背景"},{default:Object(s["jb"])(()=>[Object(s["n"])("input",{id:"file",onChange:t[0]||(t[0]=(...e)=>c.handleFileChange&&c.handleFileChange(...e)),accept:"image/*",type:"file",multiple:!1},null,32)]),_:1})]),_:1}),Object(s["r"])(r,{span:12},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"主题",class:"slelec"},{default:Object(s["jb"])(()=>[Object(s["r"])(d,{modelValue:e.theme,"onUpdate:modelValue":t[1]||(t[1]=t=>e.theme=t),placeholder:"光影",onChange:c.setGranim},{default:Object(s["jb"])(()=>[Object(s["r"])(n,{label:"清新",value:"light"}),Object(s["r"])(n,{label:"暗黑",value:"dark"})]),_:1},8,["modelValue","onChange"])]),_:1})]),_:1}),Object(s["r"])(r,{span:12},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"光影",class:"slelec"},{default:Object(s["jb"])(()=>[Object(s["r"])(d,{modelValue:e.selectVal,"onUpdate:modelValue":t[2]||(t[2]=t=>e.selectVal=t),placeholder:"光影",onChange:c.setGranim},{default:Object(s["jb"])(()=>[(Object(s["J"])(!0),Object(s["m"])(s["b"],null,Object(s["Q"])(e.options,e=>(Object(s["J"])(),Object(s["k"])(n,{key:e.value,label:e.label,value:e.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","onChange"])]),_:1})]),_:1}),Object(s["r"])(r,{span:12},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"亮度",class:"slelec"},{default:Object(s["jb"])(()=>[Object(s["r"])(h,{modelValue:e.opacity0,"onUpdate:modelValue":t[3]||(t[3]=t=>e.opacity0=t),placeholder:"亮度",onkeyup:"value=value.replace(/[^\\d.]/g,0)",onChange:c.setGranim},null,8,["modelValue","onChange"])]),_:1})]),_:1}),Object(s["r"])(r,{span:12},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"位置"},{default:Object(s["jb"])(()=>[Object(s["r"])(d,{modelValue:e.direction,"onUpdate:modelValue":t[4]||(t[4]=t=>e.direction=t),placeholder:"位置",onChange:c.setGranim},{default:Object(s["jb"])(()=>[(Object(s["J"])(!0),Object(s["m"])(s["b"],null,Object(s["Q"])(e.directions,e=>(Object(s["J"])(),Object(s["k"])(n,{key:e.value,label:e.label,value:e.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","onChange"])]),_:1})]),_:1}),Object(s["r"])(r,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"效果"},{default:Object(s["jb"])(()=>[Ce]),_:1})]),_:1}),Object(s["r"])(r,{span:24},{default:Object(s["jb"])(()=>[Object(s["r"])(a,{label:"透明度",class:"opacity"},{default:Object(s["jb"])(()=>[Object(s["r"])(h,{modelValue:e.opacity1,"onUpdate:modelValue":t[5]||(t[5]=t=>e.opacity1=t),placeholder:"透明度参数1",onkeyup:"value=value.replace(/[^\\d]/g,0)"},null,8,["modelValue"]),Object(s["r"])(h,{modelValue:e.opacity2,"onUpdate:modelValue":t[6]||(t[6]=t=>e.opacity2=t),placeholder:"透明度参数2",onkeyup:"value=value.replace(/[^\\d]/g,0)"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1})]),_:1},8,["rules","model"])]),_:1},8,["visible"])}const Re={gradient1:{direction:"left-right",image:{source:"https://zhanhongzhu.top/bg.jpg",position:["center","bottom"],stretchMode:["stretch","stretch-if-bigger"],blendingMode:"multiply"},states:{"default-state":{gradients:[[{color:"#833ab4",pos:.2},{color:"#fd1d1d",pos:.8},{color:"#38ef7d",pos:1}],[{color:"#40e0d0",pos:0},{color:"#ff8c00",pos:.2},{color:"#ff0080",pos:.75}]]}}},gradient2:{direction:"left-right",opacity:[1,1],image:{source:"https://zhanhongzhu.top/bg.jpg",position:["center","bottom"],stretchMode:["stretch","stretch-if-bigger"],blendingMode:"multiply"},states:{"default-state":{gradients:[["#AA076B","#61045F"],["#02AAB0","#00CDAC"],["#DA22FF","#9733EE"]]}}},gradient3:{direction:"left-right",image:{source:"https://zhanhongzhu.top/bg.jpg",position:["center","bottom"],stretchMode:["stretch","stretch-if-bigger"],blendingMode:"multiply"},states:{"default-state":{gradients:[["#ff9966","#ff5e62"],["#00F260","#0575E6"],["#e1eec3","#f05053"]]}}},gradient4:{direction:"top-bottom",image:{source:"https://zhanhongzhu.top/bg.jpg",position:["center","bottom"],stretchMode:["stretch","stretch-if-bigger"],blendingMode:"multiply"},states:{"default-state":{gradients:[["#29323c","#485563"],["#FF6B6B","#556270"],["#80d3fe","#7ea0c4"],["#f0ab51","#eceba3"]],transitionSpeed:7e3}}}};var Ie={model:{value:"isConfigVisible",events:"closeViews"},props:{isConfigVisible:{type:Boolean,default:!1}},setup(e,t){const o=Object(s["N"])({ruleForm:{username:"",password:""},options:[{label:"渐变-01",value:"gradient1"},{label:"渐变-02",value:"gradient2"},{label:"渐变-03",value:"gradient3"},{label:"迷雾森林",value:"gradient4"}],directions:[{label:"从上到下",value:"top-bottom"},{label:"从左到右",value:"left-right"},{label:"环形",value:"diagonal"},{label:"对角线",value:"radial"},{label:"自定义",value:"custom"}],selectVal:"gradient4",direction:"left-right",opacity1:.15,opacity2:.15,imageUrl:"",granimRef:null,theme:"light",opacity0:.8}),c={password:[{required:!0,message:"请输入密码",trigger:"blur"}],email:[{type:"email",required:!0,message:"请输入正确的邮箱",trigger:"blur"}]},l=Object(s["O"])(null),i=()=>{l.value.validate(e=>{if(e){const e={...o.ruleForm};Se.login(e.email,e.password).then(e=>{ue.a.set("userInfo",JSON.stringify(e)),t.emit("setUser"),te["a"].success("登录成功"),a()}).catch(o=>{210===o.code?te["a"].error("账号或密码不正确"):211===o.code&&Se.register(e.email,e.password).then(e=>{ue.a.set("userInfo",JSON.stringify(e)),t.emit("setUser"),te["a"].success("注册成功"),a()})})}})};function a(){l.value.resetFields(),t.emit("closeViews",!1)}const r=()=>{o.opacity1=o.opacity1||1,o.opacity2=o.opacity2||1;const e=Re[""+o.selectVal],s={...e,opacity1:o.opacity1,opacity2:o.opacity2,opacity0:o.opacity0,selectVal:o.selectVal,theme:o.theme,opacity:[o.opacity1,o.opacity2],direction:o.direction,image:{source:o.imageUrl,position:["center","bottom"],stretchMode:["stretch","stretch-if-bigger"],blendingMode:"multiply"}};localStorage.setItem("granimConfig",JSON.stringify(s)),o.granimRef=new Granim({element:"#granim-box",...s}),t.emit("fresh")};function n(e){return new Promise(t=>{const o=new FileReader;o.readAsDataURL(e),o.onload=e=>{const o=e.currentTarget.result;t(o)}})}const d=e=>{const t=e.target.files[0];n(t).then(e=>{o.imageUrl=e}).finally(()=>{r()})},h=Object(s["bb"])();return Object(s["G"])(()=>{let e=localStorage.getItem("granimConfig");if(e){let t=JSON.parse(e);o.selectVal=t.selectVal,o.direction=t.direction,o.opacity1=t.opacity&&t.opacity.length>0?t.opacity[0]:.15,o.opacity2=t.opacity&&t.opacity.length>0?t.opacity[1]:.15,o.imageUrl=t.image&&t.image.source?t.image.source:"",o.theme=t.theme,o.opacity0=t.opacity0}o.granimRef=null}),Object(s["hb"])(()=>h.modelValue,e=>{e&&Object(s["z"])(()=>{o.granimRef&&o.granimRef.destroy(),r()})},{deep:!0}),{...Object(s["Z"])(o),closeViews:a,submitForm:i,refruleForm:l,rules:c,setGranim:r,handleFileChange:d}}};o("76de");const Me=ce()(Ie,[["render",Je],["__scopeId","data-v-6f880459"]]);var Ae=Me,Ne=o("5561");const ze=(e,t)=>new Promise((o,s)=>{const c=be.a.Object.extend(e),l=be.a.User.current();var i=new c;i.set("formDatas",t.formDatas),i.set("user",l),i.save().then(e=>{o(e)},e=>{s(e)})}),Fe=(e,t)=>new Promise((o,s)=>{const c=new be.a.Query(e),l=be.a.User.current();for(const e in t)t[e]&&c.equalTo(e,t[e]);c.equalTo("user",l),c.find().then(e=>{o(e)},e=>{s(e)})});function Ue(e){const t=[],o=(e,t)=>{const s=e.children;if(s&&s.length>0)for(let c=0;c\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![](\"./assets/svg/logo.svg\" "\\"感谢作者")
红隼书签\r\n
\r\n 红隼书签\r\n \r\n ![](\"./assets/svg/add.svg\")
\r\n ![](\"./assets/svg/blog.svg\")
\r\n ![](\"./assets/svg/translate.svg\")
\r\n ![](\"./assets/svg/user.svg\" "\\"已登录\\"")
{{userInfo.username.slice(0, 5)}}\r\n
\r\n \r\n \r\n ![](\"./assets/svg/search.svg\")
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {{userInfo.username.slice(0, 5)}}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![](\"./assets/svg/file.svg\")
\r\n
\r\n \r\n {{item.type}}
\r\n \r\n 导入/导出:\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {{card.title || 'Kestrel-bookmark'}}\r\n {{card.desc || \"红隼书签-为中国 Web 前端开发人员提供优质网站导航\"}}\r\n
\r\n \r\n
\r\n \r\n 暂无数据\r\n
\r\n \r\n \r\n
\r\n "),e.collapseTags?Object(b["l"])("v-if",!0):(Object(b["J"])(),Object(b["k"])(b["e"],{key:1,onAfterLeave:e.resetInputHeight},{default:Object(b["jb"])(()=>[Object(b["r"])("span",{style:{marginLeft:e.prefixWidth&&e.selected.length?e.prefixWidth+"px":null}},[(Object(b["J"])(!0),Object(b["k"])(b["b"],null,Object(b["Q"])(e.selected,t=>(Object(b["J"])(),Object(b["k"])(a,{key:e.getValueKey(t),closable:!e.selectDisabled&&!t.isDisabled,size:e.collapseTagSize,hit:t.hitState,type:"info","disable-transitions":"",onClose:n=>e.deleteTag(n,t)},{default:Object(b["jb"])(()=>[Object(b["r"])("span",{class:"el-select__tags-text",style:{"max-width":e.inputWidth-75+"px"}},Object(b["W"])(t.currentLabel),5)]),_:2},1032,["closable","size","hit","onClose"]))),128))],4)]),_:1},8,["onAfterLeave"])),Object(b["l"])("
"),e.filterable?Object(b["kb"])((Object(b["J"])(),Object(b["k"])("input",{key:2,ref:"input","onUpdate:modelValue":t[2]||(t[2]=t=>e.query=t),type:"text",class:["el-select__input",[e.selectSize?"is-"+e.selectSize:""]],disabled:e.selectDisabled,autocomplete:e.autocomplete,style:{marginLeft:e.prefixWidth&&!e.selected.length||e.tagInMultiLine?e.prefixWidth+"px":null,flexGrow:"1",width:e.inputLength/(e.inputWidth-32)+"%",maxWidth:e.inputWidth-42+"px"},onFocus:t[3]||(t[3]=(...t)=>e.handleFocus&&e.handleFocus(...t)),onBlur:t[4]||(t[4]=(...t)=>e.handleBlur&&e.handleBlur(...t)),onKeyup:t[5]||(t[5]=(...t)=>e.managePlaceholder&&e.managePlaceholder(...t)),onKeydown:[t[6]||(t[6]=(...t)=>e.resetInputState&&e.resetInputState(...t)),t[7]||(t[7]=Object(b["lb"])(Object(b["mb"])(t=>e.navigateOptions("next"),["prevent"]),["down"])),t[8]||(t[8]=Object(b["lb"])(Object(b["mb"])(t=>e.navigateOptions("prev"),["prevent"]),["up"])),t[9]||(t[9]=Object(b["lb"])(Object(b["mb"])(t=>e.visible=!1,["stop","prevent"]),["esc"])),t[10]||(t[10]=Object(b["lb"])(Object(b["mb"])((...t)=>e.selectOption&&e.selectOption(...t),["stop","prevent"]),["enter"])),t[11]||(t[11]=Object(b["lb"])((...t)=>e.deletePrevTag&&e.deletePrevTag(...t),["delete"])),t[12]||(t[12]=Object(b["lb"])(t=>e.visible=!1,["tab"]))],onCompositionstart:t[13]||(t[13]=(...t)=>e.handleComposition&&e.handleComposition(...t)),onCompositionupdate:t[14]||(t[14]=(...t)=>e.handleComposition&&e.handleComposition(...t)),onCompositionend:t[15]||(t[15]=(...t)=>e.handleComposition&&e.handleComposition(...t)),onInput:t[16]||(t[16]=(...t)=>e.debouncedQueryChange&&e.debouncedQueryChange(...t))},null,46,["disabled","autocomplete"])),[[b["fb"],e.query]]):Object(b["l"])("v-if",!0)],4)):Object(b["l"])("v-if",!0),Object(b["r"])(l,{id:e.id,ref:"reference",modelValue:e.selectedLabel,"onUpdate:modelValue":t[18]||(t[18]=t=>e.selectedLabel=t),type:"text",placeholder:e.currentPlaceholder,name:e.name,autocomplete:e.autocomplete,size:e.selectSize,disabled:e.selectDisabled,readonly:e.readonly,"validate-event":!1,class:{"is-focus":e.visible},tabindex:e.multiple&&e.filterable?"-1":null,onFocus:e.handleFocus,onBlur:e.handleBlur,onInput:e.debouncedOnInputChange,onPaste:e.debouncedOnInputChange,onKeydown:[t[19]||(t[19]=Object(b["lb"])(Object(b["mb"])(t=>e.navigateOptions("next"),["stop","prevent"]),["down"])),t[20]||(t[20]=Object(b["lb"])(Object(b["mb"])(t=>e.navigateOptions("prev"),["stop","prevent"]),["up"])),Object(b["lb"])(Object(b["mb"])(e.selectOption,["stop","prevent"]),["enter"]),t[21]||(t[21]=Object(b["lb"])(Object(b["mb"])(t=>e.visible=!1,["stop","prevent"]),["esc"])),t[22]||(t[22]=Object(b["lb"])(t=>e.visible=!1,["tab"]))],onMouseenter:t[23]||(t[23]=t=>e.inputHovering=!0),onMouseleave:t[24]||(t[24]=t=>e.inputHovering=!1)},Object(b["o"])({suffix:Object(b["jb"])(()=>[Object(b["kb"])(Object(b["r"])("i",{class:["el-select__caret","el-input__icon","el-icon-"+e.iconClass]},null,2),[[b["gb"],!e.showClose]]),e.showClose?(Object(b["J"])(),Object(b["k"])("i",{key:0,class:"el-select__caret el-input__icon "+e.clearIcon,onClick:t[17]||(t[17]=(...t)=>e.handleClearClick&&e.handleClearClick(...t))},null,2)):Object(b["l"])("v-if",!0)]),_:2},[e.$slots.prefix?{name:"prefix",fn:Object(b["jb"])(()=>[Object(b["r"])("div",dg,[Object(b["R"])(e.$slots,"prefix")])])}:void 0]),1032,["id","modelValue","placeholder","name","autocomplete","size","disabled","readonly","class","tabindex","onFocus","onBlur","onInput","onPaste","onKeydown"])])]),default:Object(b["jb"])(()=>[Object(b["r"])(u,null,{default:Object(b["jb"])(()=>[Object(b["kb"])(Object(b["r"])(c,{ref:"scrollbar",tag:"ul","wrap-class":"el-select-dropdown__wrap","view-class":"el-select-dropdown__list",class:{"is-empty":!e.allowCreate&&e.query&&0===e.filteredOptionsCount}},{default:Object(b["jb"])(()=>[e.showNewOption?(Object(b["J"])(),Object(b["k"])(s,{key:0,value:e.query,created:!0},null,8,["value"])):Object(b["l"])("v-if",!0),Object(b["R"])(e.$slots,"default")]),_:3},8,["class"]),[[b["gb"],e.options.size>0&&!e.loading]]),e.emptyText&&(!e.allowCreate||e.loading||e.allowCreate&&0===e.options.size)?(Object(b["J"])(),Object(b["k"])(b["b"],{key:0},[e.$slots.empty?Object(b["R"])(e.$slots,"empty",{key:0}):(Object(b["J"])(),Object(b["k"])("p",pg,Object(b["W"])(e.emptyText),1))],2112)):Object(b["l"])("v-if",!0)]),_:3})]),_:1},8,["visible","append-to-body","popper-class","onBeforeEnter"])],2)),[[p,e.handleClose,e.popperPaneRef]])}lg.render=fg,lg.__file="packages/select/src/select.vue",lg.install=e=>{e.component(lg.name,lg)};const hg=lg;var bg=hg;const vg=Qm;vg.install=e=>{e.component(vg.name,vg)};var mg=vg;const gg="ElSelectGroup",Og="ElSelect",yg={queryChange:"elOptionQueryChange",groupQueryChange:"elOptionGroupQueryChange"};var jg=Object.defineProperty,_g=Object.getOwnPropertySymbols,wg=Object.prototype.hasOwnProperty,xg=Object.prototype.propertyIsEnumerable,kg=(e,t,n)=>t in e?jg(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Cg=(e,t)=>{for(var n in t||(t={}))wg.call(t,n)&&kg(e,n,t[n]);if(_g)for(var n of _g(t))xg.call(t,n)&&kg(e,n,t[n]);return e},Sg=Object(b["s"])({name:"ElOptionGroup",componentName:"ElOptionGroup",props:{label:String,disabled:{type:Boolean,default:!1}},setup(e){const t=Object(b["O"])(!0),n=Object(b["t"])(),r=Object(b["O"])([]);Object(b["L"])(gg,Object(b["N"])(Cg({},Object(b["Z"])(e))));const o=Object(b["v"])(Og);Object(b["G"])(()=>{r.value=i(n.subTree)});const i=e=>{const t=[];return Array.isArray(e.children)&&e.children.forEach(e=>{var n;e.type&&"ElOption"===e.type.name&&e.component&&e.component.proxy?t.push(e.component.proxy):(null==(n=e.children)?void 0:n.length)&&t.push(...i(e))}),t},a=()=>{t.value=r.value.some(e=>!0===e.visible)};return o.selectEmitter.on(yg.groupQueryChange,a),{visible:t}}});const Eg={class:"el-select-group__wrap"},Tg={class:"el-select-group__title"},Ag={class:"el-select-group"};function Mg(e,t,n,r,o,i){return Object(b["kb"])((Object(b["J"])(),Object(b["k"])("ul",Eg,[Object(b["r"])("li",Tg,Object(b["W"])(e.label),1),Object(b["r"])("li",null,[Object(b["r"])("ul",Ag,[Object(b["R"])(e.$slots,"default")])])],512)),[[b["gb"],e.visible]])}Sg.render=Mg,Sg.__file="packages/select/src/option-group.vue",Sg.install=e=>{e.component(Sg.name,Sg)};const Pg=Sg;var Ig=Pg,Ng=Object(b["s"])({name:"ElPageHeader",props:{icon:{type:String,default:"el-icon-back"},title:{type:String},content:{type:String,default:""}},emits:["back"],setup(e,{emit:t}){const{t:n}=oo();function r(){t("back")}return{handleClick:r,t:n}}});const Dg={class:"el-page-header"},Rg={key:0,class:"el-page-header__icon"},Lg={class:"el-page-header__title"},Fg={class:"el-page-header__content"};function zg(e,t,n,r,o,i){return Object(b["J"])(),Object(b["k"])("div",Dg,[Object(b["r"])("div",{class:"el-page-header__left",onClick:t[1]||(t[1]=(...t)=>e.handleClick&&e.handleClick(...t))},[e.icon||e.$slots.icon?(Object(b["J"])(),Object(b["k"])("div",Rg,[Object(b["R"])(e.$slots,"icon",{},()=>[Object(b["r"])("i",{class:e.icon},null,2)])])):Object(b["l"])("v-if",!0),Object(b["r"])("div",Lg,[Object(b["R"])(e.$slots,"title",{},()=>[Object(b["q"])(Object(b["W"])(e.title||e.t("el.pageHeader.title")),1)])])]),Object(b["r"])("div",Fg,[Object(b["R"])(e.$slots,"content",{},()=>[Object(b["q"])(Object(b["W"])(e.content),1)])])])}Ng.render=zg,Ng.__file="packages/page-header/src/index.vue",Ng.install=e=>{e.component(Ng.name,Ng)};const Bg=Ng;var Vg=Bg,Wg=Object(b["s"])({name:"Prev",props:{disabled:Boolean,currentPage:{type:Number,default:1},prevText:{type:String,default:""}},setup(e){const t=Object(b["i"])(()=>e.disabled||e.currentPage<=1);return{internalDisabled:t}}});const Ug={key:0},$g={key:1,class:"el-icon el-icon-arrow-left"};function qg(e,t,n,r,o,i){return Object(b["J"])(),Object(b["k"])("button",{type:"button",class:"btn-prev",disabled:e.internalDisabled,"aria-disabled":e.internalDisabled,onClick:t[1]||(t[1]=Object(b["mb"])(()=>{},["self","prevent"]))},[e.prevText?(Object(b["J"])(),Object(b["k"])("span",Ug,Object(b["W"])(e.prevText),1)):(Object(b["J"])(),Object(b["k"])("i",$g))],8,["disabled","aria-disabled"])}Wg.render=qg,Wg.__file="packages/pagination/src/prev.vue";var Hg=Object(b["s"])({name:"Next",props:{disabled:Boolean,currentPage:{type:Number,default:1},pageCount:{type:Number,default:50},nextText:{type:String,default:""}},setup(e){const t=Object(b["i"])(()=>e.disabled||e.currentPage===e.pageCount||0===e.pageCount);return{internalDisabled:t}}});const Jg={key:0},Kg={key:1,class:"el-icon el-icon-arrow-right"};function Gg(e,t,n,r,o,i){return Object(b["J"])(),Object(b["k"])("button",{type:"button",class:"btn-next",disabled:e.internalDisabled,"aria-disabled":e.internalDisabled,onClick:t[1]||(t[1]=Object(b["mb"])(()=>{},["self","prevent"]))},[e.nextText?(Object(b["J"])(),Object(b["k"])("span",Jg,Object(b["W"])(e.nextText),1)):(Object(b["J"])(),Object(b["k"])("i",Kg))],8,["disabled","aria-disabled"])}Hg.render=Gg,Hg.__file="packages/pagination/src/next.vue";const Yg=()=>{const e=Object(b["v"])("pagination",{});return{pagination:e,pageCount:e.pageCount,disabled:e.disabled,currentPage:e.currentPage}};var Qg=Object(b["s"])({name:"Sizes",components:{ElSelect:bg,ElOption:mg},props:{pageSize:Number,pageSizes:{type:Array,default:()=>[10,20,30,40,50,100]},popperClass:{type:String,default:""},disabled:Boolean},emits:["page-size-change"],setup(e,{emit:t}){const{t:n}=oo(),{pagination:r}=Yg(),o=Object(b["O"])(e.pageSize);Object(b["hb"])(()=>e.pageSizes,(n,r)=>{if(!qa()(n,r)&&Array.isArray(n)){const r=n.indexOf(e.pageSize)>-1?e.pageSize:e.pageSizes[0];t("page-size-change",r)}}),Object(b["hb"])(()=>e.pageSize,e=>{o.value=e});const i=Object(b["i"])(()=>e.pageSizes);function a(e){e!==o.value&&(o.value=e,null==r||r.handleSizeChange(Number(e)))}return{t:n,innerPagesizes:i,innerPageSize:o,handleChange:a}}});const Xg={class:"el-pagination__sizes"};function Zg(e,t,n,r,o,i){const a=Object(b["S"])("el-option"),l=Object(b["S"])("el-select");return Object(b["J"])(),Object(b["k"])("span",Xg,[Object(b["r"])(l,{"model-value":e.innerPageSize,disabled:e.disabled,"popper-class":e.popperClass,size:"mini",onChange:e.handleChange},{default:Object(b["jb"])(()=>[(Object(b["J"])(!0),Object(b["k"])(b["b"],null,Object(b["Q"])(e.innerPagesizes,t=>(Object(b["J"])(),Object(b["k"])(a,{key:t,value:t,label:t+e.t("el.pagination.pagesize")},null,8,["value","label"]))),128))]),_:1},8,["model-value","disabled","popper-class","onChange"])])}Qg.render=Zg,Qg.__file="packages/pagination/src/sizes.vue";var eO=Object(b["s"])({components:{ElInput:ni},setup(){const{t:e}=oo(),{pagination:t,pageCount:n,disabled:r,currentPage:o}=Yg(),i=Object(b["O"])(null),a=Object(b["i"])(()=>{var e;return null!=(e=i.value)?e:o.value});function l(e){i.value=Number(e)}function s(e){null==t||t.changeEvent(Number(e)),i.value=null}return{t:e,userInput:i,pageCount:n,disabled:r,handleInput:l,handleChange:s,innerValue:a}}});const tO={class:"el-pagination__jump"};function nO(e,t,n,r,o,i){const a=Object(b["S"])("el-input");return Object(b["J"])(),Object(b["k"])("span",tO,[Object(b["q"])(Object(b["W"])(e.t("el.pagination.goto"))+" ",1),Object(b["r"])(a,{size:"mini",class:"el-pagination__editor is-in-pagination",min:1,max:e.pageCount,disabled:e.disabled,"model-value":e.innerValue,type:"number","onUpdate:modelValue":e.handleInput,onChange:e.handleChange},null,8,["max","disabled","model-value","onUpdate:modelValue","onChange"]),Object(b["q"])(" "+Object(b["W"])(e.t("el.pagination.pageClassifier")),1)])}eO.render=nO,eO.__file="packages/pagination/src/jumper.vue";var rO=Object(b["s"])({name:"Total",props:{total:{type:Number,default:1e3}},setup(){const{t:e}=oo();return{t:e}}});const oO={class:"el-pagination__total"};function iO(e,t,n,r,o,i){return Object(b["J"])(),Object(b["k"])("span",oO,Object(b["W"])(e.t("el.pagination.total",{total:e.total})),1)}rO.render=iO,rO.__file="packages/pagination/src/total.vue";var aO=Object(b["s"])({name:"ElPager",props:{currentPage:{type:Number,default:1},pageCount:{type:Number},pagerCount:{type:Number,default:7},disabled:Boolean},emits:["change"],setup(e,{emit:t}){const n=Object(b["O"])(!1),r=Object(b["O"])(!1),o=Object(b["O"])("el-icon-more"),i=Object(b["O"])("el-icon-more"),a=Object(b["i"])(()=>{const t=e.pagerCount,n=(t-1)/2,r=Number(e.currentPage),o=Number(e.pageCount);let i=!1,a=!1;o>t&&(r>t-n&&(i=!0),r