// ==UserScript==
// @name Boss直聘助手
// @namespace https://github.com/Ocyss/boos-helper
// @version 0.2.4-fix2
// @author Ocyss
// @description 优化UI去除广告,批量投递简历,高级筛选,GPT自动打招呼,多账号管理...
// @license MIT
// @icon https://img.bosszhipin.com/beijin/mcs/banner/3e9d37e9effaa2b6daf43f3f03f7cb15cfcd208495d565ef66e7dff9f98764da.jpg
// @homepage https://github.com/Ocyss/boos-helper
// @match https://*.zhipin.com/*
// @require https://cdn.jsdelivr.net/npm/vue@3.5.3/dist/vue.global.prod.js
// @require data:application/javascript,%3Bwindow.Vue%3DVue%3B
// @require https://cdn.jsdelivr.net/npm/element-plus@2.8.2/dist/index.full.min.js
// @require https://cdn.jsdelivr.net/npm/protobufjs@7.4.0/dist/light/protobuf.min.js
// @require https://cdn.jsdelivr.net/npm/systemjs@6.15.1/dist/system.min.js
// @require https://cdn.jsdelivr.net/npm/systemjs@6.15.1/dist/extras/named-register.min.js
// @require data:application/javascript,%3B(typeof%20System!%3D'undefined')%26%26(System%3Dnew%20System.constructor())%3B
// @resource element-plus/dist/index.css https://cdn.jsdelivr.net/npm/element-plus@2.8.2/dist/index.css
// @resource element-plus/theme-chalk/dark/css-vars.css https://cdn.jsdelivr.net/npm/element-plus@2.8.2/theme-chalk/dark/css-vars.css
// @connect api.chatanywhere.com.cn
// @connect api.moonshot.cn
// @connect aliyuncs.com
// @connect baidubce.com
// @grant GM_addStyle
// @grant GM_cookie
// @grant GM_getResourceText
// @grant GM_getValue
// @grant GM_notification
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant unsafeWindow
// @run-at document-start
// ==/UserScript==
// 更新日志[只显示最新的10条,🌟🤡 分别代表新功能和bug修复]
// v0.2.4-fix2 🤡 修复投递限制逻辑，成功投递达到100时自动暂停
// v0.2.4-fix 🌟🤡 支持完整url调用gpt，修复prompt在gpt请求时和编辑时修改到form中
// v0.2.4 🌟 Hr职位筛选, UI优化, 初始帮助
// v0.2.3 🌟🤡 配置的导入导出, stream 禁用, 交集薪资范围, 优化tab名, 多行输入框
// v0.2.2 🤡🌟 添加云通知，修复chat部分错误，禁用一些功能(解决不了问题就先解决出问题的功能😅)
// v0.2.1 🤡🌟 修复无法获取到token的问题, 添加好友状态过滤(未测试)
// v0.2.0-2 🌟 适配更多GPT,多种不同的请求方式,更多的参数,更多的筛选,延迟配置,增加聊天气泡(后续会完善)
// v0.2.0-1 🌟 使用partial-json来修复json错误。模型存储使用数组，更新版本后请重新配置模型
// v0.2.0 🤡 修复所有已知的BUG
// v0.1.6-fix2 🤡 修复公司名筛选报错,修复部分功能无法正确筛选
// v0.1.6-fix 🤡 修复自定义招呼语不发送，修复配置开关没文字，隐藏没找到vue的提示
// v0.1.6-2 🌟 更多优化和提醒，完善记录内容，筛选问题中加入公司福利内容更准
// v0.1.6-1 🌟🤡 更改元素查找逻辑更快更准，调整运行时期过渡更加流畅，使用CDN优化大小，修复部分样式问题
// v0.1.5 🤡 修复编译后拿不到window数据导致报错的严重Bug
// v0.1.4 🌟🤡 卡片状态适配白天，修复将gpt提示发送给boos
(e=>{if(typeof GM_addStyle=="function"){GM_addStyle(e);return}const r=document.createElement("style");r.textContent=e,document.head.append(r)})(' @charset "UTF-8";#boos-helper{position:fixed;top:55px;right:10px;z-index:999}.el-dropdown .el-avatar{border:2px solid #fff}.el-dropdown .el-avatar:hover{border:3px solid #c413e7}.el-dropdown-menu__item{justify-content:center}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#4b5563;border:2px solid transparent;background-clip:padding-box}#loader{width:0;height:4.8px;display:inline-block;position:relative;background:#54f98d;box-shadow:0 0 10px #ffffff80;box-sizing:border-box;top:-14px}#loader:after,#loader:before{content:"";width:10px;height:1px;background:#fff;position:absolute;top:9px;right:-2px;opacity:0;transform:rotate(-45deg) translate(0);box-sizing:border-box;animation:coli1 .3s linear infinite}#loader:before{top:-4px;transform:rotate(45deg);animation:coli2 .3s linear infinite}@keyframes coli1{0%{transform:rotate(-45deg) translate(0);opacity:.7}to{transform:rotate(-45deg) translate(-45px);opacity:0}}@keyframes coli2{0%{transform:rotate(45deg) translate(0);opacity:1}to{transform:rotate(45deg) translate(-45px);opacity:.7}}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link.is-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default:after{border-color:var(--el-link-hover-text-color)}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:var(--el-link-text-color)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:var(--el-link-text-color)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--error.is-underline:hover:after,.el-link.el-link--error:after{border-color:var(--el-link-text-color)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:var(--el-link-text-color)}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translate(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;align-items:center;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);border-radius:var(--el-tag-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--el-tag-text-color);display:inline-flex;font-size:var(--el-tag-font-size);height:24px;justify-content:center;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--el-icon-size:14px}.el-tag,.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{background-color:var(--el-tag-hover-color);color:var(--el-color-white)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-text-color:var(--el-color-white)}.el-tag--dark,.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info,.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{height:32px;padding:0 11px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{height:20px;padding:0 7px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.card-grid[data-v-d2ec6d12]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 0 1.5rem;position:relative;overflow-x:scroll;scrollbar-color:#c6c6c6 #e9e9e9;scrollbar-gutter:always;padding:3rem 0 3rem 2rem;margin:0;display:flex;color:#000;-webkit-overflow-scrolling:touch}.card-grid[data-v-d2ec6d12]::-webkit-scrollbar{width:10px;height:10px}.card-grid[data-v-d2ec6d12]::-webkit-scrollbar-thumb{background:#434343;border-radius:10px;box-shadow:inset 2px 2px 2px #ffffff40,inset -2px -2px 2px #00000040}.card-grid[data-v-d2ec6d12]::-webkit-scrollbar-track{background:linear-gradient(90deg,#434343,#434343 1px,#262626 0,#262626)}.card[data-v-d2ec6d12]{--state-color: #f00;--state-show: block;padding:1.5rem;border-radius:16px;background:linear-gradient(85deg,#f2eeee,#eff0f6);color:#000;display:flex;flex-direction:column;transition:.2s;margin:0;position:relative;min-width:300px;min-height:350px;box-shadow:-2rem 0 1rem -2rem #cdb9b9}.card[data-v-d2ec6d12] *{-webkit-user-select:none;user-select:none}.card .card-status[data-v-d2ec6d12]{position:absolute;display:var(--state-show);border-radius:0 30px 30px 0;background-color:var(--state-color);color:#fff;padding:7px 17px;text-wrap:nowrap;font-size:12px;font-weight:700;letter-spacing:5px;left:-6px;bottom:-14px;transition:all .25s ease;box-shadow:1px -7px 12px -2px #a7a7a766}.card[data-v-d2ec6d12]:after{position:absolute;content:"";display:var(--state-show);left:-6px;bottom:18px;width:0;height:0;border-left:6px solid transparent;border-right:0px solid transparent;border-bottom:10px solid oklch(from var(--state-color) calc(l*.75) c h)}.card .card-tag[data-v-d2ec6d12]{display:block;margin:0 0 .25rem;color:#6a6868;font-size:.7rem}.card .card-title[data-v-d2ec6d12]{font-size:1.3rem;margin:0 0 8px}.card .card-salary[data-v-d2ec6d12]{font-size:1.1rem;margin:0 0 1rem;color:#ff442e}.card .card-footer[data-v-d2ec6d12]{-webkit-margin-before:auto;margin-block-start:auto;padding:5px 0}.card .avatar[data-v-d2ec6d12]{width:40px;height:40px;border-radius:50%;margin-right:.5rem}.card .author-row[data-v-d2ec6d12]{display:grid;grid-template-columns:40px 1fr;gap:.5rem;align-items:center;color:#a09f9f;line-height:1.3;padding-top:.5rem}.card .author-row .company-name[data-v-d2ec6d12]{color:#000}.card[data-v-d2ec6d12]:focus-within,.card[data-v-d2ec6d12]:hover{transform:translateY(-1rem) rotate(3deg)}.card:focus-within~.card[data-v-d2ec6d12],.card:hover~.card[data-v-d2ec6d12]{transform:translate(130px)}.card[data-v-d2ec6d12]:first-child:focus-within,.card[data-v-d2ec6d12]:first-child:hover{transform:translate(-.5rem,-1rem) rotate(3deg)}.card[data-v-d2ec6d12]:not(:first-child){margin-left:-130px;box-shadow:-3rem 0 3rem -3rem #b4adad}@media (max-width: 1200px){.card[data-v-d2ec6d12]{min-width:250px}.card[data-v-d2ec6d12]:not(:first-child){margin-left:-30px}.card[data-v-d2ec6d12]:hover{transform:translateY(-1rem)}.card:hover~.card[data-v-d2ec6d12]{transform:translate(30px)}}html.dark .card-grid[data-v-d2ec6d12]{scrollbar-color:#666 #201c29;color:#fff}html.dark .card-grid[data-v-d2ec6d12]::-webkit-scrollbar-thumb{background:#434343;box-shadow:inset 2px 2px 2px #ffffff40,inset -2px -2px 2px #00000040}html.dark .card-grid[data-v-d2ec6d12]::-webkit-scrollbar-track{background:linear-gradient(90deg,#434343,#434343 1px,#262626 0,#262626)}html.dark .card[data-v-d2ec6d12]{background:linear-gradient(85deg,#434343,#262626);color:#fff;box-shadow:-2rem 0 1rem -2rem #000}html.dark .card .card-status[data-v-d2ec6d12]{color:#fff;box-shadow:1px -7px 12px -2px #a7a7a766}html.dark .card .card-tag[data-v-d2ec6d12]{color:#b4b4b4}html.dark .card .card-salary[data-v-d2ec6d12]{color:#ff442e}html.dark .card .author-row[data-v-d2ec6d12]{color:#a09f9f}html.dark .card .author-row .company-name[data-v-d2ec6d12]{color:#fff}html.dark .card[data-v-d2ec6d12]:not(:first-child){box-shadow:-3rem 0 3rem -3rem #000}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.chat-message[data-v-542d67e1]{flex:1}.chat-message[data-v-542d67e1]::-webkit-scrollbar{display:none}.message[data-v-542d67e1]{font-size:.875rem}.message .message-content[data-v-542d67e1]{padding:1rem;background-color:#fff;color:#2a2a2a;margin-right:1.25rem;margin-left:1.25rem;border-radius:1.25rem;text-align:left;display:inline-block;max-width:25rem}html.dark .message .message-content[data-v-542d67e1]{background-color:#33393f;color:#dedee1}html.dark .message .message-content h6[data-v-542d67e1]{color:#fff}.message .message-content h6[data-v-542d67e1]{font-size:.975rem;color:#000}.message .message-content span[data-v-542d67e1]{word-break:break-all;white-space:break-spaces}.message .message-options[data-v-542d67e1]{display:inline-flex;align-items:center;font-size:.75rem;color:#adb5bd;margin-top:.3125rem}.message .message-options[data-v-542d67e1]>*{margin-left:.3125rem;margin-right:.3125rem}.message .message-options .el-avatar[data-v-542d67e1]{margin-top:-1.25rem;height:2.25rem;width:2.25rem;min-width:2.25rem;overflow:unset;box-shadow:0 0 1px 1px #0000001a;box-shadow:0 0 0 .5rem var(--body-bg-color)}.message .message-options .el-avatar[data-v-542d67e1] img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;vertical-align:middle;border-style:none}.message .message-options .message-date[data-v-542d67e1]{height:1.125rem;line-height:1.125rem;display:inline-block;vertical-align:middle}.message .message-options .message-date .date[data-v-542d67e1]{display:none}.message .message-options .message-date:hover .date[data-v-542d67e1]{display:inline-block}.message.self[data-v-542d67e1]{text-align:right}.message.self h6[data-v-542d67e1]{display:none}.message.self .message-content[data-v-542d67e1]{background-color:#b4e9e8}html.dark .message.self .message-content[data-v-542d67e1]{background-color:#236e69}.message.self .message-options[data-v-542d67e1]{flex-direction:row-reverse}.chat-footer[data-v-542d67e1]{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px;position:relative}.chat-footer .el-textarea[data-v-542d67e1] .el-textarea__inner{padding-right:70px}.chat-footer .footer-right[data-v-542d67e1]{display:flex;height:100%;margin:0 10px;flex-direction:column;align-items:center;position:absolute;right:0;justify-content:space-between;padding:11px 0}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{justify-content:flex-start}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{display:block;height:auto;line-height:22px;margin-bottom:8px;text-align:left}.el-form-item__label-wrap{display:flex}.el-form-item__label{align-items:flex-start;box-sizing:border-box;color:var(--el-text-color-regular);display:inline-flex;flex:0 0 auto;font-size:var(--el-form-label-font-size);height:32px;justify-content:flex-end;line-height:32px;padding:0 12px 0 0}.el-form-item__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-size);line-height:32px;min-width:0;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;left:0;line-height:1;padding-top:2px;position:absolute;top:100%}.el-form-item__error--inline{display:inline-block;left:auto;margin-left:10px;position:relative;top:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{color:var(--el-color-danger);content:"*";margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:var(--el-color-danger);content:"*";margin-left:4px}.el-form-item.is-error .el-input__wrapper,.el-form-item.is-error .el-input__wrapper.is-focus,.el-form-item.is-error .el-input__wrapper:focus,.el-form-item.is-error .el-input__wrapper:hover,.el-form-item.is-error .el-select__wrapper,.el-form-item.is-error .el-select__wrapper.is-focus,.el-form-item.is-error .el-select__wrapper:focus,.el-form-item.is-error .el-select__wrapper:hover,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner.is-focus,.el-form-item.is-error .el-textarea__inner:focus,.el-form-item.is-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px transparent}.el-form-item.is-error .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button,.el-radio-button__inner{display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;padding:8px 15px;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{white-space:pre-line}.select-form-box{display:flex;align-items:center;justify-content:space-between}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);border-radius:var(--el-popper-border-radius);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;z-index:2000}.el-popper.is-dark{color:var(--el-bg-color)}.el-popper.is-dark,.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{right:0}.el-popper.is-light,.el-popper.is-light>.el-popper__arrow:before{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{right:0}.el-popper.is-pure{padding:0}.el-popper__arrow,.el-popper__arrow:before{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent!important;border-top-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item,.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented__item{padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item,.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented__item{padding:0 7px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:red;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,#fff0)}.el-color-svpanel__black{background:linear-gradient(0deg,#000,#0000)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,#fff0 0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;line-height:normal;outline:none;position:relative}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--large{height:40px}.el-color-picker--large .el-color-picker__trigger{height:40px;width:40px}.el-color-picker--large .el-color-picker__mask{height:38px;width:38px}.el-color-picker--small{height:24px}.el-color-picker--small .el-color-picker__trigger{height:24px;width:24px}.el-color-picker--small .el-color-picker__mask{height:22px;width:22px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__mask{background-color:#ffffffb3;border-radius:4px;cursor:not-allowed;height:30px;left:1px;position:absolute;top:1px;width:30px;z-index:1}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:0;height:32px;justify-content:center;padding:4px;position:relative;width:32px}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);box-sizing:border-box;display:block;height:100%;position:relative;text-align:center;width:100%}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#fff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:content-box;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper,.el-input-group__append{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.llms-select{display:flex;align-items:center;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:.5rem}.test-box>div{margin-bottom:20px}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,.15);--el-table-index:var(--el-index-normal);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:14px;height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%}.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.el-table__inner-wrapper:before{bottom:0;height:1px;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;position:sticky;text-align:center;width:100%}.el-table__empty-text{color:var(--el-text-color-secondary);line-height:60px;width:50%}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table__expand-icon{color:var(--el-text-color-regular);cursor:pointer;font-size:12px;height:20px;position:relative;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:var(--el-table-index)}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;padding:0;width:15px}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;overflow-wrap:break-word;padding:0 12px;text-overflow:ellipsis;white-space:normal}.el-table .cell.el-tooltip{min-width:50px;white-space:nowrap}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:14px}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{background:#ff4d51;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;vertical-align:middle;width:8px}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table--border .el-table__inner-wrapper:after{height:1px;left:0;top:0;width:100%;z-index:calc(var(--el-table-index) + 2)}.el-table--border:before{height:100%;left:0;top:-1px;width:1px}.el-table--border:after{height:100%;right:0;top:-1px;width:1px}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:inherit;position:sticky!important;z-index:calc(var(--el-table-index) + 1)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{box-shadow:none;right:-10px}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{background:#fff;position:sticky!important;right:0;z-index:calc(var(--el-table-index) + 1)}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{border-collapse:separate;table-layout:fixed}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{align-items:center;display:inline-flex;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;overflow:hidden;position:relative}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:14px;overflow:initial;position:relative;vertical-align:middle;width:24px}.el-table .sort-caret{border:5px solid transparent;height:0;left:7px;position:absolute;width:0}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell,.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{position:sticky;top:0;z-index:calc(var(--el-table-index) + 2)}.el-table.el-table--scrollable-y .el-table__body-footer{bottom:0;position:sticky;z-index:calc(var(--el-table-index) + 2)}.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:calc(var(--el-table-index) + 9)}.el-table__column-filter-trigger{cursor:pointer;display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{height:100%;top:0;width:1px}.el-table__border-bottom-patch,.el-table__border-left-patch{background-color:var(--el-table-border-color);left:0;position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table__border-bottom-patch{height:1px}.el-table__border-right-patch{background-color:var(--el-table-border-color);height:100%;position:absolute;top:0;width:1px;z-index:calc(var(--el-table-index) + 2)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;height:12px;line-height:12px;margin-right:8px;text-align:center;width:12px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#fff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;padding:0 10px}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:transparent;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:none}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-space .el-button-group{display:flex}.el-space .el-button-group .el-button:first-child{flex:1}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-collapse-border-color);border-top:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{align-items:center;background-color:var(--el-collapse-header-bg-color);border:none;border-bottom:1px solid var(--el-collapse-border-color);color:var(--el-collapse-header-text-color);cursor:pointer;display:flex;font-size:var(--el-collapse-header-font-size);font-weight:500;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);outline:none;padding:0;transition:border-bottom-color var(--el-transition-duration);width:100%}.el-collapse-item__arrow{font-weight:300;margin:0 8px 0 auto;transition:transform var(--el-transition-duration)}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{background-color:var(--el-collapse-content-bg-color);border-bottom:1px solid var(--el-collapse-border-color);box-sizing:border-box;overflow:hidden;will-change:height}.el-collapse-item__content{color:var(--el-collapse-content-text-color);font-size:var(--el-collapse-content-font-size);line-height:1.7692307692;padding-bottom:25px}.el-collapse-item:last-child{margin-bottom:-1px}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-space[data-v-d16db0ee] .el-space__item{width:48%}.el-table-v2__row-depth-0{height:50px}.el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#boos-helper-job{margin-bottom:8px}#boos-helper-job *{-webkit-user-select:none;user-select:none}.hp-about-box{display:flex}.hp-about-box .hp-about{display:flex;flex-direction:column}html.dark .hp-about-box{color:#cfd3dc}.el-checkbox{color:#5e5e5e}.el-checkbox.is-checked .el-checkbox__label{color:#000!important}.dark .el-checkbox.is-checked .el-checkbox__label{color:#cfd3dc!important}.el-form .el-link{font-size:12px}.el-form .el-form-item__label{display:flex;align-items:center}.el-form .el-checkbox__label{padding-left:4px}.el-tabs__content{overflow:unset!important}#wrap{min-width:unset}#wrap .inner{width:unset}#wrap .page-job-wrapper{padding-top:0!important;width:100%;position:relative}#wrap .page-job-wrapper .page-job-inner,#wrap .page-job-wrapper .job-search-wrapper{width:65%;max-width:870px;min-width:320px;margin:20px auto 20px 30%}#wrap .page-job-wrapper .page-job-inner.fix-top,#wrap .page-job-wrapper .job-search-wrapper.fix-top{position:unset;margin-top:unset;box-shadow:unset}#wrap .page-job-content,#wrap .job-list-wrapper,#wrap .job-card-wrapper{width:100%!important}#wrap .page-job-inner .page-job-content{display:flex;flex-direction:column;order:2}#wrap .job-card-wrapper{border:3px solid transparent}#wrap .job-card-wrapper .job-card-footer,#wrap .job-card-wrapper .job-card-right,#wrap .job-card-wrapper .job-card-body{display:flex}#wrap .job-card-wrapper .job-card-body{border-radius:12px 12px 0 0}#wrap .job-card-wrapper .job-card-left .job-title,#wrap .job-card-wrapper .salary,#wrap .job-card-wrapper .job-card-right .company-name{font-size:clamp(.625rem,.407rem + 1.09vw,1rem)!important}#wrap .job-card-wrapper .tag-list li,#wrap .job-card-wrapper .company-tag-list li,#wrap .job-card-wrapper .info-desc{font-size:clamp(.531rem,.368rem + .82vw,.813rem)!important}#wrap .job-card-wrapper .job-card-left{height:unset;padding:16px 24px 12px}#wrap .job-card-wrapper .job-card-left .job-name{margin-right:12px}#wrap .job-card-wrapper .job-card-left .job-area-wrapper{margin-left:0!important}#wrap .job-card-wrapper .job-card-left .start-chat-btn,#wrap .job-card-wrapper .job-card-left .info-public{display:inline-block}#wrap .job-card-wrapper .job-card-left .job-info{height:unset;overflow:unset}#wrap .job-card-wrapper .job-card-left .job-info>*{margin:3px}#wrap .job-card-wrapper .job-card-right{flex-wrap:wrap}#wrap .job-card-wrapper .job-card-right .company-logo{margin-right:12px;width:unset;height:unset;border:unset;border-radius:15px}#wrap .job-card-wrapper .job-card-right .company-logo img{object-fit:contain;width:clamp(4.063rem,3.699rem + 1.82vw,4.688rem)}#wrap .job-card-wrapper .job-card-right .company-info{margin-left:0}#wrap .job-card-wrapper .job-card-footer{padding:8px 12px 14px}#wrap .job-card-wrapper .job-card-left .tag-list,#wrap .job-card-wrapper .company-tag-list{height:unset;border:unset}#wrap .search-job-result .job-list-box{display:flex;flex-direction:column}#wrap .search-job-result .job-list-box .job-card-wrapper{margin:16px auto}#wrap .job-search-box .job-search-form{width:100%!important;display:flex}#wrap .job-search-box .job-search-form .city-label,#wrap .job-search-box .job-search-form .search-input-box{width:unset}#wrap .job-search-box .job-search-form .search-input-box{flex:1}#wrap .job-search-box .job-search-form .search-btn{margin:0 15px}html{--body-bg-color: #f6f6f8}html body{background-color:var(--body-bg-color)}html .page-job:before{background:unset}.el-input .el-input__inner{background-color:unset!important;border:unset!important}html.dark{--el-bg-color: #212020;--body-bg-color: #212121}html.dark #header .inner:before,html.dark .page-job:before{background:unset}html.dark .job-search-wrapper,html.dark .job-card-wrapper,html.dark .satisfaction-feedback-wrapper,html.dark .job-search-box .city-label,html.dark .job-search-box .search-input-box,html.dark .job-search-box .search-input-box input,html.dark .hot-link-wrapper,html.dark .filter-select-dropdown li{background-color:#292929!important}html.dark .filter-select-dropdown,html.dark .filter-select-dropdown ul,html.dark .filter-select-dropdown .condition-position-detail{background-color:#292929!important;border:1px solid #5a5a5a!important}html.dark .filter-select-dropdown *{color:#cfd3dc!important}html.dark .filter-select-dropdown .active{color:#00a6a7!important}html.dark .job-title,html.dark .info-desc,html.dark .tag-list li,html.dark .company-name a,html.dark .satisfaction-feedback-wrapper h3,html.dark .fast-next-btn,html.dark .search-map-btn,html.dark .city-label,html.dark .city-area-select .area-dropdown-item li,html.dark .city-area-select .city-area-tab li,html.dark .subway-select-wrapper .subway-line-list li,html.dark .condition-filter-select .current-select,html.dark .el-vl__wrapper,html.dark .el-checkbox__label,html.dark .placeholder-text,html.dark #boos-helper-job h2{color:#cfd3dc!important}html.dark .city-area-select .area-select-wrapper,html.dark .condition-filter-select,html.dark .condition-position-select.is-select .current-select,html.dark .job-card-body,html.dark .condition-industry-select{background-color:#434141}html.dark .job-card-wrapper{transition:all .3s ease;position:relative}html.dark .job-card-wrapper .job-card-footer{background:linear-gradient(90deg,#373737,#4d4b4b)}html.dark .job-card-wrapper .job-card-left .start-chat-btn{background:#00bebdb3}html.dark .job-card-wrapper .job-info .tag-list li,html.dark .job-card-wrapper .info-public,html.dark .job-card-wrapper .company-tag-list li{color:#cfd3dc!important;background:#44e1e326!important;border:.5px solid rgba(229,230,230,.4705882353)!important}html.dark .job-card-wrapper .info-public em:before{height:70%}html.dark .job-loading-wrapper .job-loading-list li{filter:invert(83%)} ');
System.addImportMap({ imports: {"vue":"user:vue","element-plus":"user:element-plus","protobufjs":"user:protobufjs"} });
System.set("user:vue", (()=>{const _=Vue;('default' in _)||(_.default=_);return _})());
System.set("user:element-plus", (()=>{const _=ElementPlus;('default' in _)||(_.default=_);return _})());
System.set("user:protobufjs", (()=>{const _=protobuf;('default' in _)||(_.default=_);return _})());
System.register("./__entry.js", ['./__monkey.entry-PpeAzA7V.js'], (function (exports, module) {
'use strict';
return {
setters: [null],
execute: (function () {
})
};
}));
System.register("./__monkey.entry-PpeAzA7V.js", ['vue', 'element-plus'], (function (exports, module) {
'use strict';
var reactive, ref, defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, resolveDynamicComponent, withCtx, Fragment, normalizeClass, createCommentVNode, provide, toRef, toRaw, warn, inject, useSlots, Text, isRef, watch, getCurrentInstance, createApp, createElementVNode, onMounted, onUnmounted, createVNode, createTextVNode, renderList, toDisplayString, Teleport, customRef, getCurrentScope, onScopeDispose, useModel, nextTick, readonly, ElMessage, ElMessageBox, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAvatar, ElDialog, ElButton$1, ElPopconfirm, ElAlert, ElTable, ElTableColumn, ElTag;
return {
setters: [module => {
reactive = module.reactive;
ref = module.ref;
defineComponent = module.defineComponent;
computed = module.computed;
openBlock = module.openBlock;
createElementBlock = module.createElementBlock;
mergeProps = module.mergeProps;
unref = module.unref;
renderSlot = module.renderSlot;
createBlock = module.createBlock;
resolveDynamicComponent = module.resolveDynamicComponent;
withCtx = module.withCtx;
Fragment = module.Fragment;
normalizeClass = module.normalizeClass;
createCommentVNode = module.createCommentVNode;
provide = module.provide;
toRef = module.toRef;
toRaw = module.toRaw;
warn = module.warn;
inject = module.inject;
useSlots = module.useSlots;
Text = module.Text;
isRef = module.isRef;
watch = module.watch;
getCurrentInstance = module.getCurrentInstance;
createApp = module.createApp;
createElementVNode = module.createElementVNode;
onMounted = module.onMounted;
onUnmounted = module.onUnmounted;
createVNode = module.createVNode;
createTextVNode = module.createTextVNode;
renderList = module.renderList;
toDisplayString = module.toDisplayString;
Teleport = module.Teleport;
customRef = module.customRef;
getCurrentScope = module.getCurrentScope;
onScopeDispose = module.onScopeDispose;
useModel = module.useModel;
nextTick = module.nextTick;
readonly = module.readonly;
}, module => {
ElMessage = module.ElMessage;
ElMessageBox = module.ElMessageBox;
ElDropdown = module.ElDropdown;
ElDropdownMenu = module.ElDropdownMenu;
ElDropdownItem = module.ElDropdownItem;
ElAvatar = module.ElAvatar;
ElDialog = module.ElDialog;
ElButton$1 = module.ElButton;
ElPopconfirm = module.ElPopconfirm;
ElAlert = module.ElAlert;
ElTable = module.ElTable;
ElTableColumn = module.ElTableColumn;
ElTag = module.ElTag;
}],
execute: (function () {
exports({
$: identity,
U: resolveUnref,
Y: tryOnScopeDispose,
Z: computedWithControl,
a0: fromPairs,
a8: useGlobalConfig,
aA: getCurTime,
aC: deepmerge,
aD: reactiveComputed,
ac: tryOnMounted,
ag: useTimeoutFn,
ai: toValue,
al: tryOnScopeDispose$1,
ao: loader,
ar: delay,
as: notification,
av: watchIgnorable,
az: getCurDay,
i: addUnit,
r: refDebounced,
t: isNil
});
const scriptRel = function detectScriptRel() {
const relList = typeof document !== "undefined" && document.createElement("link").relList;
return relList && relList.supports && relList.supports("modulepreload") ? "modulepreload" : "preload";
}();
const assetsURL = function(dep) {
return "/" + dep;
};
const seen = {};
const __vitePreload = function preload(baseModule, deps, importerUrl) {
let promise = Promise.resolve();
if (deps && deps.length > 0) {
document.getElementsByTagName("link");
const cspNonceMeta = document.querySelector(
"meta[property=csp-nonce]"
);
const cspNonce = (cspNonceMeta == null ? void 0 : cspNonceMeta.nonce) || (cspNonceMeta == null ? void 0 : cspNonceMeta.getAttribute("nonce"));
promise = Promise.all(
deps.map((dep) => {
dep = assetsURL(dep);
if (dep in seen) return;
seen[dep] = true;
const isCss = dep.endsWith(".css");
const cssSelector = isCss ? '[rel="stylesheet"]' : "";
if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
return;
}
const link = document.createElement("link");
link.rel = isCss ? "stylesheet" : scriptRel;
if (!isCss) {
link.as = "script";
}
link.crossOrigin = "";
link.href = dep;
if (cspNonce) {
link.setAttribute("nonce", cspNonce);
}
document.head.appendChild(link);
if (isCss) {
return new Promise((res, rej) => {
link.addEventListener("load", res);
link.addEventListener(
"error",
() => rej(new Error(`Unable to preload CSS for ${dep}`))
);
});
}
})
);
}
return promise.then(() => baseModule()).catch((err) => {
const e = new Event("vite:preloadError", {
cancelable: true
});
e.payload = err;
window.dispatchEvent(e);
if (!e.defaultPrevented) {
throw err;
}
});
};
const cssLoader = (e) => {
const t = GM_getResourceText(e);
return GM_addStyle(t), t;
};
cssLoader("element-plus/dist/index.css");
cssLoader("element-plus/theme-chalk/dark/css-vars.css");
const icons = { debug: "🐞", info: "ℹ️", warn: "⚠", error: "❌️" };
const Color = {
debug: "#42CA8C;",
info: "#37C5D6;",
warn: "#EFC441;",
error: "#FF6257;"
};
const logger = exports("Q", {
debug: console.log.bind(
console,
`%c${icons.debug} debug > `,
`color:${Color.debug}; padding-left:1.2em; line-height:1.5em;`
),
info: console.info.bind(
console,
`%c${icons.info} info > `,
`color:${Color.info}; padding-left:1.2em; line-height:1.5em;`
),
warn: console.warn.bind(
console,
`%c${icons.warn} warn > `,
`color:${Color.warn}; padding-left:1.2em; line-height:1.5em;`
),
error: console.error.bind(
console,
`%c${icons.error} error > `,
`color:${Color.error}; padding-left:1.2em; line-height:1.5em;`
),
group: console.groupCollapsed,
groupEnd: console.groupEnd
});
var _GM_cookie = /* @__PURE__ */ (() => typeof GM_cookie != "undefined" ? GM_cookie : void 0)();
var _GM_getValue = exports("_", /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)());
var _GM_notification = /* @__PURE__ */ (() => typeof GM_notification != "undefined" ? GM_notification : void 0)();
var _GM_setValue = exports("S", /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)());
var _GM_xmlhttpRequest = exports("an", /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)());
var _unsafeWindow = exports("R", /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)());
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
__name: "store",
props: {
"modelValue": { type: Boolean, ...{ required: true } },
"modelModifiers": {}
},
emits: ["update:modelValue"],
setup(__props) {
const show = useModel(__props, "modelValue");
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElDialog), {
modelValue: show.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => show.value = $event),
title: "存储配置",
width: "500",
"align-center": "",
"destroy-on-close": "",
"z-index": 20
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(unref(ElButton$1), {
onClick: _cache[0] || (_cache[0] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[3] || (_cache[3] = [
createTextVNode("Cancel")
])),
_: 1
}),
createVNode(unref(ElButton$1), {
type: "primary",
onClick: _cache[1] || (_cache[1] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode("Confirm")
])),
_: 1
})
])
]),
default: withCtx(() => [
_cache[5] || (_cache[5] = createElementVNode("span", null, " 当使用多账户时候,该配置内含有敏感信息,导入导出一定要注意,避免泄露 ", -1))
]),
_: 1
}, 8, ["modelValue"]);
};
}
});
function tryOnScopeDispose$1(fn) {
if (getCurrentScope()) {
onScopeDispose(fn);
return true;
}
return false;
}
function toValue(r) {
return typeof r === "function" ? r() : unref(r);
}
function toReactive(objectRef) {
if (!isRef(objectRef))
return reactive(objectRef);
const proxy = new Proxy({}, {
get(_, p, receiver) {
return unref(Reflect.get(objectRef.value, p, receiver));
},
set(_, p, value) {
if (isRef(objectRef.value[p]) && !isRef(value))
objectRef.value[p].value = value;
else
objectRef.value[p] = value;
return true;
},
deleteProperty(_, p) {
return Reflect.deleteProperty(objectRef.value, p);
},
has(_, p) {
return Reflect.has(objectRef.value, p);
},
ownKeys() {
return Object.keys(objectRef.value);
},
getOwnPropertyDescriptor() {
return {
enumerable: true,
configurable: true
};
}
});
return reactive(proxy);
}
function reactiveComputed(fn) {
return toReactive(computed(fn));
}
const isClient$1 = exports("at", typeof window !== "undefined" && typeof document !== "undefined");
typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
const toString$1 = Object.prototype.toString;
const isObject$2 = exports("ak", (val) => toString$1.call(val) === "[object Object]");
const noop$2 = exports("aj", () => {
});
function createFilterWrapper$1(filter2, fn) {
function wrapper(...args) {
return new Promise((resolve, reject) => {
Promise.resolve(filter2(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
});
}
return wrapper;
}
const bypassFilter = (invoke2) => {
return invoke2();
};
function throttleFilter(...args) {
let lastExec = 0;
let timer;
let isLeading = true;
let lastRejector = noop$2;
let lastValue;
let ms;
let trailing;
let leading;
let rejectOnCancel;
if (!isRef(args[0]) && typeof args[0] === "object")
({ delay: ms, trailing = true, leading = true, rejectOnCancel = false } = args[0]);
else
[ms, trailing = true, leading = true, rejectOnCancel = false] = args;
const clear = () => {
if (timer) {
clearTimeout(timer);
timer = void 0;
lastRejector();
lastRejector = noop$2;
}
};
const filter2 = (_invoke) => {
const duration = toValue(ms);
const elapsed = Date.now() - lastExec;
const invoke2 = () => {
return lastValue = _invoke();
};
clear();
if (duration <= 0) {
lastExec = Date.now();
return invoke2();
}
if (elapsed > duration && (leading || !isLeading)) {
lastExec = Date.now();
invoke2();
} else if (trailing) {
lastValue = new Promise((resolve, reject) => {
lastRejector = rejectOnCancel ? reject : resolve;
timer = setTimeout(() => {
lastExec = Date.now();
isLeading = true;
resolve(invoke2());
clear();
}, Math.max(0, duration - elapsed));
});
}
if (!leading && !timer)
timer = setTimeout(() => isLeading = true, duration);
isLeading = false;
return lastValue;
};
return filter2;
}
function watchWithFilter(source, cb, options = {}) {
const {
eventFilter = bypassFilter,
...watchOptions
} = options;
return watch(
source,
createFilterWrapper$1(
eventFilter,
cb
),
watchOptions
);
}
function watchIgnorable(source, cb, options = {}) {
const {
eventFilter = bypassFilter,
...watchOptions
} = options;
const filteredCb = createFilterWrapper$1(
eventFilter,
cb
);
let ignoreUpdates;
let ignorePrevAsyncUpdates;
let stop;
if (watchOptions.flush === "sync") {
const ignore = ref(false);
ignorePrevAsyncUpdates = () => {
};
ignoreUpdates = (updater) => {
ignore.value = true;
updater();
ignore.value = false;
};
stop = watch(
source,
(...args) => {
if (!ignore.value)
filteredCb(...args);
},
watchOptions
);
} else {
const disposables = [];
const ignoreCounter = ref(0);
const syncCounter = ref(0);
ignorePrevAsyncUpdates = () => {
ignoreCounter.value = syncCounter.value;
};
disposables.push(
watch(
source,
() => {
syncCounter.value++;
},
{ ...watchOptions, flush: "sync" }
)
);
ignoreUpdates = (updater) => {
const syncCounterPrev = syncCounter.value;
updater();
ignoreCounter.value += syncCounter.value - syncCounterPrev;
};
disposables.push(
watch(
source,
(...args) => {
const ignore = ignoreCounter.value > 0 && ignoreCounter.value === syncCounter.value;
ignoreCounter.value = 0;
syncCounter.value = 0;
if (ignore)
return;
filteredCb(...args);
},
watchOptions
)
);
stop = () => {
disposables.forEach((fn) => fn());
};
}
return { stop, ignoreUpdates, ignorePrevAsyncUpdates };
}
function watchThrottled(source, cb, options = {}) {
const {
throttle: throttle2 = 0,
trailing = true,
leading = true,
...watchOptions
} = options;
return watchWithFilter(
source,
cb,
{
...watchOptions,
eventFilter: throttleFilter(throttle2, trailing, leading)
}
);
}
function isPlainObject$1(item) {
if (typeof item !== "object" || item === null) {
return false;
}
const prototype2 = Object.getPrototypeOf(item);
return (prototype2 === null || prototype2 === Object.prototype || Object.getPrototypeOf(prototype2) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
}
function deepClone(source) {
if (!isPlainObject$1(source)) {
return source;
}
const output = {};
Object.keys(source).forEach((key) => {
output[key] = deepClone(source[key]);
});
return output;
}
function deepmerge(target, source, options = { clone: true }) {
const output = options.clone ? { ...target } : target;
if (isPlainObject$1(target) && isPlainObject$1(source)) {
Object.keys(source).forEach((key) => {
if (key === "__proto__") {
return;
}
if (isPlainObject$1(source[key]) && key in target && isPlainObject$1(target[key])) {
output[key] = deepmerge(
target[key],
source[key],
options
);
} else if (options.clone) {
output[key] = isPlainObject$1(source[key]) ? deepClone(source[key]) : source[key];
} else {
output[key] = source[key];
}
});
}
return output;
}
const formDataKey = "web-geek-job-FormData";
const todayKey = "web-geek-job-Today";
const statisticsKey = "web-geek-job-Statistics";
const formInfoData = exports("ah", {
company: {
label: "公司名",
help: "公司名排除或包含在集合中，模糊匹配，可用于只投或不投某个公司/子公司。"
},
jobTitle: {
label: "岗位名",
help: "岗位名排除或包含在集合中，模糊匹配，可用于只投或不投某个岗位名。"
},
jobContent: {
label: "工作内容",
help: "会自动检测上文(不是,不,无需),下文(系统,工具),例子：[外包,上门,销售,驾照], 排除: '外包岗位', 不排除: '不是外包'|'销售系统'"
},
hrPosition: {
label: "Hr职位",
help: "Hr职位一定包含/排除在集合中，精确匹配, 不在内置中可手动输入,能实现只向经理等进行投递，毕竟人事干的不一定是人事"
},
salaryRange: {
label: "薪资范围",
help: "投递工作的薪资范围, 交集匹配, 使用-连接范围, 单位: k。例如：【12-20】"
},
companySizeRange: {
label: "公司规模范围",
help: "投递工作的公司规模, 子集匹配, 使用-连接范围。例如：【500-20000000】"
},
customGreeting: {
label: "自定义招呼语",
help: "因为boss不支持将自定义的招呼语设置为默认招呼语。开启表示发送boss默认的招呼语后还会发送自定义招呼语"
},
greetingVariable: {
label: "招呼语变量",
help: "使用mitem模板引擎来对招呼语进行渲染;"
},
activityFilter: {
label: "活跃度过滤",
help: "打开后会自动过滤掉最近未活跃的Boss发布的工作。以免浪费每天的100次机会。"
},
goldHunterFilter: {
label: "猎头过滤",
help: "Boss中有一些猎头发布的工作，但是一般而言这种工作不太行，点击可以过滤猎头发布的职位"
},
friendStatus: {
label: "好友过滤(已聊)",
help: "判断和hr是否建立过聊天，理论上能过滤的同hr，但是不同岗位的工作"
},
notification: {
label: "发送通知",
help: "可以在网站管理中打开通知权限,当停止时会自动发送桌面端通知提醒。"
},
aiGreeting: {
label: "AI招呼语",
help: "即使前面招呼语开了也不会发送，只会发送AI生成的招呼语，让gpt来打招呼真是太棒了，毕竟开场白很重要。",
example: [
`我现在需要求职，所以请你来写求职招呼语来向boos或hr打招呼，你需要代入我的身份也就是一名求职者.
## 能力:
"我叫Ocyss,是一名19岁的全栈工程师，拥有丰富的前后端客户端开发经验，并且我也能够进行服务器运维。我是一个完美主义者，追求效率至上，我会把所有麻烦重复的事情都编写成脚本。我擅长使用Golang, Kitex, Hertz, Gin, Gorm, Cobra等后端技术，Rust和Iced, Slint等客户端技术，以及Vue3, Vite, scss, Nuxt, naiveui, element-plus等前端技术。我还熟悉Mysql, Redis, PostgreSQL, Python, Docker, Linux等运维和其他技术。我曾经参与过多个项目的开发，如全栈博客系统，飞书多维表格插件，字节青训营项目等。我相信我的技能和经验可以为您的公司带来价值。"
## 要求:
1. 我会告诉你岗位信息,你只需要回答招呼语，请优先礼貌为主不要过于使用书信格式而是聊天一样的招呼语，最好能根据岗位信息来改变语气。
2. 一定不可以编造能力,我会啥上面写的很清楚了,如果有我没说的技术栈那就是不会,可以展示其他优势.不要乱写
3. 我需要你在结束的时候告诉他这是ai生成的内容仅供参考
## 岗位信息:
\`\`\`
岗位名:{{ card.jobName }}
岗位描述:{{ card.postDescription }}
经验要求:{{ card.experienceName }}
相关标签:{{ card.jobLabels }}
\`\`\`
`,
[
{
role: "user",
content: `# Role: 求职小能手
# Author: Ocyss_04
## Definition
求职小能手是一种专业角色，能帮根据求职者的简历结合岗位的信息生成高质量的招呼语。这个角色很聪明能根据岗位信息避重就轻，将求职者的技能合理的划分，能生成对这个岗位的帮助和求职者的优势，不会将其他技能也带入招呼语中，皆在快速有效的让Hr了解到求职者的能力与优势，从而帮助这些找不到工作的社畜能拿到一份合适的offer
## Goals
1. **简洁明了** - 不啰嗦不废话只讲和岗位信息有关的内容
2. **抓住重点** - 当求职者有多个方向的技术栈时，能根据岗位需求突出这方面的优势和能力
3. **突出优势** - 岗位的技术栈求职者不会，会用其他技能来突出求职者的能力
## Constrains
1. **严谨心细** - 不将求职者不会的技能写进招呼语中，不能篡改求职者的技能熟练度与年限
2. **和蔼可亲** - 不需要书信等格式像聊天开场白一样打招呼
3. **避免风险** - 最后说明这是ai生成的内容仅供参考
## skill
1. **全栈高手** - 精通编程的各种技术栈，知道不同的框架，有效的突出求职者的技能
2. **职场老炮** - 多年职场经验仅从岗位信息就能明白老板意思，从而生成幽默风趣符合老板胃口的招呼语
## Workflow
1. 步骤一：先根据\`input\`的求职者信息进一步思考理解并消化，然后执行\`Initialization\` 告知用户已准备完毕。
2. 步骤二：开始用户输入的\`岗位信息\`进行思考理解，分析出岗位需要的技术栈和业务的需求
3. 步骤三：结合求职者的能力和经历生成合适的招呼语，并确保内容中无虚构求职者的能力和年限等信息，然后按\`outputformat\`输出
## input：
1 **求职者信息**
\`\`\`
我是一名19岁的全栈工程师，拥有丰富的前后端客户端开发经验，并且我也能够进行服务器运维。我是一个完美主义者，追求效率至上，我会把所有麻烦重复的事情都编写成脚本。我擅长使用Golang, Kitex, Hertz, Gin, Gorm, Cobra等后端技术，Rust和Iced, Slint等客户端技术，以及Vue3, Vite, scss, Nuxt, naiveui, element-plus等前端技术。我还熟悉Mysql, Redis, PostgreSQL, Python, Docker, Linux等运维和其他技术。我曾经参与过多个项目的开发，如全栈博客系统，飞书多维表格插件，字节青训营项目等。我相信我的技能和经验可以为您的公司带来价值。
#### 项目详细
1. ....
2. ....
3. ....
\`\`\`
## outputformat
招呼语字符串，无书信格式和前缀，和聊天开场白一样的介绍求职者
## Initialization:
"你好，我是求职小能手，我已经掌握了您的能力。我将利用我的专业技能和严谨认真的态度为您生成独一无二且的求职招呼语。现在请提供岗位信息，我将开始为您生成求职招呼语"
`
},
{
role: "assistant",
content: "你好，我是求职小能手，我已经掌握了您的能力。我将利用我的专业技能和严谨认真的态度为您生成独一无二且的求职招呼语。现在请提供岗位信息，我将开始为您生成求职招呼语"
},
{
role: "user",
content: `### 待处理的岗位信息:\`\`\`
岗位名:{{ card.jobName }}
岗位描述:{{ card.postDescription }}
经验要求:{{ card.experienceName }}
相关标签:{{ card.jobLabels }}
\`\`\``
}
]
]
},
aiFiltering: {
label: "AI过滤",
help: "根据工作内容让gpt分析过滤，真是太稳健了，不放过任何一个垃圾",
example: [
`我现在需要求职，让你根据我的需要对岗位进行评分，方便我筛选岗位。
## 要求:
- 加分: 双休,早九晚五,新技术,机会多,年轻人多
- 扣分: 需要上门,福利少,需要和客户交流,需要推销
## 是岗位相关信息:
\`\`\`
岗位描述:{{ card.postDescription}}
薪酬:{{card.salaryDesc}}
经验要求:{{card.experienceName}},学历要求:{{card.degreeName}}
相关标签:{{card.jobLabels}},公司福利：{{data.welfareList}}
\`\`\`
## 输出
interface aiFiltering {
rating: number; // 分数，0-100分，低于40的我会筛选掉
negative: string[] | string; // 扣分项
positive: string[] | string; // 加分项
}`,
[
{
role: "user",
content: `# Role: 求职评委
# Author: Ocyss_04
## Profile
- Language: 中文
- Description: 拥有丰富的职场经验能从岗位信息中看出这个岗位的价值和风险,也明白求职者真正需要的岗位是啥,从多方面考虑进而评分
### 擅长人情世故:
1. 知道这个老板是压榨员工的资本家还是更看重员工能力的企业家
2.公司福利能看出老板真正的心思
3.知道求职者的需求,是想要的福利还是必要的福利从而加分或减分
## Rules
1. 客观评价有理有据
2. 不能把用户想要的福利当成扣分项
## Workflow
1. 岗位初始有70分,输入岗位信息结合下面的求职者需求来进行打分,最终返回下面格式的JSON字符串,不要有任何其他字符
interface aiFiltering {
rating: number; // 分数, 低于40的我会筛选掉
negative: string[] | string; // 扣分项
positive: string[] | string; // 加分项
}
## 求职者需求
- 加分: 双休,早九晚五,新技术,机会多,年轻人多
- 扣分: 需要上门,福利少,需要和客户交流,需要推销
## Initialization
你好,我是求职评为,我已经掌握了您的能力。我将利用我的专业技能和严谨认真的态度对你输入的岗位信息进行打分,并返回符合格式的Json格式字符串
`
},
{
role: "assistant",
content: "你好,我是求职评为,我已经掌握了您的能力。我将利用我的专业技能和严谨认真的态度对你输入的岗位信息进行打分,并返回符合格式的Json格式字符串"
},
{
role: "user",
content: `### 待处理的岗位信息:\`\`\`
岗位描述:{{ card.postDescription}}
相关标签:{{card.jobLabels}}
公司福利：{{data.welfareList}}
\`\`\``
}
]
]
},
aiReply: {
label: "AI回复",
help: "万一消息太多，回不过来了呢，也许能和AiHR聊到地球爆炸？魔法击败魔法"
},
record: {
label: "内容记录",
help: "拿这些数据去训练个Ai岂不是美滋滋咯？"
},
delay: {
deliveryStarts: {
label: "投递开始",
help: "点击投递按钮会等待一段时间,默认值10s"
},
deliveryInterval: {
label: "投递间隔",
help: "每个投递的间隔,太快易风控,默认值2s"
},
deliveryPageNext: {
label: "投递翻页",
help: "投递完下一页之后等待的间隔,太快易风控,默认值60s"
},
messageSending: {
label: "消息发送",
help: "暂未实现 ,在发送消息前允许等待一定的时间让用户来修改或手动发送,默认值5s",
disable: true
}
}
});
const defaultFormData = {
company: {
include: false,
value: [],
options: [],
enable: false
},
jobTitle: {
include: true,
value: [],
options: [],
enable: false
},
jobContent: {
include: false,
value: [],
options: [],
enable: false
},
hrPosition: {
include: true,
value: [],
options: ["经理", "主管", "法人", "人力资源主管", "hr", "招聘专员"],
enable: false
},
salaryRange: {
value: "8-13",
enable: false
},
companySizeRange: {
value: "",
enable: false
},
customGreeting: {
value: "",
enable: false
},
greetingVariable: {
value: true
},
activityFilter: {
value: true
},
friendStatus: {
value: true
},
goldHunterFilter: {
value: false
},
notification: {
value: true
},
aiGreeting: {
enable: false,
prompt: ""
},
aiFiltering: {
enable: false,
prompt: ""
},
aiReply: {
enable: false,
prompt: ""
},
record: {
enable: false
},
delay: {
deliveryStarts: 10,
deliveryInterval: 2,
deliveryPageNext: 60,
messageSending: 5
}
};
const formData = reactive(
deepmerge(defaultFormData, _GM_getValue(formDataKey, {}))
);
watchThrottled(
formData,
(v) => {
logger.debug("formData改变", toRaw(v));
},
{ throttle: 2e3 }
);
function confSaving() {
const v = toRaw(formData);
_GM_setValue(formDataKey, v);
logger.debug("formData保存", toRaw(v));
}
function confReload() {
const v = deepmerge(defaultFormData, _GM_getValue(formDataKey, {}));
deepmerge(formData, v, { clone: false });
logger.debug("formData已重置");
}
function confExport() {
const data = deepmerge(
defaultFormData,
_GM_getValue(formDataKey, {})
);
const blob = new Blob([JSON.stringify(data)], {
type: "application/json"
});
const link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = "打招呼配置.json";
link.click();
}
function confImport() {
const fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.addEventListener("change", function(e) {
var _a2;
const file = (_a2 = e.target.files) == null ? void 0 : _a2[0];
if (!file || !file.name.endsWith(".json")) {
return alert("不是 JSON 文件");
}
const reader = new FileReader();
reader.onload = function(e2) {
try {
const jsonData = JSON.parse(e2.target.result);
let type = Object.prototype.toString.call(jsonData).slice(8, -1);
if (!["Array", "Object"].includes(type)) {
return alert("内容非合法 JSON");
}
_GM_setValue(formDataKey, jsonData);
deepmerge(formData, jsonData, { clone: false });
} catch (error) {
return alert("内容非合法 JSON");
}
};
reader.readAsText(file);
});
fileInput.click();
}
function confDelete() {
deepmerge(formData, defaultFormData, { clone: false });
logger.debug("formData已清空");
}
const useConfFormData = exports("ap", () => {
return {
confSaving,
confReload,
confExport,
confImport,
confDelete,
formDataKey,
defaultFormData,
formData
};
});
function notification(content) {
_GM_notification({
title: "Boss直聘批量投简历",
image: "https://img.bosszhipin.com/beijin/mcs/banner/3e9d37e9effaa2b6daf43f3f03f7cb15cfcd208495d565ef66e7dff9f98764da.jpg",
text: content,
highlight: true,
// 布尔值，是否突出显示发送通知的选项卡
silent: true,
// 布尔值，是否播放声音
timeout: 1e4,
// 设置通知隐藏时间
onclick: function() {
logger.info("点击了通知");
},
ondone() {
}
// 在通知关闭（无论这是由超时还是单击触发）或突出显示选项卡时调用
});
}
function animate({
duration,
draw,
timing,
end,
callId
}) {
let start2 = performance.now();
callId(
requestAnimationFrame(function animate2(time) {
let timeFraction = (time - start2) / duration;
if (timeFraction > 1) timeFraction = 1;
let progress = timing(timeFraction);
draw(progress);
if (timeFraction < 1) {
callId(requestAnimationFrame(animate2));
} else if (end) {
end();
}
})
);
}
let delayLoadId = void 0;
function delay(s) {
loader({ ms: s * 1e3 });
return new Promise((resolve) => setTimeout(resolve, s * 1e3));
}
function loader({ ms = 1e4, color = "#54f98d", onDone = () => {
} }) {
var _a2;
let load = document.querySelector("#loader");
if (!load) {
const l = document.createElement("div");
l.id = "loader";
(_a2 = document.querySelector("#header")) == null ? void 0 : _a2.appendChild(l);
load = l;
}
load.style.background = color;
if (delayLoadId) {
cancelAnimationFrame(delayLoadId);
delayLoadId = void 0;
}
if (load)
animate({
duration: ms,
callId(id) {
delayLoadId = id;
},
timing(timeFraction) {
return timeFraction;
},
draw(progress) {
if (load) load.style.width = progress * 100 + "%";
},
end() {
if (load) load.style.width = "0%";
onDone();
}
});
return () => {
if (delayLoadId) cancelAnimationFrame(delayLoadId);
delayLoadId = void 0;
const load2 = document.querySelector("#loader");
if (load2) load2.style.width = "0%";
};
}
function getCurDay(currentDate = /* @__PURE__ */ new Date()) {
const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, "0");
const day = String(currentDate.getDate()).padStart(2, "0");
return `${year}-${month}-${day}`;
}
function getCurTime(currentDate = /* @__PURE__ */ new Date()) {
const hours = String(currentDate.getHours() + 1).padStart(2, "0");
const minutes = String(currentDate.getMinutes() + 1).padStart(2, "0");
const seconds = String(currentDate.getSeconds()).padStart(2, "0");
return `${hours}:${minutes}:${seconds}`;
}
const todayData = reactiveComputed(() => {
const date = getCurDay();
const current = {
date,
success: 0,
total: 0,
company: 0,
jobTitle: 0,
jobContent: 0,
hrPosition: 0,
salaryRange: 0,
companySizeRange: 0,
activityFilter: 0,
goldHunterFilter: 0,
repeat: 0
};
const g = _GM_getValue(todayKey, current);
logger.debug("统计数据:", g);
if (g.date === date) {
return g;
}
const statistics = _GM_getValue(statisticsKey, []);
_GM_setValue(statisticsKey, [g, ...statistics]);
_GM_setValue(todayKey, current);
return current;
});
const statisticsData = _GM_getValue(statisticsKey, []);
watchThrottled(
todayData,
(v) => {
_GM_setValue(todayKey, v);
},
{ throttle: 200 }
);
const useStatistics = exports("aq", () => {
return {
todayData,
statisticsData
};
});
const win = _unsafeWindow || document.defaultView || window;
const doc = win.document;
const listeners = /* @__PURE__ */ new WeakMap();
const elProto = win.Element.prototype;
const matches = elProto.matches || elProto.matchesSelector || elProto.webkitMatchesSelector || elProto.mozMatchesSelector || elProto.oMatchesSelector;
const MutationObs = win.MutationObserver || win.WebkitMutationObserver || win.MozMutationObserver;
function addObserver(target, callback) {
const observer = new MutationObs((mutations) => {
for (const mutation of mutations) {
if (mutation.type === "attributes") {
callback(mutation.target);
if (observer.canceled) return;
}
for (const node of mutation.addedNodes) {
if (node instanceof Element) callback(node);
if (observer.canceled) return;
}
}
});
observer.canceled = false;
observer.observe(target, {
childList: true,
subtree: true,
attributes: true
});
return () => {
observer.canceled = true;
observer.disconnect();
};
}
function addFilter(target, filter2) {
let listener = listeners.get(target);
if (!listener) {
listener = {
filters: /* @__PURE__ */ new Set(),
remove: addObserver(
target,
(el) => listener.filters.forEach((f) => f(el))
)
};
listeners.set(target, listener);
}
listener.filters.add(filter2);
}
function removeFilter(target, filter2) {
const listener = listeners.get(target);
if (!listener) return;
listener.filters.delete(filter2);
if (!listener.filters.size) {
listener.remove();
listeners.delete(target);
}
}
function query(all2, selector, parent, includeParent) {
const checkParent = includeParent && matches.call(parent, selector);
if (all2) {
const queryAll = parent.querySelectorAll(selector);
return checkParent ? [parent, ...queryAll] : [...queryAll];
}
return checkParent ? parent : parent.querySelector(selector);
}
function getOne(selector, parent, timeout) {
return new Promise((resolve) => {
const node = query(false, selector, parent, false);
if (node) return resolve(node);
let timer;
const filter2 = (el) => {
const node2 = query(false, selector, el, true);
if (node2) {
removeFilter(parent, filter2);
timer && clearTimeout(timer);
resolve(node2);
}
};
addFilter(parent, filter2);
if (timeout > 0) {
timer = setTimeout(() => {
removeFilter(parent, filter2);
resolve(null);
}, timeout);
}
});
}
function get(selector, ...args) {
let parent = typeof args[0] !== "number" && args.shift() || doc;
const timeout = args[0] || 0;
if (Array.isArray(selector)) {
return Promise.all(
selector.map((s) => getOne(s, parent, timeout))
);
}
return getOne(selector, parent, timeout);
}
function each(selector, ...args) {
let parent = typeof args[0] !== "function" && args.shift() || doc;
const callback = args[0];
const refs = /* @__PURE__ */ new WeakSet();
for (const node of query(true, selector, parent, false)) {
refs.add(node);
if (callback(node, false) === false) return;
}
const filter2 = (el) => {
for (const node of query(true, selector, el, true)) {
const _el = node;
if (refs.has(_el)) break;
refs.add(_el);
if (callback(node, true) === false) {
return removeFilter(parent, filter2);
}
}
};
addFilter(parent, filter2);
}
async function rm(selector, ...args) {
if (Array.isArray(selector)) {
await Promise.all(
selector.map((s) => {
get(s, ...args).then((e) => e.remove());
})
);
} else {
await get(selector, ...args).then((e) => e.remove());
}
}
const elmGetter = exports("aa", {
get,
each,
rm
});
const rootVue = ref();
const getRootVue = async () => {
if (rootVue.value) return rootVue.value;
let wrap = await elmGetter.get("#wrap");
if (wrap.__vue__) rootVue.value = wrap.__vue__;
else {
throw new Error("未找到vue根组件");
}
return rootVue.value;
};
const useHookVueData = exports("au", (selectors, key, data) => {
return () => {
const jobVue = document.querySelector(selectors).__vue__;
data.value = jobVue[key];
let originalSet = jobVue.__lookupSetter__(key);
Object.defineProperty(jobVue, key, {
set(val) {
data.value = val;
originalSet.call(this, val);
}
});
};
});
const useHookVueFn = exports("aw", (selectors, key) => {
return () => {
const jobVue = document.querySelector(selectors).__vue__;
return jobVue[key];
};
});
const userInfo = ref();
const storeInit = async () => {
var _a2;
const v = await getRootVue();
const store = (_a2 = v == null ? void 0 : v.$store) == null ? void 0 : _a2.state;
userInfo.value = store == null ? void 0 : store.userInfo;
logger.debug("userInfo: ", userInfo.value);
};
const useStore = exports("aB", () => {
return {
storeInit,
userInfo
};
});
const useUserId = exports("ay", () => {
var _a2, _b, _c;
return ((_a2 = userInfo.value) == null ? void 0 : _a2.userId) || ((_b = _unsafeWindow == null ? void 0 : _unsafeWindow._PAGE) == null ? void 0 : _b.uid) || ((_c = _unsafeWindow == null ? void 0 : _unsafeWindow._PAGE) == null ? void 0 : _c.userId);
});
const _hoisted_1 = { style: { "align-items": "center", "display": "flex" } };
const _hoisted_2 = { style: { "margin-left": "8px" } };
const confUserKey = "conf-user";
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
__name: "user",
props: {
"modelValue": { type: Boolean, ...{ required: true } },
"modelModifiers": {}
},
emits: ["update:modelValue"],
setup(__props) {
const { formData: formData2 } = useConfFormData();
const { todayData: todayData2 } = useStatistics();
const { userInfo: userInfo2 } = useStore();
const show = useModel(__props, "modelValue");
const data = reactive(_GM_getValue(confUserKey, {}));
const tableData = computed(() => Object.values(data));
logger.debug("账户数据", toRaw(data));
const currentRow = ref();
const handleCurrentChange = (val) => {
currentRow.value = val;
};
async function create(flag = true) {
var _a2, _b, _c, _d, _e, _f;
logger.debug("开始创建账户");
try {
const list = await new Promise((resolve, reject) => {
_GM_cookie.list({}, (cookies2, error) => {
if (error) {
reject(error);
} else {
resolve(cookies2);
}
});
});
logger.debug(list);
let uid = useUserId();
if (!uid) {
throw new Error("找不到uid");
}
uid = String(uid);
data[uid] = {
uid,
user: ((_a2 = userInfo2.value) == null ? void 0 : _a2.showName) || ((_b = userInfo2.value) == null ? void 0 : _b.name) || "nil",
avatar: ((_c = userInfo2.value) == null ? void 0 : _c.tinyAvatar) || ((_d = userInfo2.value) == null ? void 0 : _d.largeAvatar) || "",
remark: "",
gender: ((_e = userInfo2.value) == null ? void 0 : _e.gender) === 0 ? "man" : "woman",
flag: ((_f = userInfo2.value) == null ? void 0 : _f.studentFlag) ? "student" : "staff",
date: (/* @__PURE__ */ new Date()).toLocaleString(),
cookie: JSON.stringify(list),
form: toRaw(formData2),
statistics: toRaw(todayData2)
};
_GM_setValue(confUserKey, data);
await Promise.all(
list.map((item) => _GM_cookie.delete({ name: item.name }))
);
if (flag) {
ElMessage.success("创建成功,开始清空ck并刷新");
window.location.reload();
}
} catch (e) {
ElMessage.error("遇到错误,请重试," + e);
throw new Error("err", { cause: e });
}
}
async function change() {
try {
const data2 = currentRow.value;
if (!data2) {
ElMessage.error("错误,空状态");
return;
}
currentRow.value = void 0;
await create(false);
if (data2.form) _GM_setValue(formDataKey, data2.form);
if (data2.statistics) _GM_setValue(todayKey, data2.statistics);
const ck = JSON.parse(data2.cookie);
await Promise.all(ck.map((c) => _GM_cookie.set(c)));
ElMessage.success("切换完成,即将刷新");
window.location.reload();
} catch (e) {
logger.error("错误,切换失败", e);
if (e.name !== "err" || !e.name) ElMessage.error("错误,切换失败");
}
}
function del(d) {
delete data[d.uid];
logger.debug(data);
_GM_setValue(confUserKey, toRaw(data));
ElMessage.success("删除成功");
}
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElDialog), {
modelValue: show.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => show.value = $event),
title: "账户配置",
width: "70%",
"align-center": "",
"destroy-on-close": "",
"z-index": 20
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(unref(ElButton$1), {
onClick: _cache[0] || (_cache[0] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[5] || (_cache[5] = [
createTextVNode("取消")
])),
_: 1
}),
createVNode(unref(ElPopconfirm), {
title: "确认后将保存数据退出账户并自动刷新",
onConfirm: _cache[1] || (_cache[1] = () => create())
}, {
reference: withCtx(() => [
createVNode(unref(ElButton$1), { type: "primary" }, {
default: withCtx(() => _cache[6] || (_cache[6] = [
createTextVNode("新建&登出")
])),
_: 1
})
]),
_: 1
}),
createVNode(unref(ElButton$1), {
type: "primary",
onClick: change,
disabled: !currentRow.value
}, {
default: withCtx(() => _cache[7] || (_cache[7] = [
createTextVNode(" 切换 ")
])),
_: 1
}, 8, ["disabled"])
])
]),
default: withCtx(() => [
createVNode(unref(ElAlert), {
title: "使用该功能将会明文存储cookie信息,可能包含隐私信息",
type: "warning",
style: { "margin": "6px 0" }
}),
createVNode(unref(ElAlert), {
title: "每个用户都有自己的相关配置但历史投递等信息将全局共享,如果切换后是未登陆状态可能ck不完整或过期再次登陆即可(不要删除,不然配置会丢失)",
type: "info",
style: { "margin": "6px 0" }
}),
createVNode(unref(ElTable), {
data: tableData.value,
style: { "width": "100%" },
"highlight-current-row": "",
"table-layout": "auto",
onCurrentChange: handleCurrentChange
}, {
default: withCtx(() => [
createVNode(unref(ElTableColumn), {
type: "index",
width: "40"
}),
createVNode(unref(ElTableColumn), { label: "账户" }, {
default: withCtx((scope) => [
createElementVNode("div", _hoisted_1, [
createVNode(unref(ElAvatar), {
src: scope.row.avatar,
size: 30
}, null, 8, ["src"]),
createElementVNode("span", _hoisted_2, toDisplayString(scope.row.user), 1)
])
]),
_: 1
}),
createVNode(unref(ElTableColumn), {
label: "性别",
align: "center"
}, {
default: withCtx((scope) => [
createVNode(unref(ElTag), {
round: "",
effect: "dark",
style: { "border-style": "none" },
color: scope.row.gender === "man" ? "#9BC1FE" : "#FFBDEB"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(scope.row.gender === "man" ? "可爱男孩" : "温柔女孩"), 1)
]),
_: 2
}, 1032, ["color"])
]),
_: 1
}),
createVNode(unref(ElTableColumn), {
label: "身份",
align: "center"
}, {
default: withCtx((scope) => [
createVNode(unref(ElTag), {
effect: "dark",
round: "",
style: { "border-style": "none" },
type: scope.row.flag === "student" ? "success" : "warning"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(scope.row.flag === "student" ? "哈巴学生" : "无情社畜"), 1)
]),
_: 2
}, 1032, ["type"])
]),
_: 1
}),
createVNode(unref(ElTableColumn), {
prop: "date",
label: "上次登录"
}),
createVNode(unref(ElTableColumn), {
fixed: "right",
label: "操作"
}, {
default: withCtx((scope) => [
createVNode(unref(ElButton$1), {
link: "",
type: "primary",
size: "small",
disabled: ""
}, {
default: withCtx(() => _cache[3] || (_cache[3] = [
createTextVNode("导出")
])),
_: 1
}),
createVNode(unref(ElButton$1), {
link: "",
type: "primary",
size: "small",
onClick: () => del(scope.row)
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode(" 删除 ")
])),
_: 2
}, 1032, ["onClick"])
]),
_: 1
})
]),
_: 1
}, 8, ["data"])
]),
_: 1
}, 8, ["modelValue"]);
};
}
});
var _a;
const isClient = exports("B", typeof window !== "undefined");
const isFunction$2 = (val) => typeof val === "function";
const isString$2 = exports("W", (val) => typeof val === "string");
const noop$1 = exports("X", () => {
});
const isIOS = exports("ab", isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent));
function resolveUnref(r) {
return typeof r === "function" ? r() : unref(r);
}
function createFilterWrapper(filter2, fn) {
function wrapper(...args) {
return new Promise((resolve, reject) => {
Promise.resolve(filter2(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
});
}
return wrapper;
}
function debounceFilter(ms, options = {}) {
let timer;
let maxTimer;
let lastRejector = noop$1;
const _clearTimeout = (timer2) => {
clearTimeout(timer2);
lastRejector();
lastRejector = noop$1;
};
const filter2 = (invoke) => {
const duration = resolveUnref(ms);
const maxDuration = resolveUnref(options.maxWait);
if (timer)
_clearTimeout(timer);
if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
if (maxTimer) {
_clearTimeout(maxTimer);
maxTimer = null;
}
return Promise.resolve(invoke());
}
return new Promise((resolve, reject) => {
lastRejector = options.rejectOnCancel ? reject : resolve;
if (maxDuration && !maxTimer) {
maxTimer = setTimeout(() => {
if (timer)
_clearTimeout(timer);
maxTimer = null;
resolve(invoke());
}, maxDuration);
}
timer = setTimeout(() => {
if (maxTimer)
_clearTimeout(maxTimer);
maxTimer = null;
resolve(invoke());
}, duration);
});
};
return filter2;
}
function identity(arg) {
return arg;
}
function computedWithControl(source, fn) {
let v = void 0;
let track;
let trigger;
const dirty = ref(true);
const update = () => {
dirty.value = true;
trigger();
};
watch(source, update, { flush: "sync" });
const get2 = isFunction$2(fn) ? fn : fn.get;
const set = isFunction$2(fn) ? void 0 : fn.set;
const result = customRef((_track, _trigger) => {
track = _track;
trigger = _trigger;
return {
get() {
if (dirty.value) {
v = get2();
dirty.value = false;
}
track();
return v;
},
set(v2) {
set == null ? void 0 : set(v2);
}
};
});
if (Object.isExtensible(result))
result.trigger = update;
return result;
}
function tryOnScopeDispose(fn) {
if (getCurrentScope()) {
onScopeDispose(fn);
return true;
}
return false;
}
function useDebounceFn(fn, ms = 200, options = {}) {
return createFilterWrapper(debounceFilter(ms, options), fn);
}
function refDebounced(value, ms = 200, options = {}) {
const debounced = ref(value.value);
const updater = useDebounceFn(() => {
debounced.value = value.value;
}, ms, options);
watch(value, () => updater());
return debounced;
}
function tryOnMounted(fn, sync = true) {
if (getCurrentInstance())
onMounted(fn);
else if (sync)
fn();
else
nextTick(fn);
}
function useTimeoutFn(cb, interval, options = {}) {
const {
immediate = true
} = options;
const isPending = ref(false);
let timer = null;
function clear() {
if (timer) {
clearTimeout(timer);
timer = null;
}
}
function stop() {
isPending.value = false;
clear();
}
function start2(...args) {
clear();
isPending.value = true;
timer = setTimeout(() => {
isPending.value = false;
timer = null;
cb(...args);
}, resolveUnref(interval));
}
if (immediate) {
isPending.value = true;
if (isClient)
start2();
}
tryOnScopeDispose(stop);
return {
isPending: readonly(isPending),
start: start2,
stop
};
}
/**
* @vue/shared v3.5.3
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/
const NOOP = exports("N", () => {
});
const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
const hasOwn = exports("a6", (val, key) => hasOwnProperty$1.call(val, key));
const isArray$1 = exports("M", Array.isArray);
const isFunction$1 = exports("ad", (val) => typeof val === "function");
const isString$1 = exports("k", (val) => typeof val === "string");
const isObject$1 = exports("y", (val) => val !== null && typeof val === "object");
const cacheStringFunction = (fn) => {
const cache = /* @__PURE__ */ Object.create(null);
return (str) => {
const hit = cache[str];
return hit || (cache[str] = fn(str));
};
};
const camelizeRE = /-(\w)/g;
const camelize = cacheStringFunction(
(str) => {
return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
}
);
function fromPairs(pairs) {
var index = -1, length = pairs == null ? 0 : pairs.length, result = {};
while (++index < length) {
var pair = pairs[index];
result[pair[0]] = pair[1];
}
return result;
}
function isNil(value) {
return value == null;
}
const isUndefined$1 = exports("I", (val) => val === void 0);
const isBoolean$1 = exports("j", (val) => typeof val === "boolean");
const isNumber$1 = exports("A", (val) => typeof val === "number");
const isElement = exports("z", (e) => {
if (typeof Element === "undefined")
return false;
return e instanceof Element;
});
const isPropAbsent = exports("a5", (prop) => {
return isNil(prop);
});
const isStringNumber = (val) => {
if (!isString$1(val)) {
return false;
}
return !Number.isNaN(Number(val));
};
const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
const hasClass = exports("ae", (el, cls) => {
if (!el || !cls)
return false;
if (cls.includes(" "))
throw new Error("className should not contain space.");
return el.classList.contains(cls);
});
const addClass = exports("O", (el, cls) => {
if (!el || !cls.trim())
return;
el.classList.add(...classNameToArray(cls));
});
const removeClass = exports("P", (el, cls) => {
if (!el || !cls.trim())
return;
el.classList.remove(...classNameToArray(cls));
});
const getStyle = exports("af", (element, styleName) => {
var _a2;
if (!isClient || !element || !styleName)
return "";
let key = camelize(styleName);
if (key === "float")
key = "cssFloat";
try {
const style = element.style[key];
if (style)
return style;
const computed2 = (_a2 = document.defaultView) == null ? void 0 : _a2.getComputedStyle(element, "");
return computed2 ? computed2[key] : "";
} catch (e) {
return element.style[key];
}
});
function addUnit(value, defaultUnit = "px") {
if (!value)
return "";
if (isNumber$1(value) || isStringNumber(value)) {
return `${value}${defaultUnit}`;
} else if (isString$1(value)) {
return value;
}
}
/*! Element Plus Icons Vue v2.3.1 */
var arrow_down_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "ArrowDown",
__name: "arrow-down",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
})
]));
}
});
var arrow_down_default = exports("G", arrow_down_vue_vue_type_script_setup_true_lang_default);
var arrow_right_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "ArrowRight",
__name: "arrow-right",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
})
]));
}
});
var arrow_right_default = exports("D", arrow_right_vue_vue_type_script_setup_true_lang_default);
var arrow_up_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "ArrowUp",
__name: "arrow-up",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0"
})
]));
}
});
var arrow_up_default = exports("K", arrow_up_vue_vue_type_script_setup_true_lang_default);
var circle_check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "CircleCheck",
__name: "circle-check",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
}),
createElementVNode("path", {
fill: "currentColor",
d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
})
]));
}
});
var circle_check_default = circle_check_vue_vue_type_script_setup_true_lang_default;
var circle_close_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "CircleCloseFilled",
__name: "circle-close-filled",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
})
]));
}
});
var circle_close_filled_default = circle_close_filled_vue_vue_type_script_setup_true_lang_default;
var circle_close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "CircleClose",
__name: "circle-close",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
}),
createElementVNode("path", {
fill: "currentColor",
d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
})
]));
}
});
var circle_close_default = exports("x", circle_close_vue_vue_type_script_setup_true_lang_default);
var close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "Close",
__name: "close",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
})
]));
}
});
var close_default = exports("C", close_vue_vue_type_script_setup_true_lang_default);
var hide_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "Hide",
__name: "hide",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"
}),
createElementVNode("path", {
fill: "currentColor",
d: "M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"
})
]));
}
});
var hide_default = exports("s", hide_vue_vue_type_script_setup_true_lang_default);
var info_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "InfoFilled",
__name: "info-filled",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
})
]));
}
});
var info_filled_default = info_filled_vue_vue_type_script_setup_true_lang_default;
var loading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "Loading",
__name: "loading",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
})
]));
}
});
var loading_default = exports("am", loading_vue_vue_type_script_setup_true_lang_default);
var minus_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "Minus",
__name: "minus",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64"
})
]));
}
});
var minus_default = exports("J", minus_vue_vue_type_script_setup_true_lang_default);
var plus_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "Plus",
__name: "plus",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
})
]));
}
});
var plus_default = exports("L", plus_vue_vue_type_script_setup_true_lang_default);
var success_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "SuccessFilled",
__name: "success-filled",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
})
]));
}
});
var success_filled_default = success_filled_vue_vue_type_script_setup_true_lang_default;
var view_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "View",
__name: "view",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"
})
]));
}
});
var view_default = exports("v", view_vue_vue_type_script_setup_true_lang_default);
var warning_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
name: "WarningFilled",
__name: "warning-filled",
setup(__props) {
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
})
]));
}
});
var warning_filled_default = warning_filled_vue_vue_type_script_setup_true_lang_default;
const epPropKey = "__epPropKey";
const definePropType = exports("d", (val) => val);
const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
const buildProp = exports("b", (prop, key) => {
if (!isObject$1(prop) || isEpProp(prop))
return prop;
const { values, required, default: defaultValue, type, validator: validator2 } = prop;
const _validator = values || validator2 ? (val) => {
let valid = false;
let allowedValues = [];
if (values) {
allowedValues = Array.from(values);
if (hasOwn(prop, "default")) {
allowedValues.push(defaultValue);
}
valid || (valid = allowedValues.includes(val));
}
if (validator2)
valid || (valid = validator2(val));
if (!valid && allowedValues.length > 0) {
const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
}
return valid;
} : void 0;
const epProp = {
type,
required: !!required,
validator: _validator,
[epPropKey]: true
};
if (hasOwn(prop, "default"))
epProp.default = defaultValue;
return epProp;
});
const buildProps = exports("a", (props) => fromPairs(Object.entries(props).map(([key, option]) => [
key,
buildProp(option, key)
])));
const iconPropType = exports("n", definePropType([
String,
Object,
Function
]));
const CloseComponents = exports("a7", {
Close: close_default
});
const TypeComponents = exports("a3", {
Close: close_default,
SuccessFilled: success_filled_default,
InfoFilled: info_filled_default,
WarningFilled: warning_filled_default,
CircleCloseFilled: circle_close_filled_default
});
const TypeComponentsMap = exports("T", {
success: success_filled_default,
warning: warning_filled_default,
error: circle_close_filled_default,
info: info_filled_default
});
const ValidateComponentsMap = exports("V", {
validating: loading_default,
success: circle_check_default,
error: circle_close_default
});
const withInstall = exports("w", (main2, extra) => {
main2.install = (app) => {
for (const comp of [main2, ...Object.values(extra != null ? extra : {})]) {
app.component(comp.name, comp);
}
};
if (extra) {
for (const [key, comp] of Object.entries(extra)) {
main2[key] = comp;
}
}
return main2;
});
const withNoopInstall = exports("l", (component) => {
component.install = NOOP;
return component;
});
const componentSizes = exports("c", ["", "default", "small", "large"]);
const useDeprecated = exports("H", ({ from, replacement, scope, version, ref: ref2, type = "API" }, condition) => {
watch(() => unref(condition), (val) => {
}, {
immediate: true
});
});
const defaultNamespace = exports("a9", "el");
const statePrefix = "is-";
const _bem = (namespace, block, blockSuffix, element, modifier) => {
let cls = `${namespace}-${block}`;
if (blockSuffix) {
cls += `-${blockSuffix}`;
}
if (element) {
cls += `__${element}`;
}
if (modifier) {
cls += `--${modifier}`;
}
return cls;
};
const namespaceContextKey = Symbol("namespaceContextKey");
const useGetDerivedNamespace = exports("a1", (namespaceOverrides) => {
const derivedNamespace = getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace);
const namespace = computed(() => {
return unref(derivedNamespace) || defaultNamespace;
});
return namespace;
});
const useNamespace = exports("u", (block, namespaceOverrides) => {
const namespace = useGetDerivedNamespace();
const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
const is = (name, ...args) => {
const state = args.length >= 1 ? args[0] : true;
return name && state ? `${statePrefix}${name}` : "";
};
const cssVar = (object) => {
const styles = {};
for (const key in object) {
if (object[key]) {
styles[`--${namespace.value}-${key}`] = object[key];
}
}
return styles;
};
const cssVarBlock = (object) => {
const styles = {};
for (const key in object) {
if (object[key]) {
styles[`--${namespace.value}-${block}-${key}`] = object[key];
}
}
return styles;
};
const cssVarName = (name) => `--${namespace.value}-${name}`;
const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
return {
namespace,
b,
e,
m,
be,
em,
bm,
bem,
is,
cssVar,
cssVarName,
cssVarBlock,
cssVarBlockName
};
});
const useProp = (name) => {
const vm = getCurrentInstance();
return computed(() => {
var _a2, _b;
return (_b = (_a2 = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a2.$props) == null ? void 0 : _b[name];
});
};
const defaultIdInjection = {
prefix: Math.floor(Math.random() * 1e4),
current: 0
};
const ID_INJECTION_KEY = Symbol("elIdInjection");
const useIdInjection = exports("a2", () => {
return getCurrentInstance() ? inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
});
const useId = exports("h", (deterministicId) => {
const idInjection = useIdInjection();
const namespace = useGetDerivedNamespace();
const idRef = computed(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
return idRef;
});
const useSizeProp = exports("m", buildProp({
type: String,
values: componentSizes,
required: false
}));
const SIZE_INJECTION_KEY = Symbol("size");
const useGlobalSize = () => {
const injectedSize = inject(SIZE_INJECTION_KEY, {});
return computed(() => {
return unref(injectedSize.size) || "";
});
};
const configProviderContextKey = Symbol();
const globalConfig = ref();
function useGlobalConfig(key, defaultValue = void 0) {
const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
if (key) {
return computed(() => {
var _a2, _b;
return (_b = (_a2 = config.value) == null ? void 0 : _a2[key]) != null ? _b : defaultValue;
});
} else {
return config;
}
}
var _export_sfc = exports("a4", (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
});
const iconProps = buildProps({
size: {
type: definePropType([Number, String])
},
color: {
type: String
}
});
const __default__$2 = defineComponent({
name: "ElIcon",
inheritAttrs: false
});
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
...__default__$2,
props: iconProps,
setup(__props) {
const props = __props;
const ns = useNamespace("icon");
const style = computed(() => {
const { size, color } = props;
if (!size && !color)
return {};
return {
fontSize: isUndefined$1(size) ? void 0 : addUnit(size),
"--color": color
};
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("i", mergeProps({
class: unref(ns).b(),
style: unref(style)
}, _ctx.$attrs), [
renderSlot(_ctx.$slots, "default")
], 16);
};
}
});
var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "icon.vue"]]);
const ElIcon = exports("E", withInstall(Icon));
const formContextKey = exports("f", Symbol("formContextKey"));
const formItemContextKey = exports("g", Symbol("formItemContextKey"));
const useFormSize = exports("e", (fallback, ignore = {}) => {
const emptyRef = ref(void 0);
const size = ignore.prop ? emptyRef : useProp("size");
const globalConfig2 = ignore.global ? emptyRef : useGlobalSize();
const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig2.value || "");
});
const useFormDisabled = exports("q", (fallback) => {
const disabled = useProp("disabled");
const form = inject(formContextKey, void 0);
return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
});
const useFormItem = exports("o", () => {
const form = inject(formContextKey, void 0);
const formItem = inject(formItemContextKey, void 0);
return {
form,
formItem
};
});
const useFormItemInputId = exports("p", (props, {
formItemContext,
disableIdGeneration,
disableIdManagement
}) => {
if (!disableIdGeneration) {
disableIdGeneration = ref(false);
}
if (!disableIdManagement) {
disableIdManagement = ref(false);
}
const inputId = ref();
let idUnwatch = void 0;
const isLabeledByFormItem = computed(() => {
var _a2;
return !!(!(props.label || props.ariaLabel) && formItemContext && formItemContext.inputIds && ((_a2 = formItemContext.inputIds) == null ? void 0 : _a2.length) <= 1);
});
onMounted(() => {
idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
if (newId !== inputId.value) {
if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
inputId.value && formItemContext.removeInputId(inputId.value);
if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
formItemContext.addInputId(newId);
}
}
inputId.value = newId;
}
}, { immediate: true });
});
onUnmounted(() => {
idUnwatch && idUnwatch();
if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
inputId.value && formItemContext.removeInputId(inputId.value);
}
});
return {
isLabeledByFormItem,
inputId
};
});
const buttonGroupContextKey = Symbol("buttonGroupContextKey");
const useButton = (props, emit) => {
useDeprecated({
from: "type.text",
replacement: "link",
version: "3.0.0",
scope: "props",
ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
}, computed(() => props.type === "text"));
const buttonGroupContext = inject(buttonGroupContextKey, void 0);
const globalConfig2 = useGlobalConfig("button");
const { form } = useFormItem();
const _size = useFormSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
const _disabled = useFormDisabled();
const _ref = ref();
const slots = useSlots();
const _type = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
const autoInsertSpace = computed(() => {
var _a2, _b, _c;
return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a2 = globalConfig2.value) == null ? void 0 : _a2.autoInsertSpace) != null ? _c : false;
});
const _props = computed(() => {
if (props.tag === "button") {
return {
ariaDisabled: _disabled.value || props.loading,
disabled: _disabled.value || props.loading,
autofocus: props.autofocus,
type: props.nativeType
};
}
return {};
});
const shouldAddSpace = computed(() => {
var _a2;
const defaultSlot = (_a2 = slots.default) == null ? void 0 : _a2.call(slots);
if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
const slot = defaultSlot[0];
if ((slot == null ? void 0 : slot.type) === Text) {
const text = slot.children;
return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(text.trim());
}
}
return false;
});
const handleClick = (evt) => {
if (_disabled.value || props.loading) {
evt.stopPropagation();
return;
}
if (props.nativeType === "reset") {
form == null ? void 0 : form.resetFields();
}
emit("click", evt);
};
return {
_disabled,
_size,
_type,
_ref,
_props,
shouldAddSpace,
handleClick
};
};
const buttonTypes = [
"default",
"primary",
"success",
"warning",
"info",
"danger",
"text",
""
];
const buttonNativeTypes = ["button", "submit", "reset"];
const buttonProps = buildProps({
size: useSizeProp,
disabled: Boolean,
type: {
type: String,
values: buttonTypes,
default: ""
},
icon: {
type: iconPropType
},
nativeType: {
type: String,
values: buttonNativeTypes,
default: "button"
},
loading: Boolean,
loadingIcon: {
type: iconPropType,
default: () => loading_default
},
plain: Boolean,
text: Boolean,
link: Boolean,
bg: Boolean,
autofocus: Boolean,
round: Boolean,
circle: Boolean,
color: String,
dark: Boolean,
autoInsertSpace: {
type: Boolean,
default: void 0
},
tag: {
type: definePropType([String, Object]),
default: "button"
}
});
const buttonEmits = {
click: (evt) => evt instanceof MouseEvent
};
function bound01(n, max) {
if (isOnePointZero(n)) {
n = "100%";
}
var isPercent = isPercentage(n);
n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
if (isPercent) {
n = parseInt(String(n * max), 10) / 100;
}
if (Math.abs(n - max) < 1e-6) {
return 1;
}
if (max === 360) {
n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
} else {
n = n % max / parseFloat(String(max));
}
return n;
}
function clamp01(val) {
return Math.min(1, Math.max(0, val));
}
function isOnePointZero(n) {
return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
}
function isPercentage(n) {
return typeof n === "string" && n.indexOf("%") !== -1;
}
function boundAlpha(a) {
a = parseFloat(a);
if (isNaN(a) || a < 0 || a > 1) {
a = 1;
}
return a;
}
function convertToPercentage(n) {
if (n <= 1) {
return "".concat(Number(n) * 100, "%");
}
return n;
}
function pad2(c) {
return c.length === 1 ? "0" + c : String(c);
}
function rgbToRgb(r, g, b) {
return {
r: bound01(r, 255) * 255,
g: bound01(g, 255) * 255,
b: bound01(b, 255) * 255
};
}
function rgbToHsl(r, g, b) {
r = bound01(r, 255);
g = bound01(g, 255);
b = bound01(b, 255);
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var h = 0;
var s = 0;
var l = (max + min) / 2;
if (max === min) {
s = 0;
h = 0;
} else {
var d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch (max) {
case r:
h = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h = (b - r) / d + 2;
break;
case b:
h = (r - g) / d + 4;
break;
}
h /= 6;
}
return { h, s, l };
}
function hue2rgb(p, q, t) {
if (t < 0) {
t += 1;
}
if (t > 1) {
t -= 1;
}
if (t < 1 / 6) {
return p + (q - p) * (6 * t);
}
if (t < 1 / 2) {
return q;
}
if (t < 2 / 3) {
return p + (q - p) * (2 / 3 - t) * 6;
}
return p;
}
function hslToRgb(h, s, l) {
var r;
var g;
var b;
h = bound01(h, 360);
s = bound01(s, 100);
l = bound01(l, 100);
if (s === 0) {
g = l;
b = l;
r = l;
} else {
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 1 / 3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - 1 / 3);
}
return { r: r * 255, g: g * 255, b: b * 255 };
}
function rgbToHsv(r, g, b) {
r = bound01(r, 255);
g = bound01(g, 255);
b = bound01(b, 255);
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var h = 0;
var v = max;
var d = max - min;
var s = max === 0 ? 0 : d / max;
if (max === min) {
h = 0;
} else {
switch (max) {
case r:
h = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h = (b - r) / d + 2;
break;
case b:
h = (r - g) / d + 4;
break;
}
h /= 6;
}
return { h, s, v };
}
function hsvToRgb(h, s, v) {
h = bound01(h, 360) * 6;
s = bound01(s, 100);
v = bound01(v, 100);
var i = Math.floor(h);
var f = h - i;
var p = v * (1 - s);
var q = v * (1 - f * s);
var t = v * (1 - (1 - f) * s);
var mod = i % 6;
var r = [v, q, p, p, t, v][mod];
var g = [t, v, v, q, p, p][mod];
var b = [p, p, t, v, v, q][mod];
return { r: r * 255, g: g * 255, b: b * 255 };
}
function rgbToHex(r, g, b, allow3Char) {
var hex = [
pad2(Math.round(r).toString(16)),
pad2(Math.round(g).toString(16)),
pad2(Math.round(b).toString(16))
];
if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) {
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
}
return hex.join("");
}
function rgbaToHex(r, g, b, a, allow4Char) {
var hex = [
pad2(Math.round(r).toString(16)),
pad2(Math.round(g).toString(16)),
pad2(Math.round(b).toString(16)),
pad2(convertDecimalToHex(a))
];
if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) {
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
}
return hex.join("");
}
function convertDecimalToHex(d) {
return Math.round(parseFloat(d) * 255).toString(16);
}
function convertHexToDecimal(h) {
return parseIntFromHex(h) / 255;
}
function parseIntFromHex(val) {
return parseInt(val, 16);
}
function numberInputToObject(color) {
return {
r: color >> 16,
g: (color & 65280) >> 8,
b: color & 255
};
}
var names = {
aliceblue: "#f0f8ff",
antiquewhite: "#faebd7",
aqua: "#00ffff",
aquamarine: "#7fffd4",
azure: "#f0ffff",
beige: "#f5f5dc",
bisque: "#ffe4c4",
black: "#000000",
blanchedalmond: "#ffebcd",
blue: "#0000ff",
blueviolet: "#8a2be2",
brown: "#a52a2a",
burlywood: "#deb887",
cadetblue: "#5f9ea0",
chartreuse: "#7fff00",
chocolate: "#d2691e",
coral: "#ff7f50",
cornflowerblue: "#6495ed",
cornsilk: "#fff8dc",
crimson: "#dc143c",
cyan: "#00ffff",
darkblue: "#00008b",
darkcyan: "#008b8b",
darkgoldenrod: "#b8860b",
darkgray: "#a9a9a9",
darkgreen: "#006400",
darkgrey: "#a9a9a9",
darkkhaki: "#bdb76b",
darkmagenta: "#8b008b",
darkolivegreen: "#556b2f",
darkorange: "#ff8c00",
darkorchid: "#9932cc",
darkred: "#8b0000",
darksalmon: "#e9967a",
darkseagreen: "#8fbc8f",
darkslateblue: "#483d8b",
darkslategray: "#2f4f4f",
darkslategrey: "#2f4f4f",
darkturquoise: "#00ced1",
darkviolet: "#9400d3",
deeppink: "#ff1493",
deepskyblue: "#00bfff",
dimgray: "#696969",
dimgrey: "#696969",
dodgerblue: "#1e90ff",
firebrick: "#b22222",
floralwhite: "#fffaf0",
forestgreen: "#228b22",
fuchsia: "#ff00ff",
gainsboro: "#dcdcdc",
ghostwhite: "#f8f8ff",
goldenrod: "#daa520",
gold: "#ffd700",
gray: "#808080",
green: "#008000",
greenyellow: "#adff2f",
grey: "#808080",
honeydew: "#f0fff0",
hotpink: "#ff69b4",
indianred: "#cd5c5c",
indigo: "#4b0082",
ivory: "#fffff0",
khaki: "#f0e68c",
lavenderblush: "#fff0f5",
lavender: "#e6e6fa",
lawngreen: "#7cfc00",
lemonchiffon: "#fffacd",
lightblue: "#add8e6",
lightcoral: "#f08080",
lightcyan: "#e0ffff",
lightgoldenrodyellow: "#fafad2",
lightgray: "#d3d3d3",
lightgreen: "#90ee90",
lightgrey: "#d3d3d3",
lightpink: "#ffb6c1",
lightsalmon: "#ffa07a",
lightseagreen: "#20b2aa",
lightskyblue: "#87cefa",
lightslategray: "#778899",
lightslategrey: "#778899",
lightsteelblue: "#b0c4de",
lightyellow: "#ffffe0",
lime: "#00ff00",
limegreen: "#32cd32",
linen: "#faf0e6",
magenta: "#ff00ff",
maroon: "#800000",
mediumaquamarine: "#66cdaa",
mediumblue: "#0000cd",
mediumorchid: "#ba55d3",
mediumpurple: "#9370db",
mediumseagreen: "#3cb371",
mediumslateblue: "#7b68ee",
mediumspringgreen: "#00fa9a",
mediumturquoise: "#48d1cc",
mediumvioletred: "#c71585",
midnightblue: "#191970",
mintcream: "#f5fffa",
mistyrose: "#ffe4e1",
moccasin: "#ffe4b5",
navajowhite: "#ffdead",
navy: "#000080",
oldlace: "#fdf5e6",
olive: "#808000",
olivedrab: "#6b8e23",
orange: "#ffa500",
orangered: "#ff4500",
orchid: "#da70d6",
palegoldenrod: "#eee8aa",
palegreen: "#98fb98",
paleturquoise: "#afeeee",
palevioletred: "#db7093",
papayawhip: "#ffefd5",
peachpuff: "#ffdab9",
peru: "#cd853f",
pink: "#ffc0cb",
plum: "#dda0dd",
powderblue: "#b0e0e6",
purple: "#800080",
rebeccapurple: "#663399",
red: "#ff0000",
rosybrown: "#bc8f8f",
royalblue: "#4169e1",
saddlebrown: "#8b4513",
salmon: "#fa8072",
sandybrown: "#f4a460",
seagreen: "#2e8b57",
seashell: "#fff5ee",
sienna: "#a0522d",
silver: "#c0c0c0",
skyblue: "#87ceeb",
slateblue: "#6a5acd",
slategray: "#708090",
slategrey: "#708090",
snow: "#fffafa",
springgreen: "#00ff7f",
steelblue: "#4682b4",
tan: "#d2b48c",
teal: "#008080",
thistle: "#d8bfd8",
tomato: "#ff6347",
turquoise: "#40e0d0",
violet: "#ee82ee",
wheat: "#f5deb3",
white: "#ffffff",
whitesmoke: "#f5f5f5",
yellow: "#ffff00",
yellowgreen: "#9acd32"
};
function inputToRGB(color) {
var rgb = { r: 0, g: 0, b: 0 };
var a = 1;
var s = null;
var v = null;
var l = null;
var ok = false;
var format = false;
if (typeof color === "string") {
color = stringInputToObject(color);
}
if (typeof color === "object") {
if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
rgb = rgbToRgb(color.r, color.g, color.b);
ok = true;
format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
s = convertToPercentage(color.s);
v = convertToPercentage(color.v);
rgb = hsvToRgb(color.h, s, v);
ok = true;
format = "hsv";
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
s = convertToPercentage(color.s);
l = convertToPercentage(color.l);
rgb = hslToRgb(color.h, s, l);
ok = true;
format = "hsl";
}
if (Object.prototype.hasOwnProperty.call(color, "a")) {
a = color.a;
}
}
a = boundAlpha(a);
return {
ok,
format: color.format || format,
r: Math.min(255, Math.max(rgb.r, 0)),
g: Math.min(255, Math.max(rgb.g, 0)),
b: Math.min(255, Math.max(rgb.b, 0)),
a
};
}
var CSS_INTEGER = "[-\\+]?\\d+%?";
var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
var matchers = {
CSS_UNIT: new RegExp(CSS_UNIT),
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
};
function stringInputToObject(color) {
color = color.trim().toLowerCase();
if (color.length === 0) {
return false;
}
var named = false;
if (names[color]) {
color = names[color];
named = true;
} else if (color === "transparent") {
return { r: 0, g: 0, b: 0, a: 0, format: "name" };
}
var match = matchers.rgb.exec(color);
if (match) {
return { r: match[1], g: match[2], b: match[3] };
}
match = matchers.rgba.exec(color);
if (match) {
return { r: match[1], g: match[2], b: match[3], a: match[4] };
}
match = matchers.hsl.exec(color);
if (match) {
return { h: match[1], s: match[2], l: match[3] };
}
match = matchers.hsla.exec(color);
if (match) {
return { h: match[1], s: match[2], l: match[3], a: match[4] };
}
match = matchers.hsv.exec(color);
if (match) {
return { h: match[1], s: match[2], v: match[3] };
}
match = matchers.hsva.exec(color);
if (match) {
return { h: match[1], s: match[2], v: match[3], a: match[4] };
}
match = matchers.hex8.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1]),
g: parseIntFromHex(match[2]),
b: parseIntFromHex(match[3]),
a: convertHexToDecimal(match[4]),
format: named ? "name" : "hex8"
};
}
match = matchers.hex6.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1]),
g: parseIntFromHex(match[2]),
b: parseIntFromHex(match[3]),
format: named ? "name" : "hex"
};
}
match = matchers.hex4.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1] + match[1]),
g: parseIntFromHex(match[2] + match[2]),
b: parseIntFromHex(match[3] + match[3]),
a: convertHexToDecimal(match[4] + match[4]),
format: named ? "name" : "hex8"
};
}
match = matchers.hex3.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1] + match[1]),
g: parseIntFromHex(match[2] + match[2]),
b: parseIntFromHex(match[3] + match[3]),
format: named ? "name" : "hex"
};
}
return false;
}
function isValidCSSUnit(color) {
return Boolean(matchers.CSS_UNIT.exec(String(color)));
}
var TinyColor = (
/** @class */
function() {
function TinyColor2(color, opts) {
if (color === void 0) {
color = "";
}
if (opts === void 0) {
opts = {};
}
var _a2;
if (color instanceof TinyColor2) {
return color;
}
if (typeof color === "number") {
color = numberInputToObject(color);
}
this.originalInput = color;
var rgb = inputToRGB(color);
this.originalInput = color;
this.r = rgb.r;
this.g = rgb.g;
this.b = rgb.b;
this.a = rgb.a;
this.roundA = Math.round(100 * this.a) / 100;
this.format = (_a2 = opts.format) !== null && _a2 !== void 0 ? _a2 : rgb.format;
this.gradientType = opts.gradientType;
if (this.r < 1) {
this.r = Math.round(this.r);
}
if (this.g < 1) {
this.g = Math.round(this.g);
}
if (this.b < 1) {
this.b = Math.round(this.b);
}
this.isValid = rgb.ok;
}
TinyColor2.prototype.isDark = function() {
return this.getBrightness() < 128;
};
TinyColor2.prototype.isLight = function() {
return !this.isDark();
};
TinyColor2.prototype.getBrightness = function() {
var rgb = this.toRgb();
return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1e3;
};
TinyColor2.prototype.getLuminance = function() {
var rgb = this.toRgb();
var R;
var G;
var B;
var RsRGB = rgb.r / 255;
var GsRGB = rgb.g / 255;
var BsRGB = rgb.b / 255;
if (RsRGB <= 0.03928) {
R = RsRGB / 12.92;
} else {
R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
}
if (GsRGB <= 0.03928) {
G = GsRGB / 12.92;
} else {
G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
}
if (BsRGB <= 0.03928) {
B = BsRGB / 12.92;
} else {
B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
}
return 0.2126 * R + 0.7152 * G + 0.0722 * B;
};
TinyColor2.prototype.getAlpha = function() {
return this.a;
};
TinyColor2.prototype.setAlpha = function(alpha) {
this.a = boundAlpha(alpha);
this.roundA = Math.round(100 * this.a) / 100;
return this;
};
TinyColor2.prototype.isMonochrome = function() {
var s = this.toHsl().s;
return s === 0;
};
TinyColor2.prototype.toHsv = function() {
var hsv = rgbToHsv(this.r, this.g, this.b);
return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
};
TinyColor2.prototype.toHsvString = function() {
var hsv = rgbToHsv(this.r, this.g, this.b);
var h = Math.round(hsv.h * 360);
var s = Math.round(hsv.s * 100);
var v = Math.round(hsv.v * 100);
return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
};
TinyColor2.prototype.toHsl = function() {
var hsl = rgbToHsl(this.r, this.g, this.b);
return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
};
TinyColor2.prototype.toHslString = function() {
var hsl = rgbToHsl(this.r, this.g, this.b);
var h = Math.round(hsl.h * 360);
var s = Math.round(hsl.s * 100);
var l = Math.round(hsl.l * 100);
return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
};
TinyColor2.prototype.toHex = function(allow3Char) {
if (allow3Char === void 0) {
allow3Char = false;
}
return rgbToHex(this.r, this.g, this.b, allow3Char);
};
TinyColor2.prototype.toHexString = function(allow3Char) {
if (allow3Char === void 0) {
allow3Char = false;
}
return "#" + this.toHex(allow3Char);
};
TinyColor2.prototype.toHex8 = function(allow4Char) {
if (allow4Char === void 0) {
allow4Char = false;
}
return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
};
TinyColor2.prototype.toHex8String = function(allow4Char) {
if (allow4Char === void 0) {
allow4Char = false;
}
return "#" + this.toHex8(allow4Char);
};
TinyColor2.prototype.toHexShortString = function(allowShortChar) {
if (allowShortChar === void 0) {
allowShortChar = false;
}
return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
};
TinyColor2.prototype.toRgb = function() {
return {
r: Math.round(this.r),
g: Math.round(this.g),
b: Math.round(this.b),
a: this.a
};
};
TinyColor2.prototype.toRgbString = function() {
var r = Math.round(this.r);
var g = Math.round(this.g);
var b = Math.round(this.b);
return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
};
TinyColor2.prototype.toPercentageRgb = function() {
var fmt = function(x) {
return "".concat(Math.round(bound01(x, 255) * 100), "%");
};
return {
r: fmt(this.r),
g: fmt(this.g),
b: fmt(this.b),
a: this.a
};
};
TinyColor2.prototype.toPercentageRgbString = function() {
var rnd = function(x) {
return Math.round(bound01(x, 255) * 100);
};
return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
};
TinyColor2.prototype.toName = function() {
if (this.a === 0) {
return "transparent";
}
if (this.a < 1) {
return false;
}
var hex = "#" + rgbToHex(this.r, this.g, this.b, false);
for (var _i = 0, _a2 = Object.entries(names); _i < _a2.length; _i++) {
var _b = _a2[_i], key = _b[0], value = _b[1];
if (hex === value) {
return key;
}
}
return false;
};
TinyColor2.prototype.toString = function(format) {
var formatSet = Boolean(format);
format = format !== null && format !== void 0 ? format : this.format;
var formattedString = false;
var hasAlpha = this.a < 1 && this.a >= 0;
var needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith("hex") || format === "name");
if (needsAlphaFormat) {
if (format === "name" && this.a === 0) {
return this.toName();
}
return this.toRgbString();
}
if (format === "rgb") {
formattedString = this.toRgbString();
}
if (format === "prgb") {
formattedString = this.toPercentageRgbString();
}
if (format === "hex" || format === "hex6") {
formattedString = this.toHexString();
}
if (format === "hex3") {
formattedString = this.toHexString(true);
}
if (format === "hex4") {
formattedString = this.toHex8String(true);
}
if (format === "hex8") {
formattedString = this.toHex8String();
}
if (format === "name") {
formattedString = this.toName();
}
if (format === "hsl") {
formattedString = this.toHslString();
}
if (format === "hsv") {
formattedString = this.toHsvString();
}
return formattedString || this.toHexString();
};
TinyColor2.prototype.toNumber = function() {
return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
};
TinyColor2.prototype.clone = function() {
return new TinyColor2(this.toString());
};
TinyColor2.prototype.lighten = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.l += amount / 100;
hsl.l = clamp01(hsl.l);
return new TinyColor2(hsl);
};
TinyColor2.prototype.brighten = function(amount) {
if (amount === void 0) {
amount = 10;
}
var rgb = this.toRgb();
rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
return new TinyColor2(rgb);
};
TinyColor2.prototype.darken = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.l -= amount / 100;
hsl.l = clamp01(hsl.l);
return new TinyColor2(hsl);
};
TinyColor2.prototype.tint = function(amount) {
if (amount === void 0) {
amount = 10;
}
return this.mix("white", amount);
};
TinyColor2.prototype.shade = function(amount) {
if (amount === void 0) {
amount = 10;
}
return this.mix("black", amount);
};
TinyColor2.prototype.desaturate = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.s -= amount / 100;
hsl.s = clamp01(hsl.s);
return new TinyColor2(hsl);
};
TinyColor2.prototype.saturate = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.s += amount / 100;
hsl.s = clamp01(hsl.s);
return new TinyColor2(hsl);
};
TinyColor2.prototype.greyscale = function() {
return this.desaturate(100);
};
TinyColor2.prototype.spin = function(amount) {
var hsl = this.toHsl();
var hue = (hsl.h + amount) % 360;
hsl.h = hue < 0 ? 360 + hue : hue;
return new TinyColor2(hsl);
};
TinyColor2.prototype.mix = function(color, amount) {
if (amount === void 0) {
amount = 50;
}
var rgb1 = this.toRgb();
var rgb2 = new TinyColor2(color).toRgb();
var p = amount / 100;
var rgba = {
r: (rgb2.r - rgb1.r) * p + rgb1.r,
g: (rgb2.g - rgb1.g) * p + rgb1.g,
b: (rgb2.b - rgb1.b) * p + rgb1.b,
a: (rgb2.a - rgb1.a) * p + rgb1.a
};
return new TinyColor2(rgba);
};
TinyColor2.prototype.analogous = function(results, slices) {
if (results === void 0) {
results = 6;
}
if (slices === void 0) {
slices = 30;
}
var hsl = this.toHsl();
var part = 360 / slices;
var ret = [this];
for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results; ) {
hsl.h = (hsl.h + part) % 360;
ret.push(new TinyColor2(hsl));
}
return ret;
};
TinyColor2.prototype.complement = function() {
var hsl = this.toHsl();
hsl.h = (hsl.h + 180) % 360;
return new TinyColor2(hsl);
};
TinyColor2.prototype.monochromatic = function(results) {
if (results === void 0) {
results = 6;
}
var hsv = this.toHsv();
var h = hsv.h;
var s = hsv.s;
var v = hsv.v;
var res = [];
var modification = 1 / results;
while (results--) {
res.push(new TinyColor2({ h, s, v }));
v = (v + modification) % 1;
}
return res;
};
TinyColor2.prototype.splitcomplement = function() {
var hsl = this.toHsl();
var h = hsl.h;
return [
this,
new TinyColor2({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),
new TinyColor2({ h: (h + 216) % 360, s: hsl.s, l: hsl.l })
];
};
TinyColor2.prototype.onBackground = function(background) {
var fg = this.toRgb();
var bg = new TinyColor2(background).toRgb();
var alpha = fg.a + bg.a * (1 - fg.a);
return new TinyColor2({
r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha,
g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha,
b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha,
a: alpha
});
};
TinyColor2.prototype.triad = function() {
return this.polyad(3);
};
TinyColor2.prototype.tetrad = function() {
return this.polyad(4);
};
TinyColor2.prototype.polyad = function(n) {
var hsl = this.toHsl();
var h = hsl.h;
var result = [this];
var increment = 360 / n;
for (var i = 1; i < n; i++) {
result.push(new TinyColor2({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l }));
}
return result;
};
TinyColor2.prototype.equals = function(color) {
return this.toRgbString() === new TinyColor2(color).toRgbString();
};
return TinyColor2;
}()
);
function darken(color, amount = 20) {
return color.mix("#141414", amount).toString();
}
function useButtonCustomStyle(props) {
const _disabled = useFormDisabled();
const ns = useNamespace("button");
return computed(() => {
let styles = {};
let buttonColor = props.color;
if (buttonColor) {
const match = buttonColor.match(/var\((.*?)\)/);
if (match) {
buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]);
}
const color = new TinyColor(buttonColor);
const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
if (props.plain) {
styles = ns.cssVarBlock({
"bg-color": props.dark ? darken(color, 90) : color.tint(90).toString(),
"text-color": buttonColor,
"border-color": props.dark ? darken(color, 50) : color.tint(50).toString(),
"hover-text-color": `var(${ns.cssVarName("color-white")})`,
"hover-bg-color": buttonColor,
"hover-border-color": buttonColor,
"active-bg-color": activeBgColor,
"active-text-color": `var(${ns.cssVarName("color-white")})`,
"active-border-color": activeBgColor
});
if (_disabled.value) {
styles[ns.cssVarBlockName("disabled-bg-color")] = props.dark ? darken(color, 90) : color.tint(90).toString();
styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? darken(color, 50) : color.tint(50).toString();
styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? darken(color, 80) : color.tint(80).toString();
}
} else {
const hoverBgColor = props.dark ? darken(color, 30) : color.tint(30).toString();
const textColor = color.isDark() ? `var(${ns.cssVarName("color-white")})` : `var(${ns.cssVarName("color-black")})`;
styles = ns.cssVarBlock({
"bg-color": buttonColor,
"text-color": textColor,
"border-color": buttonColor,
"hover-bg-color": hoverBgColor,
"hover-text-color": textColor,
"hover-border-color": hoverBgColor,
"active-bg-color": activeBgColor,
"active-border-color": activeBgColor
});
if (_disabled.value) {
const disabledButtonColor = props.dark ? darken(color, 50) : color.tint(50).toString();
styles[ns.cssVarBlockName("disabled-bg-color")] = disabledButtonColor;
styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? "rgba(255, 255, 255, 0.5)" : `var(${ns.cssVarName("color-white")})`;
styles[ns.cssVarBlockName("disabled-border-color")] = disabledButtonColor;
}
}
}
return styles;
});
}
const __default__$1 = defineComponent({
name: "ElButton"
});
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
...__default__$1,
props: buttonProps,
emits: buttonEmits,
setup(__props, { expose, emit }) {
const props = __props;
const buttonStyle = useButtonCustomStyle(props);
const ns = useNamespace("button");
const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
const buttonKls = computed(() => [
ns.b(),
ns.m(_type.value),
ns.m(_size.value),
ns.is("disabled", _disabled.value),
ns.is("loading", props.loading),
ns.is("plain", props.plain),
ns.is("round", props.round),
ns.is("circle", props.circle),
ns.is("text", props.text),
ns.is("link", props.link),
ns.is("has-bg", props.bg)
]);
expose({
ref: _ref,
size: _size,
type: _type,
disabled: _disabled,
shouldAddSpace
});
return (_ctx, _cache) => {
return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
ref_key: "_ref",
ref: _ref
}, unref(_props), {
class: unref(buttonKls),
style: unref(buttonStyle),
onClick: unref(handleClick)
}), {
default: withCtx(() => [
_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
key: 1,
class: normalizeClass(unref(ns).is("loading"))
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
]),
_: 1
}, 8, ["class"]))
], 64)) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
default: withCtx(() => [
_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
]),
_: 3
})) : createCommentVNode("v-if", true),
_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
key: 2,
class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
}, [
renderSlot(_ctx.$slots, "default")
], 2)) : createCommentVNode("v-if", true)
]),
_: 3
}, 16, ["class", "style", "onClick"]);
};
}
});
var Button = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "button.vue"]]);
const buttonGroupProps = {
size: buttonProps.size,
type: buttonProps.type
};
const __default__ = defineComponent({
name: "ElButtonGroup"
});
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
...__default__,
props: buttonGroupProps,
setup(__props) {
const props = __props;
provide(buttonGroupContextKey, reactive({
size: toRef(props, "size"),
type: toRef(props, "type")
}));
const ns = useNamespace("button");
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(ns).b("group"))
}, [
renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "button-group.vue"]]);
const ElButton = exports("F", withInstall(Button, {
ButtonGroup
}));
withNoopInstall(ButtonGroup);
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
__name: "log",
props: {
"modelValue": { type: Boolean, ...{ required: true } },
"modelModifiers": {}
},
emits: ["update:modelValue"],
setup(__props) {
const show = useModel(__props, "modelValue");
return (_ctx, _cache) => {
const _component_el_button = ElButton;
return openBlock(), createBlock(unref(ElDialog), {
modelValue: show.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => show.value = $event),
title: "日志查看",
width: "500",
"align-center": "",
"destroy-on-close": "",
"z-index": 20
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(_component_el_button, {
onClick: _cache[0] || (_cache[0] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[3] || (_cache[3] = [
createTextVNode("Cancel")
])),
_: 1
}),
createVNode(_component_el_button, {
type: "primary",
onClick: _cache[1] || (_cache[1] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode("Confirm")
])),
_: 1
})
])
]),
default: withCtx(() => [
_cache[5] || (_cache[5] = createElementVNode("span", null, "Log", -1))
]),
_: 1
}, 8, ["modelValue"]);
};
}
});
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "App",
setup(__props) {
logger.info("BoosHelper挂载成功");
ElMessage("BoosHelper挂载成功!");
const { storeInit: storeInit2 } = useStore();
const confBox = ref(false);
const confs = {
store: { name: "存储配置", component: _sfc_main$6, disabled: false },
user: { name: "账号配置", component: _sfc_main$5, disabled: true },
log: { name: "日志配置", component: _sfc_main$1, disabled: false }
};
const confKey = ref("store");
const dark = ref(_GM_getValue("theme-dark", false));
function themeChange() {
dark.value = !dark.value;
if (dark.value) {
ElMessage({
message: "已切换到暗黑模式，如有样式没适配且严重影响使用，请反馈",
duration: 5e3,
showClose: true
});
}
document.documentElement.classList.toggle("dark", dark.value);
_GM_setValue("theme-dark", dark.value);
}
onMounted(async () => {
await storeInit2();
const protocol = "boos-protocol";
const protocol_val = "2024/09/06";
const protocol_date = _GM_getValue(protocol);
if (protocol_date !== protocol_val) {
ElMessageBox.alert(
`1. 遇到bug即时反馈，不会使用请加群，使用前先好好了解项目，阅读每一个标签和帮助
2. 帮助复选框 能随时进入和退出帮助模式, 配置内容较多, 好好观看
3. 配置最前面需要打钩启用，启用后需要保存配置
4. 配置项 包含/排除 能点击切换模式
本项目仅供学习交流，禁止用于商业用途
使用该脚本有一定风险(如黑号,封号,权重降低等)，本项目不承担任何责任
Github开源地址: https://github.com/ocyss/boos-helper
greasyfork地址: https://greasyfork.org/zh-CN/scripts/491340
飞书反馈问卷(匿名): https://gai06vrtbc0.feishu.cn/share/base/form/shrcnmEq2fxH9hM44hqEnoeaj8g
飞书问卷结果: https://gai06vrtbc0.feishu.cn/share/base/view/shrcnrg8D0cbLQc89d7Jj7AZgMc
飞书交流群: https://applink.feishu.cn/client/chat/chatter/add_by_link?link_token=410v5499-7193-411f-8258-94ae0cac4fc0`,
"注意事项",
{
autofocus: true,
confirmButtonText: "了解并同意!",
customStyle: "--el-messagebox-width: unset; white-space: pre-wrap; width: unset;",
callback: (action) => {
if (action === "confirm") {
_GM_setValue(protocol, protocol_val);
}
}
}
);
}
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [
createVNode(unref(ElDropdown), { trigger: "click" }, {
dropdown: withCtx(() => [
createVNode(unref(ElDropdownMenu), null, {
default: withCtx(() => [
createVNode(unref(ElDropdownItem), { disabled: "" }, {
default: withCtx(() => _cache[2] || (_cache[2] = [
createTextVNode("BossHelp配置项")
])),
_: 1
}),
createVNode(unref(ElDropdownItem), {
divided: "",
disabled: ""
}),
(openBlock(), createElementBlock(Fragment, null, renderList(confs, (v, k) => {
return createVNode(unref(ElDropdownItem), {
key: k,
onClick: ($event) => {
confKey.value = k;
confBox.value = true;
},
disabled: v.disabled
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(v.name), 1)
]),
_: 2
}, 1032, ["onClick", "disabled"]);
}), 64)),
createVNode(unref(ElDropdownItem), { onClick: themeChange }, {
default: withCtx(() => [
createTextVNode(" 暗黑模式（" + toDisplayString(dark.value ? "开" : "关") + "） ", 1)
]),
_: 1
})
]),
_: 1
})
]),
default: withCtx(() => [
createVNode(unref(ElAvatar), {
size: 30,
src: "https://avatars.githubusercontent.com/u/68412205?v=4"
}, {
default: withCtx(() => _cache[1] || (_cache[1] = [
createTextVNode(" H ")
])),
_: 1
})
]),
_: 1
}),
(openBlock(), createBlock(Teleport, { to: "body" }, [
(openBlock(), createBlock(resolveDynamicComponent(confs[confKey.value].component), {
modelValue: confBox.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => confBox.value = $event)
}, null, 8, ["modelValue"]))
]))
], 64);
};
}
});
function bind(fn, thisArg) {
return function wrap() {
return fn.apply(thisArg, arguments);
};
}
const { toString } = Object.prototype;
const { getPrototypeOf } = Object;
const kindOf = /* @__PURE__ */ ((cache) => (thing) => {
const str = toString.call(thing);
return cache[str] || (cache[str] = str.slice(8, -1).toLowerCase());
})(/* @__PURE__ */ Object.create(null));
const kindOfTest = (type) => {
type = type.toLowerCase();
return (thing) => kindOf(thing) === type;
};
const typeOfTest = (type) => (thing) => typeof thing === type;
const { isArray } = Array;
const isUndefined = typeOfTest("undefined");
function isBuffer(val) {
return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) && isFunction(val.constructor.isBuffer) && val.constructor.isBuffer(val);
}
const isArrayBuffer = kindOfTest("ArrayBuffer");
function isArrayBufferView(val) {
let result;
if (typeof ArrayBuffer !== "undefined" && ArrayBuffer.isView) {
result = ArrayBuffer.isView(val);
} else {
result = val && val.buffer && isArrayBuffer(val.buffer);
}
return result;
}
const isString = typeOfTest("string");
const isFunction = typeOfTest("function");
const isNumber = typeOfTest("number");
const isObject = (thing) => thing !== null && typeof thing === "object";
const isBoolean = (thing) => thing === true || thing === false;
const isPlainObject = (val) => {
if (kindOf(val) !== "object") {
return false;
}
const prototype2 = getPrototypeOf(val);
return (prototype2 === null || prototype2 === Object.prototype || Object.getPrototypeOf(prototype2) === null) && !(Symbol.toStringTag in val) && !(Symbol.iterator in val);
};
const isDate = kindOfTest("Date");
const isFile = kindOfTest("File");
const isBlob = kindOfTest("Blob");
const isFileList = kindOfTest("FileList");
const isStream = (val) => isObject(val) && isFunction(val.pipe);
const isFormData = (thing) => {
let kind;
return thing && (typeof FormData === "function" && thing instanceof FormData || isFunction(thing.append) && ((kind = kindOf(thing)) === "formdata" || // detect form-data instance
kind === "object" && isFunction(thing.toString) && thing.toString() === "[object FormData]"));
};
const isURLSearchParams = kindOfTest("URLSearchParams");
const [isReadableStream, isRequest, isResponse, isHeaders] = ["ReadableStream", "Request", "Response", "Headers"].map(kindOfTest);
const trim = (str) => str.trim ? str.trim() : str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
function forEach(obj, fn, { allOwnKeys = false } = {}) {
if (obj === null || typeof obj === "undefined") {
return;
}
let i;
let l;
if (typeof obj !== "object") {
obj = [obj];
}
if (isArray(obj)) {
for (i = 0, l = obj.length; i < l; i++) {
fn.call(null, obj[i], i, obj);
}
} else {
const keys = allOwnKeys ? Object.getOwnPropertyNames(obj) : Object.keys(obj);
const len = keys.length;
let key;
for (i = 0; i < len; i++) {
key = keys[i];
fn.call(null, obj[key], key, obj);
}
}
}
function findKey(obj, key) {
key = key.toLowerCase();
const keys = Object.keys(obj);
let i = keys.length;
let _key;
while (i-- > 0) {
_key = keys[i];
if (key === _key.toLowerCase()) {
return _key;
}
}
return null;
}
const _global = (() => {
if (typeof globalThis !== "undefined") return globalThis;
return typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : global;
})();
const isContextDefined = (context) => !isUndefined(context) && context !== _global;
function merge() {
const { caseless } = isContextDefined(this) && this || {};
const result = {};
const assignValue = (val, key) => {
const targetKey = caseless && findKey(result, key) || key;
if (isPlainObject(result[targetKey]) && isPlainObject(val)) {
result[targetKey] = merge(result[targetKey], val);
} else if (isPlainObject(val)) {
result[targetKey] = merge({}, val);
} else if (isArray(val)) {
result[targetKey] = val.slice();
} else {
result[targetKey] = val;
}
};
for (let i = 0, l = arguments.length; i < l; i++) {
arguments[i] && forEach(arguments[i], assignValue);
}
return result;
}
const extend = (a, b, thisArg, { allOwnKeys } = {}) => {
forEach(b, (val, key) => {
if (thisArg && isFunction(val)) {
a[key] = bind(val, thisArg);
} else {
a[key] = val;
}
}, { allOwnKeys });
return a;
};
const stripBOM = (content) => {
if (content.charCodeAt(0) === 65279) {
content = content.slice(1);
}
return content;
};
const inherits = (constructor, superConstructor, props, descriptors2) => {
constructor.prototype = Object.create(superConstructor.prototype, descriptors2);
constructor.prototype.constructor = constructor;
Object.defineProperty(constructor, "super", {
value: superConstructor.prototype
});
props && Object.assign(constructor.prototype, props);
};
const toFlatObject = (sourceObj, destObj, filter2, propFilter) => {
let props;
let i;
let prop;
const merged = {};
destObj = destObj || {};
if (sourceObj == null) return destObj;
do {
props = Object.getOwnPropertyNames(sourceObj);
i = props.length;
while (i-- > 0) {
prop = props[i];
if ((!propFilter || propFilter(prop, sourceObj, destObj)) && !merged[prop]) {
destObj[prop] = sourceObj[prop];
merged[prop] = true;
}
}
sourceObj = filter2 !== false && getPrototypeOf(sourceObj);
} while (sourceObj && (!filter2 || filter2(sourceObj, destObj)) && sourceObj !== Object.prototype);
return destObj;
};
const endsWith = (str, searchString, position) => {
str = String(str);
if (position === void 0 || position > str.length) {
position = str.length;
}
position -= searchString.length;
const lastIndex = str.indexOf(searchString, position);
return lastIndex !== -1 && lastIndex === position;
};
const toArray = (thing) => {
if (!thing) return null;
if (isArray(thing)) return thing;
let i = thing.length;
if (!isNumber(i)) return null;
const arr = new Array(i);
while (i-- > 0) {
arr[i] = thing[i];
}
return arr;
};
const isTypedArray = /* @__PURE__ */ ((TypedArray) => {
return (thing) => {
return TypedArray && thing instanceof TypedArray;
};
})(typeof Uint8Array !== "undefined" && getPrototypeOf(Uint8Array));
const forEachEntry = (obj, fn) => {
const generator = obj && obj[Symbol.iterator];
const iterator = generator.call(obj);
let result;
while ((result = iterator.next()) && !result.done) {
const pair = result.value;
fn.call(obj, pair[0], pair[1]);
}
};
const matchAll = (regExp, str) => {
let matches2;
const arr = [];
while ((matches2 = regExp.exec(str)) !== null) {
arr.push(matches2);
}
return arr;
};
const isHTMLForm = kindOfTest("HTMLFormElement");
const toCamelCase = (str) => {
return str.toLowerCase().replace(
/[-_\s]([a-z\d])(\w*)/g,
function replacer(m, p1, p2) {
return p1.toUpperCase() + p2;
}
);
};
const hasOwnProperty = (({ hasOwnProperty: hasOwnProperty2 }) => (obj, prop) => hasOwnProperty2.call(obj, prop))(Object.prototype);
const isRegExp = kindOfTest("RegExp");
const reduceDescriptors = (obj, reducer) => {
const descriptors2 = Object.getOwnPropertyDescriptors(obj);
const reducedDescriptors = {};
forEach(descriptors2, (descriptor, name) => {
let ret;
if ((ret = reducer(descriptor, name, obj)) !== false) {
reducedDescriptors[name] = ret || descriptor;
}
});
Object.defineProperties(obj, reducedDescriptors);
};
const freezeMethods = (obj) => {
reduceDescriptors(obj, (descriptor, name) => {
if (isFunction(obj) && ["arguments", "caller", "callee"].indexOf(name) !== -1) {
return false;
}
const value = obj[name];
if (!isFunction(value)) return;
descriptor.enumerable = false;
if ("writable" in descriptor) {
descriptor.writable = false;
return;
}
if (!descriptor.set) {
descriptor.set = () => {
throw Error("Can not rewrite read-only method '" + name + "'");
};
}
});
};
const toObjectSet = (arrayOrString, delimiter) => {
const obj = {};
const define = (arr) => {
arr.forEach((value) => {
obj[value] = true;
});
};
isArray(arrayOrString) ? define(arrayOrString) : define(String(arrayOrString).split(delimiter));
return obj;
};
const noop = () => {
};
const toFiniteNumber = (value, defaultValue) => {
return value != null && Number.isFinite(value = +value) ? value : defaultValue;
};
const ALPHA = "abcdefghijklmnopqrstuvwxyz";
const DIGIT = "0123456789";
const ALPHABET = {
DIGIT,
ALPHA,
ALPHA_DIGIT: ALPHA + ALPHA.toUpperCase() + DIGIT
};
const generateString = (size = 16, alphabet = ALPHABET.ALPHA_DIGIT) => {
let str = "";
const { length } = alphabet;
while (size--) {
str += alphabet[Math.random() * length | 0];
}
return str;
};
function isSpecCompliantForm(thing) {
return !!(thing && isFunction(thing.append) && thing[Symbol.toStringTag] === "FormData" && thing[Symbol.iterator]);
}
const toJSONObject = (obj) => {
const stack = new Array(10);
const visit = (source, i) => {
if (isObject(source)) {
if (stack.indexOf(source) >= 0) {
return;
}
if (!("toJSON" in source)) {
stack[i] = source;
const target = isArray(source) ? [] : {};
forEach(source, (value, key) => {
const reducedValue = visit(value, i + 1);
!isUndefined(reducedValue) && (target[key] = reducedValue);
});
stack[i] = void 0;
return target;
}
}
return source;
};
return visit(obj, 0);
};
const isAsyncFn = kindOfTest("AsyncFunction");
const isThenable = (thing) => thing && (isObject(thing) || isFunction(thing)) && isFunction(thing.then) && isFunction(thing.catch);
const _setImmediate = ((setImmediateSupported, postMessageSupported) => {
if (setImmediateSupported) {
return setImmediate;
}
return postMessageSupported ? ((token, callbacks) => {
_global.addEventListener("message", ({ source, data }) => {
if (source === _global && data === token) {
callbacks.length && callbacks.shift()();
}
}, false);
return (cb) => {
callbacks.push(cb);
_global.postMessage(token, "*");
};
})(`axios@${Math.random()}`, []) : (cb) => setTimeout(cb);
})(
typeof setImmediate === "function",
isFunction(_global.postMessage)
);
const asap = typeof queueMicrotask !== "undefined" ? queueMicrotask.bind(_global) : typeof process !== "undefined" && process.nextTick || _setImmediate;
const utils$1 = {
isArray,
isArrayBuffer,
isBuffer,
isFormData,
isArrayBufferView,
isString,
isNumber,
isBoolean,
isObject,
isPlainObject,
isReadableStream,
isRequest,
isResponse,
isHeaders,
isUndefined,
isDate,
isFile,
isBlob,
isRegExp,
isFunction,
isStream,
isURLSearchParams,
isTypedArray,
isFileList,
forEach,
merge,
extend,
trim,
stripBOM,
inherits,
toFlatObject,
kindOf,
kindOfTest,
endsWith,
toArray,
forEachEntry,
matchAll,
isHTMLForm,
hasOwnProperty,
hasOwnProp: hasOwnProperty,
// an alias to avoid ESLint no-prototype-builtins detection
reduceDescriptors,
freezeMethods,
toObjectSet,
toCamelCase,
noop,
toFiniteNumber,
findKey,
global: _global,
isContextDefined,
ALPHABET,
generateString,
isSpecCompliantForm,
toJSONObject,
isAsyncFn,
isThenable,
setImmediate: _setImmediate,
asap
};
function AxiosError(message, code, config, request, response) {
Error.call(this);
if (Error.captureStackTrace) {
Error.captureStackTrace(this, this.constructor);
} else {
this.stack = new Error().stack;
}
this.message = message;
this.name = "AxiosError";
code && (this.code = code);
config && (this.config = config);
request && (this.request = request);
if (response) {
this.response = response;
this.status = response.status ? response.status : null;
}
}
utils$1.inherits(AxiosError, Error, {
toJSON: function toJSON() {
return {
// Standard
message: this.message,
name: this.name,
// Microsoft
description: this.description,
number: this.number,
// Mozilla
fileName: this.fileName,
lineNumber: this.lineNumber,
columnNumber: this.columnNumber,
stack: this.stack,
// Axios
config: utils$1.toJSONObject(this.config),
code: this.code,
status: this.status
};
}
});
const prototype$1 = AxiosError.prototype;
const descriptors = {};
[
"ERR_BAD_OPTION_VALUE",
"ERR_BAD_OPTION",
"ECONNABORTED",
"ETIMEDOUT",
"ERR_NETWORK",
"ERR_FR_TOO_MANY_REDIRECTS",
"ERR_DEPRECATED",
"ERR_BAD_RESPONSE",
"ERR_BAD_REQUEST",
"ERR_CANCELED",
"ERR_NOT_SUPPORT",
"ERR_INVALID_URL"
// eslint-disable-next-line func-names
].forEach((code) => {
descriptors[code] = { value: code };
});
Object.defineProperties(AxiosError, descriptors);
Object.defineProperty(prototype$1, "isAxiosError", { value: true });
AxiosError.from = (error, code, config, request, response, customProps) => {
const axiosError = Object.create(prototype$1);
utils$1.toFlatObject(error, axiosError, function filter2(obj) {
return obj !== Error.prototype;
}, (prop) => {
return prop !== "isAxiosError";
});
AxiosError.call(axiosError, error.message, code, config, request, response);
axiosError.cause = error;
axiosError.name = error.name;
customProps && Object.assign(axiosError, customProps);
return axiosError;
};
const httpAdapter = null;
function isVisitable(thing) {
return utils$1.isPlainObject(thing) || utils$1.isArray(thing);
}
function removeBrackets(key) {
return utils$1.endsWith(key, "[]") ? key.slice(0, -2) : key;
}
function renderKey(path, key, dots) {
if (!path) return key;
return path.concat(key).map(function each2(token, i) {
token = removeBrackets(token);
return !dots && i ? "[" + token + "]" : token;
}).join(dots ? "." : "");
}
function isFlatArray(arr) {
return utils$1.isArray(arr) && !arr.some(isVisitable);
}
const predicates = utils$1.toFlatObject(utils$1, {}, null, function filter(prop) {
return /^is[A-Z]/.test(prop);
});
function toFormData(obj, formData2, options) {
if (!utils$1.isObject(obj)) {
throw new TypeError("target must be an object");
}
formData2 = formData2 || new FormData();
options = utils$1.toFlatObject(options, {
metaTokens: true,
dots: false,
indexes: false
}, false, function defined(option, source) {
return !utils$1.isUndefined(source[option]);
});
const metaTokens = options.metaTokens;
const visitor = options.visitor || defaultVisitor;
const dots = options.dots;
const indexes = options.indexes;
const _Blob = options.Blob || typeof Blob !== "undefined" && Blob;
const useBlob = _Blob && utils$1.isSpecCompliantForm(formData2);
if (!utils$1.isFunction(visitor)) {
throw new TypeError("visitor must be a function");
}
function convertValue(value) {
if (value === null) return "";
if (utils$1.isDate(value)) {
return value.toISOString();
}
if (!useBlob && utils$1.isBlob(value)) {
throw new AxiosError("Blob is not supported. Use a Buffer instead.");
}
if (utils$1.isArrayBuffer(value) || utils$1.isTypedArray(value)) {
return useBlob && typeof Blob === "function" ? new Blob([value]) : Buffer.from(value);
}
return value;
}
function defaultVisitor(value, key, path) {
let arr = value;
if (value && !path && typeof value === "object") {
if (utils$1.endsWith(key, "{}")) {
key = metaTokens ? key : key.slice(0, -2);
value = JSON.stringify(value);
} else if (utils$1.isArray(value) && isFlatArray(value) || (utils$1.isFileList(value) || utils$1.endsWith(key, "[]")) && (arr = utils$1.toArray(value))) {
key = removeBrackets(key);
arr.forEach(function each2(el, index) {
!(utils$1.isUndefined(el) || el === null) && formData2.append(
// eslint-disable-next-line no-nested-ternary
indexes === true ? renderKey([key], index, dots) : indexes === null ? key : key + "[]",
convertValue(el)
);
});
return false;
}
}
if (isVisitable(value)) {
return true;
}
formData2.append(renderKey(path, key, dots), convertValue(value));
return false;
}
const stack = [];
const exposedHelpers = Object.assign(predicates, {
defaultVisitor,
convertValue,
isVisitable
});
function build(value, path) {
if (utils$1.isUndefined(value)) return;
if (stack.indexOf(value) !== -1) {
throw Error("Circular reference detected in " + path.join("."));
}
stack.push(value);
utils$1.forEach(value, function each2(el, key) {
const result = !(utils$1.isUndefined(el) || el === null) && visitor.call(
formData2,
el,
utils$1.isString(key) ? key.trim() : key,
path,
exposedHelpers
);
if (result === true) {
build(el, path ? path.concat(key) : [key]);
}
});
stack.pop();
}
if (!utils$1.isObject(obj)) {
throw new TypeError("data must be an object");
}
build(obj);
return formData2;
}
function encode$1(str) {
const charMap = {
"!": "%21",
"'": "%27",
"(": "%28",
")": "%29",
"~": "%7E",
"%20": "+",
"%00": "\0"
};
return encodeURIComponent(str).replace(/[!'()~]|%20|%00/g, function replacer(match) {
return charMap[match];
});
}
function AxiosURLSearchParams(params, options) {
this._pairs = [];
params && toFormData(params, this, options);
}
const prototype = AxiosURLSearchParams.prototype;
prototype.append = function append(name, value) {
this._pairs.push([name, value]);
};
prototype.toString = function toString2(encoder) {
const _encode = encoder ? function(value) {
return encoder.call(this, value, encode$1);
} : encode$1;
return this._pairs.map(function each2(pair) {
return _encode(pair[0]) + "=" + _encode(pair[1]);
}, "").join("&");
};
function encode(val) {
return encodeURIComponent(val).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+").replace(/%5B/gi, "[").replace(/%5D/gi, "]");
}
function buildURL(url, params, options) {
if (!params) {
return url;
}
const _encode = options && options.encode || encode;
const serializeFn = options && options.serialize;
let serializedParams;
if (serializeFn) {
serializedParams = serializeFn(params, options);
} else {
serializedParams = utils$1.isURLSearchParams(params) ? params.toString() : new AxiosURLSearchParams(params, options).toString(_encode);
}
if (serializedParams) {
const hashmarkIndex = url.indexOf("#");
if (hashmarkIndex !== -1) {
url = url.slice(0, hashmarkIndex);
}
url += (url.indexOf("?") === -1 ? "?" : "&") + serializedParams;
}
return url;
}
class InterceptorManager {
constructor() {
this.handlers = [];
}
/**
* Add a new interceptor to the stack
*
* @param {Function} fulfilled The function to handle `then` for a `Promise`
* @param {Function} rejected The function to handle `reject` for a `Promise`
*
* @return {Number} An ID used to remove interceptor later
*/
use(fulfilled, rejected, options) {
this.handlers.push({
fulfilled,
rejected,
synchronous: options ? options.synchronous : false,
runWhen: options ? options.runWhen : null
});
return this.handlers.length - 1;
}
/**
* Remove an interceptor from the stack
*
* @param {Number} id The ID that was returned by `use`
*
* @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
*/
eject(id) {
if (this.handlers[id]) {
this.handlers[id] = null;
}
}
/**
* Clear all interceptors from the stack
*
* @returns {void}
*/
clear() {
if (this.handlers) {
this.handlers = [];
}
}
/**
* Iterate over all the registered interceptors
*
* This method is particularly useful for skipping over any
* interceptors that may have become `null` calling `eject`.
*
* @param {Function} fn The function to call for each interceptor
*
* @returns {void}
*/
forEach(fn) {
utils$1.forEach(this.handlers, function forEachHandler(h) {
if (h !== null) {
fn(h);
}
});
}
}
const transitionalDefaults = {
silentJSONParsing: true,
forcedJSONParsing: true,
clarifyTimeoutError: false
};
const URLSearchParams$1 = typeof URLSearchParams !== "undefined" ? URLSearchParams : AxiosURLSearchParams;
const FormData$1 = typeof FormData !== "undefined" ? FormData : null;
const Blob$1 = typeof Blob !== "undefined" ? Blob : null;
const platform$1 = {
isBrowser: true,
classes: {
URLSearchParams: URLSearchParams$1,
FormData: FormData$1,
Blob: Blob$1
},
protocols: ["http", "https", "file", "blob", "url", "data"]
};
const hasBrowserEnv = typeof window !== "undefined" && typeof document !== "undefined";
const _navigator = typeof navigator === "object" && navigator || void 0;
const hasStandardBrowserEnv = hasBrowserEnv && (!_navigator || ["ReactNative", "NativeScript", "NS"].indexOf(_navigator.product) < 0);
const hasStandardBrowserWebWorkerEnv = (() => {
return typeof WorkerGlobalScope !== "undefined" && // eslint-disable-next-line no-undef
self instanceof WorkerGlobalScope && typeof self.importScripts === "function";
})();
const origin = hasBrowserEnv && window.location.href || "http://localhost";
const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
hasBrowserEnv,
hasStandardBrowserEnv,
hasStandardBrowserWebWorkerEnv,
navigator: _navigator,
origin
}, Symbol.toStringTag, { value: "Module" }));
const platform = {
...utils,
...platform$1
};
function toURLEncodedForm(data, options) {
return toFormData(data, new platform.classes.URLSearchParams(), Object.assign({
visitor: function(value, key, path, helpers) {
if (platform.isNode && utils$1.isBuffer(value)) {
this.append(key, value.toString("base64"));
return false;
}
return helpers.defaultVisitor.apply(this, arguments);
}
}, options));
}
function parsePropPath(name) {
return utils$1.matchAll(/\w+|\[(\w*)]/g, name).map((match) => {
return match[0] === "[]" ? "" : match[1] || match[0];
});
}
function arrayToObject(arr) {
const obj = {};
const keys = Object.keys(arr);
let i;
const len = keys.length;
let key;
for (i = 0; i < len; i++) {
key = keys[i];
obj[key] = arr[key];
}
return obj;
}
function formDataToJSON(formData2) {
function buildPath(path, value, target, index) {
let name = path[index++];
if (name === "__proto__") return true;
const isNumericKey = Number.isFinite(+name);
const isLast = index >= path.length;
name = !name && utils$1.isArray(target) ? target.length : name;
if (isLast) {
if (utils$1.hasOwnProp(target, name)) {
target[name] = [target[name], value];
} else {
target[name] = value;
}
return !isNumericKey;
}
if (!target[name] || !utils$1.isObject(target[name])) {
target[name] = [];
}
const result = buildPath(path, value, target[name], index);
if (result && utils$1.isArray(target[name])) {
target[name] = arrayToObject(target[name]);
}
return !isNumericKey;
}
if (utils$1.isFormData(formData2) && utils$1.isFunction(formData2.entries)) {
const obj = {};
utils$1.forEachEntry(formData2, (name, value) => {
buildPath(parsePropPath(name), value, obj, 0);
});
return obj;
}
return null;
}
function stringifySafely(rawValue, parser, encoder) {
if (utils$1.isString(rawValue)) {
try {
(parser || JSON.parse)(rawValue);
return utils$1.trim(rawValue);
} catch (e) {
if (e.name !== "SyntaxError") {
throw e;
}
}
}
return (0, JSON.stringify)(rawValue);
}
const defaults = {
transitional: transitionalDefaults,
adapter: ["xhr", "http", "fetch"],
transformRequest: [function transformRequest(data, headers) {
const contentType = headers.getContentType() || "";
const hasJSONContentType = contentType.indexOf("application/json") > -1;
const isObjectPayload = utils$1.isObject(data);
if (isObjectPayload && utils$1.isHTMLForm(data)) {
data = new FormData(data);
}
const isFormData2 = utils$1.isFormData(data);
if (isFormData2) {
return hasJSONContentType ? JSON.stringify(formDataToJSON(data)) : data;
}
if (utils$1.isArrayBuffer(data) || utils$1.isBuffer(data) || utils$1.isStream(data) || utils$1.isFile(data) || utils$1.isBlob(data) || utils$1.isReadableStream(data)) {
return data;
}
if (utils$1.isArrayBufferView(data)) {
return data.buffer;
}
if (utils$1.isURLSearchParams(data)) {
headers.setContentType("application/x-www-form-urlencoded;charset=utf-8", false);
return data.toString();
}
let isFileList2;
if (isObjectPayload) {
if (contentType.indexOf("application/x-www-form-urlencoded") > -1) {
return toURLEncodedForm(data, this.formSerializer).toString();
}
if ((isFileList2 = utils$1.isFileList(data)) || contentType.indexOf("multipart/form-data") > -1) {
const _FormData = this.env && this.env.FormData;
return toFormData(
isFileList2 ? { "files[]": data } : data,
_FormData && new _FormData(),
this.formSerializer
);
}
}
if (isObjectPayload || hasJSONContentType) {
headers.setContentType("application/json", false);
return stringifySafely(data);
}
return data;
}],
transformResponse: [function transformResponse(data) {
const transitional2 = this.transitional || defaults.transitional;
const forcedJSONParsing = transitional2 && transitional2.forcedJSONParsing;
const JSONRequested = this.responseType === "json";
if (utils$1.isResponse(data) || utils$1.isReadableStream(data)) {
return data;
}
if (data && utils$1.isString(data) && (forcedJSONParsing && !this.responseType || JSONRequested)) {
const silentJSONParsing = transitional2 && transitional2.silentJSONParsing;
const strictJSONParsing = !silentJSONParsing && JSONRequested;
try {
return JSON.parse(data);
} catch (e) {
if (strictJSONParsing) {
if (e.name === "SyntaxError") {
throw AxiosError.from(e, AxiosError.ERR_BAD_RESPONSE, this, null, this.response);
}
throw e;
}
}
}
return data;
}],
/**
* A timeout in milliseconds to abort a request. If set to 0 (default) a
* timeout is not created.
*/
timeout: 0,
xsrfCookieName: "XSRF-TOKEN",
xsrfHeaderName: "X-XSRF-TOKEN",
maxContentLength: -1,
maxBodyLength: -1,
env: {
FormData: platform.classes.FormData,
Blob: platform.classes.Blob
},
validateStatus: function validateStatus(status) {
return status >= 200 && status < 300;
},
headers: {
common: {
"Accept": "application/json, text/plain, */*",
"Content-Type": void 0
}
}
};
utils$1.forEach(["delete", "get", "head", "post", "put", "patch"], (method) => {
defaults.headers[method] = {};
});
const ignoreDuplicateOf = utils$1.toObjectSet([
"age",
"authorization",
"content-length",
"content-type",
"etag",
"expires",
"from",
"host",
"if-modified-since",
"if-unmodified-since",
"last-modified",
"location",
"max-forwards",
"proxy-authorization",
"referer",
"retry-after",
"user-agent"
]);
const parseHeaders = (rawHeaders) => {
const parsed = {};
let key;
let val;
let i;
rawHeaders && rawHeaders.split("\n").forEach(function parser(line) {
i = line.indexOf(":");
key = line.substring(0, i).trim().toLowerCase();
val = line.substring(i + 1).trim();
if (!key || parsed[key] && ignoreDuplicateOf[key]) {
return;
}
if (key === "set-cookie") {
if (parsed[key]) {
parsed[key].push(val);
} else {
parsed[key] = [val];
}
} else {
parsed[key] = parsed[key] ? parsed[key] + ", " + val : val;
}
});
return parsed;
};
const $internals = Symbol("internals");
function normalizeHeader(header) {
return header && String(header).trim().toLowerCase();
}
function normalizeValue(value) {
if (value === false || value == null) {
return value;
}
return utils$1.isArray(value) ? value.map(normalizeValue) : String(value);
}
function parseTokens(str) {
const tokens = /* @__PURE__ */ Object.create(null);
const tokensRE = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
let match;
while (match = tokensRE.exec(str)) {
tokens[match[1]] = match[2];
}
return tokens;
}
const isValidHeaderName = (str) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(str.trim());
function matchHeaderValue(context, value, header, filter2, isHeaderNameFilter) {
if (utils$1.isFunction(filter2)) {
return filter2.call(this, value, header);
}
if (isHeaderNameFilter) {
value = header;
}
if (!utils$1.isString(value)) return;
if (utils$1.isString(filter2)) {
return value.indexOf(filter2) !== -1;
}
if (utils$1.isRegExp(filter2)) {
return filter2.test(value);
}
}
function formatHeader(header) {
return header.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (w, char, str) => {
return char.toUpperCase() + str;
});
}
function buildAccessors(obj, header) {
const accessorName = utils$1.toCamelCase(" " + header);
["get", "set", "has"].forEach((methodName) => {
Object.defineProperty(obj, methodName + accessorName, {
value: function(arg1, arg2, arg3) {
return this[methodName].call(this, header, arg1, arg2, arg3);
},
configurable: true
});
});
}
class AxiosHeaders {
constructor(headers) {
headers && this.set(headers);
}
set(header, valueOrRewrite, rewrite) {
const self2 = this;
function setHeader(_value, _header, _rewrite) {
const lHeader = normalizeHeader(_header);
if (!lHeader) {
throw new Error("header name must be a non-empty string");
}
const key = utils$1.findKey(self2, lHeader);
if (!key || self2[key] === void 0 || _rewrite === true || _rewrite === void 0 && self2[key] !== false) {
self2[key || _header] = normalizeValue(_value);
}
}
const setHeaders = (headers, _rewrite) => utils$1.forEach(headers, (_value, _header) => setHeader(_value, _header, _rewrite));
if (utils$1.isPlainObject(header) || header instanceof this.constructor) {
setHeaders(header, valueOrRewrite);
} else if (utils$1.isString(header) && (header = header.trim()) && !isValidHeaderName(header)) {
setHeaders(parseHeaders(header), valueOrRewrite);
} else if (utils$1.isHeaders(header)) {
for (const [key, value] of header.entries()) {
setHeader(value, key, rewrite);
}
} else {
header != null && setHeader(valueOrRewrite, header, rewrite);
}
return this;
}
get(header, parser) {
header = normalizeHeader(header);
if (header) {
const key = utils$1.findKey(this, header);
if (key) {
const value = this[key];
if (!parser) {
return value;
}
if (parser === true) {
return parseTokens(value);
}
if (utils$1.isFunction(parser)) {
return parser.call(this, value, key);
}
if (utils$1.isRegExp(parser)) {
return parser.exec(value);
}
throw new TypeError("parser must be boolean|regexp|function");
}
}
}
has(header, matcher) {
header = normalizeHeader(header);
if (header) {
const key = utils$1.findKey(this, header);
return !!(key && this[key] !== void 0 && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
}
return false;
}
delete(header, matcher) {
const self2 = this;
let deleted = false;
function deleteHeader(_header) {
_header = normalizeHeader(_header);
if (_header) {
const key = utils$1.findKey(self2, _header);
if (key && (!matcher || matchHeaderValue(self2, self2[key], key, matcher))) {
delete self2[key];
deleted = true;
}
}
}
if (utils$1.isArray(header)) {
header.forEach(deleteHeader);
} else {
deleteHeader(header);
}
return deleted;
}
clear(matcher) {
const keys = Object.keys(this);
let i = keys.length;
let deleted = false;
while (i--) {
const key = keys[i];
if (!matcher || matchHeaderValue(this, this[key], key, matcher, true)) {
delete this[key];
deleted = true;
}
}
return deleted;
}
normalize(format) {
const self2 = this;
const headers = {};
utils$1.forEach(this, (value, header) => {
const key = utils$1.findKey(headers, header);
if (key) {
self2[key] = normalizeValue(value);
delete self2[header];
return;
}
const normalized = format ? formatHeader(header) : String(header).trim();
if (normalized !== header) {
delete self2[header];
}
self2[normalized] = normalizeValue(value);
headers[normalized] = true;
});
return this;
}
concat(...targets) {
return this.constructor.concat(this, ...targets);
}
toJSON(asStrings) {
const obj = /* @__PURE__ */ Object.create(null);
utils$1.forEach(this, (value, header) => {
value != null && value !== false && (obj[header] = asStrings && utils$1.isArray(value) ? value.join(", ") : value);
});
return obj;
}
[Symbol.iterator]() {
return Object.entries(this.toJSON())[Symbol.iterator]();
}
toString() {
return Object.entries(this.toJSON()).map(([header, value]) => header + ": " + value).join("\n");
}
get [Symbol.toStringTag]() {
return "AxiosHeaders";
}
static from(thing) {
return thing instanceof this ? thing : new this(thing);
}
static concat(first, ...targets) {
const computed2 = new this(first);
targets.forEach((target) => computed2.set(target));
return computed2;
}
static accessor(header) {
const internals = this[$internals] = this[$internals] = {
accessors: {}
};
const accessors = internals.accessors;
const prototype2 = this.prototype;
function defineAccessor(_header) {
const lHeader = normalizeHeader(_header);
if (!accessors[lHeader]) {
buildAccessors(prototype2, _header);
accessors[lHeader] = true;
}
}
utils$1.isArray(header) ? header.forEach(defineAccessor) : defineAccessor(header);
return this;
}
}
AxiosHeaders.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
utils$1.reduceDescriptors(AxiosHeaders.prototype, ({ value }, key) => {
let mapped = key[0].toUpperCase() + key.slice(1);
return {
get: () => value,
set(headerValue) {
this[mapped] = headerValue;
}
};
});
utils$1.freezeMethods(AxiosHeaders);
function transformData(fns, response) {
const config = this || defaults;
const context = response || config;
const headers = AxiosHeaders.from(context.headers);
let data = context.data;
utils$1.forEach(fns, function transform(fn) {
data = fn.call(config, data, headers.normalize(), response ? response.status : void 0);
});
headers.normalize();
return data;
}
function isCancel(value) {
return !!(value && value.__CANCEL__);
}
function CanceledError(message, config, request) {
AxiosError.call(this, message == null ? "canceled" : message, AxiosError.ERR_CANCELED, config, request);
this.name = "CanceledError";
}
utils$1.inherits(CanceledError, AxiosError, {
__CANCEL__: true
});
function settle(resolve, reject, response) {
const validateStatus2 = response.config.validateStatus;
if (!response.status || !validateStatus2 || validateStatus2(response.status)) {
resolve(response);
} else {
reject(new AxiosError(
"Request failed with status code " + response.status,
[AxiosError.ERR_BAD_REQUEST, AxiosError.ERR_BAD_RESPONSE][Math.floor(response.status / 100) - 4],
response.config,
response.request,
response
));
}
}
function parseProtocol(url) {
const match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url);
return match && match[1] || "";
}
function speedometer(samplesCount, min) {
samplesCount = samplesCount || 10;
const bytes = new Array(samplesCount);
const timestamps = new Array(samplesCount);
let head = 0;
let tail = 0;
let firstSampleTS;
min = min !== void 0 ? min : 1e3;
return function push(chunkLength) {
const now = Date.now();
const startedAt = timestamps[tail];
if (!firstSampleTS) {
firstSampleTS = now;
}
bytes[head] = chunkLength;
timestamps[head] = now;
let i = tail;
let bytesCount = 0;
while (i !== head) {
bytesCount += bytes[i++];
i = i % samplesCount;
}
head = (head + 1) % samplesCount;
if (head === tail) {
tail = (tail + 1) % samplesCount;
}
if (now - firstSampleTS < min) {
return;
}
const passed = startedAt && now - startedAt;
return passed ? Math.round(bytesCount * 1e3 / passed) : void 0;
};
}
function throttle(fn, freq) {
let timestamp = 0;
let threshold = 1e3 / freq;
let lastArgs;
let timer;
const invoke = (args, now = Date.now()) => {
timestamp = now;
lastArgs = null;
if (timer) {
clearTimeout(timer);
timer = null;
}
fn.apply(null, args);
};
const throttled = (...args) => {
const now = Date.now();
const passed = now - timestamp;
if (passed >= threshold) {
invoke(args, now);
} else {
lastArgs = args;
if (!timer) {
timer = setTimeout(() => {
timer = null;
invoke(lastArgs);
}, threshold - passed);
}
}
};
const flush = () => lastArgs && invoke(lastArgs);
return [throttled, flush];
}
const progressEventReducer = (listener, isDownloadStream, freq = 3) => {
let bytesNotified = 0;
const _speedometer = speedometer(50, 250);
return throttle((e) => {
const loaded = e.loaded;
const total = e.lengthComputable ? e.total : void 0;
const progressBytes = loaded - bytesNotified;
const rate = _speedometer(progressBytes);
const inRange = loaded <= total;
bytesNotified = loaded;
const data = {
loaded,
total,
progress: total ? loaded / total : void 0,
bytes: progressBytes,
rate: rate ? rate : void 0,
estimated: rate && total && inRange ? (total - loaded) / rate : void 0,
event: e,
lengthComputable: total != null,
[isDownloadStream ? "download" : "upload"]: true
};
listener(data);
}, freq);
};
const progressEventDecorator = (total, throttled) => {
const lengthComputable = total != null;
return [(loaded) => throttled[0]({
lengthComputable,
total,
loaded
}), throttled[1]];
};
const asyncDecorator = (fn) => (...args) => utils$1.asap(() => fn(...args));
const isURLSameOrigin = platform.hasStandardBrowserEnv ? (
// Standard browser envs have full support of the APIs needed to test
// whether the request URL is of the same origin as current location.
function standardBrowserEnv() {
const msie = platform.navigator && /(msie|trident)/i.test(platform.navigator.userAgent);
const urlParsingNode = document.createElement("a");
let originURL;
function resolveURL(url) {
let href = url;
if (msie) {
urlParsingNode.setAttribute("href", href);
href = urlParsingNode.href;
}
urlParsingNode.setAttribute("href", href);
return {
href: urlParsingNode.href,
protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, "") : "",
host: urlParsingNode.host,
search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, "") : "",
hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, "") : "",
hostname: urlParsingNode.hostname,
port: urlParsingNode.port,
pathname: urlParsingNode.pathname.charAt(0) === "/" ? urlParsingNode.pathname : "/" + urlParsingNode.pathname
};
}
originURL = resolveURL(window.location.href);
return function isURLSameOrigin2(requestURL) {
const parsed = utils$1.isString(requestURL) ? resolveURL(requestURL) : requestURL;
return parsed.protocol === originURL.protocol && parsed.host === originURL.host;
};
}()
) : (
// Non standard browser envs (web workers, react-native) lack needed support.
/* @__PURE__ */ function nonStandardBrowserEnv() {
return function isURLSameOrigin2() {
return true;
};
}()
);
const cookies = platform.hasStandardBrowserEnv ? (
// Standard browser envs support document.cookie
{
write(name, value, expires, path, domain, secure) {
const cookie = [name + "=" + encodeURIComponent(value)];
utils$1.isNumber(expires) && cookie.push("expires=" + new Date(expires).toGMTString());
utils$1.isString(path) && cookie.push("path=" + path);
utils$1.isString(domain) && cookie.push("domain=" + domain);
secure === true && cookie.push("secure");
document.cookie = cookie.join("; ");
},
read(name) {
const match = document.cookie.match(new RegExp("(^|;\\s*)(" + name + ")=([^;]*)"));
return match ? decodeURIComponent(match[3]) : null;
},
remove(name) {
this.write(name, "", Date.now() - 864e5);
}
}
) : (
// Non-standard browser env (web workers, react-native) lack needed support.
{
write() {
},
read() {
return null;
},
remove() {
}
}
);
function isAbsoluteURL(url) {
return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url);
}
function combineURLs(baseURL, relativeURL) {
return relativeURL ? baseURL.replace(/\/?\/$/, "") + "/" + relativeURL.replace(/^\/+/, "") : baseURL;
}
function buildFullPath(baseURL, requestedURL) {
if (baseURL && !isAbsoluteURL(requestedURL)) {
return combineURLs(baseURL, requestedURL);
}
return requestedURL;
}
const headersToObject = (thing) => thing instanceof AxiosHeaders ? { ...thing } : thing;
function mergeConfig(config1, config2) {
config2 = config2 || {};
const config = {};
function getMergedValue(target, source, caseless) {
if (utils$1.isPlainObject(target) && utils$1.isPlainObject(source)) {
return utils$1.merge.call({ caseless }, target, source);
} else if (utils$1.isPlainObject(source)) {
return utils$1.merge({}, source);
} else if (utils$1.isArray(source)) {
return source.slice();
}
return source;
}
function mergeDeepProperties(a, b, caseless) {
if (!utils$1.isUndefined(b)) {
return getMergedValue(a, b, caseless);
} else if (!utils$1.isUndefined(a)) {
return getMergedValue(void 0, a, caseless);
}
}
function valueFromConfig2(a, b) {
if (!utils$1.isUndefined(b)) {
return getMergedValue(void 0, b);
}
}
function defaultToConfig2(a, b) {
if (!utils$1.isUndefined(b)) {
return getMergedValue(void 0, b);
} else if (!utils$1.isUndefined(a)) {
return getMergedValue(void 0, a);
}
}
function mergeDirectKeys(a, b, prop) {
if (prop in config2) {
return getMergedValue(a, b);
} else if (prop in config1) {
return getMergedValue(void 0, a);
}
}
const mergeMap = {
url: valueFromConfig2,
method: valueFromConfig2,
data: valueFromConfig2,
baseURL: defaultToConfig2,
transformRequest: defaultToConfig2,
transformResponse: defaultToConfig2,
paramsSerializer: defaultToConfig2,
timeout: defaultToConfig2,
timeoutMessage: defaultToConfig2,
withCredentials: defaultToConfig2,
withXSRFToken: defaultToConfig2,
adapter: defaultToConfig2,
responseType: defaultToConfig2,
xsrfCookieName: defaultToConfig2,
xsrfHeaderName: defaultToConfig2,
onUploadProgress: defaultToConfig2,
onDownloadProgress: defaultToConfig2,
decompress: defaultToConfig2,
maxContentLength: defaultToConfig2,
maxBodyLength: defaultToConfig2,
beforeRedirect: defaultToConfig2,
transport: defaultToConfig2,
httpAgent: defaultToConfig2,
httpsAgent: defaultToConfig2,
cancelToken: defaultToConfig2,
socketPath: defaultToConfig2,
responseEncoding: defaultToConfig2,
validateStatus: mergeDirectKeys,
headers: (a, b) => mergeDeepProperties(headersToObject(a), headersToObject(b), true)
};
utils$1.forEach(Object.keys(Object.assign({}, config1, config2)), function computeConfigValue(prop) {
const merge2 = mergeMap[prop] || mergeDeepProperties;
const configValue = merge2(config1[prop], config2[prop], prop);
utils$1.isUndefined(configValue) && merge2 !== mergeDirectKeys || (config[prop] = configValue);
});
return config;
}
const resolveConfig = (config) => {
const newConfig = mergeConfig({}, config);
let { data, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth } = newConfig;
newConfig.headers = headers = AxiosHeaders.from(headers);
newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url), config.params, config.paramsSerializer);
if (auth) {
headers.set(
"Authorization",
"Basic " + btoa((auth.username || "") + ":" + (auth.password ? unescape(encodeURIComponent(auth.password)) : ""))
);
}
let contentType;
if (utils$1.isFormData(data)) {
if (platform.hasStandardBrowserEnv || platform.hasStandardBrowserWebWorkerEnv) {
headers.setContentType(void 0);
} else if ((contentType = headers.getContentType()) !== false) {
const [type, ...tokens] = contentType ? contentType.split(";").map((token) => token.trim()).filter(Boolean) : [];
headers.setContentType([type || "multipart/form-data", ...tokens].join("; "));
}
}
if (platform.hasStandardBrowserEnv) {
withXSRFToken && utils$1.isFunction(withXSRFToken) && (withXSRFToken = withXSRFToken(newConfig));
if (withXSRFToken || withXSRFToken !== false && isURLSameOrigin(newConfig.url)) {
const xsrfValue = xsrfHeaderName && xsrfCookieName && cookies.read(xsrfCookieName);
if (xsrfValue) {
headers.set(xsrfHeaderName, xsrfValue);
}
}
}
return newConfig;
};
const isXHRAdapterSupported = typeof XMLHttpRequest !== "undefined";
const xhrAdapter = isXHRAdapterSupported && function(config) {
return new Promise(function dispatchXhrRequest(resolve, reject) {
const _config = resolveConfig(config);
let requestData = _config.data;
const requestHeaders = AxiosHeaders.from(_config.headers).normalize();
let { responseType, onUploadProgress, onDownloadProgress } = _config;
let onCanceled;
let uploadThrottled, downloadThrottled;
let flushUpload, flushDownload;
function done() {
flushUpload && flushUpload();
flushDownload && flushDownload();
_config.cancelToken && _config.cancelToken.unsubscribe(onCanceled);
_config.signal && _config.signal.removeEventListener("abort", onCanceled);
}
let request = new XMLHttpRequest();
request.open(_config.method.toUpperCase(), _config.url, true);
request.timeout = _config.timeout;
function onloadend() {
if (!request) {
return;
}
const responseHeaders = AxiosHeaders.from(
"getAllResponseHeaders" in request && request.getAllResponseHeaders()
);
const responseData = !responseType || responseType === "text" || responseType === "json" ? request.responseText : request.response;
const response = {
data: responseData,
status: request.status,
statusText: request.statusText,
headers: responseHeaders,
config,
request
};
settle(function _resolve(value) {
resolve(value);
done();
}, function _reject(err) {
reject(err);
done();
}, response);
request = null;
}
if ("onloadend" in request) {
request.onloadend = onloadend;
} else {
request.onreadystatechange = function handleLoad() {
if (!request || request.readyState !== 4) {
return;
}
if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf("file:") === 0)) {
return;
}
setTimeout(onloadend);
};
}
request.onabort = function handleAbort() {
if (!request) {
return;
}
reject(new AxiosError("Request aborted", AxiosError.ECONNABORTED, config, request));
request = null;
};
request.onerror = function handleError() {
reject(new AxiosError("Network Error", AxiosError.ERR_NETWORK, config, request));
request = null;
};
request.ontimeout = function handleTimeout() {
let timeoutErrorMessage = _config.timeout ? "timeout of " + _config.timeout + "ms exceeded" : "timeout exceeded";
const transitional2 = _config.transitional || transitionalDefaults;
if (_config.timeoutErrorMessage) {
timeoutErrorMessage = _config.timeoutErrorMessage;
}
reject(new AxiosError(
timeoutErrorMessage,
transitional2.clarifyTimeoutError ? AxiosError.ETIMEDOUT : AxiosError.ECONNABORTED,
config,
request
));
request = null;
};
requestData === void 0 && requestHeaders.setContentType(null);
if ("setRequestHeader" in request) {
utils$1.forEach(requestHeaders.toJSON(), function setRequestHeader(val, key) {
request.setRequestHeader(key, val);
});
}
if (!utils$1.isUndefined(_config.withCredentials)) {
request.withCredentials = !!_config.withCredentials;
}
if (responseType && responseType !== "json") {
request.responseType = _config.responseType;
}
if (onDownloadProgress) {
[downloadThrottled, flushDownload] = progressEventReducer(onDownloadProgress, true);
request.addEventListener("progress", downloadThrottled);
}
if (onUploadProgress && request.upload) {
[uploadThrottled, flushUpload] = progressEventReducer(onUploadProgress);
request.upload.addEventListener("progress", uploadThrottled);
request.upload.addEventListener("loadend", flushUpload);
}
if (_config.cancelToken || _config.signal) {
onCanceled = (cancel) => {
if (!request) {
return;
}
reject(!cancel || cancel.type ? new CanceledError(null, config, request) : cancel);
request.abort();
request = null;
};
_config.cancelToken && _config.cancelToken.subscribe(onCanceled);
if (_config.signal) {
_config.signal.aborted ? onCanceled() : _config.signal.addEventListener("abort", onCanceled);
}
}
const protocol = parseProtocol(_config.url);
if (protocol && platform.protocols.indexOf(protocol) === -1) {
reject(new AxiosError("Unsupported protocol " + protocol + ":", AxiosError.ERR_BAD_REQUEST, config));
return;
}
request.send(requestData || null);
});
};
const composeSignals = (signals, timeout) => {
const { length } = signals = signals ? signals.filter(Boolean) : [];
if (timeout || length) {
let controller = new AbortController();
let aborted;
const onabort = function(reason) {
if (!aborted) {
aborted = true;
unsubscribe();
const err = reason instanceof Error ? reason : this.reason;
controller.abort(err instanceof AxiosError ? err : new CanceledError(err instanceof Error ? err.message : err));
}
};
let timer = timeout && setTimeout(() => {
timer = null;
onabort(new AxiosError(`timeout ${timeout} of ms exceeded`, AxiosError.ETIMEDOUT));
}, timeout);
const unsubscribe = () => {
if (signals) {
timer && clearTimeout(timer);
timer = null;
signals.forEach((signal2) => {
signal2.unsubscribe ? signal2.unsubscribe(onabort) : signal2.removeEventListener("abort", onabort);
});
signals = null;
}
};
signals.forEach((signal2) => signal2.addEventListener("abort", onabort));
const { signal } = controller;
signal.unsubscribe = () => utils$1.asap(unsubscribe);
return signal;
}
};
const streamChunk = function* (chunk, chunkSize) {
let len = chunk.byteLength;
if (len < chunkSize) {
yield chunk;
return;
}
let pos = 0;
let end;
while (pos < len) {
end = pos + chunkSize;
yield chunk.slice(pos, end);
pos = end;
}
};
const readBytes = async function* (iterable, chunkSize) {
for await (const chunk of readStream(iterable)) {
yield* streamChunk(chunk, chunkSize);
}
};
const readStream = async function* (stream) {
if (stream[Symbol.asyncIterator]) {
yield* stream;
return;
}
const reader = stream.getReader();
try {
for (; ; ) {
const { done, value } = await reader.read();
if (done) {
break;
}
yield value;
}
} finally {
await reader.cancel();
}
};
const trackStream = (stream, chunkSize, onProgress, onFinish) => {
const iterator = readBytes(stream, chunkSize);
let bytes = 0;
let done;
let _onFinish = (e) => {
if (!done) {
done = true;
onFinish && onFinish(e);
}
};
return new ReadableStream({
async pull(controller) {
try {
const { done: done2, value } = await iterator.next();
if (done2) {
_onFinish();
controller.close();
return;
}
let len = value.byteLength;
if (onProgress) {
let loadedBytes = bytes += len;
onProgress(loadedBytes);
}
controller.enqueue(new Uint8Array(value));
} catch (err) {
_onFinish(err);
throw err;
}
},
cancel(reason) {
_onFinish(reason);
return iterator.return();
}
}, {
highWaterMark: 2
});
};
const isFetchSupported = typeof fetch === "function" && typeof Request === "function" && typeof Response === "function";
const isReadableStreamSupported = isFetchSupported && typeof ReadableStream === "function";
const encodeText = isFetchSupported && (typeof TextEncoder === "function" ? /* @__PURE__ */ ((encoder) => (str) => encoder.encode(str))(new TextEncoder()) : async (str) => new Uint8Array(await new Response(str).arrayBuffer()));
const test = (fn, ...args) => {
try {
return !!fn(...args);
} catch (e) {
return false;
}
};
const supportsRequestStream = isReadableStreamSupported && test(() => {
let duplexAccessed = false;
const hasContentType = new Request(platform.origin, {
body: new ReadableStream(),
method: "POST",
get duplex() {
duplexAccessed = true;
return "half";
}
}).headers.has("Content-Type");
return duplexAccessed && !hasContentType;
});
const DEFAULT_CHUNK_SIZE = 64 * 1024;
const supportsResponseStream = isReadableStreamSupported && test(() => utils$1.isReadableStream(new Response("").body));
const resolvers = {
stream: supportsResponseStream && ((res) => res.body)
};
isFetchSupported && ((res) => {
["text", "arrayBuffer", "blob", "formData", "stream"].forEach((type) => {
!resolvers[type] && (resolvers[type] = utils$1.isFunction(res[type]) ? (res2) => res2[type]() : (_, config) => {
throw new AxiosError(`Response type '${type}' is not supported`, AxiosError.ERR_NOT_SUPPORT, config);
});
});
})(new Response());
const getBodyLength = async (body) => {
if (body == null) {
return 0;
}
if (utils$1.isBlob(body)) {
return body.size;
}
if (utils$1.isSpecCompliantForm(body)) {
const _request = new Request(platform.origin, {
method: "POST",
body
});
return (await _request.arrayBuffer()).byteLength;
}
if (utils$1.isArrayBufferView(body) || utils$1.isArrayBuffer(body)) {
return body.byteLength;
}
if (utils$1.isURLSearchParams(body)) {
body = body + "";
}
if (utils$1.isString(body)) {
return (await encodeText(body)).byteLength;
}
};
const resolveBodyLength = async (headers, body) => {
const length = utils$1.toFiniteNumber(headers.getContentLength());
return length == null ? getBodyLength(body) : length;
};
const fetchAdapter = isFetchSupported && (async (config) => {
let {
url,
method,
data,
signal,
cancelToken,
timeout,
onDownloadProgress,
onUploadProgress,
responseType,
headers,
withCredentials = "same-origin",
fetchOptions
} = resolveConfig(config);
responseType = responseType ? (responseType + "").toLowerCase() : "text";
let composedSignal = composeSignals([signal, cancelToken && cancelToken.toAbortSignal()], timeout);
let request;
const unsubscribe = composedSignal && composedSignal.unsubscribe && (() => {
composedSignal.unsubscribe();
});
let requestContentLength;
try {
if (onUploadProgress && supportsRequestStream && method !== "get" && method !== "head" && (requestContentLength = await resolveBodyLength(headers, data)) !== 0) {
let _request = new Request(url, {
method: "POST",
body: data,
duplex: "half"
});
let contentTypeHeader;
if (utils$1.isFormData(data) && (contentTypeHeader = _request.headers.get("content-type"))) {
headers.setContentType(contentTypeHeader);
}
if (_request.body) {
const [onProgress, flush] = progressEventDecorator(
requestContentLength,
progressEventReducer(asyncDecorator(onUploadProgress))
);
data = trackStream(_request.body, DEFAULT_CHUNK_SIZE, onProgress, flush);
}
}
if (!utils$1.isString(withCredentials)) {
withCredentials = withCredentials ? "include" : "omit";
}
const isCredentialsSupported = "credentials" in Request.prototype;
request = new Request(url, {
...fetchOptions,
signal: composedSignal,
method: method.toUpperCase(),
headers: headers.normalize().toJSON(),
body: data,
duplex: "half",
credentials: isCredentialsSupported ? withCredentials : void 0
});
let response = await fetch(request);
const isStreamResponse = supportsResponseStream && (responseType === "stream" || responseType === "response");
if (supportsResponseStream && (onDownloadProgress || isStreamResponse && unsubscribe)) {
const options = {};
["status", "statusText", "headers"].forEach((prop) => {
options[prop] = response[prop];
});
const responseContentLength = utils$1.toFiniteNumber(response.headers.get("content-length"));
const [onProgress, flush] = onDownloadProgress && progressEventDecorator(
responseContentLength,
progressEventReducer(asyncDecorator(onDownloadProgress), true)
) || [];
response = new Response(
trackStream(response.body, DEFAULT_CHUNK_SIZE, onProgress, () => {
flush && flush();
unsubscribe && unsubscribe();
}),
options
);
}
responseType = responseType || "text";
let responseData = await resolvers[utils$1.findKey(resolvers, responseType) || "text"](response, config);
!isStreamResponse && unsubscribe && unsubscribe();
return await new Promise((resolve, reject) => {
settle(resolve, reject, {
data: responseData,
headers: AxiosHeaders.from(response.headers),
status: response.status,
statusText: response.statusText,
config,
request
});
});
} catch (err) {
unsubscribe && unsubscribe();
if (err && err.name === "TypeError" && /fetch/i.test(err.message)) {
throw Object.assign(
new AxiosError("Network Error", AxiosError.ERR_NETWORK, config, request),
{
cause: err.cause || err
}
);
}
throw AxiosError.from(err, err && err.code, config, request);
}
});
const knownAdapters = {
http: httpAdapter,
xhr: xhrAdapter,
fetch: fetchAdapter
};
utils$1.forEach(knownAdapters, (fn, value) => {
if (fn) {
try {
Object.defineProperty(fn, "name", { value });
} catch (e) {
}
Object.defineProperty(fn, "adapterName", { value });
}
});
const renderReason = (reason) => `- ${reason}`;
const isResolvedHandle = (adapter) => utils$1.isFunction(adapter) || adapter === null || adapter === false;
const adapters = {
getAdapter: (adapters2) => {
adapters2 = utils$1.isArray(adapters2) ? adapters2 : [adapters2];
const { length } = adapters2;
let nameOrAdapter;
let adapter;
const rejectedReasons = {};
for (let i = 0; i < length; i++) {
nameOrAdapter = adapters2[i];
let id;
adapter = nameOrAdapter;
if (!isResolvedHandle(nameOrAdapter)) {
adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];
if (adapter === void 0) {
throw new AxiosError(`Unknown adapter '${id}'`);
}
}
if (adapter) {
break;
}
rejectedReasons[id || "#" + i] = adapter;
}
if (!adapter) {
const reasons = Object.entries(rejectedReasons).map(
([id, state]) => `adapter ${id} ` + (state === false ? "is not supported by the environment" : "is not available in the build")
);
let s = length ? reasons.length > 1 ? "since :\n" + reasons.map(renderReason).join("\n") : " " + renderReason(reasons[0]) : "as no adapter specified";
throw new AxiosError(
`There is no suitable adapter to dispatch the request ` + s,
"ERR_NOT_SUPPORT"
);
}
return adapter;
},
adapters: knownAdapters
};
function throwIfCancellationRequested(config) {
if (config.cancelToken) {
config.cancelToken.throwIfRequested();
}
if (config.signal && config.signal.aborted) {
throw new CanceledError(null, config);
}
}
function dispatchRequest(config) {
throwIfCancellationRequested(config);
config.headers = AxiosHeaders.from(config.headers);
config.data = transformData.call(
config,
config.transformRequest
);
if (["post", "put", "patch"].indexOf(config.method) !== -1) {
config.headers.setContentType("application/x-www-form-urlencoded", false);
}
const adapter = adapters.getAdapter(config.adapter || defaults.adapter);
return adapter(config).then(function onAdapterResolution(response) {
throwIfCancellationRequested(config);
response.data = transformData.call(
config,
config.transformResponse,
response
);
response.headers = AxiosHeaders.from(response.headers);
return response;
}, function onAdapterRejection(reason) {
if (!isCancel(reason)) {
throwIfCancellationRequested(config);
if (reason && reason.response) {
reason.response.data = transformData.call(
config,
config.transformResponse,
reason.response
);
reason.response.headers = AxiosHeaders.from(reason.response.headers);
}
}
return Promise.reject(reason);
});
}
const VERSION = "1.7.7";
const validators$1 = {};
["object", "boolean", "number", "function", "string", "symbol"].forEach((type, i) => {
validators$1[type] = function validator2(thing) {
return typeof thing === type || "a" + (i < 1 ? "n " : " ") + type;
};
});
const deprecatedWarnings = {};
validators$1.transitional = function transitional(validator2, version, message) {
function formatMessage(opt, desc) {
return "[Axios v" + VERSION + "] Transitional option '" + opt + "'" + desc + (message ? ". " + message : "");
}
return (value, opt, opts) => {
if (validator2 === false) {
throw new AxiosError(
formatMessage(opt, " has been removed" + (version ? " in " + version : "")),
AxiosError.ERR_DEPRECATED
);
}
if (version && !deprecatedWarnings[opt]) {
deprecatedWarnings[opt] = true;
console.warn(
formatMessage(
opt,
" has been deprecated since v" + version + " and will be removed in the near future"
)
);
}
return validator2 ? validator2(value, opt, opts) : true;
};
};
function assertOptions(options, schema, allowUnknown) {
if (typeof options !== "object") {
throw new AxiosError("options must be an object", AxiosError.ERR_BAD_OPTION_VALUE);
}
const keys = Object.keys(options);
let i = keys.length;
while (i-- > 0) {
const opt = keys[i];
const validator2 = schema[opt];
if (validator2) {
const value = options[opt];
const result = value === void 0 || validator2(value, opt, options);
if (result !== true) {
throw new AxiosError("option " + opt + " must be " + result, AxiosError.ERR_BAD_OPTION_VALUE);
}
continue;
}
if (allowUnknown !== true) {
throw new AxiosError("Unknown option " + opt, AxiosError.ERR_BAD_OPTION);
}
}
}
const validator = {
assertOptions,
validators: validators$1
};
const validators = validator.validators;
class Axios {
constructor(instanceConfig) {
this.defaults = instanceConfig;
this.interceptors = {
request: new InterceptorManager(),
response: new InterceptorManager()
};
}
/**
* Dispatch a request
*
* @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults)
* @param {?Object} config
*
* @returns {Promise} The Promise to be fulfilled
*/
async request(configOrUrl, config) {
try {
return await this._request(configOrUrl, config);
} catch (err) {
if (err instanceof Error) {
let dummy;
Error.captureStackTrace ? Error.captureStackTrace(dummy = {}) : dummy = new Error();
const stack = dummy.stack ? dummy.stack.replace(/^.+\n/, "") : "";
try {
if (!err.stack) {
err.stack = stack;
} else if (stack && !String(err.stack).endsWith(stack.replace(/^.+\n.+\n/, ""))) {
err.stack += "\n" + stack;
}
} catch (e) {
}
}
throw err;
}
}
_request(configOrUrl, config) {
if (typeof configOrUrl === "string") {
config = config || {};
config.url = configOrUrl;
} else {
config = configOrUrl || {};
}
config = mergeConfig(this.defaults, config);
const { transitional: transitional2, paramsSerializer, headers } = config;
if (transitional2 !== void 0) {
validator.assertOptions(transitional2, {
silentJSONParsing: validators.transitional(validators.boolean),
forcedJSONParsing: validators.transitional(validators.boolean),
clarifyTimeoutError: validators.transitional(validators.boolean)
}, false);
}
if (paramsSerializer != null) {
if (utils$1.isFunction(paramsSerializer)) {
config.paramsSerializer = {
serialize: paramsSerializer
};
} else {
validator.assertOptions(paramsSerializer, {
encode: validators.function,
serialize: validators.function
}, true);
}
}
config.method = (config.method || this.defaults.method || "get").toLowerCase();
let contextHeaders = headers && utils$1.merge(
headers.common,
headers[config.method]
);
headers && utils$1.forEach(
["delete", "get", "head", "post", "put", "patch", "common"],
(method) => {
delete headers[method];
}
);
config.headers = AxiosHeaders.concat(contextHeaders, headers);
const requestInterceptorChain = [];
let synchronousRequestInterceptors = true;
this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
if (typeof interceptor.runWhen === "function" && interceptor.runWhen(config) === false) {
return;
}
synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;
requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);
});
const responseInterceptorChain = [];
this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);
});
let promise;
let i = 0;
let len;
if (!synchronousRequestInterceptors) {
const chain = [dispatchRequest.bind(this), void 0];
chain.unshift.apply(chain, requestInterceptorChain);
chain.push.apply(chain, responseInterceptorChain);
len = chain.length;
promise = Promise.resolve(config);
while (i < len) {
promise = promise.then(chain[i++], chain[i++]);
}
return promise;
}
len = requestInterceptorChain.length;
let newConfig = config;
i = 0;
while (i < len) {
const onFulfilled = requestInterceptorChain[i++];
const onRejected = requestInterceptorChain[i++];
try {
newConfig = onFulfilled(newConfig);
} catch (error) {
onRejected.call(this, error);
break;
}
}
try {
promise = dispatchRequest.call(this, newConfig);
} catch (error) {
return Promise.reject(error);
}
i = 0;
len = responseInterceptorChain.length;
while (i < len) {
promise = promise.then(responseInterceptorChain[i++], responseInterceptorChain[i++]);
}
return promise;
}
getUri(config) {
config = mergeConfig(this.defaults, config);
const fullPath = buildFullPath(config.baseURL, config.url);
return buildURL(fullPath, config.params, config.paramsSerializer);
}
}
utils$1.forEach(["delete", "get", "head", "options"], function forEachMethodNoData(method) {
Axios.prototype[method] = function(url, config) {
return this.request(mergeConfig(config || {}, {
method,
url,
data: (config || {}).data
}));
};
});
utils$1.forEach(["post", "put", "patch"], function forEachMethodWithData(method) {
function generateHTTPMethod(isForm) {
return function httpMethod(url, data, config) {
return this.request(mergeConfig(config || {}, {
method,
headers: isForm ? {
"Content-Type": "multipart/form-data"
} : {},
url,
data
}));
};
}
Axios.prototype[method] = generateHTTPMethod();
Axios.prototype[method + "Form"] = generateHTTPMethod(true);
});
class CancelToken {
constructor(executor) {
if (typeof executor !== "function") {
throw new TypeError("executor must be a function.");
}
let resolvePromise;
this.promise = new Promise(function promiseExecutor(resolve) {
resolvePromise = resolve;
});
const token = this;
this.promise.then((cancel) => {
if (!token._listeners) return;
let i = token._listeners.length;
while (i-- > 0) {
token._listeners[i](cancel);
}
token._listeners = null;
});
this.promise.then = (onfulfilled) => {
let _resolve;
const promise = new Promise((resolve) => {
token.subscribe(resolve);
_resolve = resolve;
}).then(onfulfilled);
promise.cancel = function reject() {
token.unsubscribe(_resolve);
};
return promise;
};
executor(function cancel(message, config, request) {
if (token.reason) {
return;
}
token.reason = new CanceledError(message, config, request);
resolvePromise(token.reason);
});
}
/**
* Throws a `CanceledError` if cancellation has been requested.
*/
throwIfRequested() {
if (this.reason) {
throw this.reason;
}
}
/**
* Subscribe to the cancel signal
*/
subscribe(listener) {
if (this.reason) {
listener(this.reason);
return;
}
if (this._listeners) {
this._listeners.push(listener);
} else {
this._listeners = [listener];
}
}
/**
* Unsubscribe from the cancel signal
*/
unsubscribe(listener) {
if (!this._listeners) {
return;
}
const index = this._listeners.indexOf(listener);
if (index !== -1) {
this._listeners.splice(index, 1);
}
}
toAbortSignal() {
const controller = new AbortController();
const abort = (err) => {
controller.abort(err);
};
this.subscribe(abort);
controller.signal.unsubscribe = () => this.unsubscribe(abort);
return controller.signal;
}
/**
* Returns an object that contains a new `CancelToken` and a function that, when called,
* cancels the `CancelToken`.
*/
static source() {
let cancel;
const token = new CancelToken(function executor(c) {
cancel = c;
});
return {
token,
cancel
};
}
}
function spread(callback) {
return function wrap(arr) {
return callback.apply(null, arr);
};
}
function isAxiosError(payload) {
return utils$1.isObject(payload) && payload.isAxiosError === true;
}
const HttpStatusCode = {
Continue: 100,
SwitchingProtocols: 101,
Processing: 102,
EarlyHints: 103,
Ok: 200,
Created: 201,
Accepted: 202,
NonAuthoritativeInformation: 203,
NoContent: 204,
ResetContent: 205,
PartialContent: 206,
MultiStatus: 207,
AlreadyReported: 208,
ImUsed: 226,
MultipleChoices: 300,
MovedPermanently: 301,
Found: 302,
SeeOther: 303,
NotModified: 304,
UseProxy: 305,
Unused: 306,
TemporaryRedirect: 307,
PermanentRedirect: 308,
BadRequest: 400,
Unauthorized: 401,
PaymentRequired: 402,
Forbidden: 403,
NotFound: 404,
MethodNotAllowed: 405,
NotAcceptable: 406,
ProxyAuthenticationRequired: 407,
RequestTimeout: 408,
Conflict: 409,
Gone: 410,
LengthRequired: 411,
PreconditionFailed: 412,
PayloadTooLarge: 413,
UriTooLong: 414,
UnsupportedMediaType: 415,
RangeNotSatisfiable: 416,
ExpectationFailed: 417,
ImATeapot: 418,
MisdirectedRequest: 421,
UnprocessableEntity: 422,
Locked: 423,
FailedDependency: 424,
TooEarly: 425,
UpgradeRequired: 426,
PreconditionRequired: 428,
TooManyRequests: 429,
RequestHeaderFieldsTooLarge: 431,
UnavailableForLegalReasons: 451,
InternalServerError: 500,
NotImplemented: 501,
BadGateway: 502,
ServiceUnavailable: 503,
GatewayTimeout: 504,
HttpVersionNotSupported: 505,
VariantAlsoNegotiates: 506,
InsufficientStorage: 507,
LoopDetected: 508,
NotExtended: 510,
NetworkAuthenticationRequired: 511
};
Object.entries(HttpStatusCode).forEach(([key, value]) => {
HttpStatusCode[value] = key;
});
function createInstance(defaultConfig) {
const context = new Axios(defaultConfig);
const instance = bind(Axios.prototype.request, context);
utils$1.extend(instance, Axios.prototype, context, { allOwnKeys: true });
utils$1.extend(instance, context, null, { allOwnKeys: true });
instance.create = function create(instanceConfig) {
return createInstance(mergeConfig(defaultConfig, instanceConfig));
};
return instance;
}
const axios = exports("ax", createInstance(defaults));
axios.Axios = Axios;
axios.CanceledError = CanceledError;
axios.CancelToken = CancelToken;
axios.isCancel = isCancel;
axios.VERSION = VERSION;
axios.toFormData = toFormData;
axios.AxiosError = AxiosError;
axios.Cancel = axios.CanceledError;
axios.all = function all(promises) {
return Promise.all(promises);
};
axios.spread = spread;
axios.isAxiosError = isAxiosError;
axios.mergeConfig = mergeConfig;
axios.AxiosHeaders = AxiosHeaders;
axios.formToJSON = (thing) => formDataToJSON(utils$1.isHTMLForm(thing) ? new FormData(thing) : thing);
axios.getAdapter = adapters.getAdapter;
axios.HttpStatusCode = HttpStatusCode;
axios.default = axios;
logger.debug("初始化");
async function main(router) {
let module$1 = {
run() {
logger.info("BoosHelper加载成功");
logger.warn("当前页面无对应hook脚本", router.path);
}
};
switch (router.path) {
case "/web/geek/job":
module$1 = await __vitePreload(() => module.import('./index-BR7EGfjd-B_EqCQ0K.js'), void 0 );
break;
}
module$1.run();
const helper = document.querySelector("#boos-helper");
if (!helper) {
const app = createApp(_sfc_main);
const appEl = document.createElement("div");
appEl.id = "boos-helper";
document.body.append(appEl);
app.mount(appEl);
}
}
async function start() {
document.documentElement.classList.toggle(
"dark",
_GM_getValue("theme-dark", false)
);
const v = await getRootVue();
v.$router.afterHooks.push(main);
main(v.$route);
let axiosLoad;
axios.interceptors.request.use(
function(config) {
if (config.timeout) {
axiosLoad = loader({ ms: config.timeout, color: "#F79E63" });
}
return config;
},
function(error) {
if (axiosLoad) axiosLoad();
return Promise.reject(error);
}
);
axios.interceptors.response.use(
function(response) {
if (axiosLoad) axiosLoad();
return response;
},
function(error) {
if (axiosLoad) axiosLoad();
return Promise.reject(error);
}
);
}
logger.debug("开始运行");
start();
})
};
}));
System.register("./index-BR7EGfjd-B_EqCQ0K.js", ['./__monkey.entry-PpeAzA7V.js', 'vue', 'element-plus', 'protobufjs'], (function (exports, module) {
'use strict';
var buildProp, definePropType, buildProps, useNamespace, TypeComponentsMap, ElIcon, withInstall, componentSizes, useFormSize, formContextKey, formItemContextKey, useId, refDebounced, addUnit, isBoolean$1, isString$1, withNoopInstall, useSizeProp, iconPropType, useFormItem, useFormItemInputId, useFormDisabled, ValidateComponentsMap, view_default, hide_default, isNil, NOOP, circle_close_default, isObject$1, isElement, isNumber$1, isClient, close_default, arrow_right_default, ElButton, arrow_down_default, useDeprecated, isUndefined$1, minus_default, arrow_up_default, plus_default, isArray$1, addClass, removeClass, _GM_getValue, logger, _unsafeWindow, _GM_setValue, resolveUnref, isString$2, noop$1, tryOnScopeDispose, computedWithControl, identity$1, fromPairs, useGetDerivedNamespace, useIdInjection, TypeComponents, _export_sfc$1, isPropAbsent, hasOwn, CloseComponents, useGlobalConfig, defaultNamespace, elmGetter, isIOS, tryOnMounted, isFunction$1, hasClass, getStyle, useTimeoutFn, formInfoData, toValue, noop$2, isObject$2, tryOnScopeDispose$1, loading_default, _GM_xmlhttpRequest, loader, useConfFormData, useStatistics, delay, notification, isClient$1, useHookVueData, watchIgnorable, useHookVueFn, axios, useUserId, getCurDay, getCurTime, useStore$1, deepmerge, reactiveComputed, ref, defineComponent, useSlots, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow, watch, provide, reactive, toRefs, inject, onMounted, onBeforeUnmount, onUpdated, normalizeStyle, TransitionGroup, useAttrs$1, shallowRef, nextTick, toRef, mergeProps, withModifiers, onActivated, cloneVNode, Text$1, Comment, readonly, onDeactivated, isRef, vModelCheckbox, vModelRadio, toHandlers, withKeys, getCurrentInstance, watchEffect, h$1, createSlots, isVNode, onUnmounted, onBeforeMount, renderList, toRaw, pushScopeId, popScopeId, markRaw, createApp, onScopeDispose, Teleport$1, resolveComponent, resolveDirective, render$3, mergeModels, useModel$1, shallowReactive, normalizeProps, guardReactiveProps, withScopeId, ElMessageBox, ElNotification, ElTooltip$1, ElTabs, ElTabPane, ElCheckbox$1, ElLink$1, ElImage, ElSpace$1, ElButton$1, ElAutoResizer, ElTableV2, ElRow, ElCol, ElStatistic, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon$1, ElButtonGroup, ElProgress, ElMessage, ElTag$1, ElSwitch, ElInput$1, ElDialog$1, ElAlert$1, ElSelectV2, ElText$1, ElForm$1, ElFormItem$1, ElSelect, ElOption, ElSlider, ElInputNumber$1, protobuf;
return {
setters: [module => {
buildProp = module.b;
definePropType = module.d;
buildProps = module.a;
useNamespace = module.u;
TypeComponentsMap = module.T;
ElIcon = module.E;
withInstall = module.w;
componentSizes = module.c;
useFormSize = module.e;
formContextKey = module.f;
formItemContextKey = module.g;
useId = module.h;
refDebounced = module.r;
addUnit = module.i;
isBoolean$1 = module.j;
isString$1 = module.k;
withNoopInstall = module.l;
useSizeProp = module.m;
iconPropType = module.n;
useFormItem = module.o;
useFormItemInputId = module.p;
useFormDisabled = module.q;
ValidateComponentsMap = module.V;
view_default = module.v;
hide_default = module.s;
isNil = module.t;
NOOP = module.N;
circle_close_default = module.x;
isObject$1 = module.y;
isElement = module.z;
isNumber$1 = module.A;
isClient = module.B;
close_default = module.C;
arrow_right_default = module.D;
ElButton = module.F;
arrow_down_default = module.G;
useDeprecated = module.H;
isUndefined$1 = module.I;
minus_default = module.J;
arrow_up_default = module.K;
plus_default = module.L;
isArray$1 = module.M;
addClass = module.O;
removeClass = module.P;
_GM_getValue = module._;
logger = module.Q;
_unsafeWindow = module.R;
_GM_setValue = module.S;
resolveUnref = module.U;
isString$2 = module.W;
noop$1 = module.X;
tryOnScopeDispose = module.Y;
computedWithControl = module.Z;
identity$1 = module.$;
fromPairs = module.a0;
useGetDerivedNamespace = module.a1;
useIdInjection = module.a2;
TypeComponents = module.a3;
_export_sfc$1 = module.a4;
isPropAbsent = module.a5;
hasOwn = module.a6;
CloseComponents = module.a7;
useGlobalConfig = module.a8;
defaultNamespace = module.a9;
elmGetter = module.aa;
isIOS = module.ab;
tryOnMounted = module.ac;
isFunction$1 = module.ad;
hasClass = module.ae;
getStyle = module.af;
useTimeoutFn = module.ag;
formInfoData = module.ah;
toValue = module.ai;
noop$2 = module.aj;
isObject$2 = module.ak;
tryOnScopeDispose$1 = module.al;
loading_default = module.am;
_GM_xmlhttpRequest = module.an;
loader = module.ao;
useConfFormData = module.ap;
useStatistics = module.aq;
delay = module.ar;
notification = module.as;
isClient$1 = module.at;
useHookVueData = module.au;
watchIgnorable = module.av;
useHookVueFn = module.aw;
axios = module.ax;
useUserId = module.ay;
getCurDay = module.az;
getCurTime = module.aA;
useStore$1 = module.aB;
deepmerge = module.aC;
reactiveComputed = module.aD;
}, module => {
ref = module.ref;
defineComponent = module.defineComponent;
useSlots = module.useSlots;
computed = module.computed;
openBlock = module.openBlock;
createBlock = module.createBlock;
Transition = module.Transition;
unref = module.unref;
withCtx = module.withCtx;
withDirectives = module.withDirectives;
createElementVNode = module.createElementVNode;
normalizeClass = module.normalizeClass;
resolveDynamicComponent = module.resolveDynamicComponent;
createCommentVNode = module.createCommentVNode;
createElementBlock = module.createElementBlock;
renderSlot = module.renderSlot;
createTextVNode = module.createTextVNode;
toDisplayString = module.toDisplayString;
Fragment = module.Fragment;
createVNode = module.createVNode;
vShow = module.vShow;
watch = module.watch;
provide = module.provide;
reactive = module.reactive;
toRefs = module.toRefs;
inject = module.inject;
onMounted = module.onMounted;
onBeforeUnmount = module.onBeforeUnmount;
onUpdated = module.onUpdated;
normalizeStyle = module.normalizeStyle;
TransitionGroup = module.TransitionGroup;
useAttrs$1 = module.useAttrs;
shallowRef = module.shallowRef;
nextTick = module.nextTick;
toRef = module.toRef;
mergeProps = module.mergeProps;
withModifiers = module.withModifiers;
onActivated = module.onActivated;
cloneVNode = module.cloneVNode;
Text$1 = module.Text;
Comment = module.Comment;
readonly = module.readonly;
onDeactivated = module.onDeactivated;
isRef = module.isRef;
vModelCheckbox = module.vModelCheckbox;
vModelRadio = module.vModelRadio;
toHandlers = module.toHandlers;
withKeys = module.withKeys;
getCurrentInstance = module.getCurrentInstance;
watchEffect = module.watchEffect;
h$1 = module.h;
createSlots = module.createSlots;
isVNode = module.isVNode;
onUnmounted = module.onUnmounted;
onBeforeMount = module.onBeforeMount;
renderList = module.renderList;
toRaw = module.toRaw;
pushScopeId = module.pushScopeId;
popScopeId = module.popScopeId;
markRaw = module.markRaw;
createApp = module.createApp;
onScopeDispose = module.onScopeDispose;
Teleport$1 = module.Teleport;
resolveComponent = module.resolveComponent;
resolveDirective = module.resolveDirective;
render$3 = module.render;
mergeModels = module.mergeModels;
useModel$1 = module.useModel;
shallowReactive = module.shallowReactive;
normalizeProps = module.normalizeProps;
guardReactiveProps = module.guardReactiveProps;
withScopeId = module.withScopeId;
}, module => {
ElMessageBox = module.ElMessageBox;
ElNotification = module.ElNotification;
ElTooltip$1 = module.ElTooltip;
ElTabs = module.ElTabs;
ElTabPane = module.ElTabPane;
ElCheckbox$1 = module.ElCheckbox;
ElLink$1 = module.ElLink;
ElImage = module.ElImage;
ElSpace$1 = module.ElSpace;
ElButton$1 = module.ElButton;
ElAutoResizer = module.ElAutoResizer;
ElTableV2 = module.ElTableV2;
ElRow = module.ElRow;
ElCol = module.ElCol;
ElStatistic = module.ElStatistic;
ElDropdown = module.ElDropdown;
ElDropdownMenu = module.ElDropdownMenu;
ElDropdownItem = module.ElDropdownItem;
ElIcon$1 = module.ElIcon;
ElButtonGroup = module.ElButtonGroup;
ElProgress = module.ElProgress;
ElMessage = module.ElMessage;
ElTag$1 = module.ElTag;
ElSwitch = module.ElSwitch;
ElInput$1 = module.ElInput;
ElDialog$1 = module.ElDialog;
ElAlert$1 = module.ElAlert;
ElSelectV2 = module.ElSelectV2;
ElText$1 = module.ElText;
ElForm$1 = module.ElForm;
ElFormItem$1 = module.ElFormItem;
ElSelect = module.ElSelect;
ElOption = module.ElOption;
ElSlider = module.ElSlider;
ElInputNumber$1 = module.ElInputNumber;
}, module => {
protobuf = module.default;
}],
execute: (function () {
exports("run", run);
var __defProp = Object.defineProperty;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
function unrefElement$1(elRef) {
var _a;
const plain = toValue(elRef);
return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
}
const defaultWindow$1 = isClient$1 ? window : void 0;
function useEventListener$1(...args) {
let target;
let events2;
let listeners;
let options2;
if (typeof args[0] === "string" || Array.isArray(args[0])) {
[events2, listeners, options2] = args;
target = defaultWindow$1;
} else {
[target, events2, listeners, options2] = args;
}
if (!target)
return noop$2;
if (!Array.isArray(events2))
events2 = [events2];
if (!Array.isArray(listeners))
listeners = [listeners];
const cleanups = [];
const cleanup = () => {
cleanups.forEach((fn2) => fn2());
cleanups.length = 0;
};
const register2 = (el, event, listener, options22) => {
el.addEventListener(event, listener, options22);
return () => el.removeEventListener(event, listener, options22);
};
const stopWatch = watch(
() => [unrefElement$1(target), toValue(options2)],
([el, options22]) => {
cleanup();
if (!el)
return;
const optionsClone = isObject$2(options22) ? { ...options22 } : options22;
cleanups.push(
...events2.flatMap((event) => {
return listeners.map((listener) => register2(el, event, listener, optionsClone));
})
);
},
{ immediate: true, flush: "post" }
);
const stop = () => {
stopWatch();
cleanup();
};
tryOnScopeDispose$1(stop);
return stop;
}
const UseMouseBuiltinExtractors = {
page: (event) => [event.pageX, event.pageY],
client: (event) => [event.clientX, event.clientY],
screen: (event) => [event.screenX, event.screenY],
movement: (event) => event instanceof Touch ? null : [event.movementX, event.movementY]
};
function useMouse(options2 = {}) {
const {
type: type4 = "page",
touch = true,
resetOnTouchEnds = false,
initialValue = { x: 0, y: 0 },
window: window2 = defaultWindow$1,
target = window2,
scroll: scroll3 = true,
eventFilter
} = options2;
let _prevMouseEvent = null;
const x2 = ref(initialValue.x);
const y = ref(initialValue.y);
const sourceType = ref(null);
const extractor = typeof type4 === "function" ? type4 : UseMouseBuiltinExtractors[type4];
const mouseHandler = (event) => {
const result = extractor(event);
_prevMouseEvent = event;
if (result) {
[x2.value, y.value] = result;
sourceType.value = "mouse";
}
};
const touchHandler = (event) => {
if (event.touches.length > 0) {
const result = extractor(event.touches[0]);
if (result) {
[x2.value, y.value] = result;
sourceType.value = "touch";
}
}
};
const scrollHandler = () => {
if (!_prevMouseEvent || !window2)
return;
const pos = extractor(_prevMouseEvent);
if (_prevMouseEvent instanceof MouseEvent && pos) {
x2.value = pos[0] + window2.scrollX;
y.value = pos[1] + window2.scrollY;
}
};
const reset = () => {
x2.value = initialValue.x;
y.value = initialValue.y;
};
const mouseHandlerWrapper = eventFilter ? (event) => eventFilter(() => mouseHandler(event), {}) : (event) => mouseHandler(event);
const touchHandlerWrapper = eventFilter ? (event) => eventFilter(() => touchHandler(event), {}) : (event) => touchHandler(event);
const scrollHandlerWrapper = eventFilter ? () => eventFilter(() => scrollHandler(), {}) : () => scrollHandler();
if (target) {
const listenerOptions = { passive: true };
useEventListener$1(target, ["mousemove", "dragover"], mouseHandlerWrapper, listenerOptions);
if (touch && type4 !== "movement") {
useEventListener$1(target, ["touchstart", "touchmove"], touchHandlerWrapper, listenerOptions);
if (resetOnTouchEnds)
useEventListener$1(target, "touchend", reset, listenerOptions);
}
if (scroll3 && type4 === "page")
useEventListener$1(window2, "scroll", scrollHandlerWrapper, { passive: true });
}
return {
x: x2,
y,
sourceType
};
}
function useMouseInElement(target, options2 = {}) {
const {
handleOutside = true,
window: window2 = defaultWindow$1
} = options2;
const type4 = options2.type || "page";
const { x: x2, y, sourceType } = useMouse(options2);
const targetRef = ref(target != null ? target : window2 == null ? void 0 : window2.document.body);
const elementX = ref(0);
const elementY = ref(0);
const elementPositionX = ref(0);
const elementPositionY = ref(0);
const elementHeight = ref(0);
const elementWidth = ref(0);
const isOutside = ref(true);
let stop = () => {
};
if (window2) {
stop = watch(
[targetRef, x2, y],
() => {
const el = unrefElement$1(targetRef);
if (!el)
return;
const {
left,
top,
width,
height
} = el.getBoundingClientRect();
elementPositionX.value = left + (type4 === "page" ? window2.pageXOffset : 0);
elementPositionY.value = top + (type4 === "page" ? window2.pageYOffset : 0);
elementHeight.value = height;
elementWidth.value = width;
const elX = x2.value - elementPositionX.value;
const elY = y.value - elementPositionY.value;
isOutside.value = width === 0 || height === 0 || elX < 0 || elY < 0 || elX > width || elY > height;
if (handleOutside || !isOutside.value) {
elementX.value = elX;
elementY.value = elY;
}
},
{ immediate: true }
);
useEventListener$1(document, "mouseleave", () => {
isOutside.value = true;
});
}
return {
x: x2,
y,
sourceType,
elementX,
elementY,
elementPositionX,
elementPositionY,
elementHeight,
elementWidth,
isOutside,
stop
};
}
const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
const handleEvent = (event) => {
const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
if (checkForDefaultPrevented === false || !shouldPrevent) {
return oursHandler == null ? void 0 : oursHandler(event);
}
};
return handleEvent;
};
function unrefElement(elRef) {
var _a;
const plain = resolveUnref(elRef);
return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
}
const defaultWindow = isClient ? window : void 0;
function useEventListener(...args) {
let target;
let events;
let listeners;
let options2;
if (isString$2(args[0]) || Array.isArray(args[0])) {
[events, listeners, options2] = args;
target = defaultWindow;
} else {
[target, events, listeners, options2] = args;
}
if (!target)
return noop$1;
if (!Array.isArray(events))
events = [events];
if (!Array.isArray(listeners))
listeners = [listeners];
const cleanups = [];
const cleanup = () => {
cleanups.forEach((fn2) => fn2());
cleanups.length = 0;
};
const register2 = (el, event, listener, options22) => {
el.addEventListener(event, listener, options22);
return () => el.removeEventListener(event, listener, options22);
};
const stopWatch = watch(() => [unrefElement(target), resolveUnref(options2)], ([el, options22]) => {
cleanup();
if (!el)
return;
cleanups.push(...events.flatMap((event) => {
return listeners.map((listener) => register2(el, event, listener, options22));
}));
}, { immediate: true, flush: "post" });
const stop = () => {
stopWatch();
cleanup();
};
tryOnScopeDispose(stop);
return stop;
}
let _iOSWorkaround = false;
function onClickOutside(target, handler, options2 = {}) {
const { window: window2 = defaultWindow, ignore = [], capture = true, detectIframe = false } = options2;
if (!window2)
return;
if (isIOS && !_iOSWorkaround) {
_iOSWorkaround = true;
Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop$1));
}
let shouldListen = true;
const shouldIgnore = (event) => {
return ignore.some((target2) => {
if (typeof target2 === "string") {
return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
} else {
const el = unrefElement(target2);
return el && (event.target === el || event.composedPath().includes(el));
}
});
};
const listener = (event) => {
const el = unrefElement(target);
if (!el || el === event.target || event.composedPath().includes(el))
return;
if (event.detail === 0)
shouldListen = !shouldIgnore(event);
if (!shouldListen) {
shouldListen = true;
return;
}
handler(event);
};
const cleanup = [
useEventListener(window2, "click", listener, { passive: true, capture }),
useEventListener(window2, "pointerdown", (e) => {
const el = unrefElement(target);
if (el)
shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
}, { passive: true }),
detectIframe && useEventListener(window2, "blur", (event) => {
var _a;
const el = unrefElement(target);
if (((_a = window2.document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window2.document.activeElement)))
handler(event);
})
].filter(Boolean);
const stop = () => cleanup.forEach((fn2) => fn2());
return stop;
}
function useActiveElement(options2 = {}) {
var _a;
const { window: window2 = defaultWindow } = options2;
const document2 = (_a = options2.document) != null ? _a : window2 == null ? void 0 : window2.document;
const activeElement = computedWithControl(() => null, () => document2 == null ? void 0 : document2.activeElement);
if (window2) {
useEventListener(window2, "blur", (event) => {
if (event.relatedTarget !== null)
return;
activeElement.trigger();
}, true);
useEventListener(window2, "focus", activeElement.trigger, true);
}
return activeElement;
}
function useSupported(callback, sync = false) {
const isSupported = ref();
const update = () => isSupported.value = Boolean(callback());
update();
tryOnMounted(update, sync);
return isSupported;
}
const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
const globalKey = "__vueuse_ssr_handlers__";
_global[globalKey] = _global[globalKey] || {};
var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
var __hasOwnProp$g = Object.prototype.hasOwnProperty;
var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
var __objRest$2 = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols$g)
for (var prop of __getOwnPropSymbols$g(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
target[prop] = source[prop];
}
return target;
};
function useResizeObserver(target, callback, options2 = {}) {
const _a = options2, { window: window2 = defaultWindow } = _a, observerOptions = __objRest$2(_a, ["window"]);
let observer;
const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
const cleanup = () => {
if (observer) {
observer.disconnect();
observer = void 0;
}
};
const stopWatch = watch(() => unrefElement(target), (el) => {
cleanup();
if (isSupported.value && window2 && el) {
observer = new ResizeObserver(callback);
observer.observe(el, observerOptions);
}
}, { immediate: true, flush: "post" });
const stop = () => {
cleanup();
stopWatch();
};
tryOnScopeDispose(stop);
return {
isSupported,
stop
};
}
var SwipeDirection;
(function(SwipeDirection2) {
SwipeDirection2["UP"] = "UP";
SwipeDirection2["RIGHT"] = "RIGHT";
SwipeDirection2["DOWN"] = "DOWN";
SwipeDirection2["LEFT"] = "LEFT";
SwipeDirection2["NONE"] = "NONE";
})(SwipeDirection || (SwipeDirection = {}));
var __defProp2 = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a2, b2) => {
for (var prop in b2 || (b2 = {}))
if (__hasOwnProp.call(b2, prop))
__defNormalProp2(a2, prop, b2[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b2)) {
if (__propIsEnum.call(b2, prop))
__defNormalProp2(a2, prop, b2[prop]);
}
return a2;
};
const _TransitionPresets = {
easeInSine: [0.12, 0, 0.39, 0],
easeOutSine: [0.61, 1, 0.88, 1],
easeInOutSine: [0.37, 0, 0.63, 1],
easeInQuad: [0.11, 0, 0.5, 0],
easeOutQuad: [0.5, 1, 0.89, 1],
easeInOutQuad: [0.45, 0, 0.55, 1],
easeInCubic: [0.32, 0, 0.67, 0],
easeOutCubic: [0.33, 1, 0.68, 1],
easeInOutCubic: [0.65, 0, 0.35, 1],
easeInQuart: [0.5, 0, 0.75, 0],
easeOutQuart: [0.25, 1, 0.5, 1],
easeInOutQuart: [0.76, 0, 0.24, 1],
easeInQuint: [0.64, 0, 0.78, 0],
easeOutQuint: [0.22, 1, 0.36, 1],
easeInOutQuint: [0.83, 0, 0.17, 1],
easeInExpo: [0.7, 0, 0.84, 0],
easeOutExpo: [0.16, 1, 0.3, 1],
easeInOutExpo: [0.87, 0, 0.13, 1],
easeInCirc: [0.55, 0, 1, 0.45],
easeOutCirc: [0, 0.55, 0.45, 1],
easeInOutCirc: [0.85, 0, 0.15, 1],
easeInBack: [0.36, 0, 0.66, -0.56],
easeOutBack: [0.34, 1.56, 0.64, 1],
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
};
__spreadValues({
linear: identity$1
}, _TransitionPresets);
const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
const getClientXY = (event) => {
let clientX;
let clientY;
if (event.type === "touchend") {
clientY = event.changedTouches[0].clientY;
clientX = event.changedTouches[0].clientX;
} else if (event.type.startsWith("touch")) {
clientY = event.touches[0].clientY;
clientX = event.touches[0].clientX;
} else {
clientY = event.clientY;
clientX = event.clientX;
}
return {
clientX,
clientY
};
};
var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
var freeSelf = typeof self == "object" && self && self.Object === Object && self;
var root$1 = freeGlobal || freeSelf || Function("return this")();
var Symbol$1 = root$1.Symbol;
var objectProto$f = Object.prototype;
var hasOwnProperty$c = objectProto$f.hasOwnProperty;
var nativeObjectToString$1 = objectProto$f.toString;
var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
function getRawTag(value) {
var isOwn = hasOwnProperty$c.call(value, symToStringTag$1), tag = value[symToStringTag$1];
try {
value[symToStringTag$1] = void 0;
var unmasked = true;
} catch (e) {
}
var result = nativeObjectToString$1.call(value);
if (unmasked) {
if (isOwn) {
value[symToStringTag$1] = tag;
} else {
delete value[symToStringTag$1];
}
}
return result;
}
var objectProto$e = Object.prototype;
var nativeObjectToString = objectProto$e.toString;
function objectToString(value) {
return nativeObjectToString.call(value);
}
var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
function baseGetTag(value) {
if (value == null) {
return value === void 0 ? undefinedTag : nullTag;
}
return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
}
function isObjectLike(value) {
return value != null && typeof value == "object";
}
var symbolTag$3 = "[object Symbol]";
function isSymbol(value) {
return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$3;
}
function arrayMap(array4, iteratee) {
var index = -1, length = array4 == null ? 0 : array4.length, result = Array(length);
while (++index < length) {
result[index] = iteratee(array4[index], index, array4);
}
return result;
}
var isArray = Array.isArray;
var INFINITY$1 = 1 / 0;
var symbolProto$2 = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
function baseToString(value) {
if (typeof value == "string") {
return value;
}
if (isArray(value)) {
return arrayMap(value, baseToString) + "";
}
if (isSymbol(value)) {
return symbolToString ? symbolToString.call(value) : "";
}
var result = value + "";
return result == "0" && 1 / value == -INFINITY$1 ? "-0" : result;
}
var reWhitespace = /\s/;
function trimmedEndIndex(string3) {
var index = string3.length;
while (index-- && reWhitespace.test(string3.charAt(index))) {
}
return index;
}
var reTrimStart = /^\s+/;
function baseTrim(string3) {
return string3 ? string3.slice(0, trimmedEndIndex(string3) + 1).replace(reTrimStart, "") : string3;
}
function isObject(value) {
var type4 = typeof value;
return value != null && (type4 == "object" || type4 == "function");
}
var NAN = 0 / 0;
var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
var reIsBinary = /^0b[01]+$/i;
var reIsOctal = /^0o[0-7]+$/i;
var freeParseInt = parseInt;
function toNumber(value) {
if (typeof value == "number") {
return value;
}
if (isSymbol(value)) {
return NAN;
}
if (isObject(value)) {
var other2 = typeof value.valueOf == "function" ? value.valueOf() : value;
value = isObject(other2) ? other2 + "" : other2;
}
if (typeof value != "string") {
return value === 0 ? value : +value;
}
value = baseTrim(value);
var isBinary = reIsBinary.test(value);
return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
}
function identity(value) {
return value;
}
var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
function isFunction(value) {
if (!isObject(value)) {
return false;
}
var tag = baseGetTag(value);
return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
}
var coreJsData = root$1["__core-js_shared__"];
var maskSrcKey = function() {
var uid2 = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
return uid2 ? "Symbol(src)_1." + uid2 : "";
}();
function isMasked(func) {
return !!maskSrcKey && maskSrcKey in func;
}
var funcProto$2 = Function.prototype;
var funcToString$2 = funcProto$2.toString;
function toSource(func) {
if (func != null) {
try {
return funcToString$2.call(func);
} catch (e) {
}
try {
return func + "";
} catch (e) {
}
}
return "";
}
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
var reIsHostCtor = /^\[object .+?Constructor\]$/;
var funcProto$1 = Function.prototype, objectProto$d = Object.prototype;
var funcToString$1 = funcProto$1.toString;
var hasOwnProperty$b = objectProto$d.hasOwnProperty;
var reIsNative = RegExp(
"^" + funcToString$1.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
);
function baseIsNative(value) {
if (!isObject(value) || isMasked(value)) {
return false;
}
var pattern4 = isFunction(value) ? reIsNative : reIsHostCtor;
return pattern4.test(toSource(value));
}
function getValue$1(object4, key) {
return object4 == null ? void 0 : object4[key];
}
function getNative(object4, key) {
var value = getValue$1(object4, key);
return baseIsNative(value) ? value : void 0;
}
var WeakMap$1 = getNative(root$1, "WeakMap");
var objectCreate = Object.create;
var baseCreate = /* @__PURE__ */ function() {
function object4() {
}
return function(proto) {
if (!isObject(proto)) {
return {};
}
if (objectCreate) {
return objectCreate(proto);
}
object4.prototype = proto;
var result = new object4();
object4.prototype = void 0;
return result;
};
}();
function apply(func, thisArg, args) {
switch (args.length) {
case 0:
return func.call(thisArg);
case 1:
return func.call(thisArg, args[0]);
case 2:
return func.call(thisArg, args[0], args[1]);
case 3:
return func.call(thisArg, args[0], args[1], args[2]);
}
return func.apply(thisArg, args);
}
function copyArray(source, array4) {
var index = -1, length = source.length;
array4 || (array4 = Array(length));
while (++index < length) {
array4[index] = source[index];
}
return array4;
}
var HOT_COUNT = 800, HOT_SPAN = 16;
var nativeNow = Date.now;
function shortOut(func) {
var count = 0, lastCalled = 0;
return function() {
var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
lastCalled = stamp;
if (remaining > 0) {
if (++count >= HOT_COUNT) {
return arguments[0];
}
} else {
count = 0;
}
return func.apply(void 0, arguments);
};
}
function constant(value) {
return function() {
return value;
};
}
var defineProperty = function() {
try {
var func = getNative(Object, "defineProperty");
func({}, "", {});
return func;
} catch (e) {
}
}();
var baseSetToString = !defineProperty ? identity : function(func, string3) {
return defineProperty(func, "toString", {
"configurable": true,
"enumerable": false,
"value": constant(string3),
"writable": true
});
};
var setToString = shortOut(baseSetToString);
function arrayEach(array4, iteratee) {
var index = -1, length = array4 == null ? 0 : array4.length;
while (++index < length) {
if (iteratee(array4[index], index, array4) === false) {
break;
}
}
return array4;
}
var MAX_SAFE_INTEGER$1 = 9007199254740991;
var reIsUint = /^(?:0|[1-9]\d*)$/;
function isIndex(value, length) {
var type4 = typeof value;
length = length == null ? MAX_SAFE_INTEGER$1 : length;
return !!length && (type4 == "number" || type4 != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
}
function baseAssignValue(object4, key, value) {
if (key == "__proto__" && defineProperty) {
defineProperty(object4, key, {
"configurable": true,
"enumerable": true,
"value": value,
"writable": true
});
} else {
object4[key] = value;
}
}
function eq(value, other2) {
return value === other2 || value !== value && other2 !== other2;
}
var objectProto$c = Object.prototype;
var hasOwnProperty$a = objectProto$c.hasOwnProperty;
function assignValue(object4, key, value) {
var objValue = object4[key];
if (!(hasOwnProperty$a.call(object4, key) && eq(objValue, value)) || value === void 0 && !(key in object4)) {
baseAssignValue(object4, key, value);
}
}
function copyObject(source, props2, object4, customizer) {
var isNew = !object4;
object4 || (object4 = {});
var index = -1, length = props2.length;
while (++index < length) {
var key = props2[index];
var newValue = void 0;
if (newValue === void 0) {
newValue = source[key];
}
if (isNew) {
baseAssignValue(object4, key, newValue);
} else {
assignValue(object4, key, newValue);
}
}
return object4;
}
var nativeMax$1 = Math.max;
function overRest(func, start, transform) {
start = nativeMax$1(start === void 0 ? func.length - 1 : start, 0);
return function() {
var args = arguments, index = -1, length = nativeMax$1(args.length - start, 0), array4 = Array(length);
while (++index < length) {
array4[index] = args[start + index];
}
index = -1;
var otherArgs = Array(start + 1);
while (++index < start) {
otherArgs[index] = args[index];
}
otherArgs[start] = transform(array4);
return apply(func, this, otherArgs);
};
}
function baseRest(func, start) {
return setToString(overRest(func, start, identity), func + "");
}
var MAX_SAFE_INTEGER = 9007199254740991;
function isLength(value) {
return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
}
function isArrayLike(value) {
return value != null && isLength(value.length) && !isFunction(value);
}
function isIterateeCall(value, index, object4) {
if (!isObject(object4)) {
return false;
}
var type4 = typeof index;
if (type4 == "number" ? isArrayLike(object4) && isIndex(index, object4.length) : type4 == "string" && index in object4) {
return eq(object4[index], value);
}
return false;
}
function createAssigner(assigner) {
return baseRest(function(object4, sources) {
var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
if (guard && isIterateeCall(sources[0], sources[1], guard)) {
customizer = length < 3 ? void 0 : customizer;
length = 1;
}
object4 = Object(object4);
while (++index < length) {
var source = sources[index];
if (source) {
assigner(object4, source, index, customizer);
}
}
return object4;
});
}
var objectProto$b = Object.prototype;
function isPrototype(value) {
var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$b;
return value === proto;
}
function baseTimes(n, iteratee) {
var index = -1, result = Array(n);
while (++index < n) {
result[index] = iteratee(index);
}
return result;
}
var argsTag$3 = "[object Arguments]";
function baseIsArguments(value) {
return isObjectLike(value) && baseGetTag(value) == argsTag$3;
}
var objectProto$a = Object.prototype;
var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
var isArguments = baseIsArguments(/* @__PURE__ */ function() {
return arguments;
}()) ? baseIsArguments : function(value) {
return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
};
function stubFalse() {
return false;
}
var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
var Buffer$1 = moduleExports$2 ? root$1.Buffer : void 0;
var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
var isBuffer = nativeIsBuffer || stubFalse;
var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$3 = "[object Boolean]", dateTag$3 = "[object Date]", errorTag$2 = "[object Error]", funcTag$1 = "[object Function]", mapTag$5 = "[object Map]", numberTag$3 = "[object Number]", objectTag$4 = "[object Object]", regexpTag$3 = "[object RegExp]", setTag$5 = "[object Set]", stringTag$3 = "[object String]", weakMapTag$2 = "[object WeakMap]";
var arrayBufferTag$3 = "[object ArrayBuffer]", dataViewTag$4 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
var typedArrayTags = {};
typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
typedArrayTags[argsTag$2] = typedArrayTags[arrayTag$2] = typedArrayTags[arrayBufferTag$3] = typedArrayTags[boolTag$3] = typedArrayTags[dataViewTag$4] = typedArrayTags[dateTag$3] = typedArrayTags[errorTag$2] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$5] = typedArrayTags[numberTag$3] = typedArrayTags[objectTag$4] = typedArrayTags[regexpTag$3] = typedArrayTags[setTag$5] = typedArrayTags[stringTag$3] = typedArrayTags[weakMapTag$2] = false;
function baseIsTypedArray(value) {
return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
}
function baseUnary(func) {
return function(value) {
return func(value);
};
}
var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
var freeProcess = moduleExports$1 && freeGlobal.process;
var nodeUtil = function() {
try {
var types2 = freeModule$1 && freeModule$1.require && freeModule$1.require("util").types;
if (types2) {
return types2;
}
return freeProcess && freeProcess.binding && freeProcess.binding("util");
} catch (e) {
}
}();
var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
var objectProto$9 = Object.prototype;
var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
function arrayLikeKeys(value, inherited) {
var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
for (var key in value) {
if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
(key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
isIndex(key, length)))) {
result.push(key);
}
}
return result;
}
function overArg(func, transform) {
return function(arg) {
return func(transform(arg));
};
}
var nativeKeys = overArg(Object.keys, Object);
var objectProto$8 = Object.prototype;
var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
function baseKeys(object4) {
if (!isPrototype(object4)) {
return nativeKeys(object4);
}
var result = [];
for (var key in Object(object4)) {
if (hasOwnProperty$7.call(object4, key) && key != "constructor") {
result.push(key);
}
}
return result;
}
function keys(object4) {
return isArrayLike(object4) ? arrayLikeKeys(object4) : baseKeys(object4);
}
function nativeKeysIn(object4) {
var result = [];
if (object4 != null) {
for (var key in Object(object4)) {
result.push(key);
}
}
return result;
}
var objectProto$7 = Object.prototype;
var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
function baseKeysIn(object4) {
if (!isObject(object4)) {
return nativeKeysIn(object4);
}
var isProto = isPrototype(object4), result = [];
for (var key in object4) {
if (!(key == "constructor" && (isProto || !hasOwnProperty$6.call(object4, key)))) {
result.push(key);
}
}
return result;
}
function keysIn(object4) {
return isArrayLike(object4) ? arrayLikeKeys(object4, true) : baseKeysIn(object4);
}
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
function isKey(value, object4) {
if (isArray(value)) {
return false;
}
var type4 = typeof value;
if (type4 == "number" || type4 == "symbol" || type4 == "boolean" || value == null || isSymbol(value)) {
return true;
}
return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object4 != null && value in Object(object4);
}
var nativeCreate = getNative(Object, "create");
function hashClear() {
this.__data__ = nativeCreate ? nativeCreate(null) : {};
this.size = 0;
}
function hashDelete(key) {
var result = this.has(key) && delete this.__data__[key];
this.size -= result ? 1 : 0;
return result;
}
var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
var objectProto$6 = Object.prototype;
var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
function hashGet(key) {
var data2 = this.__data__;
if (nativeCreate) {
var result = data2[key];
return result === HASH_UNDEFINED$2 ? void 0 : result;
}
return hasOwnProperty$5.call(data2, key) ? data2[key] : void 0;
}
var objectProto$5 = Object.prototype;
var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
function hashHas(key) {
var data2 = this.__data__;
return nativeCreate ? data2[key] !== void 0 : hasOwnProperty$4.call(data2, key);
}
var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
function hashSet(key, value) {
var data2 = this.__data__;
this.size += this.has(key) ? 0 : 1;
data2[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED$1 : value;
return this;
}
function Hash(entries) {
var index = -1, length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
Hash.prototype.clear = hashClear;
Hash.prototype["delete"] = hashDelete;
Hash.prototype.get = hashGet;
Hash.prototype.has = hashHas;
Hash.prototype.set = hashSet;
function listCacheClear() {
this.__data__ = [];
this.size = 0;
}
function assocIndexOf(array4, key) {
var length = array4.length;
while (length--) {
if (eq(array4[length][0], key)) {
return length;
}
}
return -1;
}
var arrayProto = Array.prototype;
var splice = arrayProto.splice;
function listCacheDelete(key) {
var data2 = this.__data__, index = assocIndexOf(data2, key);
if (index < 0) {
return false;
}
var lastIndex = data2.length - 1;
if (index == lastIndex) {
data2.pop();
} else {
splice.call(data2, index, 1);
}
--this.size;
return true;
}
function listCacheGet(key) {
var data2 = this.__data__, index = assocIndexOf(data2, key);
return index < 0 ? void 0 : data2[index][1];
}
function listCacheHas(key) {
return assocIndexOf(this.__data__, key) > -1;
}
function listCacheSet(key, value) {
var data2 = this.__data__, index = assocIndexOf(data2, key);
if (index < 0) {
++this.size;
data2.push([key, value]);
} else {
data2[index][1] = value;
}
return this;
}
function ListCache(entries) {
var index = -1, length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
ListCache.prototype.clear = listCacheClear;
ListCache.prototype["delete"] = listCacheDelete;
ListCache.prototype.get = listCacheGet;
ListCache.prototype.has = listCacheHas;
ListCache.prototype.set = listCacheSet;
var Map$1 = getNative(root$1, "Map");
function mapCacheClear() {
this.size = 0;
this.__data__ = {
"hash": new Hash(),
"map": new (Map$1 || ListCache)(),
"string": new Hash()
};
}
function isKeyable(value) {
var type4 = typeof value;
return type4 == "string" || type4 == "number" || type4 == "symbol" || type4 == "boolean" ? value !== "__proto__" : value === null;
}
function getMapData(map2, key) {
var data2 = map2.__data__;
return isKeyable(key) ? data2[typeof key == "string" ? "string" : "hash"] : data2.map;
}
function mapCacheDelete(key) {
var result = getMapData(this, key)["delete"](key);
this.size -= result ? 1 : 0;
return result;
}
function mapCacheGet(key) {
return getMapData(this, key).get(key);
}
function mapCacheHas(key) {
return getMapData(this, key).has(key);
}
function mapCacheSet(key, value) {
var data2 = getMapData(this, key), size = data2.size;
data2.set(key, value);
this.size += data2.size == size ? 0 : 1;
return this;
}
function MapCache(entries) {
var index = -1, length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
MapCache.prototype.clear = mapCacheClear;
MapCache.prototype["delete"] = mapCacheDelete;
MapCache.prototype.get = mapCacheGet;
MapCache.prototype.has = mapCacheHas;
MapCache.prototype.set = mapCacheSet;
var FUNC_ERROR_TEXT$1 = "Expected a function";
function memoize(func, resolver) {
if (typeof func != "function" || resolver != null && typeof resolver != "function") {
throw new TypeError(FUNC_ERROR_TEXT$1);
}
var memoized = function() {
var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
if (cache.has(key)) {
return cache.get(key);
}
var result = func.apply(this, args);
memoized.cache = cache.set(key, result) || cache;
return result;
};
memoized.cache = new (memoize.Cache || MapCache)();
return memoized;
}
memoize.Cache = MapCache;
var MAX_MEMOIZE_SIZE = 500;
function memoizeCapped(func) {
var result = memoize(func, function(key) {
if (cache.size === MAX_MEMOIZE_SIZE) {
cache.clear();
}
return key;
});
var cache = result.cache;
return result;
}
var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
var reEscapeChar = /\\(\\)?/g;
var stringToPath = memoizeCapped(function(string3) {
var result = [];
if (string3.charCodeAt(0) === 46) {
result.push("");
}
string3.replace(rePropName, function(match, number4, quote, subString) {
result.push(quote ? subString.replace(reEscapeChar, "$1") : number4 || match);
});
return result;
});
function toString(value) {
return value == null ? "" : baseToString(value);
}
function castPath(value, object4) {
if (isArray(value)) {
return value;
}
return isKey(value, object4) ? [value] : stringToPath(toString(value));
}
var INFINITY = 1 / 0;
function toKey(value) {
if (typeof value == "string" || isSymbol(value)) {
return value;
}
var result = value + "";
return result == "0" && 1 / value == -INFINITY ? "-0" : result;
}
function baseGet(object4, path) {
path = castPath(path, object4);
var index = 0, length = path.length;
while (object4 != null && index < length) {
object4 = object4[toKey(path[index++])];
}
return index && index == length ? object4 : void 0;
}
function get(object4, path, defaultValue) {
var result = object4 == null ? void 0 : baseGet(object4, path);
return result === void 0 ? defaultValue : result;
}
function arrayPush(array4, values) {
var index = -1, length = values.length, offset = array4.length;
while (++index < length) {
array4[offset + index] = values[index];
}
return array4;
}
var spreadableSymbol = Symbol$1 ? Symbol$1.isConcatSpreadable : void 0;
function isFlattenable(value) {
return isArray(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
}
function baseFlatten(array4, depth, predicate, isStrict, result) {
var index = -1, length = array4.length;
predicate || (predicate = isFlattenable);
result || (result = []);
while (++index < length) {
var value = array4[index];
if (predicate(value)) {
{
arrayPush(result, value);
}
} else {
result[result.length] = value;
}
}
return result;
}
function flatten(array4) {
var length = array4 == null ? 0 : array4.length;
return length ? baseFlatten(array4) : [];
}
function flatRest(func) {
return setToString(overRest(func, void 0, flatten), func + "");
}
var getPrototype = overArg(Object.getPrototypeOf, Object);
var objectTag$3 = "[object Object]";
var funcProto = Function.prototype, objectProto$4 = Object.prototype;
var funcToString = funcProto.toString;
var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
var objectCtorString = funcToString.call(Object);
function isPlainObject(value) {
if (!isObjectLike(value) || baseGetTag(value) != objectTag$3) {
return false;
}
var proto = getPrototype(value);
if (proto === null) {
return true;
}
var Ctor = hasOwnProperty$3.call(proto, "constructor") && proto.constructor;
return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
}
function castArray() {
if (!arguments.length) {
return [];
}
var value = arguments[0];
return isArray(value) ? value : [value];
}
function stackClear() {
this.__data__ = new ListCache();
this.size = 0;
}
function stackDelete(key) {
var data2 = this.__data__, result = data2["delete"](key);
this.size = data2.size;
return result;
}
function stackGet(key) {
return this.__data__.get(key);
}
function stackHas(key) {
return this.__data__.has(key);
}
var LARGE_ARRAY_SIZE = 200;
function stackSet(key, value) {
var data2 = this.__data__;
if (data2 instanceof ListCache) {
var pairs = data2.__data__;
if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE - 1) {
pairs.push([key, value]);
this.size = ++data2.size;
return this;
}
data2 = this.__data__ = new MapCache(pairs);
}
data2.set(key, value);
this.size = data2.size;
return this;
}
function Stack(entries) {
var data2 = this.__data__ = new ListCache(entries);
this.size = data2.size;
}
Stack.prototype.clear = stackClear;
Stack.prototype["delete"] = stackDelete;
Stack.prototype.get = stackGet;
Stack.prototype.has = stackHas;
Stack.prototype.set = stackSet;
function baseAssign(object4, source) {
return object4 && copyObject(source, keys(source), object4);
}
function baseAssignIn(object4, source) {
return object4 && copyObject(source, keysIn(source), object4);
}
var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
var moduleExports = freeModule && freeModule.exports === freeExports;
var Buffer2 = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
function cloneBuffer(buffer, isDeep) {
if (isDeep) {
return buffer.slice();
}
var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
buffer.copy(result);
return result;
}
function arrayFilter(array4, predicate) {
var index = -1, length = array4 == null ? 0 : array4.length, resIndex = 0, result = [];
while (++index < length) {
var value = array4[index];
if (predicate(value, index, array4)) {
result[resIndex++] = value;
}
}
return result;
}
function stubArray() {
return [];
}
var objectProto$3 = Object.prototype;
var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object4) {
if (object4 == null) {
return [];
}
object4 = Object(object4);
return arrayFilter(nativeGetSymbols$1(object4), function(symbol) {
return propertyIsEnumerable.call(object4, symbol);
});
};
function copySymbols(source, object4) {
return copyObject(source, getSymbols(source), object4);
}
var nativeGetSymbols = Object.getOwnPropertySymbols;
var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object4) {
var result = [];
while (object4) {
arrayPush(result, getSymbols(object4));
object4 = getPrototype(object4);
}
return result;
};
function copySymbolsIn(source, object4) {
return copyObject(source, getSymbolsIn(source), object4);
}
function baseGetAllKeys(object4, keysFunc, symbolsFunc) {
var result = keysFunc(object4);
return isArray(object4) ? result : arrayPush(result, symbolsFunc(object4));
}
function getAllKeys(object4) {
return baseGetAllKeys(object4, keys, getSymbols);
}
var DataView = getNative(root$1, "DataView");
var Promise$1 = getNative(root$1, "Promise");
var Set$1 = getNative(root$1, "Set");
var mapTag$4 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$4 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
var dataViewTag$3 = "[object DataView]";
var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
var getTag = baseGetTag;
if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$4 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
getTag = function(value) {
var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
if (ctorString) {
switch (ctorString) {
case dataViewCtorString:
return dataViewTag$3;
case mapCtorString:
return mapTag$4;
case promiseCtorString:
return promiseTag;
case setCtorString:
return setTag$4;
case weakMapCtorString:
return weakMapTag$1;
}
}
return result;
};
}
var objectProto$2 = Object.prototype;
var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
function initCloneArray(array4) {
var length = array4.length, result = new array4.constructor(length);
if (length && typeof array4[0] == "string" && hasOwnProperty$2.call(array4, "index")) {
result.index = array4.index;
result.input = array4.input;
}
return result;
}
var Uint8Array$1 = root$1.Uint8Array;
function cloneArrayBuffer(arrayBuffer) {
var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
return result;
}
function cloneDataView(dataView, isDeep) {
var buffer = dataView.buffer;
return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
}
var reFlags = /\w*$/;
function cloneRegExp(regexp4) {
var result = new regexp4.constructor(regexp4.source, reFlags.exec(regexp4));
result.lastIndex = regexp4.lastIndex;
return result;
}
var symbolProto$1 = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : void 0;
function cloneSymbol(symbol) {
return symbolValueOf$1 ? Object(symbolValueOf$1.call(symbol)) : {};
}
function cloneTypedArray(typedArray, isDeep) {
var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
}
var boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", mapTag$3 = "[object Map]", numberTag$2 = "[object Number]", regexpTag$2 = "[object RegExp]", setTag$3 = "[object Set]", stringTag$2 = "[object String]", symbolTag$2 = "[object Symbol]";
var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
function initCloneByTag(object4, tag, isDeep) {
var Ctor = object4.constructor;
switch (tag) {
case arrayBufferTag$2:
return cloneArrayBuffer(object4);
case boolTag$2:
case dateTag$2:
return new Ctor(+object4);
case dataViewTag$2:
return cloneDataView(object4);
case float32Tag$1:
case float64Tag$1:
case int8Tag$1:
case int16Tag$1:
case int32Tag$1:
case uint8Tag$1:
case uint8ClampedTag$1:
case uint16Tag$1:
case uint32Tag$1:
return cloneTypedArray(object4, isDeep);
case mapTag$3:
return new Ctor();
case numberTag$2:
case stringTag$2:
return new Ctor(object4);
case regexpTag$2:
return cloneRegExp(object4);
case setTag$3:
return new Ctor();
case symbolTag$2:
return cloneSymbol(object4);
}
}
function initCloneObject(object4) {
return typeof object4.constructor == "function" && !isPrototype(object4) ? baseCreate(getPrototype(object4)) : {};
}
var mapTag$2 = "[object Map]";
function baseIsMap(value) {
return isObjectLike(value) && getTag(value) == mapTag$2;
}
var nodeIsMap = nodeUtil && nodeUtil.isMap;
var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
var setTag$2 = "[object Set]";
function baseIsSet(value) {
return isObjectLike(value) && getTag(value) == setTag$2;
}
var nodeIsSet = nodeUtil && nodeUtil.isSet;
var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2;
var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag$1 = "[object Map]", numberTag$1 = "[object Number]", objectTag$1 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$1 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]", weakMapTag = "[object WeakMap]";
var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
var cloneableTags = {};
cloneableTags[argsTag$1] = cloneableTags[arrayTag$1] = cloneableTags[arrayBufferTag$1] = cloneableTags[dataViewTag$1] = cloneableTags[boolTag$1] = cloneableTags[dateTag$1] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag$1] = cloneableTags[numberTag$1] = cloneableTags[objectTag$1] = cloneableTags[regexpTag$1] = cloneableTags[setTag$1] = cloneableTags[stringTag$1] = cloneableTags[symbolTag$1] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
cloneableTags[errorTag$1] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
function baseClone(value, bitmask, customizer, key, object4, stack) {
var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG;
if (result !== void 0) {
return result;
}
if (!isObject(value)) {
return value;
}
var isArr = isArray(value);
if (isArr) {
result = initCloneArray(value);
{
return copyArray(value, result);
}
} else {
var tag = getTag(value), isFunc = tag == funcTag || tag == genTag;
if (isBuffer(value)) {
return cloneBuffer(value, isDeep);
}
if (tag == objectTag$1 || tag == argsTag$1 || isFunc && !object4) {
result = isFunc ? {} : initCloneObject(value);
{
return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
}
} else {
if (!cloneableTags[tag]) {
return object4 ? value : {};
}
result = initCloneByTag(value, tag, isDeep);
}
}
stack || (stack = new Stack());
var stacked = stack.get(value);
if (stacked) {
return stacked;
}
stack.set(value, result);
if (isSet(value)) {
value.forEach(function(subValue) {
result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
});
} else if (isMap(value)) {
value.forEach(function(subValue, key2) {
result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
});
}
var keysFunc = getAllKeys ;
var props2 = isArr ? void 0 : keysFunc(value);
arrayEach(props2 || value, function(subValue, key2) {
if (props2) {
key2 = subValue;
subValue = value[key2];
}
assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
});
return result;
}
var CLONE_SYMBOLS_FLAG = 4;
function clone(value) {
return baseClone(value, CLONE_SYMBOLS_FLAG);
}
var HASH_UNDEFINED = "__lodash_hash_undefined__";
function setCacheAdd(value) {
this.__data__.set(value, HASH_UNDEFINED);
return this;
}
function setCacheHas(value) {
return this.__data__.has(value);
}
function SetCache(values) {
var index = -1, length = values == null ? 0 : values.length;
this.__data__ = new MapCache();
while (++index < length) {
this.add(values[index]);
}
}
SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
SetCache.prototype.has = setCacheHas;
function arraySome(array4, predicate) {
var index = -1, length = array4 == null ? 0 : array4.length;
while (++index < length) {
if (predicate(array4[index], index, array4)) {
return true;
}
}
return false;
}
function cacheHas(cache, key) {
return cache.has(key);
}
var COMPARE_PARTIAL_FLAG$5 = 1, COMPARE_UNORDERED_FLAG$3 = 2;
function equalArrays(array4, other2, bitmask, customizer, equalFunc, stack) {
var isPartial = bitmask & COMPARE_PARTIAL_FLAG$5, arrLength = array4.length, othLength = other2.length;
if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
return false;
}
var arrStacked = stack.get(array4);
var othStacked = stack.get(other2);
if (arrStacked && othStacked) {
return arrStacked == other2 && othStacked == array4;
}
var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
stack.set(array4, other2);
stack.set(other2, array4);
while (++index < arrLength) {
var arrValue = array4[index], othValue = other2[index];
if (customizer) {
var compared = isPartial ? customizer(othValue, arrValue, index, other2, array4, stack) : customizer(arrValue, othValue, index, array4, other2, stack);
}
if (compared !== void 0) {
if (compared) {
continue;
}
result = false;
break;
}
if (seen) {
if (!arraySome(other2, function(othValue2, othIndex) {
if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer, stack))) {
return seen.push(othIndex);
}
})) {
result = false;
break;
}
} else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
result = false;
break;
}
}
stack["delete"](array4);
stack["delete"](other2);
return result;
}
function mapToArray(map2) {
var index = -1, result = Array(map2.size);
map2.forEach(function(value, key) {
result[++index] = [key, value];
});
return result;
}
function setToArray(set2) {
var index = -1, result = Array(set2.size);
set2.forEach(function(value) {
result[++index] = value;
});
return result;
}
var COMPARE_PARTIAL_FLAG$4 = 1, COMPARE_UNORDERED_FLAG$2 = 2;
var boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]";
var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]";
var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
function equalByTag(object4, other2, tag, bitmask, customizer, equalFunc, stack) {
switch (tag) {
case dataViewTag:
if (object4.byteLength != other2.byteLength || object4.byteOffset != other2.byteOffset) {
return false;
}
object4 = object4.buffer;
other2 = other2.buffer;
case arrayBufferTag:
if (object4.byteLength != other2.byteLength || !equalFunc(new Uint8Array$1(object4), new Uint8Array$1(other2))) {
return false;
}
return true;
case boolTag:
case dateTag:
case numberTag:
return eq(+object4, +other2);
case errorTag:
return object4.name == other2.name && object4.message == other2.message;
case regexpTag:
case stringTag:
return object4 == other2 + "";
case mapTag:
var convert = mapToArray;
case setTag:
var isPartial = bitmask & COMPARE_PARTIAL_FLAG$4;
convert || (convert = setToArray);
if (object4.size != other2.size && !isPartial) {
return false;
}
var stacked = stack.get(object4);
if (stacked) {
return stacked == other2;
}
bitmask |= COMPARE_UNORDERED_FLAG$2;
stack.set(object4, other2);
var result = equalArrays(convert(object4), convert(other2), bitmask, customizer, equalFunc, stack);
stack["delete"](object4);
return result;
case symbolTag:
if (symbolValueOf) {
return symbolValueOf.call(object4) == symbolValueOf.call(other2);
}
}
return false;
}
var COMPARE_PARTIAL_FLAG$3 = 1;
var objectProto$1 = Object.prototype;
var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
function equalObjects(object4, other2, bitmask, customizer, equalFunc, stack) {
var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, objProps = getAllKeys(object4), objLength = objProps.length, othProps = getAllKeys(other2), othLength = othProps.length;
if (objLength != othLength && !isPartial) {
return false;
}
var index = objLength;
while (index--) {
var key = objProps[index];
if (!(isPartial ? key in other2 : hasOwnProperty$1.call(other2, key))) {
return false;
}
}
var objStacked = stack.get(object4);
var othStacked = stack.get(other2);
if (objStacked && othStacked) {
return objStacked == other2 && othStacked == object4;
}
var result = true;
stack.set(object4, other2);
stack.set(other2, object4);
var skipCtor = isPartial;
while (++index < objLength) {
key = objProps[index];
var objValue = object4[key], othValue = other2[key];
if (customizer) {
var compared = isPartial ? customizer(othValue, objValue, key, other2, object4, stack) : customizer(objValue, othValue, key, object4, other2, stack);
}
if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack) : compared)) {
result = false;
break;
}
skipCtor || (skipCtor = key == "constructor");
}
if (result && !skipCtor) {
var objCtor = object4.constructor, othCtor = other2.constructor;
if (objCtor != othCtor && ("constructor" in object4 && "constructor" in other2) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
result = false;
}
}
stack["delete"](object4);
stack["delete"](other2);
return result;
}
var COMPARE_PARTIAL_FLAG$2 = 1;
var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
var objectProto = Object.prototype;
var hasOwnProperty = objectProto.hasOwnProperty;
function baseIsEqualDeep(object4, other2, bitmask, customizer, equalFunc, stack) {
var objIsArr = isArray(object4), othIsArr = isArray(other2), objTag = objIsArr ? arrayTag : getTag(object4), othTag = othIsArr ? arrayTag : getTag(other2);
objTag = objTag == argsTag ? objectTag : objTag;
othTag = othTag == argsTag ? objectTag : othTag;
var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
if (isSameTag && isBuffer(object4)) {
if (!isBuffer(other2)) {
return false;
}
objIsArr = true;
objIsObj = false;
}
if (isSameTag && !objIsObj) {
stack || (stack = new Stack());
return objIsArr || isTypedArray(object4) ? equalArrays(object4, other2, bitmask, customizer, equalFunc, stack) : equalByTag(object4, other2, objTag, bitmask, customizer, equalFunc, stack);
}
if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
var objIsWrapped = objIsObj && hasOwnProperty.call(object4, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other2, "__wrapped__");
if (objIsWrapped || othIsWrapped) {
var objUnwrapped = objIsWrapped ? object4.value() : object4, othUnwrapped = othIsWrapped ? other2.value() : other2;
stack || (stack = new Stack());
return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
}
}
if (!isSameTag) {
return false;
}
stack || (stack = new Stack());
return equalObjects(object4, other2, bitmask, customizer, equalFunc, stack);
}
function baseIsEqual(value, other2, bitmask, customizer, stack) {
if (value === other2) {
return true;
}
if (value == null || other2 == null || !isObjectLike(value) && !isObjectLike(other2)) {
return value !== value && other2 !== other2;
}
return baseIsEqualDeep(value, other2, bitmask, customizer, baseIsEqual, stack);
}
var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
function baseIsMatch(object4, source, matchData, customizer) {
var index = matchData.length, length = index;
if (object4 == null) {
return !length;
}
object4 = Object(object4);
while (index--) {
var data2 = matchData[index];
if (data2[2] ? data2[1] !== object4[data2[0]] : !(data2[0] in object4)) {
return false;
}
}
while (++index < length) {
data2 = matchData[index];
var key = data2[0], objValue = object4[key], srcValue = data2[1];
if (data2[2]) {
if (objValue === void 0 && !(key in object4)) {
return false;
}
} else {
var stack = new Stack();
var result;
if (!(result === void 0 ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack) : result)) {
return false;
}
}
}
return true;
}
function isStrictComparable(value) {
return value === value && !isObject(value);
}
function getMatchData(object4) {
var result = keys(object4), length = result.length;
while (length--) {
var key = result[length], value = object4[key];
result[length] = [key, value, isStrictComparable(value)];
}
return result;
}
function matchesStrictComparable(key, srcValue) {
return function(object4) {
if (object4 == null) {
return false;
}
return object4[key] === srcValue && (srcValue !== void 0 || key in Object(object4));
};
}
function baseMatches(source) {
var matchData = getMatchData(source);
if (matchData.length == 1 && matchData[0][2]) {
return matchesStrictComparable(matchData[0][0], matchData[0][1]);
}
return function(object4) {
return object4 === source || baseIsMatch(object4, source, matchData);
};
}
function baseHasIn(object4, key) {
return object4 != null && key in Object(object4);
}
function hasPath(object4, path, hasFunc) {
path = castPath(path, object4);
var index = -1, length = path.length, result = false;
while (++index < length) {
var key = toKey(path[index]);
if (!(result = object4 != null && hasFunc(object4, key))) {
break;
}
object4 = object4[key];
}
if (result || ++index != length) {
return result;
}
length = object4 == null ? 0 : object4.length;
return !!length && isLength(length) && isIndex(key, length) && (isArray(object4) || isArguments(object4));
}
function hasIn(object4, path) {
return object4 != null && hasPath(object4, path, baseHasIn);
}
var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
function baseMatchesProperty(path, srcValue) {
if (isKey(path) && isStrictComparable(srcValue)) {
return matchesStrictComparable(toKey(path), srcValue);
}
return function(object4) {
var objValue = get(object4, path);
return objValue === void 0 && objValue === srcValue ? hasIn(object4, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
};
}
function baseProperty(key) {
return function(object4) {
return object4 == null ? void 0 : object4[key];
};
}
function basePropertyDeep(path) {
return function(object4) {
return baseGet(object4, path);
};
}
function property(path) {
return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
}
function baseIteratee(value) {
if (typeof value == "function") {
return value;
}
if (value == null) {
return identity;
}
if (typeof value == "object") {
return isArray(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
}
return property(value);
}
function createBaseFor(fromRight) {
return function(object4, iteratee, keysFunc) {
var index = -1, iterable = Object(object4), props2 = keysFunc(object4), length = props2.length;
while (length--) {
var key = props2[++index];
if (iteratee(iterable[key], key, iterable) === false) {
break;
}
}
return object4;
};
}
var baseFor = createBaseFor();
function baseForOwn(object4, iteratee) {
return object4 && baseFor(object4, iteratee, keys);
}
function createBaseEach(eachFunc, fromRight) {
return function(collection, iteratee) {
if (collection == null) {
return collection;
}
if (!isArrayLike(collection)) {
return eachFunc(collection, iteratee);
}
var length = collection.length, index = -1, iterable = Object(collection);
while (++index < length) {
if (iteratee(iterable[index], index, iterable) === false) {
break;
}
}
return collection;
};
}
var baseEach = createBaseEach(baseForOwn);
var now = function() {
return root$1.Date.now();
};
var FUNC_ERROR_TEXT = "Expected a function";
var nativeMax = Math.max, nativeMin = Math.min;
function debounce(func, wait, options2) {
var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
if (typeof func != "function") {
throw new TypeError(FUNC_ERROR_TEXT);
}
wait = toNumber(wait) || 0;
if (isObject(options2)) {
leading = !!options2.leading;
maxing = "maxWait" in options2;
maxWait = maxing ? nativeMax(toNumber(options2.maxWait) || 0, wait) : maxWait;
trailing = "trailing" in options2 ? !!options2.trailing : trailing;
}
function invokeFunc(time) {
var args = lastArgs, thisArg = lastThis;
lastArgs = lastThis = void 0;
lastInvokeTime = time;
result = func.apply(thisArg, args);
return result;
}
function leadingEdge(time) {
lastInvokeTime = time;
timerId = setTimeout(timerExpired, wait);
return leading ? invokeFunc(time) : result;
}
function remainingWait(time) {
var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
}
function shouldInvoke(time) {
var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
}
function timerExpired() {
var time = now();
if (shouldInvoke(time)) {
return trailingEdge(time);
}
timerId = setTimeout(timerExpired, remainingWait(time));
}
function trailingEdge(time) {
timerId = void 0;
if (trailing && lastArgs) {
return invokeFunc(time);
}
lastArgs = lastThis = void 0;
return result;
}
function cancel() {
if (timerId !== void 0) {
clearTimeout(timerId);
}
lastInvokeTime = 0;
lastArgs = lastCallTime = lastThis = timerId = void 0;
}
function flush() {
return timerId === void 0 ? result : trailingEdge(now());
}
function debounced() {
var time = now(), isInvoking = shouldInvoke(time);
lastArgs = arguments;
lastThis = this;
lastCallTime = time;
if (isInvoking) {
if (timerId === void 0) {
return leadingEdge(lastCallTime);
}
if (maxing) {
clearTimeout(timerId);
timerId = setTimeout(timerExpired, wait);
return invokeFunc(lastCallTime);
}
}
if (timerId === void 0) {
timerId = setTimeout(timerExpired, wait);
}
return result;
}
debounced.cancel = cancel;
debounced.flush = flush;
return debounced;
}
function assignMergeValue(object4, key, value) {
if (value !== void 0 && !eq(object4[key], value) || value === void 0 && !(key in object4)) {
baseAssignValue(object4, key, value);
}
}
function isArrayLikeObject(value) {
return isObjectLike(value) && isArrayLike(value);
}
function safeGet(object4, key) {
if (key === "constructor" && typeof object4[key] === "function") {
return;
}
if (key == "__proto__") {
return;
}
return object4[key];
}
function toPlainObject(value) {
return copyObject(value, keysIn(value));
}
function baseMergeDeep(object4, source, key, srcIndex, mergeFunc, customizer, stack) {
var objValue = safeGet(object4, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue);
if (stacked) {
assignMergeValue(object4, key, stacked);
return;
}
var newValue = customizer ? customizer(objValue, srcValue, key + "", object4, source, stack) : void 0;
var isCommon = newValue === void 0;
if (isCommon) {
var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
newValue = srcValue;
if (isArr || isBuff || isTyped) {
if (isArray(objValue)) {
newValue = objValue;
} else if (isArrayLikeObject(objValue)) {
newValue = copyArray(objValue);
} else if (isBuff) {
isCommon = false;
newValue = cloneBuffer(srcValue, true);
} else if (isTyped) {
isCommon = false;
newValue = cloneTypedArray(srcValue, true);
} else {
newValue = [];
}
} else if (isPlainObject(srcValue) || isArguments(srcValue)) {
newValue = objValue;
if (isArguments(objValue)) {
newValue = toPlainObject(objValue);
} else if (!isObject(objValue) || isFunction(objValue)) {
newValue = initCloneObject(srcValue);
}
} else {
isCommon = false;
}
}
if (isCommon) {
stack.set(srcValue, newValue);
mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
stack["delete"](srcValue);
}
assignMergeValue(object4, key, newValue);
}
function baseMerge(object4, source, srcIndex, customizer, stack) {
if (object4 === source) {
return;
}
baseFor(source, function(srcValue, key) {
stack || (stack = new Stack());
if (isObject(srcValue)) {
baseMergeDeep(object4, source, key, srcIndex, baseMerge, customizer, stack);
} else {
var newValue = customizer ? customizer(safeGet(object4, key), srcValue, key + "", object4, source, stack) : void 0;
if (newValue === void 0) {
newValue = srcValue;
}
assignMergeValue(object4, key, newValue);
}
}, keysIn);
}
function baseMap(collection, iteratee) {
var index = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
baseEach(collection, function(value, key, collection2) {
result[++index] = iteratee(value, key, collection2);
});
return result;
}
function map(collection, iteratee) {
var func = isArray(collection) ? arrayMap : baseMap;
return func(collection, baseIteratee(iteratee));
}
function flatMap(collection, iteratee) {
return baseFlatten(map(collection, iteratee));
}
function isEqual(value, other2) {
return baseIsEqual(value, other2);
}
function isUndefined(value) {
return value === void 0;
}
var merge = createAssigner(function(object4, source, srcIndex) {
baseMerge(object4, source, srcIndex);
});
function baseSet(object4, path, value, customizer) {
if (!isObject(object4)) {
return object4;
}
path = castPath(path, object4);
var index = -1, length = path.length, lastIndex = length - 1, nested = object4;
while (nested != null && ++index < length) {
var key = toKey(path[index]), newValue = value;
if (key === "__proto__" || key === "constructor" || key === "prototype") {
return object4;
}
if (index != lastIndex) {
var objValue = nested[key];
newValue = void 0;
if (newValue === void 0) {
newValue = isObject(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
}
}
assignValue(nested, key, newValue);
nested = nested[key];
}
return object4;
}
function basePickBy(object4, paths, predicate) {
var index = -1, length = paths.length, result = {};
while (++index < length) {
var path = paths[index], value = baseGet(object4, path);
if (predicate(value, path)) {
baseSet(result, castPath(path, object4), value);
}
}
return result;
}
function basePick(object4, paths) {
return basePickBy(object4, paths, function(value, path) {
return hasIn(object4, path);
});
}
var pick = flatRest(function(object4, paths) {
return object4 == null ? {} : basePick(object4, paths);
});
function set(object4, path, value) {
return object4 == null ? object4 : baseSet(object4, path, value);
}
const rAF = (fn2) => isClient ? window.requestAnimationFrame(fn2) : setTimeout(fn2, 16);
const keysOf = (arr) => Object.keys(arr);
const getProp = (obj, path, defaultValue) => {
return {
get value() {
return get(obj, path, defaultValue);
},
set value(val) {
set(obj, path, val);
}
};
};
class ElementPlusError extends Error {
constructor(m2) {
super(m2);
this.name = "ElementPlusError";
}
}
function throwError(scope, m2) {
throw new ElementPlusError(`[${scope}] ${m2}`);
}
function debugWarn(scope, message) {
}
let scrollBarWidth;
const getScrollBarWidth = (namespace) => {
var _a;
if (!isClient)
return 0;
if (scrollBarWidth !== void 0)
return scrollBarWidth;
const outer = document.createElement("div");
outer.className = `${namespace}-scrollbar__wrap`;
outer.style.visibility = "hidden";
outer.style.width = "100px";
outer.style.position = "absolute";
outer.style.top = "-9999px";
document.body.appendChild(outer);
const widthNoScroll = outer.offsetWidth;
outer.style.overflow = "scroll";
const inner = document.createElement("div");
inner.style.width = "100%";
outer.appendChild(inner);
const widthWithScroll = inner.offsetWidth;
(_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
scrollBarWidth = widthNoScroll - widthWithScroll;
return scrollBarWidth;
};
const composeRefs = (...refs) => {
return (el) => {
refs.forEach((ref2) => {
if (isFunction$1(ref2)) {
ref2(el);
} else {
ref2.value = el;
}
});
};
};
const EVENT_CODE = {
tab: "Tab",
enter: "Enter",
space: "Space",
left: "ArrowLeft",
up: "ArrowUp",
right: "ArrowRight",
down: "ArrowDown",
esc: "Escape",
delete: "Delete",
backspace: "Backspace",
numpadEnter: "NumpadEnter",
pageUp: "PageUp",
pageDown: "PageDown",
home: "Home",
end: "End"
};
const UPDATE_MODEL_EVENT = "update:modelValue";
const CHANGE_EVENT = "change";
const INPUT_EVENT = "input";
var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
PatchFlags2[PatchFlags2["PROPS"] = 8] = "PROPS";
PatchFlags2[PatchFlags2["FULL_PROPS"] = 16] = "FULL_PROPS";
PatchFlags2[PatchFlags2["HYDRATE_EVENTS"] = 32] = "HYDRATE_EVENTS";
PatchFlags2[PatchFlags2["STABLE_FRAGMENT"] = 64] = "STABLE_FRAGMENT";
PatchFlags2[PatchFlags2["KEYED_FRAGMENT"] = 128] = "KEYED_FRAGMENT";
PatchFlags2[PatchFlags2["UNKEYED_FRAGMENT"] = 256] = "UNKEYED_FRAGMENT";
PatchFlags2[PatchFlags2["NEED_PATCH"] = 512] = "NEED_PATCH";
PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
return PatchFlags2;
})(PatchFlags || {});
function isFragment(node) {
return isVNode(node) && node.type === Fragment;
}
function isComment(node) {
return isVNode(node) && node.type === Comment;
}
function isValidElementNode(node) {
return isVNode(node) && !isFragment(node) && !isComment(node);
}
const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
const mutable = (val) => val;
const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
const LISTENER_PREFIX = /^on[A-Z]/;
const useAttrs = (params = {}) => {
const { excludeListeners = false, excludeKeys } = params;
const allExcludeKeys = computed(() => {
return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
});
const instance = getCurrentInstance();
if (!instance) {
return computed(() => ({}));
}
return computed(() => {
var _a;
return fromPairs(Object.entries((_a = instance.proxy) == null ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
});
};
const useDraggable = (targetRef, dragRef, draggable2, overflow3) => {
let transform = {
offsetX: 0,
offsetY: 0
};
const onMousedown = (e) => {
const downX = e.clientX;
const downY = e.clientY;
const { offsetX, offsetY } = transform;
const targetRect = targetRef.value.getBoundingClientRect();
const targetLeft = targetRect.left;
const targetTop = targetRect.top;
const targetWidth = targetRect.width;
const targetHeight = targetRect.height;
const clientWidth = document.documentElement.clientWidth;
const clientHeight = document.documentElement.clientHeight;
const minLeft = -targetLeft + offsetX;
const minTop = -targetTop + offsetY;
const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
const maxTop = clientHeight - targetTop - targetHeight + offsetY;
const onMousemove = (e2) => {
let moveX = offsetX + e2.clientX - downX;
let moveY = offsetY + e2.clientY - downY;
if (!(overflow3 == null ? void 0 : overflow3.value)) {
moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
moveY = Math.min(Math.max(moveY, minTop), maxTop);
}
transform = {
offsetX: moveX,
offsetY: moveY
};
if (targetRef.value) {
targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
}
};
const onMouseup = () => {
document.removeEventListener("mousemove", onMousemove);
document.removeEventListener("mouseup", onMouseup);
};
document.addEventListener("mousemove", onMousemove);
document.addEventListener("mouseup", onMouseup);
};
const onDraggable = () => {
if (dragRef.value && targetRef.value) {
dragRef.value.addEventListener("mousedown", onMousedown);
}
};
const offDraggable = () => {
if (dragRef.value && targetRef.value) {
dragRef.value.removeEventListener("mousedown", onMousedown);
}
};
const resetPosition = () => {
transform = {
offsetX: 0,
offsetY: 0
};
if (targetRef.value) {
targetRef.value.style.transform = "none";
}
};
onMounted(() => {
watchEffect(() => {
if (draggable2.value) {
onDraggable();
} else {
offDraggable();
}
});
});
onBeforeUnmount(() => {
offDraggable();
});
return {
resetPosition
};
};
var English = {
name: "en",
el: {
breadcrumb: {
label: "Breadcrumb"
},
colorpicker: {
confirm: "OK",
clear: "Clear",
defaultLabel: "color picker",
description: "current color is {color}. press enter to select a new color.",
alphaLabel: "pick alpha value"
},
datepicker: {
now: "Now",
today: "Today",
cancel: "Cancel",
clear: "Clear",
confirm: "OK",
dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
monthTablePrompt: "Use the arrow keys and enter to select the month",
yearTablePrompt: "Use the arrow keys and enter to select the year",
selectedDate: "Selected date",
selectDate: "Select date",
selectTime: "Select time",
startDate: "Start Date",
startTime: "Start Time",
endDate: "End Date",
endTime: "End Time",
prevYear: "Previous Year",
nextYear: "Next Year",
prevMonth: "Previous Month",
nextMonth: "Next Month",
year: "",
month1: "January",
month2: "February",
month3: "March",
month4: "April",
month5: "May",
month6: "June",
month7: "July",
month8: "August",
month9: "September",
month10: "October",
month11: "November",
month12: "December",
week: "week",
weeks: {
sun: "Sun",
mon: "Mon",
tue: "Tue",
wed: "Wed",
thu: "Thu",
fri: "Fri",
sat: "Sat"
},
weeksFull: {
sun: "Sunday",
mon: "Monday",
tue: "Tuesday",
wed: "Wednesday",
thu: "Thursday",
fri: "Friday",
sat: "Saturday"
},
months: {
jan: "Jan",
feb: "Feb",
mar: "Mar",
apr: "Apr",
may: "May",
jun: "Jun",
jul: "Jul",
aug: "Aug",
sep: "Sep",
oct: "Oct",
nov: "Nov",
dec: "Dec"
}
},
inputNumber: {
decrease: "decrease number",
increase: "increase number"
},
select: {
loading: "Loading",
noMatch: "No matching data",
noData: "No data",
placeholder: "Select"
},
mention: {
loading: "Loading"
},
dropdown: {
toggleDropdown: "Toggle Dropdown"
},
cascader: {
noMatch: "No matching data",
loading: "Loading",
placeholder: "Select",
noData: "No data"
},
pagination: {
goto: "Go to",
pagesize: "/page",
total: "Total {total}",
pageClassifier: "",
page: "Page",
prev: "Go to previous page",
next: "Go to next page",
currentPage: "page {pager}",
prevPages: "Previous {pager} pages",
nextPages: "Next {pager} pages",
deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
},
dialog: {
close: "Close this dialog"
},
drawer: {
close: "Close this dialog"
},
messagebox: {
title: "Message",
confirm: "OK",
cancel: "Cancel",
error: "Illegal input",
close: "Close this dialog"
},
upload: {
deleteTip: "press delete to remove",
delete: "Delete",
preview: "Preview",
continue: "Continue"
},
slider: {
defaultLabel: "slider between {min} and {max}",
defaultRangeStartLabel: "pick start value",
defaultRangeEndLabel: "pick end value"
},
table: {
emptyText: "No Data",
confirmFilter: "Confirm",
resetFilter: "Reset",
clearFilter: "All",
sumText: "Sum"
},
tour: {
next: "Next",
previous: "Previous",
finish: "Finish"
},
tree: {
emptyText: "No Data"
},
transfer: {
noMatch: "No matching data",
noData: "No data",
titles: ["List 1", "List 2"],
filterPlaceholder: "Enter keyword",
noCheckedFormat: "{total} items",
hasCheckedFormat: "{checked}/{total} checked"
},
image: {
error: "FAILED"
},
pageHeader: {
title: "Back"
},
popconfirm: {
confirmButtonText: "Yes",
cancelButtonText: "No"
},
carousel: {
leftArrow: "Carousel arrow left",
rightArrow: "Carousel arrow right",
indicator: "Carousel switch to index {index}"
}
}
};
const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_2, key) => {
var _a;
return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
});
const buildLocaleContext = (locale) => {
const lang = computed(() => unref(locale).name);
const localeRef = isRef(locale) ? locale : ref(locale);
return {
lang,
locale: localeRef,
t: buildTranslator(locale)
};
};
const localeContextKey = Symbol("localeContextKey");
const useLocale = (localeOverrides) => {
const locale = inject(localeContextKey, ref());
return buildLocaleContext(computed(() => locale.value || English));
};
const useLockscreen = (trigger, options2 = {}) => {
if (!isRef(trigger)) {
throwError("[useLockscreen]", "You need to pass a ref param to this function");
}
const ns = options2.ns || useNamespace("popup");
const hiddenCls = computed(() => ns.bm("parent", "hidden"));
if (!isClient || hasClass(document.body, hiddenCls.value)) {
return;
}
let scrollBarWidth2 = 0;
let withoutHiddenClass = false;
let bodyWidth = "0";
const cleanup = () => {
setTimeout(() => {
removeClass(document == null ? void 0 : document.body, hiddenCls.value);
if (withoutHiddenClass && document) {
document.body.style.width = bodyWidth;
}
}, 200);
};
watch(trigger, (val) => {
if (!val) {
cleanup();
return;
}
withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
if (withoutHiddenClass) {
bodyWidth = document.body.style.width;
}
scrollBarWidth2 = getScrollBarWidth(ns.namespace.value);
const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
const bodyOverflowY = getStyle(document.body, "overflowY");
if (scrollBarWidth2 > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
document.body.style.width = `calc(100% - ${scrollBarWidth2}px)`;
}
addClass(document.body, hiddenCls.value);
});
onScopeDispose(() => cleanup());
};
const _prop = buildProp({
type: definePropType(Boolean),
default: null
});
const _event = buildProp({
type: definePropType(Function)
});
const createModelToggleComposable = (name) => {
const updateEventKey = `update:${name}`;
const updateEventKeyRaw = `onUpdate:${name}`;
const useModelToggleEmits2 = [updateEventKey];
const useModelToggleProps2 = {
[name]: _prop,
[updateEventKeyRaw]: _event
};
const useModelToggle2 = ({
indicator,
toggleReason,
shouldHideWhenRouteChanges,
shouldProceed,
onShow,
onHide
}) => {
const instance = getCurrentInstance();
const { emit } = instance;
const props2 = instance.props;
const hasUpdateHandler = computed(() => isFunction$1(props2[updateEventKeyRaw]));
const isModelBindingAbsent = computed(() => props2[name] === null);
const doShow = (event) => {
if (indicator.value === true) {
return;
}
indicator.value = true;
if (toggleReason) {
toggleReason.value = event;
}
if (isFunction$1(onShow)) {
onShow(event);
}
};
const doHide = (event) => {
if (indicator.value === false) {
return;
}
indicator.value = false;
if (toggleReason) {
toggleReason.value = event;
}
if (isFunction$1(onHide)) {
onHide(event);
}
};
const show = (event) => {
if (props2.disabled === true || isFunction$1(shouldProceed) && !shouldProceed())
return;
const shouldEmit = hasUpdateHandler.value && isClient;
if (shouldEmit) {
emit(updateEventKey, true);
}
if (isModelBindingAbsent.value || !shouldEmit) {
doShow(event);
}
};
const hide = (event) => {
if (props2.disabled === true || !isClient)
return;
const shouldEmit = hasUpdateHandler.value && isClient;
if (shouldEmit) {
emit(updateEventKey, false);
}
if (isModelBindingAbsent.value || !shouldEmit) {
doHide(event);
}
};
const onChange = (val) => {
if (!isBoolean$1(val))
return;
if (props2.disabled && val) {
if (hasUpdateHandler.value) {
emit(updateEventKey, false);
}
} else if (indicator.value !== val) {
if (val) {
doShow();
} else {
doHide();
}
}
};
const toggle = () => {
if (indicator.value) {
hide();
} else {
show();
}
};
watch(() => props2[name], onChange);
if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
watch(() => ({
...instance.proxy.$route
}), () => {
if (shouldHideWhenRouteChanges.value && indicator.value) {
hide();
}
});
}
onMounted(() => {
onChange(props2[name]);
});
return {
hide,
show,
toggle,
hasUpdateHandler
};
};
return {
useModelToggle: useModelToggle2,
useModelToggleProps: useModelToggleProps2,
useModelToggleEmits: useModelToggleEmits2
};
};
var E$1 = "top", R = "bottom", W = "right", P$1 = "left", me = "auto", G = [E$1, R, W, P$1], U$1 = "start", J = "end", Xe = "clippingParents", je = "viewport", K = "popper", Ye = "reference", De = G.reduce(function(t, e) {
return t.concat([e + "-" + U$1, e + "-" + J]);
}, []), Ee = [].concat(G, [me]).reduce(function(t, e) {
return t.concat([e, e + "-" + U$1, e + "-" + J]);
}, []), Ge = "beforeRead", Je = "read", Ke = "afterRead", Qe = "beforeMain", Ze = "main", et = "afterMain", tt = "beforeWrite", nt = "write", rt = "afterWrite", ot = [Ge, Je, Ke, Qe, Ze, et, tt, nt, rt];
function C(t) {
return t ? (t.nodeName || "").toLowerCase() : null;
}
function H(t) {
if (t == null) return window;
if (t.toString() !== "[object Window]") {
var e = t.ownerDocument;
return e && e.defaultView || window;
}
return t;
}
function Q(t) {
var e = H(t).Element;
return t instanceof e || t instanceof Element;
}
function B(t) {
var e = H(t).HTMLElement;
return t instanceof e || t instanceof HTMLElement;
}
function Pe(t) {
if (typeof ShadowRoot == "undefined") return false;
var e = H(t).ShadowRoot;
return t instanceof e || t instanceof ShadowRoot;
}
function Mt(t) {
var e = t.state;
Object.keys(e.elements).forEach(function(n) {
var r = e.styles[n] || {}, o2 = e.attributes[n] || {}, i = e.elements[n];
!B(i) || !C(i) || (Object.assign(i.style, r), Object.keys(o2).forEach(function(a2) {
var s2 = o2[a2];
s2 === false ? i.removeAttribute(a2) : i.setAttribute(a2, s2 === true ? "" : s2);
}));
});
}
function Rt(t) {
var e = t.state, n = { popper: { position: e.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} };
return Object.assign(e.elements.popper.style, n.popper), e.styles = n, e.elements.arrow && Object.assign(e.elements.arrow.style, n.arrow), function() {
Object.keys(e.elements).forEach(function(r) {
var o2 = e.elements[r], i = e.attributes[r] || {}, a2 = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : n[r]), s2 = a2.reduce(function(f2, c2) {
return f2[c2] = "", f2;
}, {});
!B(o2) || !C(o2) || (Object.assign(o2.style, s2), Object.keys(i).forEach(function(f2) {
o2.removeAttribute(f2);
}));
});
};
}
var Ae = { name: "applyStyles", enabled: true, phase: "write", fn: Mt, effect: Rt, requires: ["computeStyles"] };
function q(t) {
return t.split("-")[0];
}
var X$1 = Math.max, ve = Math.min, Z = Math.round;
function ee(t, e) {
e === void 0 && (e = false);
var n = t.getBoundingClientRect(), r = 1, o2 = 1;
if (B(t) && e) {
var i = t.offsetHeight, a2 = t.offsetWidth;
a2 > 0 && (r = Z(n.width) / a2 || 1), i > 0 && (o2 = Z(n.height) / i || 1);
}
return { width: n.width / r, height: n.height / o2, top: n.top / o2, right: n.right / r, bottom: n.bottom / o2, left: n.left / r, x: n.left / r, y: n.top / o2 };
}
function ke(t) {
var e = ee(t), n = t.offsetWidth, r = t.offsetHeight;
return Math.abs(e.width - n) <= 1 && (n = e.width), Math.abs(e.height - r) <= 1 && (r = e.height), { x: t.offsetLeft, y: t.offsetTop, width: n, height: r };
}
function it(t, e) {
var n = e.getRootNode && e.getRootNode();
if (t.contains(e)) return true;
if (n && Pe(n)) {
var r = e;
do {
if (r && t.isSameNode(r)) return true;
r = r.parentNode || r.host;
} while (r);
}
return false;
}
function N$1(t) {
return H(t).getComputedStyle(t);
}
function Wt(t) {
return ["table", "td", "th"].indexOf(C(t)) >= 0;
}
function I$1(t) {
return ((Q(t) ? t.ownerDocument : t.document) || window.document).documentElement;
}
function ge(t) {
return C(t) === "html" ? t : t.assignedSlot || t.parentNode || (Pe(t) ? t.host : null) || I$1(t);
}
function at(t) {
return !B(t) || N$1(t).position === "fixed" ? null : t.offsetParent;
}
function Bt(t) {
var e = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, n = navigator.userAgent.indexOf("Trident") !== -1;
if (n && B(t)) {
var r = N$1(t);
if (r.position === "fixed") return null;
}
var o2 = ge(t);
for (Pe(o2) && (o2 = o2.host); B(o2) && ["html", "body"].indexOf(C(o2)) < 0; ) {
var i = N$1(o2);
if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || e && i.willChange === "filter" || e && i.filter && i.filter !== "none") return o2;
o2 = o2.parentNode;
}
return null;
}
function se(t) {
for (var e = H(t), n = at(t); n && Wt(n) && N$1(n).position === "static"; ) n = at(n);
return n && (C(n) === "html" || C(n) === "body" && N$1(n).position === "static") ? e : n || Bt(t) || e;
}
function Le(t) {
return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
}
function fe(t, e, n) {
return X$1(t, ve(e, n));
}
function St(t, e, n) {
var r = fe(t, e, n);
return r > n ? n : r;
}
function st() {
return { top: 0, right: 0, bottom: 0, left: 0 };
}
function ft(t) {
return Object.assign({}, st(), t);
}
function ct(t, e) {
return e.reduce(function(n, r) {
return n[r] = t, n;
}, {});
}
var Tt = function(t, e) {
return t = typeof t == "function" ? t(Object.assign({}, e.rects, { placement: e.placement })) : t, ft(typeof t != "number" ? t : ct(t, G));
};
function Ht(t) {
var e, n = t.state, r = t.name, o2 = t.options, i = n.elements.arrow, a2 = n.modifiersData.popperOffsets, s2 = q(n.placement), f2 = Le(s2), c2 = [P$1, W].indexOf(s2) >= 0, u2 = c2 ? "height" : "width";
if (!(!i || !a2)) {
var m2 = Tt(o2.padding, n), v2 = ke(i), l2 = f2 === "y" ? E$1 : P$1, h2 = f2 === "y" ? R : W, p2 = n.rects.reference[u2] + n.rects.reference[f2] - a2[f2] - n.rects.popper[u2], g = a2[f2] - n.rects.reference[f2], x2 = se(i), y = x2 ? f2 === "y" ? x2.clientHeight || 0 : x2.clientWidth || 0 : 0, $ = p2 / 2 - g / 2, d2 = m2[l2], b2 = y - v2[u2] - m2[h2], w2 = y / 2 - v2[u2] / 2 + $, O2 = fe(d2, w2, b2), j = f2;
n.modifiersData[r] = (e = {}, e[j] = O2, e.centerOffset = O2 - w2, e);
}
}
function Ct(t) {
var e = t.state, n = t.options, r = n.element, o2 = r === void 0 ? "[data-popper-arrow]" : r;
o2 != null && (typeof o2 == "string" && (o2 = e.elements.popper.querySelector(o2), !o2) || !it(e.elements.popper, o2) || (e.elements.arrow = o2));
}
var pt = { name: "arrow", enabled: true, phase: "main", fn: Ht, effect: Ct, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] };
function te(t) {
return t.split("-")[1];
}
var qt = { top: "auto", right: "auto", bottom: "auto", left: "auto" };
function Vt(t) {
var e = t.x, n = t.y, r = window, o2 = r.devicePixelRatio || 1;
return { x: Z(e * o2) / o2 || 0, y: Z(n * o2) / o2 || 0 };
}
function ut(t) {
var e, n = t.popper, r = t.popperRect, o2 = t.placement, i = t.variation, a2 = t.offsets, s2 = t.position, f2 = t.gpuAcceleration, c2 = t.adaptive, u2 = t.roundOffsets, m2 = t.isFixed, v2 = a2.x, l2 = v2 === void 0 ? 0 : v2, h2 = a2.y, p2 = h2 === void 0 ? 0 : h2, g = typeof u2 == "function" ? u2({ x: l2, y: p2 }) : { x: l2, y: p2 };
l2 = g.x, p2 = g.y;
var x2 = a2.hasOwnProperty("x"), y = a2.hasOwnProperty("y"), $ = P$1, d2 = E$1, b2 = window;
if (c2) {
var w2 = se(n), O2 = "clientHeight", j = "clientWidth";
if (w2 === H(n) && (w2 = I$1(n), N$1(w2).position !== "static" && s2 === "absolute" && (O2 = "scrollHeight", j = "scrollWidth")), w2 = w2, o2 === E$1 || (o2 === P$1 || o2 === W) && i === J) {
d2 = R;
var A2 = m2 && w2 === b2 && b2.visualViewport ? b2.visualViewport.height : w2[O2];
p2 -= A2 - r.height, p2 *= f2 ? 1 : -1;
}
if (o2 === P$1 || (o2 === E$1 || o2 === R) && i === J) {
$ = W;
var k = m2 && w2 === b2 && b2.visualViewport ? b2.visualViewport.width : w2[j];
l2 -= k - r.width, l2 *= f2 ? 1 : -1;
}
}
var D2 = Object.assign({ position: s2 }, c2 && qt), S2 = u2 === true ? Vt({ x: l2, y: p2 }) : { x: l2, y: p2 };
if (l2 = S2.x, p2 = S2.y, f2) {
var L;
return Object.assign({}, D2, (L = {}, L[d2] = y ? "0" : "", L[$] = x2 ? "0" : "", L.transform = (b2.devicePixelRatio || 1) <= 1 ? "translate(" + l2 + "px, " + p2 + "px)" : "translate3d(" + l2 + "px, " + p2 + "px, 0)", L));
}
return Object.assign({}, D2, (e = {}, e[d2] = y ? p2 + "px" : "", e[$] = x2 ? l2 + "px" : "", e.transform = "", e));
}
function Nt(t) {
var e = t.state, n = t.options, r = n.gpuAcceleration, o2 = r === void 0 ? true : r, i = n.adaptive, a2 = i === void 0 ? true : i, s2 = n.roundOffsets, f2 = s2 === void 0 ? true : s2, c2 = { placement: q(e.placement), variation: te(e.placement), popper: e.elements.popper, popperRect: e.rects.popper, gpuAcceleration: o2, isFixed: e.options.strategy === "fixed" };
e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, ut(Object.assign({}, c2, { offsets: e.modifiersData.popperOffsets, position: e.options.strategy, adaptive: a2, roundOffsets: f2 })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, ut(Object.assign({}, c2, { offsets: e.modifiersData.arrow, position: "absolute", adaptive: false, roundOffsets: f2 })))), e.attributes.popper = Object.assign({}, e.attributes.popper, { "data-popper-placement": e.placement });
}
var Me = { name: "computeStyles", enabled: true, phase: "beforeWrite", fn: Nt, data: {} }, ye = { passive: true };
function It(t) {
var e = t.state, n = t.instance, r = t.options, o2 = r.scroll, i = o2 === void 0 ? true : o2, a2 = r.resize, s2 = a2 === void 0 ? true : a2, f2 = H(e.elements.popper), c2 = [].concat(e.scrollParents.reference, e.scrollParents.popper);
return i && c2.forEach(function(u2) {
u2.addEventListener("scroll", n.update, ye);
}), s2 && f2.addEventListener("resize", n.update, ye), function() {
i && c2.forEach(function(u2) {
u2.removeEventListener("scroll", n.update, ye);
}), s2 && f2.removeEventListener("resize", n.update, ye);
};
}
var Re = { name: "eventListeners", enabled: true, phase: "write", fn: function() {
}, effect: It, data: {} }, _t = { left: "right", right: "left", bottom: "top", top: "bottom" };
function be(t) {
return t.replace(/left|right|bottom|top/g, function(e) {
return _t[e];
});
}
var zt = { start: "end", end: "start" };
function lt(t) {
return t.replace(/start|end/g, function(e) {
return zt[e];
});
}
function We(t) {
var e = H(t), n = e.pageXOffset, r = e.pageYOffset;
return { scrollLeft: n, scrollTop: r };
}
function Be(t) {
return ee(I$1(t)).left + We(t).scrollLeft;
}
function Ft(t) {
var e = H(t), n = I$1(t), r = e.visualViewport, o2 = n.clientWidth, i = n.clientHeight, a2 = 0, s2 = 0;
return r && (o2 = r.width, i = r.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (a2 = r.offsetLeft, s2 = r.offsetTop)), { width: o2, height: i, x: a2 + Be(t), y: s2 };
}
function Ut(t) {
var e, n = I$1(t), r = We(t), o2 = (e = t.ownerDocument) == null ? void 0 : e.body, i = X$1(n.scrollWidth, n.clientWidth, o2 ? o2.scrollWidth : 0, o2 ? o2.clientWidth : 0), a2 = X$1(n.scrollHeight, n.clientHeight, o2 ? o2.scrollHeight : 0, o2 ? o2.clientHeight : 0), s2 = -r.scrollLeft + Be(t), f2 = -r.scrollTop;
return N$1(o2 || n).direction === "rtl" && (s2 += X$1(n.clientWidth, o2 ? o2.clientWidth : 0) - i), { width: i, height: a2, x: s2, y: f2 };
}
function Se(t) {
var e = N$1(t), n = e.overflow, r = e.overflowX, o2 = e.overflowY;
return /auto|scroll|overlay|hidden/.test(n + o2 + r);
}
function dt(t) {
return ["html", "body", "#document"].indexOf(C(t)) >= 0 ? t.ownerDocument.body : B(t) && Se(t) ? t : dt(ge(t));
}
function ce(t, e) {
var n;
e === void 0 && (e = []);
var r = dt(t), o2 = r === ((n = t.ownerDocument) == null ? void 0 : n.body), i = H(r), a2 = o2 ? [i].concat(i.visualViewport || [], Se(r) ? r : []) : r, s2 = e.concat(a2);
return o2 ? s2 : s2.concat(ce(ge(a2)));
}
function Te(t) {
return Object.assign({}, t, { left: t.x, top: t.y, right: t.x + t.width, bottom: t.y + t.height });
}
function Xt(t) {
var e = ee(t);
return e.top = e.top + t.clientTop, e.left = e.left + t.clientLeft, e.bottom = e.top + t.clientHeight, e.right = e.left + t.clientWidth, e.width = t.clientWidth, e.height = t.clientHeight, e.x = e.left, e.y = e.top, e;
}
function ht(t, e) {
return e === je ? Te(Ft(t)) : Q(e) ? Xt(e) : Te(Ut(I$1(t)));
}
function Yt(t) {
var e = ce(ge(t)), n = ["absolute", "fixed"].indexOf(N$1(t).position) >= 0, r = n && B(t) ? se(t) : t;
return Q(r) ? e.filter(function(o2) {
return Q(o2) && it(o2, r) && C(o2) !== "body";
}) : [];
}
function Gt(t, e, n) {
var r = e === "clippingParents" ? Yt(t) : [].concat(e), o2 = [].concat(r, [n]), i = o2[0], a2 = o2.reduce(function(s2, f2) {
var c2 = ht(t, f2);
return s2.top = X$1(c2.top, s2.top), s2.right = ve(c2.right, s2.right), s2.bottom = ve(c2.bottom, s2.bottom), s2.left = X$1(c2.left, s2.left), s2;
}, ht(t, i));
return a2.width = a2.right - a2.left, a2.height = a2.bottom - a2.top, a2.x = a2.left, a2.y = a2.top, a2;
}
function mt(t) {
var e = t.reference, n = t.element, r = t.placement, o2 = r ? q(r) : null, i = r ? te(r) : null, a2 = e.x + e.width / 2 - n.width / 2, s2 = e.y + e.height / 2 - n.height / 2, f2;
switch (o2) {
case E$1:
f2 = { x: a2, y: e.y - n.height };
break;
case R:
f2 = { x: a2, y: e.y + e.height };
break;
case W:
f2 = { x: e.x + e.width, y: s2 };
break;
case P$1:
f2 = { x: e.x - n.width, y: s2 };
break;
default:
f2 = { x: e.x, y: e.y };
}
var c2 = o2 ? Le(o2) : null;
if (c2 != null) {
var u2 = c2 === "y" ? "height" : "width";
switch (i) {
case U$1:
f2[c2] = f2[c2] - (e[u2] / 2 - n[u2] / 2);
break;
case J:
f2[c2] = f2[c2] + (e[u2] / 2 - n[u2] / 2);
break;
}
}
return f2;
}
function ne(t, e) {
e === void 0 && (e = {});
var n = e, r = n.placement, o2 = r === void 0 ? t.placement : r, i = n.boundary, a2 = i === void 0 ? Xe : i, s2 = n.rootBoundary, f2 = s2 === void 0 ? je : s2, c2 = n.elementContext, u2 = c2 === void 0 ? K : c2, m2 = n.altBoundary, v2 = m2 === void 0 ? false : m2, l2 = n.padding, h2 = l2 === void 0 ? 0 : l2, p2 = ft(typeof h2 != "number" ? h2 : ct(h2, G)), g = u2 === K ? Ye : K, x2 = t.rects.popper, y = t.elements[v2 ? g : u2], $ = Gt(Q(y) ? y : y.contextElement || I$1(t.elements.popper), a2, f2), d2 = ee(t.elements.reference), b2 = mt({ reference: d2, element: x2, strategy: "absolute", placement: o2 }), w2 = Te(Object.assign({}, x2, b2)), O2 = u2 === K ? w2 : d2, j = { top: $.top - O2.top + p2.top, bottom: O2.bottom - $.bottom + p2.bottom, left: $.left - O2.left + p2.left, right: O2.right - $.right + p2.right }, A2 = t.modifiersData.offset;
if (u2 === K && A2) {
var k = A2[o2];
Object.keys(j).forEach(function(D2) {
var S2 = [W, R].indexOf(D2) >= 0 ? 1 : -1, L = [E$1, R].indexOf(D2) >= 0 ? "y" : "x";
j[D2] += k[L] * S2;
});
}
return j;
}
function Jt(t, e) {
e === void 0 && (e = {});
var n = e, r = n.placement, o2 = n.boundary, i = n.rootBoundary, a2 = n.padding, s2 = n.flipVariations, f2 = n.allowedAutoPlacements, c2 = f2 === void 0 ? Ee : f2, u2 = te(r), m2 = u2 ? s2 ? De : De.filter(function(h2) {
return te(h2) === u2;
}) : G, v2 = m2.filter(function(h2) {
return c2.indexOf(h2) >= 0;
});
v2.length === 0 && (v2 = m2);
var l2 = v2.reduce(function(h2, p2) {
return h2[p2] = ne(t, { placement: p2, boundary: o2, rootBoundary: i, padding: a2 })[q(p2)], h2;
}, {});
return Object.keys(l2).sort(function(h2, p2) {
return l2[h2] - l2[p2];
});
}
function Kt(t) {
if (q(t) === me) return [];
var e = be(t);
return [lt(t), e, lt(e)];
}
function Qt(t) {
var e = t.state, n = t.options, r = t.name;
if (!e.modifiersData[r]._skip) {
for (var o2 = n.mainAxis, i = o2 === void 0 ? true : o2, a2 = n.altAxis, s2 = a2 === void 0 ? true : a2, f2 = n.fallbackPlacements, c2 = n.padding, u2 = n.boundary, m2 = n.rootBoundary, v2 = n.altBoundary, l2 = n.flipVariations, h2 = l2 === void 0 ? true : l2, p2 = n.allowedAutoPlacements, g = e.options.placement, x2 = q(g), y = x2 === g, $ = f2 || (y || !h2 ? [be(g)] : Kt(g)), d2 = [g].concat($).reduce(function(z, V) {
return z.concat(q(V) === me ? Jt(e, { placement: V, boundary: u2, rootBoundary: m2, padding: c2, flipVariations: h2, allowedAutoPlacements: p2 }) : V);
}, []), b2 = e.rects.reference, w2 = e.rects.popper, O2 = /* @__PURE__ */ new Map(), j = true, A2 = d2[0], k = 0; k < d2.length; k++) {
var D2 = d2[k], S2 = q(D2), L = te(D2) === U$1, re = [E$1, R].indexOf(S2) >= 0, oe = re ? "width" : "height", M2 = ne(e, { placement: D2, boundary: u2, rootBoundary: m2, altBoundary: v2, padding: c2 }), T2 = re ? L ? W : P$1 : L ? R : E$1;
b2[oe] > w2[oe] && (T2 = be(T2));
var pe = be(T2), _2 = [];
if (i && _2.push(M2[S2] <= 0), s2 && _2.push(M2[T2] <= 0, M2[pe] <= 0), _2.every(function(z) {
return z;
})) {
A2 = D2, j = false;
break;
}
O2.set(D2, _2);
}
if (j) for (var ue = h2 ? 3 : 1, xe = function(z) {
var V = d2.find(function(de) {
var ae = O2.get(de);
if (ae) return ae.slice(0, z).every(function(Y2) {
return Y2;
});
});
if (V) return A2 = V, "break";
}, ie = ue; ie > 0; ie--) {
var le = xe(ie);
if (le === "break") break;
}
e.placement !== A2 && (e.modifiersData[r]._skip = true, e.placement = A2, e.reset = true);
}
}
var vt = { name: "flip", enabled: true, phase: "main", fn: Qt, requiresIfExists: ["offset"], data: { _skip: false } };
function gt(t, e, n) {
return n === void 0 && (n = { x: 0, y: 0 }), { top: t.top - e.height - n.y, right: t.right - e.width + n.x, bottom: t.bottom - e.height + n.y, left: t.left - e.width - n.x };
}
function yt(t) {
return [E$1, W, R, P$1].some(function(e) {
return t[e] >= 0;
});
}
function Zt(t) {
var e = t.state, n = t.name, r = e.rects.reference, o2 = e.rects.popper, i = e.modifiersData.preventOverflow, a2 = ne(e, { elementContext: "reference" }), s2 = ne(e, { altBoundary: true }), f2 = gt(a2, r), c2 = gt(s2, o2, i), u2 = yt(f2), m2 = yt(c2);
e.modifiersData[n] = { referenceClippingOffsets: f2, popperEscapeOffsets: c2, isReferenceHidden: u2, hasPopperEscaped: m2 }, e.attributes.popper = Object.assign({}, e.attributes.popper, { "data-popper-reference-hidden": u2, "data-popper-escaped": m2 });
}
var bt = { name: "hide", enabled: true, phase: "main", requiresIfExists: ["preventOverflow"], fn: Zt };
function en(t, e, n) {
var r = q(t), o2 = [P$1, E$1].indexOf(r) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, e, { placement: t })) : n, a2 = i[0], s2 = i[1];
return a2 = a2 || 0, s2 = (s2 || 0) * o2, [P$1, W].indexOf(r) >= 0 ? { x: s2, y: a2 } : { x: a2, y: s2 };
}
function tn(t) {
var e = t.state, n = t.options, r = t.name, o2 = n.offset, i = o2 === void 0 ? [0, 0] : o2, a2 = Ee.reduce(function(u2, m2) {
return u2[m2] = en(m2, e.rects, i), u2;
}, {}), s2 = a2[e.placement], f2 = s2.x, c2 = s2.y;
e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += f2, e.modifiersData.popperOffsets.y += c2), e.modifiersData[r] = a2;
}
var wt = { name: "offset", enabled: true, phase: "main", requires: ["popperOffsets"], fn: tn };
function nn(t) {
var e = t.state, n = t.name;
e.modifiersData[n] = mt({ reference: e.rects.reference, element: e.rects.popper, strategy: "absolute", placement: e.placement });
}
var He = { name: "popperOffsets", enabled: true, phase: "read", fn: nn, data: {} };
function rn(t) {
return t === "x" ? "y" : "x";
}
function on(t) {
var e = t.state, n = t.options, r = t.name, o2 = n.mainAxis, i = o2 === void 0 ? true : o2, a2 = n.altAxis, s2 = a2 === void 0 ? false : a2, f2 = n.boundary, c2 = n.rootBoundary, u2 = n.altBoundary, m2 = n.padding, v2 = n.tether, l2 = v2 === void 0 ? true : v2, h2 = n.tetherOffset, p2 = h2 === void 0 ? 0 : h2, g = ne(e, { boundary: f2, rootBoundary: c2, padding: m2, altBoundary: u2 }), x2 = q(e.placement), y = te(e.placement), $ = !y, d2 = Le(x2), b2 = rn(d2), w2 = e.modifiersData.popperOffsets, O2 = e.rects.reference, j = e.rects.popper, A2 = typeof p2 == "function" ? p2(Object.assign({}, e.rects, { placement: e.placement })) : p2, k = typeof A2 == "number" ? { mainAxis: A2, altAxis: A2 } : Object.assign({ mainAxis: 0, altAxis: 0 }, A2), D2 = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, S2 = { x: 0, y: 0 };
if (w2) {
if (i) {
var L, re = d2 === "y" ? E$1 : P$1, oe = d2 === "y" ? R : W, M2 = d2 === "y" ? "height" : "width", T2 = w2[d2], pe = T2 + g[re], _2 = T2 - g[oe], ue = l2 ? -j[M2] / 2 : 0, xe = y === U$1 ? O2[M2] : j[M2], ie = y === U$1 ? -j[M2] : -O2[M2], le = e.elements.arrow, z = l2 && le ? ke(le) : { width: 0, height: 0 }, V = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : st(), de = V[re], ae = V[oe], Y2 = fe(0, O2[M2], z[M2]), jt = $ ? O2[M2] / 2 - ue - Y2 - de - k.mainAxis : xe - Y2 - de - k.mainAxis, Dt = $ ? -O2[M2] / 2 + ue + Y2 + ae + k.mainAxis : ie + Y2 + ae + k.mainAxis, Oe = e.elements.arrow && se(e.elements.arrow), Et = Oe ? d2 === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, Ce = (L = D2 == null ? void 0 : D2[d2]) != null ? L : 0, Pt = T2 + jt - Ce - Et, At = T2 + Dt - Ce, qe = fe(l2 ? ve(pe, Pt) : pe, T2, l2 ? X$1(_2, At) : _2);
w2[d2] = qe, S2[d2] = qe - T2;
}
if (s2) {
var Ve, kt = d2 === "x" ? E$1 : P$1, Lt = d2 === "x" ? R : W, F2 = w2[b2], he = b2 === "y" ? "height" : "width", Ne = F2 + g[kt], Ie = F2 - g[Lt], $e = [E$1, P$1].indexOf(x2) !== -1, _e = (Ve = D2 == null ? void 0 : D2[b2]) != null ? Ve : 0, ze = $e ? Ne : F2 - O2[he] - j[he] - _e + k.altAxis, Fe = $e ? F2 + O2[he] + j[he] - _e - k.altAxis : Ie, Ue = l2 && $e ? St(ze, F2, Fe) : fe(l2 ? ze : Ne, F2, l2 ? Fe : Ie);
w2[b2] = Ue, S2[b2] = Ue - F2;
}
e.modifiersData[r] = S2;
}
}
var xt = { name: "preventOverflow", enabled: true, phase: "main", fn: on, requiresIfExists: ["offset"] };
function an(t) {
return { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop };
}
function sn(t) {
return t === H(t) || !B(t) ? We(t) : an(t);
}
function fn(t) {
var e = t.getBoundingClientRect(), n = Z(e.width) / t.offsetWidth || 1, r = Z(e.height) / t.offsetHeight || 1;
return n !== 1 || r !== 1;
}
function cn(t, e, n) {
n === void 0 && (n = false);
var r = B(e), o2 = B(e) && fn(e), i = I$1(e), a2 = ee(t, o2), s2 = { scrollLeft: 0, scrollTop: 0 }, f2 = { x: 0, y: 0 };
return (r || !r && !n) && ((C(e) !== "body" || Se(i)) && (s2 = sn(e)), B(e) ? (f2 = ee(e, true), f2.x += e.clientLeft, f2.y += e.clientTop) : i && (f2.x = Be(i))), { x: a2.left + s2.scrollLeft - f2.x, y: a2.top + s2.scrollTop - f2.y, width: a2.width, height: a2.height };
}
function pn(t) {
var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
t.forEach(function(i) {
e.set(i.name, i);
});
function o2(i) {
n.add(i.name);
var a2 = [].concat(i.requires || [], i.requiresIfExists || []);
a2.forEach(function(s2) {
if (!n.has(s2)) {
var f2 = e.get(s2);
f2 && o2(f2);
}
}), r.push(i);
}
return t.forEach(function(i) {
n.has(i.name) || o2(i);
}), r;
}
function un(t) {
var e = pn(t);
return ot.reduce(function(n, r) {
return n.concat(e.filter(function(o2) {
return o2.phase === r;
}));
}, []);
}
function ln(t) {
var e;
return function() {
return e || (e = new Promise(function(n) {
Promise.resolve().then(function() {
e = void 0, n(t());
});
})), e;
};
}
function dn(t) {
var e = t.reduce(function(n, r) {
var o2 = n[r.name];
return n[r.name] = o2 ? Object.assign({}, o2, r, { options: Object.assign({}, o2.options, r.options), data: Object.assign({}, o2.data, r.data) }) : r, n;
}, {});
return Object.keys(e).map(function(n) {
return e[n];
});
}
var Ot = { placement: "bottom", modifiers: [], strategy: "absolute" };
function $t() {
for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++) e[n] = arguments[n];
return !e.some(function(r) {
return !(r && typeof r.getBoundingClientRect == "function");
});
}
function we(t) {
t === void 0 && (t = {});
var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, o2 = e.defaultOptions, i = o2 === void 0 ? Ot : o2;
return function(a2, s2, f2) {
f2 === void 0 && (f2 = i);
var c2 = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, Ot, i), modifiersData: {}, elements: { reference: a2, popper: s2 }, attributes: {}, styles: {} }, u2 = [], m2 = false, v2 = { state: c2, setOptions: function(p2) {
var g = typeof p2 == "function" ? p2(c2.options) : p2;
h2(), c2.options = Object.assign({}, i, c2.options, g), c2.scrollParents = { reference: Q(a2) ? ce(a2) : a2.contextElement ? ce(a2.contextElement) : [], popper: ce(s2) };
var x2 = un(dn([].concat(r, c2.options.modifiers)));
return c2.orderedModifiers = x2.filter(function(y) {
return y.enabled;
}), l2(), v2.update();
}, forceUpdate: function() {
if (!m2) {
var p2 = c2.elements, g = p2.reference, x2 = p2.popper;
if ($t(g, x2)) {
c2.rects = { reference: cn(g, se(x2), c2.options.strategy === "fixed"), popper: ke(x2) }, c2.reset = false, c2.placement = c2.options.placement, c2.orderedModifiers.forEach(function(j) {
return c2.modifiersData[j.name] = Object.assign({}, j.data);
});
for (var y = 0; y < c2.orderedModifiers.length; y++) {
if (c2.reset === true) {
c2.reset = false, y = -1;
continue;
}
var $ = c2.orderedModifiers[y], d2 = $.fn, b2 = $.options, w2 = b2 === void 0 ? {} : b2, O2 = $.name;
typeof d2 == "function" && (c2 = d2({ state: c2, options: w2, name: O2, instance: v2 }) || c2);
}
}
}
}, update: ln(function() {
return new Promise(function(p2) {
v2.forceUpdate(), p2(c2);
});
}), destroy: function() {
h2(), m2 = true;
} };
if (!$t(a2, s2)) return v2;
v2.setOptions(f2).then(function(p2) {
!m2 && f2.onFirstUpdate && f2.onFirstUpdate(p2);
});
function l2() {
c2.orderedModifiers.forEach(function(p2) {
var g = p2.name, x2 = p2.options, y = x2 === void 0 ? {} : x2, $ = p2.effect;
if (typeof $ == "function") {
var d2 = $({ state: c2, name: g, instance: v2, options: y }), b2 = function() {
};
u2.push(d2 || b2);
}
});
}
function h2() {
u2.forEach(function(p2) {
return p2();
}), u2 = [];
}
return v2;
};
}
we();
var mn = [Re, He, Me, Ae];
we({ defaultModifiers: mn });
var gn = [Re, He, Me, Ae, wt, vt, xt, pt, bt], yn = we({ defaultModifiers: gn });
const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
const stateUpdater = {
name: "updateState",
enabled: true,
phase: "write",
fn: ({ state }) => {
const derivedState = deriveState(state);
Object.assign(states.value, derivedState);
},
requires: ["computeStyles"]
};
const options2 = computed(() => {
const { onFirstUpdate, placement, strategy, modifiers } = unref(opts);
return {
onFirstUpdate,
placement: placement || "bottom",
strategy: strategy || "absolute",
modifiers: [
...modifiers || [],
stateUpdater,
{ name: "applyStyles", enabled: false }
]
};
});
const instanceRef = shallowRef();
const states = ref({
styles: {
popper: {
position: unref(options2).strategy,
left: "0",
top: "0"
},
arrow: {
position: "absolute"
}
},
attributes: {}
});
const destroy = () => {
if (!instanceRef.value)
return;
instanceRef.value.destroy();
instanceRef.value = void 0;
};
watch(options2, (newOptions) => {
const instance = unref(instanceRef);
if (instance) {
instance.setOptions(newOptions);
}
}, {
deep: true
});
watch([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
destroy();
if (!referenceElement || !popperElement)
return;
instanceRef.value = yn(referenceElement, popperElement, unref(options2));
});
onBeforeUnmount(() => {
destroy();
});
return {
state: computed(() => {
var _a;
return { ...((_a = unref(instanceRef)) == null ? void 0 : _a.state) || {} };
}),
styles: computed(() => unref(states).styles),
attributes: computed(() => unref(states).attributes),
update: () => {
var _a;
return (_a = unref(instanceRef)) == null ? void 0 : _a.update();
},
forceUpdate: () => {
var _a;
return (_a = unref(instanceRef)) == null ? void 0 : _a.forceUpdate();
},
instanceRef: computed(() => unref(instanceRef))
};
};
function deriveState(state) {
const elements = Object.keys(state.elements);
const styles = fromPairs(elements.map((element) => [element, state.styles[element] || {}]));
const attributes = fromPairs(elements.map((element) => [element, state.attributes[element]]));
return {
styles,
attributes
};
}
const useSameTarget = (handleClick) => {
if (!handleClick) {
return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };
}
let mousedownTarget = false;
let mouseupTarget = false;
const onClick = (e) => {
if (mousedownTarget && mouseupTarget) {
handleClick(e);
}
mousedownTarget = mouseupTarget = false;
};
const onMousedown = (e) => {
mousedownTarget = e.target === e.currentTarget;
};
const onMouseup = (e) => {
mouseupTarget = e.target === e.currentTarget;
};
return { onClick, onMousedown, onMouseup };
};
function useTimeout() {
let timeoutHandle;
const registerTimeout = (fn2, delay2) => {
cancelTimeout();
timeoutHandle = window.setTimeout(fn2, delay2);
};
const cancelTimeout = () => window.clearTimeout(timeoutHandle);
tryOnScopeDispose(() => cancelTimeout());
return {
registerTimeout,
cancelTimeout
};
}
let registeredEscapeHandlers = [];
const cachedHandler = (e) => {
const event = e;
if (event.key === EVENT_CODE.esc) {
registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
}
};
const useEscapeKeydown = (handler) => {
onMounted(() => {
if (registeredEscapeHandlers.length === 0) {
document.addEventListener("keydown", cachedHandler);
}
if (isClient)
registeredEscapeHandlers.push(handler);
});
onBeforeUnmount(() => {
registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
if (registeredEscapeHandlers.length === 0) {
if (isClient)
document.removeEventListener("keydown", cachedHandler);
}
});
};
let cachedContainer;
const usePopperContainerId = () => {
const namespace = useGetDerivedNamespace();
const idInjection = useIdInjection();
const id = computed(() => {
return `${namespace.value}-popper-container-${idInjection.prefix}`;
});
const selector = computed(() => `#${id.value}`);
return {
id,
selector
};
};
const createContainer = (id) => {
const container = document.createElement("div");
container.id = id;
document.body.appendChild(container);
return container;
};
const usePopperContainer = () => {
const { id, selector } = usePopperContainerId();
onBeforeMount(() => {
if (!isClient)
return;
if (!cachedContainer || !document.body.querySelector(selector.value)) {
cachedContainer = createContainer(id.value);
}
});
return {
id,
selector
};
};
const useDelayedToggleProps = buildProps({
showAfter: {
type: Number,
default: 0
},
hideAfter: {
type: Number,
default: 200
},
autoClose: {
type: Number,
default: 0
}
});
const useDelayedToggle = ({
showAfter,
hideAfter,
autoClose,
open,
close
}) => {
const { registerTimeout } = useTimeout();
const {
registerTimeout: registerTimeoutForAutoClose,
cancelTimeout: cancelTimeoutForAutoClose
} = useTimeout();
const onOpen = (event) => {
registerTimeout(() => {
open(event);
const _autoClose = unref(autoClose);
if (isNumber$1(_autoClose) && _autoClose > 0) {
registerTimeoutForAutoClose(() => {
close(event);
}, _autoClose);
}
}, unref(showAfter));
};
const onClose = (event) => {
cancelTimeoutForAutoClose();
registerTimeout(() => {
close(event);
}, unref(hideAfter));
};
return {
onOpen,
onClose
};
};
const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
const useForwardRef = (forwardRef) => {
const setForwardRef = (el) => {
forwardRef.value = el;
};
provide(FORWARD_REF_INJECTION_KEY, {
setForwardRef
});
};
const useForwardRefDirective = (setForwardRef) => {
return {
mounted(el) {
setForwardRef(el);
},
updated(el) {
setForwardRef(el);
},
unmounted() {
setForwardRef(null);
}
};
};
const initial = {
current: 0
};
const zIndex = ref(0);
const defaultInitialZIndex = 2e3;
const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
const zIndexContextKey = Symbol("zIndexContextKey");
const useZIndex = (zIndexOverrides) => {
const increasingInjection = getCurrentInstance() ? inject(ZINDEX_INJECTION_KEY, initial) : initial;
const zIndexInjection = getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0;
const initialZIndex = computed(() => {
const zIndexFromInjection = unref(zIndexInjection);
return isNumber$1(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
});
const currentZIndex = computed(() => initialZIndex.value + zIndex.value);
const nextZIndex = () => {
increasingInjection.current++;
zIndex.value = increasingInjection.current;
return currentZIndex.value;
};
if (!isClient && !inject(ZINDEX_INJECTION_KEY)) ;
return {
initialZIndex,
currentZIndex,
nextZIndex
};
};
function useCursor(input) {
let selectionInfo;
function recordCursor() {
if (input.value == void 0)
return;
const { selectionStart, selectionEnd, value } = input.value;
if (selectionStart == null || selectionEnd == null)
return;
const beforeTxt = value.slice(0, Math.max(0, selectionStart));
const afterTxt = value.slice(Math.max(0, selectionEnd));
selectionInfo = {
selectionStart,
selectionEnd,
value,
beforeTxt,
afterTxt
};
}
function setCursor() {
if (input.value == void 0 || selectionInfo == void 0)
return;
const { value } = input.value;
const { beforeTxt, afterTxt, selectionStart } = selectionInfo;
if (beforeTxt == void 0 || afterTxt == void 0 || selectionStart == void 0)
return;
let startPos = value.length;
if (value.endsWith(afterTxt)) {
startPos = value.length - afterTxt.length;
} else if (value.startsWith(beforeTxt)) {
startPos = beforeTxt.length;
} else {
const beforeLastChar = beforeTxt[selectionStart - 1];
const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
if (newIndex !== -1) {
startPos = newIndex + 1;
}
}
input.value.setSelectionRange(startPos, startPos);
}
return [recordCursor, setCursor];
}
function useFocusController(target, {
beforeFocus,
afterFocus,
beforeBlur,
afterBlur
} = {}) {
const instance = getCurrentInstance();
const { emit } = instance;
const wrapperRef = shallowRef();
const isFocused = ref(false);
const handleFocus = (event) => {
const cancelFocus = isFunction$1(beforeFocus) ? beforeFocus(event) : false;
if (cancelFocus || isFocused.value)
return;
isFocused.value = true;
emit("focus", event);
afterFocus == null ? void 0 : afterFocus();
};
const handleBlur = (event) => {
var _a;
const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
return;
isFocused.value = false;
emit("blur", event);
afterBlur == null ? void 0 : afterBlur();
};
const handleClick = () => {
var _a, _b;
if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement)
return;
(_b = target.value) == null ? void 0 : _b.focus();
};
watch(wrapperRef, (el) => {
if (el) {
el.setAttribute("tabindex", "-1");
}
});
useEventListener(wrapperRef, "focus", handleFocus, true);
useEventListener(wrapperRef, "blur", handleBlur, true);
useEventListener(wrapperRef, "click", handleClick, true);
return {
isFocused,
wrapperRef,
handleFocus,
handleBlur
};
}
function useComposition({
afterComposition,
emit
}) {
const isComposing = ref(false);
const handleCompositionStart = (event) => {
emit == null ? void 0 : emit("compositionstart", event);
isComposing.value = true;
};
const handleCompositionUpdate = (event) => {
var _a;
emit == null ? void 0 : emit("compositionupdate", event);
const text = (_a = event.target) == null ? void 0 : _a.value;
const lastCharacter = text[text.length - 1] || "";
isComposing.value = !isKorean(lastCharacter);
};
const handleCompositionEnd = (event) => {
emit == null ? void 0 : emit("compositionend", event);
if (isComposing.value) {
isComposing.value = false;
nextTick(() => afterComposition(event));
}
};
const handleComposition = (event) => {
event.type === "compositionend" ? handleCompositionEnd(event) : handleCompositionUpdate(event);
};
return {
isComposing,
handleComposition,
handleCompositionStart,
handleCompositionUpdate,
handleCompositionEnd
};
}
const ariaProps = buildProps({
ariaLabel: String,
ariaOrientation: {
type: String,
values: ["horizontal", "vertical", "undefined"]
},
ariaControls: String
});
const useAriaProps = (arias) => {
return pick(ariaProps, arias);
};
const alertEffects = ["light", "dark"];
const alertProps = buildProps({
title: {
type: String,
default: ""
},
description: {
type: String,
default: ""
},
type: {
type: String,
values: keysOf(TypeComponentsMap),
default: "info"
},
closable: {
type: Boolean,
default: true
},
closeText: {
type: String,
default: ""
},
showIcon: Boolean,
center: Boolean,
effect: {
type: String,
values: alertEffects,
default: "light"
}
});
const alertEmits = {
close: (evt) => evt instanceof MouseEvent
};
const __default__$v = defineComponent({
name: "ElAlert"
});
const _sfc_main$W = /* @__PURE__ */ defineComponent({
...__default__$v,
props: alertProps,
emits: alertEmits,
setup(__props, { emit }) {
const props2 = __props;
const { Close } = TypeComponents;
const slots = useSlots();
const ns = useNamespace("alert");
const visible = ref(true);
const iconComponent = computed(() => TypeComponentsMap[props2.type]);
const iconClass = computed(() => [
ns.e("icon"),
{ [ns.is("big")]: !!props2.description || !!slots.default }
]);
const withDescription = computed(() => {
return { "with-description": props2.description || slots.default };
});
const close = (evt) => {
visible.value = false;
emit("close", evt);
};
return (_ctx, _cache) => {
return openBlock(), createBlock(Transition, {
name: unref(ns).b("fade"),
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createElementVNode("div", {
class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
role: "alert"
}, [
_ctx.showIcon && unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
key: 0,
class: normalizeClass(unref(iconClass))
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
]),
_: 1
}, 8, ["class"])) : createCommentVNode("v-if", true),
createElementVNode("div", {
class: normalizeClass(unref(ns).e("content"))
}, [
_ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass([unref(ns).e("title"), unref(withDescription)])
}, [
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title), 1)
])
], 2)) : createCommentVNode("v-if", true),
_ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
key: 1,
class: normalizeClass(unref(ns).e("description"))
}, [
renderSlot(_ctx.$slots, "default", {}, () => [
createTextVNode(toDisplayString(_ctx.description), 1)
])
], 2)) : createCommentVNode("v-if", true),
_ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
_ctx.closeText ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
onClick: close
}, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(unref(ElIcon), {
key: 1,
class: normalizeClass(unref(ns).e("close-btn")),
onClick: close
}, {
default: withCtx(() => [
createVNode(unref(Close))
]),
_: 1
}, 8, ["class"]))
], 64)) : createCommentVNode("v-if", true)
], 2)
], 2), [
[vShow, visible.value]
])
]),
_: 3
}, 8, ["name"]);
};
}
});
var Alert = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__file", "alert.vue"]]);
const ElAlert = withInstall(Alert);
const formMetaProps = buildProps({
size: {
type: String,
values: componentSizes
},
disabled: Boolean
});
const formProps = buildProps({
...formMetaProps,
model: Object,
rules: {
type: definePropType(Object)
},
labelPosition: {
type: String,
values: ["left", "right", "top"],
default: "right"
},
requireAsteriskPosition: {
type: String,
values: ["left", "right"],
default: "left"
},
labelWidth: {
type: [String, Number],
default: ""
},
labelSuffix: {
type: String,
default: ""
},
inline: Boolean,
inlineMessage: Boolean,
statusIcon: Boolean,
showMessage: {
type: Boolean,
default: true
},
validateOnRuleChange: {
type: Boolean,
default: true
},
hideRequiredAsterisk: Boolean,
scrollToError: Boolean,
scrollIntoViewOptions: {
type: [Object, Boolean]
}
});
const formEmits = {
validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean$1(isValid) && isString$1(message)
};
function useFormLabelWidth() {
const potentialLabelWidthArr = ref([]);
const autoLabelWidth = computed(() => {
if (!potentialLabelWidthArr.value.length)
return "0";
const max = Math.max(...potentialLabelWidthArr.value);
return max ? `${max}px` : "";
});
function getLabelWidthIndex(width) {
const index = potentialLabelWidthArr.value.indexOf(width);
if (index === -1 && autoLabelWidth.value === "0") ;
return index;
}
function registerLabelWidth(val, oldVal) {
if (val && oldVal) {
const index = getLabelWidthIndex(oldVal);
potentialLabelWidthArr.value.splice(index, 1, val);
} else if (val) {
potentialLabelWidthArr.value.push(val);
}
}
function deregisterLabelWidth(val) {
const index = getLabelWidthIndex(val);
if (index > -1) {
potentialLabelWidthArr.value.splice(index, 1);
}
}
return {
autoLabelWidth,
registerLabelWidth,
deregisterLabelWidth
};
}
const filterFields = (fields, props2) => {
const normalized = castArray(props2);
return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
};
const COMPONENT_NAME$4 = "ElForm";
const __default__$u = defineComponent({
name: COMPONENT_NAME$4
});
const _sfc_main$V = /* @__PURE__ */ defineComponent({
...__default__$u,
props: formProps,
emits: formEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const fields = [];
const formSize = useFormSize();
const ns = useNamespace("form");
const formClasses = computed(() => {
const { labelPosition, inline } = props2;
return [
ns.b(),
ns.m(formSize.value || "default"),
{
[ns.m(`label-${labelPosition}`)]: labelPosition,
[ns.m("inline")]: inline
}
];
});
const getField = (prop) => {
return fields.find((field) => field.prop === prop);
};
const addField = (field) => {
fields.push(field);
};
const removeField = (field) => {
if (field.prop) {
fields.splice(fields.indexOf(field), 1);
}
};
const resetFields = (properties = []) => {
if (!props2.model) {
return;
}
filterFields(fields, properties).forEach((field) => field.resetField());
};
const clearValidate = (props22 = []) => {
filterFields(fields, props22).forEach((field) => field.clearValidate());
};
const isValidatable = computed(() => {
const hasModel = !!props2.model;
return hasModel;
});
const obtainValidateFields = (props22) => {
if (fields.length === 0)
return [];
const filteredFields = filterFields(fields, props22);
if (!filteredFields.length) {
return [];
}
return filteredFields;
};
const validate = async (callback) => validateField(void 0, callback);
const doValidateField = async (props22 = []) => {
if (!isValidatable.value)
return false;
const fields2 = obtainValidateFields(props22);
if (fields2.length === 0)
return true;
let validationErrors = {};
for (const field of fields2) {
try {
await field.validate("");
} catch (fields3) {
validationErrors = {
...validationErrors,
...fields3
};
}
}
if (Object.keys(validationErrors).length === 0)
return true;
return Promise.reject(validationErrors);
};
const validateField = async (modelProps = [], callback) => {
const shouldThrow = !isFunction$1(callback);
try {
const result = await doValidateField(modelProps);
if (result === true) {
await (callback == null ? void 0 : callback(result));
}
return result;
} catch (e) {
if (e instanceof Error)
throw e;
const invalidFields = e;
if (props2.scrollToError) {
scrollToField(Object.keys(invalidFields)[0]);
}
await (callback == null ? void 0 : callback(false, invalidFields));
return shouldThrow && Promise.reject(invalidFields);
}
};
const scrollToField = (prop) => {
var _a;
const field = filterFields(fields, prop)[0];
if (field) {
(_a = field.$el) == null ? void 0 : _a.scrollIntoView(props2.scrollIntoViewOptions);
}
};
watch(() => props2.rules, () => {
if (props2.validateOnRuleChange) {
validate().catch((err) => debugWarn());
}
}, { deep: true });
provide(formContextKey, reactive({
...toRefs(props2),
emit,
resetFields,
clearValidate,
validateField,
getField,
addField,
removeField,
...useFormLabelWidth()
}));
expose({
validate,
validateField,
resetFields,
clearValidate,
scrollToField,
fields
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("form", {
class: normalizeClass(unref(formClasses))
}, [
renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
var Form = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["__file", "form.vue"]]);
var define_process_env_default = {};
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
_setPrototypeOf(subClass, superClass);
}
function _getPrototypeOf(o2) {
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o22) {
return o22.__proto__ || Object.getPrototypeOf(o22);
};
return _getPrototypeOf(o2);
}
function _setPrototypeOf(o2, p2) {
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o22, p22) {
o22.__proto__ = p22;
return o22;
};
return _setPrototypeOf(o2, p2);
}
function _isNativeReflectConstruct() {
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
if (Reflect.construct.sham) return false;
if (typeof Proxy === "function") return true;
try {
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
}));
return true;
} catch (e) {
return false;
}
}
function _construct(Parent, args, Class) {
if (_isNativeReflectConstruct()) {
_construct = Reflect.construct.bind();
} else {
_construct = function _construct2(Parent2, args2, Class2) {
var a2 = [null];
a2.push.apply(a2, args2);
var Constructor = Function.bind.apply(Parent2, a2);
var instance = new Constructor();
if (Class2) _setPrototypeOf(instance, Class2.prototype);
return instance;
};
}
return _construct.apply(null, arguments);
}
function _isNativeFunction(fn2) {
return Function.toString.call(fn2).indexOf("[native code]") !== -1;
}
function _wrapNativeSuper(Class) {
var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
_wrapNativeSuper = function _wrapNativeSuper2(Class2) {
if (Class2 === null || !_isNativeFunction(Class2)) return Class2;
if (typeof Class2 !== "function") {
throw new TypeError("Super expression must either be null or a function");
}
if (typeof _cache !== "undefined") {
if (_cache.has(Class2)) return _cache.get(Class2);
_cache.set(Class2, Wrapper);
}
function Wrapper() {
return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
}
Wrapper.prototype = Object.create(Class2.prototype, {
constructor: {
value: Wrapper,
enumerable: false,
writable: true,
configurable: true
}
});
return _setPrototypeOf(Wrapper, Class2);
};
return _wrapNativeSuper(Class);
}
var formatRegExp = /%[sdj%]/g;
var warning = function warning2() {
};
if (typeof process !== "undefined" && define_process_env_default && false) {
warning = function warning3(type4, errors) {
if (typeof console !== "undefined" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === "undefined") {
if (errors.every(function(e) {
return typeof e === "string";
})) {
console.warn(type4, errors);
}
}
};
}
function convertFieldsError(errors) {
if (!errors || !errors.length) return null;
var fields = {};
errors.forEach(function(error) {
var field = error.field;
fields[field] = fields[field] || [];
fields[field].push(error);
});
return fields;
}
function format(template) {
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
var i = 0;
var len = args.length;
if (typeof template === "function") {
return template.apply(null, args);
}
if (typeof template === "string") {
var str = template.replace(formatRegExp, function(x2) {
if (x2 === "%%") {
return "%";
}
if (i >= len) {
return x2;
}
switch (x2) {
case "%s":
return String(args[i++]);
case "%d":
return Number(args[i++]);
case "%j":
try {
return JSON.stringify(args[i++]);
} catch (_2) {
return "[Circular]";
}
break;
default:
return x2;
}
});
return str;
}
return template;
}
function isNativeStringType(type4) {
return type4 === "string" || type4 === "url" || type4 === "hex" || type4 === "email" || type4 === "date" || type4 === "pattern";
}
function isEmptyValue(value, type4) {
if (value === void 0 || value === null) {
return true;
}
if (type4 === "array" && Array.isArray(value) && !value.length) {
return true;
}
if (isNativeStringType(type4) && typeof value === "string" && !value) {
return true;
}
return false;
}
function asyncParallelArray(arr, func, callback) {
var results = [];
var total2 = 0;
var arrLength = arr.length;
function count(errors) {
results.push.apply(results, errors || []);
total2++;
if (total2 === arrLength) {
callback(results);
}
}
arr.forEach(function(a2) {
func(a2, count);
});
}
function asyncSerialArray(arr, func, callback) {
var index = 0;
var arrLength = arr.length;
function next2(errors) {
if (errors && errors.length) {
callback(errors);
return;
}
var original = index;
index = index + 1;
if (original < arrLength) {
func(arr[original], next2);
} else {
callback([]);
}
}
next2([]);
}
function flattenObjArr(objArr) {
var ret = [];
Object.keys(objArr).forEach(function(k) {
ret.push.apply(ret, objArr[k] || []);
});
return ret;
}
var AsyncValidationError = /* @__PURE__ */ function(_Error) {
_inheritsLoose(AsyncValidationError2, _Error);
function AsyncValidationError2(errors, fields) {
var _this;
_this = _Error.call(this, "Async Validation Error") || this;
_this.errors = errors;
_this.fields = fields;
return _this;
}
return AsyncValidationError2;
}(/* @__PURE__ */ _wrapNativeSuper(Error));
function asyncMap(objArr, option, func, callback, source) {
if (option.first) {
var _pending = new Promise(function(resolve, reject) {
var next2 = function next22(errors) {
callback(errors);
return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
};
var flattenArr = flattenObjArr(objArr);
asyncSerialArray(flattenArr, func, next2);
});
_pending["catch"](function(e) {
return e;
});
return _pending;
}
var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
var objArrKeys = Object.keys(objArr);
var objArrLength = objArrKeys.length;
var total2 = 0;
var results = [];
var pending = new Promise(function(resolve, reject) {
var next2 = function next22(errors) {
results.push.apply(results, errors);
total2++;
if (total2 === objArrLength) {
callback(results);
return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
}
};
if (!objArrKeys.length) {
callback(results);
resolve(source);
}
objArrKeys.forEach(function(key) {
var arr = objArr[key];
if (firstFields.indexOf(key) !== -1) {
asyncSerialArray(arr, func, next2);
} else {
asyncParallelArray(arr, func, next2);
}
});
});
pending["catch"](function(e) {
return e;
});
return pending;
}
function isErrorObj(obj) {
return !!(obj && obj.message !== void 0);
}
function getValue(value, path) {
var v2 = value;
for (var i = 0; i < path.length; i++) {
if (v2 == void 0) {
return v2;
}
v2 = v2[path[i]];
}
return v2;
}
function complementError(rule, source) {
return function(oe) {
var fieldValue;
if (rule.fullFields) {
fieldValue = getValue(source, rule.fullFields);
} else {
fieldValue = source[oe.field || rule.fullField];
}
if (isErrorObj(oe)) {
oe.field = oe.field || rule.fullField;
oe.fieldValue = fieldValue;
return oe;
}
return {
message: typeof oe === "function" ? oe() : oe,
fieldValue,
field: oe.field || rule.fullField
};
};
}
function deepMerge(target, source) {
if (source) {
for (var s2 in source) {
if (source.hasOwnProperty(s2)) {
var value = source[s2];
if (typeof value === "object" && typeof target[s2] === "object") {
target[s2] = _extends({}, target[s2], value);
} else {
target[s2] = value;
}
}
}
}
return target;
}
var required$1 = function required(rule, value, source, errors, options2, type4) {
if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type4 || rule.type))) {
errors.push(format(options2.messages.required, rule.fullField));
}
};
var whitespace = function whitespace2(rule, value, source, errors, options2) {
if (/^\s+$/.test(value) || value === "") {
errors.push(format(options2.messages.whitespace, rule.fullField));
}
};
var urlReg;
var getUrlRegex = function() {
if (urlReg) {
return urlReg;
}
var word = "[a-fA-F\\d:]";
var b2 = function b22(options2) {
return options2 && options2.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
};
var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
var v6seg = "[a-fA-F\\d]{1,4}";
var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
var v4exact = new RegExp("^" + v4 + "$");
var v6exact = new RegExp("^" + v6 + "$");
var ip = function ip2(options2) {
return options2 && options2.exact ? v46Exact : new RegExp("(?:" + b2(options2) + v4 + b2(options2) + ")|(?:" + b2(options2) + v6 + b2(options2) + ")", "g");
};
ip.v4 = function(options2) {
return options2 && options2.exact ? v4exact : new RegExp("" + b2(options2) + v4 + b2(options2), "g");
};
ip.v6 = function(options2) {
return options2 && options2.exact ? v6exact : new RegExp("" + b2(options2) + v6 + b2(options2), "g");
};
var protocol = "(?:(?:[a-z]+:)?//)";
var auth = "(?:\\S+(?::\\S*)?@)?";
var ipv4 = ip.v4().source;
var ipv6 = ip.v6().source;
var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
var port = "(?::\\d{2,5})?";
var path = '(?:[/?#][^\\s"]*)?';
var regex2 = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
urlReg = new RegExp("(?:^" + regex2 + "$)", "i");
return urlReg;
};
var pattern$2 = {
// http://emailregex.com/
email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
// url: new RegExp(
// '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
// 'i',
// ),
hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
};
var types = {
integer: function integer(value) {
return types.number(value) && parseInt(value, 10) === value;
},
"float": function float(value) {
return types.number(value) && !types.integer(value);
},
array: function array(value) {
return Array.isArray(value);
},
regexp: function regexp(value) {
if (value instanceof RegExp) {
return true;
}
try {
return !!new RegExp(value);
} catch (e) {
return false;
}
},
date: function date(value) {
return typeof value.getTime === "function" && typeof value.getMonth === "function" && typeof value.getYear === "function" && !isNaN(value.getTime());
},
number: function number(value) {
if (isNaN(value)) {
return false;
}
return typeof value === "number";
},
object: function object(value) {
return typeof value === "object" && !types.array(value);
},
method: function method(value) {
return typeof value === "function";
},
email: function email(value) {
return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
},
url: function url(value) {
return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
},
hex: function hex(value) {
return typeof value === "string" && !!value.match(pattern$2.hex);
}
};
var type$1 = function type(rule, value, source, errors, options2) {
if (rule.required && value === void 0) {
required$1(rule, value, source, errors, options2);
return;
}
var custom = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"];
var ruleType = rule.type;
if (custom.indexOf(ruleType) > -1) {
if (!types[ruleType](value)) {
errors.push(format(options2.messages.types[ruleType], rule.fullField, rule.type));
}
} else if (ruleType && typeof value !== rule.type) {
errors.push(format(options2.messages.types[ruleType], rule.fullField, rule.type));
}
};
var range = function range2(rule, value, source, errors, options2) {
var len = typeof rule.len === "number";
var min = typeof rule.min === "number";
var max = typeof rule.max === "number";
var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
var val = value;
var key = null;
var num = typeof value === "number";
var str = typeof value === "string";
var arr = Array.isArray(value);
if (num) {
key = "number";
} else if (str) {
key = "string";
} else if (arr) {
key = "array";
}
if (!key) {
return false;
}
if (arr) {
val = value.length;
}
if (str) {
val = value.replace(spRegexp, "_").length;
}
if (len) {
if (val !== rule.len) {
errors.push(format(options2.messages[key].len, rule.fullField, rule.len));
}
} else if (min && !max && val < rule.min) {
errors.push(format(options2.messages[key].min, rule.fullField, rule.min));
} else if (max && !min && val > rule.max) {
errors.push(format(options2.messages[key].max, rule.fullField, rule.max));
} else if (min && max && (val < rule.min || val > rule.max)) {
errors.push(format(options2.messages[key].range, rule.fullField, rule.min, rule.max));
}
};
var ENUM$1 = "enum";
var enumerable$1 = function enumerable(rule, value, source, errors, options2) {
rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
if (rule[ENUM$1].indexOf(value) === -1) {
errors.push(format(options2.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(", ")));
}
};
var pattern$1 = function pattern(rule, value, source, errors, options2) {
if (rule.pattern) {
if (rule.pattern instanceof RegExp) {
rule.pattern.lastIndex = 0;
if (!rule.pattern.test(value)) {
errors.push(format(options2.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
}
} else if (typeof rule.pattern === "string") {
var _pattern = new RegExp(rule.pattern);
if (!_pattern.test(value)) {
errors.push(format(options2.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
}
}
}
};
var rules = {
required: required$1,
whitespace,
type: type$1,
range,
"enum": enumerable$1,
pattern: pattern$1
};
var string = function string2(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, "string") && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2, "string");
if (!isEmptyValue(value, "string")) {
rules.type(rule, value, source, errors, options2);
rules.range(rule, value, source, errors, options2);
rules.pattern(rule, value, source, errors, options2);
if (rule.whitespace === true) {
rules.whitespace(rule, value, source, errors, options2);
}
}
}
callback(errors);
};
var method2 = function method3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules.type(rule, value, source, errors, options2);
}
}
callback(errors);
};
var number2 = function number3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (value === "") {
value = void 0;
}
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules.type(rule, value, source, errors, options2);
rules.range(rule, value, source, errors, options2);
}
}
callback(errors);
};
var _boolean = function _boolean2(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules.type(rule, value, source, errors, options2);
}
}
callback(errors);
};
var regexp2 = function regexp3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (!isEmptyValue(value)) {
rules.type(rule, value, source, errors, options2);
}
}
callback(errors);
};
var integer2 = function integer3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules.type(rule, value, source, errors, options2);
rules.range(rule, value, source, errors, options2);
}
}
callback(errors);
};
var floatFn = function floatFn2(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules.type(rule, value, source, errors, options2);
rules.range(rule, value, source, errors, options2);
}
}
callback(errors);
};
var array2 = function array3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if ((value === void 0 || value === null) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2, "array");
if (value !== void 0 && value !== null) {
rules.type(rule, value, source, errors, options2);
rules.range(rule, value, source, errors, options2);
}
}
callback(errors);
};
var object2 = function object3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules.type(rule, value, source, errors, options2);
}
}
callback(errors);
};
var ENUM = "enum";
var enumerable2 = function enumerable3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (value !== void 0) {
rules[ENUM](rule, value, source, errors, options2);
}
}
callback(errors);
};
var pattern2 = function pattern3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, "string") && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (!isEmptyValue(value, "string")) {
rules.pattern(rule, value, source, errors, options2);
}
}
callback(errors);
};
var date2 = function date3(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, "date") && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
if (!isEmptyValue(value, "date")) {
var dateObject;
if (value instanceof Date) {
dateObject = value;
} else {
dateObject = new Date(value);
}
rules.type(rule, dateObject, source, errors, options2);
if (dateObject) {
rules.range(rule, dateObject.getTime(), source, errors, options2);
}
}
}
callback(errors);
};
var required2 = function required3(rule, value, callback, source, options2) {
var errors = [];
var type4 = Array.isArray(value) ? "array" : typeof value;
rules.required(rule, value, source, errors, options2, type4);
callback(errors);
};
var type2 = function type3(rule, value, callback, source, options2) {
var ruleType = rule.type;
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value, ruleType) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2, ruleType);
if (!isEmptyValue(value, ruleType)) {
rules.type(rule, value, source, errors, options2);
}
}
callback(errors);
};
var any = function any2(rule, value, callback, source, options2) {
var errors = [];
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
if (validate) {
if (isEmptyValue(value) && !rule.required) {
return callback();
}
rules.required(rule, value, source, errors, options2);
}
callback(errors);
};
var validators = {
string,
method: method2,
number: number2,
"boolean": _boolean,
regexp: regexp2,
integer: integer2,
"float": floatFn,
array: array2,
object: object2,
"enum": enumerable2,
pattern: pattern2,
date: date2,
url: type2,
hex: type2,
email: type2,
required: required2,
any
};
function newMessages() {
return {
"default": "Validation error on field %s",
required: "%s is required",
"enum": "%s must be one of %s",
whitespace: "%s cannot be empty",
date: {
format: "%s date %s is invalid for format %s",
parse: "%s date could not be parsed, %s is invalid ",
invalid: "%s date %s is invalid"
},
types: {
string: "%s is not a %s",
method: "%s is not a %s (function)",
array: "%s is not an %s",
object: "%s is not an %s",
number: "%s is not a %s",
date: "%s is not a %s",
"boolean": "%s is not a %s",
integer: "%s is not an %s",
"float": "%s is not a %s",
regexp: "%s is not a valid %s",
email: "%s is not a valid %s",
url: "%s is not a valid %s",
hex: "%s is not a valid %s"
},
string: {
len: "%s must be exactly %s characters",
min: "%s must be at least %s characters",
max: "%s cannot be longer than %s characters",
range: "%s must be between %s and %s characters"
},
number: {
len: "%s must equal %s",
min: "%s cannot be less than %s",
max: "%s cannot be greater than %s",
range: "%s must be between %s and %s"
},
array: {
len: "%s must be exactly %s in length",
min: "%s cannot be less than %s in length",
max: "%s cannot be greater than %s in length",
range: "%s must be between %s and %s in length"
},
pattern: {
mismatch: "%s value %s does not match pattern %s"
},
clone: function clone2() {
var cloned = JSON.parse(JSON.stringify(this));
cloned.clone = this.clone;
return cloned;
}
};
}
var messages = newMessages();
var Schema = /* @__PURE__ */ function() {
function Schema2(descriptor) {
this.rules = null;
this._messages = messages;
this.define(descriptor);
}
var _proto = Schema2.prototype;
_proto.define = function define(rules2) {
var _this = this;
if (!rules2) {
throw new Error("Cannot configure a schema with no rules");
}
if (typeof rules2 !== "object" || Array.isArray(rules2)) {
throw new Error("Rules must be an object");
}
this.rules = {};
Object.keys(rules2).forEach(function(name) {
var item = rules2[name];
_this.rules[name] = Array.isArray(item) ? item : [item];
});
};
_proto.messages = function messages2(_messages) {
if (_messages) {
this._messages = deepMerge(newMessages(), _messages);
}
return this._messages;
};
_proto.validate = function validate(source_, o2, oc) {
var _this2 = this;
if (o2 === void 0) {
o2 = {};
}
if (oc === void 0) {
oc = function oc2() {
};
}
var source = source_;
var options2 = o2;
var callback = oc;
if (typeof options2 === "function") {
callback = options2;
options2 = {};
}
if (!this.rules || Object.keys(this.rules).length === 0) {
if (callback) {
callback(null, source);
}
return Promise.resolve(source);
}
function complete(results) {
var errors = [];
var fields = {};
function add(e) {
if (Array.isArray(e)) {
var _errors;
errors = (_errors = errors).concat.apply(_errors, e);
} else {
errors.push(e);
}
}
for (var i = 0; i < results.length; i++) {
add(results[i]);
}
if (!errors.length) {
callback(null, source);
} else {
fields = convertFieldsError(errors);
callback(errors, fields);
}
}
if (options2.messages) {
var messages$1 = this.messages();
if (messages$1 === messages) {
messages$1 = newMessages();
}
deepMerge(messages$1, options2.messages);
options2.messages = messages$1;
} else {
options2.messages = this.messages();
}
var series = {};
var keys2 = options2.keys || Object.keys(this.rules);
keys2.forEach(function(z) {
var arr = _this2.rules[z];
var value = source[z];
arr.forEach(function(r) {
var rule = r;
if (typeof rule.transform === "function") {
if (source === source_) {
source = _extends({}, source);
}
value = source[z] = rule.transform(value);
}
if (typeof rule === "function") {
rule = {
validator: rule
};
} else {
rule = _extends({}, rule);
}
rule.validator = _this2.getValidationMethod(rule);
if (!rule.validator) {
return;
}
rule.field = z;
rule.fullField = rule.fullField || z;
rule.type = _this2.getType(rule);
series[z] = series[z] || [];
series[z].push({
rule,
value,
source,
field: z
});
});
});
var errorFields = {};
return asyncMap(series, options2, function(data2, doIt) {
var rule = data2.rule;
var deep = (rule.type === "object" || rule.type === "array") && (typeof rule.fields === "object" || typeof rule.defaultField === "object");
deep = deep && (rule.required || !rule.required && data2.value);
rule.field = data2.field;
function addFullField(key, schema) {
return _extends({}, schema, {
fullField: rule.fullField + "." + key,
fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]
});
}
function cb(e) {
if (e === void 0) {
e = [];
}
var errorList = Array.isArray(e) ? e : [e];
if (!options2.suppressWarning && errorList.length) {
Schema2.warning("async-validator:", errorList);
}
if (errorList.length && rule.message !== void 0) {
errorList = [].concat(rule.message);
}
var filledErrors = errorList.map(complementError(rule, source));
if (options2.first && filledErrors.length) {
errorFields[rule.field] = 1;
return doIt(filledErrors);
}
if (!deep) {
doIt(filledErrors);
} else {
if (rule.required && !data2.value) {
if (rule.message !== void 0) {
filledErrors = [].concat(rule.message).map(complementError(rule, source));
} else if (options2.error) {
filledErrors = [options2.error(rule, format(options2.messages.required, rule.field))];
}
return doIt(filledErrors);
}
var fieldsSchema = {};
if (rule.defaultField) {
Object.keys(data2.value).map(function(key) {
fieldsSchema[key] = rule.defaultField;
});
}
fieldsSchema = _extends({}, fieldsSchema, data2.rule.fields);
var paredFieldsSchema = {};
Object.keys(fieldsSchema).forEach(function(field) {
var fieldSchema = fieldsSchema[field];
var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
});
var schema = new Schema2(paredFieldsSchema);
schema.messages(options2.messages);
if (data2.rule.options) {
data2.rule.options.messages = options2.messages;
data2.rule.options.error = options2.error;
}
schema.validate(data2.value, data2.rule.options || options2, function(errs) {
var finalErrors = [];
if (filledErrors && filledErrors.length) {
finalErrors.push.apply(finalErrors, filledErrors);
}
if (errs && errs.length) {
finalErrors.push.apply(finalErrors, errs);
}
doIt(finalErrors.length ? finalErrors : null);
});
}
}
var res;
if (rule.asyncValidator) {
res = rule.asyncValidator(rule, data2.value, cb, data2.source, options2);
} else if (rule.validator) {
try {
res = rule.validator(rule, data2.value, cb, data2.source, options2);
} catch (error) {
console.error == null ? void 0 : console.error(error);
if (!options2.suppressValidatorError) {
setTimeout(function() {
throw error;
}, 0);
}
cb(error.message);
}
if (res === true) {
cb();
} else if (res === false) {
cb(typeof rule.message === "function" ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails");
} else if (res instanceof Array) {
cb(res);
} else if (res instanceof Error) {
cb(res.message);
}
}
if (res && res.then) {
res.then(function() {
return cb();
}, function(e) {
return cb(e);
});
}
}, function(results) {
complete(results);
}, source);
};
_proto.getType = function getType(rule) {
if (rule.type === void 0 && rule.pattern instanceof RegExp) {
rule.type = "pattern";
}
if (typeof rule.validator !== "function" && rule.type && !validators.hasOwnProperty(rule.type)) {
throw new Error(format("Unknown rule type %s", rule.type));
}
return rule.type || "string";
};
_proto.getValidationMethod = function getValidationMethod(rule) {
if (typeof rule.validator === "function") {
return rule.validator;
}
var keys2 = Object.keys(rule);
var messageIndex = keys2.indexOf("message");
if (messageIndex !== -1) {
keys2.splice(messageIndex, 1);
}
if (keys2.length === 1 && keys2[0] === "required") {
return validators.required;
}
return validators[this.getType(rule)] || void 0;
};
return Schema2;
}();
Schema.register = function register(type4, validator2) {
if (typeof validator2 !== "function") {
throw new Error("Cannot register a validator by type, validator is not a function");
}
validators[type4] = validator2;
};
Schema.warning = warning;
Schema.messages = messages;
Schema.validators = validators;
const formItemValidateStates = [
"",
"error",
"validating",
"success"
];
const formItemProps = buildProps({
label: String,
labelWidth: {
type: [String, Number],
default: ""
},
labelPosition: {
type: String,
values: ["left", "right", "top", ""],
default: ""
},
prop: {
type: definePropType([String, Array])
},
required: {
type: Boolean,
default: void 0
},
rules: {
type: definePropType([Object, Array])
},
error: String,
validateStatus: {
type: String,
values: formItemValidateStates
},
for: String,
inlineMessage: {
type: [String, Boolean],
default: ""
},
showMessage: {
type: Boolean,
default: true
},
size: {
type: String,
values: componentSizes
}
});
const COMPONENT_NAME$3 = "ElLabelWrap";
var FormLabelWrap = defineComponent({
name: COMPONENT_NAME$3,
props: {
isAutoWidth: Boolean,
updateAll: Boolean
},
setup(props2, {
slots
}) {
const formContext = inject(formContextKey, void 0);
const formItemContext = inject(formItemContextKey);
if (!formItemContext)
throwError(COMPONENT_NAME$3, "usage: <el-form-item><label-wrap /></el-form-item>");
const ns = useNamespace("form");
const el = ref();
const computedWidth = ref(0);
const getLabelWidth = () => {
var _a;
if ((_a = el.value) == null ? void 0 : _a.firstElementChild) {
const width = window.getComputedStyle(el.value.firstElementChild).width;
return Math.ceil(Number.parseFloat(width));
} else {
return 0;
}
};
const updateLabelWidth = (action = "update") => {
nextTick(() => {
if (slots.default && props2.isAutoWidth) {
if (action === "update") {
computedWidth.value = getLabelWidth();
} else if (action === "remove") {
formContext == null ? void 0 : formContext.deregisterLabelWidth(computedWidth.value);
}
}
});
};
const updateLabelWidthFn = () => updateLabelWidth("update");
onMounted(() => {
updateLabelWidthFn();
});
onBeforeUnmount(() => {
updateLabelWidth("remove");
});
onUpdated(() => updateLabelWidthFn());
watch(computedWidth, (val, oldVal) => {
if (props2.updateAll) {
formContext == null ? void 0 : formContext.registerLabelWidth(val, oldVal);
}
});
useResizeObserver(computed(() => {
var _a, _b;
return (_b = (_a = el.value) == null ? void 0 : _a.firstElementChild) != null ? _b : null;
}), updateLabelWidthFn);
return () => {
var _a, _b;
if (!slots)
return null;
const {
isAutoWidth
} = props2;
if (isAutoWidth) {
const autoLabelWidth = formContext == null ? void 0 : formContext.autoLabelWidth;
const hasLabel = formItemContext == null ? void 0 : formItemContext.hasLabel;
const style3 = {};
if (hasLabel && autoLabelWidth && autoLabelWidth !== "auto") {
const marginWidth = Math.max(0, Number.parseInt(autoLabelWidth, 10) - computedWidth.value);
const labelPosition = formItemContext.labelPosition || formContext.labelPosition;
const marginPosition = labelPosition === "left" ? "marginRight" : "marginLeft";
if (marginWidth) {
style3[marginPosition] = `${marginWidth}px`;
}
}
return createVNode("div", {
"ref": el,
"class": [ns.be("item", "label-wrap")],
"style": style3
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
} else {
return createVNode(Fragment, {
"ref": el
}, [(_b = slots.default) == null ? void 0 : _b.call(slots)]);
}
};
}
});
const __default__$t = defineComponent({
name: "ElFormItem"
});
const _sfc_main$U = /* @__PURE__ */ defineComponent({
...__default__$t,
props: formItemProps,
setup(__props, { expose }) {
const props2 = __props;
const slots = useSlots();
const formContext = inject(formContextKey, void 0);
const parentFormItemContext = inject(formItemContextKey, void 0);
const _size = useFormSize(void 0, { formItem: false });
const ns = useNamespace("form-item");
const labelId = useId().value;
const inputIds = ref([]);
const validateState = ref("");
const validateStateDebounced = refDebounced(validateState, 100);
const validateMessage = ref("");
const formItemRef = ref();
let initialValue = void 0;
let isResettingField = false;
const labelPosition = computed(() => props2.labelPosition || (formContext == null ? void 0 : formContext.labelPosition));
const labelStyle = computed(() => {
if (labelPosition.value === "top") {
return {};
}
const labelWidth = addUnit(props2.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
if (labelWidth)
return { width: labelWidth };
return {};
});
const contentStyle = computed(() => {
if (labelPosition.value === "top" || (formContext == null ? void 0 : formContext.inline)) {
return {};
}
if (!props2.label && !props2.labelWidth && isNested) {
return {};
}
const labelWidth = addUnit(props2.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
if (!props2.label && !slots.label) {
return { marginLeft: labelWidth };
}
return {};
});
const formItemClasses = computed(() => [
ns.b(),
ns.m(_size.value),
ns.is("error", validateState.value === "error"),
ns.is("validating", validateState.value === "validating"),
ns.is("success", validateState.value === "success"),
ns.is("required", isRequired.value || props2.required),
ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
(formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
{
[ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon,
[ns.m(`label-${labelPosition.value}`)]: labelPosition.value
}
]);
const _inlineMessage = computed(() => isBoolean$1(props2.inlineMessage) ? props2.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
const validateClasses = computed(() => [
ns.e("error"),
{ [ns.em("error", "inline")]: _inlineMessage.value }
]);
const propString = computed(() => {
if (!props2.prop)
return "";
return isString$1(props2.prop) ? props2.prop : props2.prop.join(".");
});
const hasLabel = computed(() => {
return !!(props2.label || slots.label);
});
const labelFor = computed(() => {
return props2.for || (inputIds.value.length === 1 ? inputIds.value[0] : void 0);
});
const isGroup = computed(() => {
return !labelFor.value && hasLabel.value;
});
const isNested = !!parentFormItemContext;
const fieldValue = computed(() => {
const model = formContext == null ? void 0 : formContext.model;
if (!model || !props2.prop) {
return;
}
return getProp(model, props2.prop).value;
});
const normalizedRules = computed(() => {
const { required: required4 } = props2;
const rules2 = [];
if (props2.rules) {
rules2.push(...castArray(props2.rules));
}
const formRules = formContext == null ? void 0 : formContext.rules;
if (formRules && props2.prop) {
const _rules = getProp(formRules, props2.prop).value;
if (_rules) {
rules2.push(...castArray(_rules));
}
}
if (required4 !== void 0) {
const requiredRules = rules2.map((rule, i) => [rule, i]).filter(([rule]) => Object.keys(rule).includes("required"));
if (requiredRules.length > 0) {
for (const [rule, i] of requiredRules) {
if (rule.required === required4)
continue;
rules2[i] = { ...rule, required: required4 };
}
} else {
rules2.push({ required: required4 });
}
}
return rules2;
});
const validateEnabled = computed(() => normalizedRules.value.length > 0);
const getFilteredRule = (trigger) => {
const rules2 = normalizedRules.value;
return rules2.filter((rule) => {
if (!rule.trigger || !trigger)
return true;
if (Array.isArray(rule.trigger)) {
return rule.trigger.includes(trigger);
} else {
return rule.trigger === trigger;
}
}).map(({ trigger: trigger2, ...rule }) => rule);
};
const isRequired = computed(() => normalizedRules.value.some((rule) => rule.required));
const shouldShowError = computed(() => {
var _a;
return validateStateDebounced.value === "error" && props2.showMessage && ((_a = formContext == null ? void 0 : formContext.showMessage) != null ? _a : true);
});
const currentLabel = computed(() => `${props2.label || ""}${(formContext == null ? void 0 : formContext.labelSuffix) || ""}`);
const setValidationState = (state) => {
validateState.value = state;
};
const onValidationFailed = (error) => {
var _a, _b;
const { errors, fields } = error;
if (!errors || !fields) {
console.error(error);
}
setValidationState("error");
validateMessage.value = errors ? (_b = (_a = errors == null ? void 0 : errors[0]) == null ? void 0 : _a.message) != null ? _b : `${props2.prop} is required` : "";
formContext == null ? void 0 : formContext.emit("validate", props2.prop, false, validateMessage.value);
};
const onValidationSucceeded = () => {
setValidationState("success");
formContext == null ? void 0 : formContext.emit("validate", props2.prop, true, "");
};
const doValidate = async (rules2) => {
const modelName = propString.value;
const validator2 = new Schema({
[modelName]: rules2
});
return validator2.validate({ [modelName]: fieldValue.value }, { firstFields: true }).then(() => {
onValidationSucceeded();
return true;
}).catch((err) => {
onValidationFailed(err);
return Promise.reject(err);
});
};
const validate = async (trigger, callback) => {
if (isResettingField || !props2.prop) {
return false;
}
const hasCallback = isFunction$1(callback);
if (!validateEnabled.value) {
callback == null ? void 0 : callback(false);
return false;
}
const rules2 = getFilteredRule(trigger);
if (rules2.length === 0) {
callback == null ? void 0 : callback(true);
return true;
}
setValidationState("validating");
return doValidate(rules2).then(() => {
callback == null ? void 0 : callback(true);
return true;
}).catch((err) => {
const { fields } = err;
callback == null ? void 0 : callback(false, fields);
return hasCallback ? false : Promise.reject(fields);
});
};
const clearValidate = () => {
setValidationState("");
validateMessage.value = "";
isResettingField = false;
};
const resetField = async () => {
const model = formContext == null ? void 0 : formContext.model;
if (!model || !props2.prop)
return;
const computedValue = getProp(model, props2.prop);
isResettingField = true;
computedValue.value = clone(initialValue);
await nextTick();
clearValidate();
isResettingField = false;
};
const addInputId = (id) => {
if (!inputIds.value.includes(id)) {
inputIds.value.push(id);
}
};
const removeInputId = (id) => {
inputIds.value = inputIds.value.filter((listId) => listId !== id);
};
watch(() => props2.error, (val) => {
validateMessage.value = val || "";
setValidationState(val ? "error" : "");
}, { immediate: true });
watch(() => props2.validateStatus, (val) => setValidationState(val || ""));
const context = reactive({
...toRefs(props2),
$el: formItemRef,
size: _size,
validateState,
labelId,
inputIds,
isGroup,
hasLabel,
fieldValue,
addInputId,
removeInputId,
resetField,
clearValidate,
validate
});
provide(formItemContextKey, context);
onMounted(() => {
if (props2.prop) {
formContext == null ? void 0 : formContext.addField(context);
initialValue = clone(fieldValue.value);
}
});
onBeforeUnmount(() => {
formContext == null ? void 0 : formContext.removeField(context);
});
expose({
size: _size,
validateMessage,
validateState,
validate,
clearValidate,
resetField
});
return (_ctx, _cache) => {
var _a;
return openBlock(), createElementBlock("div", {
ref_key: "formItemRef",
ref: formItemRef,
class: normalizeClass(unref(formItemClasses)),
role: unref(isGroup) ? "group" : void 0,
"aria-labelledby": unref(isGroup) ? unref(labelId) : void 0
}, [
createVNode(unref(FormLabelWrap), {
"is-auto-width": unref(labelStyle).width === "auto",
"update-all": ((_a = unref(formContext)) == null ? void 0 : _a.labelWidth) === "auto"
}, {
default: withCtx(() => [
unref(hasLabel) ? (openBlock(), createBlock(resolveDynamicComponent(unref(labelFor) ? "label" : "div"), {
key: 0,
id: unref(labelId),
for: unref(labelFor),
class: normalizeClass(unref(ns).e("label")),
style: normalizeStyle(unref(labelStyle))
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "label", { label: unref(currentLabel) }, () => [
createTextVNode(toDisplayString(unref(currentLabel)), 1)
])
]),
_: 3
}, 8, ["id", "for", "class", "style"])) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["is-auto-width", "update-all"]),
createElementVNode("div", {
class: normalizeClass(unref(ns).e("content")),
style: normalizeStyle(unref(contentStyle))
}, [
renderSlot(_ctx.$slots, "default"),
createVNode(TransitionGroup, {
name: `${unref(ns).namespace.value}-zoom-in-top`
}, {
default: withCtx(() => [
unref(shouldShowError) ? renderSlot(_ctx.$slots, "error", {
key: 0,
error: validateMessage.value
}, () => [
createElementVNode("div", {
class: normalizeClass(unref(validateClasses))
}, toDisplayString(validateMessage.value), 3)
]) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["name"])
], 6)
], 10, ["role", "aria-labelledby"]);
};
}
});
var FormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__file", "form-item.vue"]]);
const ElForm = withInstall(Form, {
FormItem
});
const ElFormItem = withNoopInstall(FormItem);
let hiddenTextarea = void 0;
const HIDDEN_STYLE = `
height:0 !important;
visibility:hidden !important;
${isFirefox() ? "" : "overflow:hidden !important;"}
position:absolute !important;
z-index:-1000 !important;
top:0 !important;
right:0 !important;
`;
const CONTEXT_STYLE = [
"letter-spacing",
"line-height",
"padding-top",
"padding-bottom",
"font-family",
"font-weight",
"font-size",
"text-rendering",
"text-transform",
"width",
"text-indent",
"padding-left",
"padding-right",
"border-width",
"box-sizing"
];
function calculateNodeStyling(targetElement) {
const style3 = window.getComputedStyle(targetElement);
const boxSizing = style3.getPropertyValue("box-sizing");
const paddingSize = Number.parseFloat(style3.getPropertyValue("padding-bottom")) + Number.parseFloat(style3.getPropertyValue("padding-top"));
const borderSize = Number.parseFloat(style3.getPropertyValue("border-bottom-width")) + Number.parseFloat(style3.getPropertyValue("border-top-width"));
const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style3.getPropertyValue(name)}`).join(";");
return { contextStyle, paddingSize, borderSize, boxSizing };
}
function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
var _a;
if (!hiddenTextarea) {
hiddenTextarea = document.createElement("textarea");
document.body.appendChild(hiddenTextarea);
}
const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
let height = hiddenTextarea.scrollHeight;
const result = {};
if (boxSizing === "border-box") {
height = height + borderSize;
} else if (boxSizing === "content-box") {
height = height - paddingSize;
}
hiddenTextarea.value = "";
const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
if (isNumber$1(minRows)) {
let minHeight = singleRowHeight * minRows;
if (boxSizing === "border-box") {
minHeight = minHeight + paddingSize + borderSize;
}
height = Math.max(minHeight, height);
result.minHeight = `${minHeight}px`;
}
if (isNumber$1(maxRows)) {
let maxHeight = singleRowHeight * maxRows;
if (boxSizing === "border-box") {
maxHeight = maxHeight + paddingSize + borderSize;
}
height = Math.min(maxHeight, height);
}
result.height = `${height}px`;
(_a = hiddenTextarea.parentNode) == null ? void 0 : _a.removeChild(hiddenTextarea);
hiddenTextarea = void 0;
return result;
}
const inputProps = buildProps({
id: {
type: String,
default: void 0
},
size: useSizeProp,
disabled: Boolean,
modelValue: {
type: definePropType([
String,
Number,
Object
]),
default: ""
},
maxlength: {
type: [String, Number]
},
minlength: {
type: [String, Number]
},
type: {
type: String,
default: "text"
},
resize: {
type: String,
values: ["none", "both", "horizontal", "vertical"]
},
autosize: {
type: definePropType([Boolean, Object]),
default: false
},
autocomplete: {
type: String,
default: "off"
},
formatter: {
type: Function
},
parser: {
type: Function
},
placeholder: {
type: String
},
form: {
type: String
},
readonly: Boolean,
clearable: Boolean,
showPassword: Boolean,
showWordLimit: Boolean,
suffixIcon: {
type: iconPropType
},
prefixIcon: {
type: iconPropType
},
containerRole: {
type: String,
default: void 0
},
tabindex: {
type: [String, Number],
default: 0
},
validateEvent: {
type: Boolean,
default: true
},
inputStyle: {
type: definePropType([Object, Array, String]),
default: () => mutable({})
},
autofocus: Boolean,
rows: {
type: Number,
default: 2
},
...useAriaProps(["ariaLabel"])
});
const inputEmits = {
[UPDATE_MODEL_EVENT]: (value) => isString$1(value),
input: (value) => isString$1(value),
change: (value) => isString$1(value),
focus: (evt) => evt instanceof FocusEvent,
blur: (evt) => evt instanceof FocusEvent,
clear: () => true,
mouseleave: (evt) => evt instanceof MouseEvent,
mouseenter: (evt) => evt instanceof MouseEvent,
keydown: (evt) => evt instanceof Event,
compositionstart: (evt) => evt instanceof CompositionEvent,
compositionupdate: (evt) => evt instanceof CompositionEvent,
compositionend: (evt) => evt instanceof CompositionEvent
};
const __default__$s = defineComponent({
name: "ElInput",
inheritAttrs: false
});
const _sfc_main$T = /* @__PURE__ */ defineComponent({
...__default__$s,
props: inputProps,
emits: inputEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const rawAttrs = useAttrs$1();
const slots = useSlots();
const containerAttrs = computed(() => {
const comboBoxAttrs = {};
if (props2.containerRole === "combobox") {
comboBoxAttrs["aria-haspopup"] = rawAttrs["aria-haspopup"];
comboBoxAttrs["aria-owns"] = rawAttrs["aria-owns"];
comboBoxAttrs["aria-expanded"] = rawAttrs["aria-expanded"];
}
return comboBoxAttrs;
});
const containerKls = computed(() => [
props2.type === "textarea" ? nsTextarea.b() : nsInput.b(),
nsInput.m(inputSize.value),
nsInput.is("disabled", inputDisabled.value),
nsInput.is("exceed", inputExceed.value),
{
[nsInput.b("group")]: slots.prepend || slots.append,
[nsInput.m("prefix")]: slots.prefix || props2.prefixIcon,
[nsInput.m("suffix")]: slots.suffix || props2.suffixIcon || props2.clearable || props2.showPassword,
[nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value,
[nsInput.b("hidden")]: props2.type === "hidden"
},
rawAttrs.class
]);
const wrapperKls = computed(() => [
nsInput.e("wrapper"),
nsInput.is("focus", isFocused.value)
]);
const attrs = useAttrs({
excludeKeys: computed(() => {
return Object.keys(containerAttrs.value);
})
});
const { form: elForm, formItem: elFormItem } = useFormItem();
const { inputId } = useFormItemInputId(props2, {
formItemContext: elFormItem
});
const inputSize = useFormSize();
const inputDisabled = useFormDisabled();
const nsInput = useNamespace("input");
const nsTextarea = useNamespace("textarea");
const input = shallowRef();
const textarea = shallowRef();
const hovering = ref(false);
const passwordVisible = ref(false);
const countStyle = ref();
const textareaCalcStyle = shallowRef(props2.inputStyle);
const _ref = computed(() => input.value || textarea.value);
const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
beforeFocus() {
return inputDisabled.value;
},
afterBlur() {
var _a;
if (props2.validateEvent) {
(_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn());
}
}
});
const needStatusIcon = computed(() => {
var _a;
return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
});
const validateState = computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
const validateIcon = computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
const passwordIcon = computed(() => passwordVisible.value ? view_default : hide_default);
const containerStyle = computed(() => [
rawAttrs.style
]);
const textareaStyle = computed(() => [
props2.inputStyle,
textareaCalcStyle.value,
{ resize: props2.resize }
]);
const nativeInputValue = computed(() => isNil(props2.modelValue) ? "" : String(props2.modelValue));
const showClear = computed(() => props2.clearable && !inputDisabled.value && !props2.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
const showPwdVisible = computed(() => props2.showPassword && !inputDisabled.value && !props2.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
const isWordLimitVisible = computed(() => props2.showWordLimit && !!props2.maxlength && (props2.type === "text" || props2.type === "textarea") && !inputDisabled.value && !props2.readonly && !props2.showPassword);
const textLength = computed(() => nativeInputValue.value.length);
const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(props2.maxlength));
const suffixVisible = computed(() => !!slots.suffix || !!props2.suffixIcon || showClear.value || props2.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
const [recordCursor, setCursor] = useCursor(input);
useResizeObserver(textarea, (entries) => {
onceInitSizeTextarea();
if (!isWordLimitVisible.value || props2.resize !== "both")
return;
const entry = entries[0];
const { width } = entry.contentRect;
countStyle.value = {
right: `calc(100% - ${width + 15 + 6}px)`
};
});
const resizeTextarea = () => {
const { type: type4, autosize } = props2;
if (!isClient || type4 !== "textarea" || !textarea.value)
return;
if (autosize) {
const minRows = isObject$1(autosize) ? autosize.minRows : void 0;
const maxRows = isObject$1(autosize) ? autosize.maxRows : void 0;
const textareaStyle2 = calcTextareaHeight(textarea.value, minRows, maxRows);
textareaCalcStyle.value = {
overflowY: "hidden",
...textareaStyle2
};
nextTick(() => {
textarea.value.offsetHeight;
textareaCalcStyle.value = textareaStyle2;
});
} else {
textareaCalcStyle.value = {
minHeight: calcTextareaHeight(textarea.value).minHeight
};
}
};
const createOnceInitResize = (resizeTextarea2) => {
let isInit = false;
return () => {
var _a;
if (isInit || !props2.autosize)
return;
const isElHidden = ((_a = textarea.value) == null ? void 0 : _a.offsetParent) === null;
if (!isElHidden) {
resizeTextarea2();
isInit = true;
}
};
};
const onceInitSizeTextarea = createOnceInitResize(resizeTextarea);
const setNativeInputValue = () => {
const input2 = _ref.value;
const formatterValue = props2.formatter ? props2.formatter(nativeInputValue.value) : nativeInputValue.value;
if (!input2 || input2.value === formatterValue)
return;
input2.value = formatterValue;
};
const handleInput = async (event) => {
recordCursor();
let { value } = event.target;
if (props2.formatter) {
value = props2.parser ? props2.parser(value) : value;
}
if (isComposing.value)
return;
if (value === nativeInputValue.value) {
setNativeInputValue();
return;
}
emit(UPDATE_MODEL_EVENT, value);
emit("input", value);
await nextTick();
setNativeInputValue();
setCursor();
};
const handleChange = (event) => {
emit("change", event.target.value);
};
const {
isComposing,
handleCompositionStart,
handleCompositionUpdate,
handleCompositionEnd
} = useComposition({ emit, afterComposition: handleInput });
const handlePasswordVisible = () => {
passwordVisible.value = !passwordVisible.value;
focus();
};
const focus = async () => {
var _a;
await nextTick();
(_a = _ref.value) == null ? void 0 : _a.focus();
};
const blur = () => {
var _a;
return (_a = _ref.value) == null ? void 0 : _a.blur();
};
const handleMouseLeave = (evt) => {
hovering.value = false;
emit("mouseleave", evt);
};
const handleMouseEnter = (evt) => {
hovering.value = true;
emit("mouseenter", evt);
};
const handleKeydown = (evt) => {
emit("keydown", evt);
};
const select = () => {
var _a;
(_a = _ref.value) == null ? void 0 : _a.select();
};
const clear = () => {
emit(UPDATE_MODEL_EVENT, "");
emit("change", "");
emit("clear");
emit("input", "");
};
watch(() => props2.modelValue, () => {
var _a;
nextTick(() => resizeTextarea());
if (props2.validateEvent) {
(_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
}
});
watch(nativeInputValue, () => setNativeInputValue());
watch(() => props2.type, async () => {
await nextTick();
setNativeInputValue();
resizeTextarea();
});
onMounted(() => {
if (!props2.formatter && props2.parser) ;
setNativeInputValue();
nextTick(resizeTextarea);
});
expose({
input,
textarea,
ref: _ref,
textareaStyle,
autosize: toRef(props2, "autosize"),
isComposing,
focus,
blur,
select,
clear,
resizeTextarea
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", mergeProps(unref(containerAttrs), {
class: [
unref(containerKls),
{
[unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
[unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
}
],
style: unref(containerStyle),
role: _ctx.containerRole,
onMouseenter: handleMouseEnter,
onMouseleave: handleMouseLeave
}), [
createCommentVNode(" input "),
_ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
createCommentVNode(" prepend slot "),
_ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(unref(nsInput).be("group", "prepend"))
}, [
renderSlot(_ctx.$slots, "prepend")
], 2)) : createCommentVNode("v-if", true),
createElementVNode("div", {
ref_key: "wrapperRef",
ref: wrapperRef,
class: normalizeClass(unref(wrapperKls))
}, [
createCommentVNode(" prefix slot "),
_ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass(unref(nsInput).e("prefix"))
}, [
createElementVNode("span", {
class: normalizeClass(unref(nsInput).e("prefix-inner"))
}, [
renderSlot(_ctx.$slots, "prefix"),
_ctx.prefixIcon ? (openBlock(), createBlock(unref(ElIcon), {
key: 0,
class: normalizeClass(unref(nsInput).e("icon"))
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
]),
_: 1
}, 8, ["class"])) : createCommentVNode("v-if", true)
], 2)
], 2)) : createCommentVNode("v-if", true),
createElementVNode("input", mergeProps({
id: unref(inputId),
ref_key: "input",
ref: input,
class: unref(nsInput).e("inner")
}, unref(attrs), {
minlength: _ctx.minlength,
maxlength: _ctx.maxlength,
type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
disabled: unref(inputDisabled),
readonly: _ctx.readonly,
autocomplete: _ctx.autocomplete,
tabindex: _ctx.tabindex,
"aria-label": _ctx.ariaLabel,
placeholder: _ctx.placeholder,
style: _ctx.inputStyle,
form: _ctx.form,
autofocus: _ctx.autofocus,
onCompositionstart: unref(handleCompositionStart),
onCompositionupdate: unref(handleCompositionUpdate),
onCompositionend: unref(handleCompositionEnd),
onInput: handleInput,
onChange: handleChange,
onKeydown: handleKeydown
}), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
createCommentVNode(" suffix slot "),
unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
key: 1,
class: normalizeClass(unref(nsInput).e("suffix"))
}, [
createElementVNode("span", {
class: normalizeClass(unref(nsInput).e("suffix-inner"))
}, [
!unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
renderSlot(_ctx.$slots, "suffix"),
_ctx.suffixIcon ? (openBlock(), createBlock(unref(ElIcon), {
key: 0,
class: normalizeClass(unref(nsInput).e("icon"))
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
]),
_: 1
}, 8, ["class"])) : createCommentVNode("v-if", true)
], 64)) : createCommentVNode("v-if", true),
unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
key: 1,
class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("clear")]),
onMousedown: withModifiers(unref(NOOP), ["prevent"]),
onClick: clear
}, {
default: withCtx(() => [
createVNode(unref(circle_close_default))
]),
_: 1
}, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
unref(showPwdVisible) ? (openBlock(), createBlock(unref(ElIcon), {
key: 2,
class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("password")]),
onClick: handlePasswordVisible
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(unref(passwordIcon))))
]),
_: 1
}, 8, ["class"])) : createCommentVNode("v-if", true),
unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
key: 3,
class: normalizeClass(unref(nsInput).e("count"))
}, [
createElementVNode("span", {
class: normalizeClass(unref(nsInput).e("count-inner"))
}, toDisplayString(unref(textLength)) + " / " + toDisplayString(_ctx.maxlength), 3)
], 2)) : createCommentVNode("v-if", true),
unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
key: 4,
class: normalizeClass([
unref(nsInput).e("icon"),
unref(nsInput).e("validateIcon"),
unref(nsInput).is("loading", unref(validateState) === "validating")
])
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
]),
_: 1
}, 8, ["class"])) : createCommentVNode("v-if", true)
], 2)
], 2)) : createCommentVNode("v-if", true)
], 2),
createCommentVNode(" append slot "),
_ctx.$slots.append ? (openBlock(), createElementBlock("div", {
key: 1,
class: normalizeClass(unref(nsInput).be("group", "append"))
}, [
renderSlot(_ctx.$slots, "append")
], 2)) : createCommentVNode("v-if", true)
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createCommentVNode(" textarea "),
createElementVNode("textarea", mergeProps({
id: unref(inputId),
ref_key: "textarea",
ref: textarea,
class: [unref(nsTextarea).e("inner"), unref(nsInput).is("focus", unref(isFocused))]
}, unref(attrs), {
minlength: _ctx.minlength,
maxlength: _ctx.maxlength,
tabindex: _ctx.tabindex,
disabled: unref(inputDisabled),
readonly: _ctx.readonly,
autocomplete: _ctx.autocomplete,
style: unref(textareaStyle),
"aria-label": _ctx.ariaLabel,
placeholder: _ctx.placeholder,
form: _ctx.form,
autofocus: _ctx.autofocus,
rows: _ctx.rows,
onCompositionstart: unref(handleCompositionStart),
onCompositionupdate: unref(handleCompositionUpdate),
onCompositionend: unref(handleCompositionEnd),
onInput: handleInput,
onFocus: unref(handleFocus),
onBlur: unref(handleBlur),
onChange: handleChange,
onKeydown: handleKeydown
}), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
key: 0,
style: normalizeStyle(countStyle.value),
class: normalizeClass(unref(nsInput).e("count"))
}, toDisplayString(unref(textLength)) + " / " + toDisplayString(_ctx.maxlength), 7)) : createCommentVNode("v-if", true)
], 64))
], 16, ["role"]);
};
}
});
var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__file", "input.vue"]]);
const ElInput = withInstall(Input);
const GAP = 4;
const BAR_MAP = {
vertical: {
offset: "offsetHeight",
scroll: "scrollTop",
scrollSize: "scrollHeight",
size: "height",
key: "vertical",
axis: "Y",
client: "clientY",
direction: "top"
},
horizontal: {
offset: "offsetWidth",
scroll: "scrollLeft",
scrollSize: "scrollWidth",
size: "width",
key: "horizontal",
axis: "X",
client: "clientX",
direction: "left"
}
};
const renderThumbStyle = ({
move,
size,
bar
}) => ({
[bar.size]: size,
transform: `translate${bar.axis}(${move}%)`
});
const scrollbarContextKey = Symbol("scrollbarContextKey");
const thumbProps = buildProps({
vertical: Boolean,
size: String,
move: Number,
ratio: {
type: Number,
required: true
},
always: Boolean
});
const COMPONENT_NAME$2 = "Thumb";
const _sfc_main$S = /* @__PURE__ */ defineComponent({
__name: "thumb",
props: thumbProps,
setup(__props) {
const props2 = __props;
const scrollbar = inject(scrollbarContextKey);
const ns = useNamespace("scrollbar");
if (!scrollbar)
throwError(COMPONENT_NAME$2, "can not inject scrollbar context");
const instance = ref();
const thumb = ref();
const thumbState = ref({});
const visible = ref(false);
let cursorDown = false;
let cursorLeave = false;
let originalOnSelectStart = isClient ? document.onselectstart : null;
const bar = computed(() => BAR_MAP[props2.vertical ? "vertical" : "horizontal"]);
const thumbStyle = computed(() => renderThumbStyle({
size: props2.size,
move: props2.move,
bar: bar.value
}));
const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props2.ratio / thumb.value[bar.value.offset]);
const clickThumbHandler = (e) => {
var _a;
e.stopPropagation();
if (e.ctrlKey || [1, 2].includes(e.button))
return;
(_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
startDrag(e);
const el = e.currentTarget;
if (!el)
return;
thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
};
const clickTrackHandler = (e) => {
if (!thumb.value || !instance.value || !scrollbar.wrapElement)
return;
const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
const thumbHalf = thumb.value[bar.value.offset] / 2;
const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
};
const startDrag = (e) => {
e.stopImmediatePropagation();
cursorDown = true;
document.addEventListener("mousemove", mouseMoveDocumentHandler);
document.addEventListener("mouseup", mouseUpDocumentHandler);
originalOnSelectStart = document.onselectstart;
document.onselectstart = () => false;
};
const mouseMoveDocumentHandler = (e) => {
if (!instance.value || !thumb.value)
return;
if (cursorDown === false)
return;
const prevPage = thumbState.value[bar.value.axis];
if (!prevPage)
return;
const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
};
const mouseUpDocumentHandler = () => {
cursorDown = false;
thumbState.value[bar.value.axis] = 0;
document.removeEventListener("mousemove", mouseMoveDocumentHandler);
document.removeEventListener("mouseup", mouseUpDocumentHandler);
restoreOnselectstart();
if (cursorLeave)
visible.value = false;
};
const mouseMoveScrollbarHandler = () => {
cursorLeave = false;
visible.value = !!props2.size;
};
const mouseLeaveScrollbarHandler = () => {
cursorLeave = true;
visible.value = cursorDown;
};
onBeforeUnmount(() => {
restoreOnselectstart();
document.removeEventListener("mouseup", mouseUpDocumentHandler);
});
const restoreOnselectstart = () => {
if (document.onselectstart !== originalOnSelectStart)
document.onselectstart = originalOnSelectStart;
};
useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
return (_ctx, _cache) => {
return openBlock(), createBlock(Transition, {
name: unref(ns).b("fade"),
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createElementVNode("div", {
ref_key: "instance",
ref: instance,
class: normalizeClass([unref(ns).e("bar"), unref(ns).is(unref(bar).key)]),
onMousedown: clickTrackHandler
}, [
createElementVNode("div", {
ref_key: "thumb",
ref: thumb,
class: normalizeClass(unref(ns).e("thumb")),
style: normalizeStyle(unref(thumbStyle)),
onMousedown: clickThumbHandler
}, null, 38)
], 34), [
[vShow, _ctx.always || visible.value]
])
]),
_: 1
}, 8, ["name"]);
};
}
});
var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["__file", "thumb.vue"]]);
const barProps = buildProps({
always: {
type: Boolean,
default: true
},
minSize: {
type: Number,
required: true
}
});
const _sfc_main$R = /* @__PURE__ */ defineComponent({
__name: "bar",
props: barProps,
setup(__props, { expose }) {
const props2 = __props;
const scrollbar = inject(scrollbarContextKey);
const moveX = ref(0);
const moveY = ref(0);
const sizeWidth = ref("");
const sizeHeight = ref("");
const ratioY = ref(1);
const ratioX = ref(1);
const handleScroll = (wrap) => {
if (wrap) {
const offsetHeight = wrap.offsetHeight - GAP;
const offsetWidth = wrap.offsetWidth - GAP;
moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
}
};
const update = () => {
const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
if (!wrap)
return;
const offsetHeight = wrap.offsetHeight - GAP;
const offsetWidth = wrap.offsetWidth - GAP;
const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
const height = Math.max(originalHeight, props2.minSize);
const width = Math.max(originalWidth, props2.minSize);
ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
};
expose({
handleScroll,
update
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [
createVNode(Thumb, {
move: moveX.value,
ratio: ratioX.value,
size: sizeWidth.value,
always: _ctx.always
}, null, 8, ["move", "ratio", "size", "always"]),
createVNode(Thumb, {
move: moveY.value,
ratio: ratioY.value,
size: sizeHeight.value,
vertical: "",
always: _ctx.always
}, null, 8, ["move", "ratio", "size", "always"])
], 64);
};
}
});
var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["__file", "bar.vue"]]);
const scrollbarProps = buildProps({
height: {
type: [String, Number],
default: ""
},
maxHeight: {
type: [String, Number],
default: ""
},
native: {
type: Boolean,
default: false
},
wrapStyle: {
type: definePropType([String, Object, Array]),
default: ""
},
wrapClass: {
type: [String, Array],
default: ""
},
viewClass: {
type: [String, Array],
default: ""
},
viewStyle: {
type: [String, Array, Object],
default: ""
},
noresize: Boolean,
tag: {
type: String,
default: "div"
},
always: Boolean,
minSize: {
type: Number,
default: 20
},
id: String,
role: String,
...useAriaProps(["ariaLabel", "ariaOrientation"])
});
const scrollbarEmits = {
scroll: ({
scrollTop,
scrollLeft
}) => [scrollTop, scrollLeft].every(isNumber$1)
};
const COMPONENT_NAME$1 = "ElScrollbar";
const __default__$r = defineComponent({
name: COMPONENT_NAME$1
});
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
...__default__$r,
props: scrollbarProps,
emits: scrollbarEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const ns = useNamespace("scrollbar");
let stopResizeObserver = void 0;
let stopResizeListener = void 0;
let wrapScrollTop = 0;
let wrapScrollLeft = 0;
const scrollbarRef = ref();
const wrapRef = ref();
const resizeRef = ref();
const barRef = ref();
const wrapStyle = computed(() => {
const style3 = {};
if (props2.height)
style3.height = addUnit(props2.height);
if (props2.maxHeight)
style3.maxHeight = addUnit(props2.maxHeight);
return [props2.wrapStyle, style3];
});
const wrapKls = computed(() => {
return [
props2.wrapClass,
ns.e("wrap"),
{ [ns.em("wrap", "hidden-default")]: !props2.native }
];
});
const resizeKls = computed(() => {
return [ns.e("view"), props2.viewClass];
});
const handleScroll = () => {
var _a;
if (wrapRef.value) {
(_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
wrapScrollTop = wrapRef.value.scrollTop;
wrapScrollLeft = wrapRef.value.scrollLeft;
emit("scroll", {
scrollTop: wrapRef.value.scrollTop,
scrollLeft: wrapRef.value.scrollLeft
});
}
};
function scrollTo(arg1, arg2) {
if (isObject$1(arg1)) {
wrapRef.value.scrollTo(arg1);
} else if (isNumber$1(arg1) && isNumber$1(arg2)) {
wrapRef.value.scrollTo(arg1, arg2);
}
}
const setScrollTop = (value) => {
if (!isNumber$1(value)) {
return;
}
wrapRef.value.scrollTop = value;
};
const setScrollLeft = (value) => {
if (!isNumber$1(value)) {
return;
}
wrapRef.value.scrollLeft = value;
};
const update = () => {
var _a;
(_a = barRef.value) == null ? void 0 : _a.update();
};
watch(() => props2.noresize, (noresize) => {
if (noresize) {
stopResizeObserver == null ? void 0 : stopResizeObserver();
stopResizeListener == null ? void 0 : stopResizeListener();
} else {
({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
stopResizeListener = useEventListener("resize", update);
}
}, { immediate: true });
watch(() => [props2.maxHeight, props2.height], () => {
if (!props2.native)
nextTick(() => {
var _a;
update();
if (wrapRef.value) {
(_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
}
});
});
provide(scrollbarContextKey, reactive({
scrollbarElement: scrollbarRef,
wrapElement: wrapRef
}));
onActivated(() => {
wrapRef.value.scrollTop = wrapScrollTop;
wrapRef.value.scrollLeft = wrapScrollLeft;
});
onMounted(() => {
if (!props2.native)
nextTick(() => {
update();
});
});
onUpdated(() => update());
expose({
wrapRef,
update,
scrollTo,
setScrollTop,
setScrollLeft,
handleScroll
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
ref_key: "scrollbarRef",
ref: scrollbarRef,
class: normalizeClass(unref(ns).b())
}, [
createElementVNode("div", {
ref_key: "wrapRef",
ref: wrapRef,
class: normalizeClass(unref(wrapKls)),
style: normalizeStyle(unref(wrapStyle)),
onScroll: handleScroll
}, [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
id: _ctx.id,
ref_key: "resizeRef",
ref: resizeRef,
class: normalizeClass(unref(resizeKls)),
style: normalizeStyle(_ctx.viewStyle),
role: _ctx.role,
"aria-label": _ctx.ariaLabel,
"aria-orientation": _ctx.ariaOrientation
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
], 38),
!_ctx.native ? (openBlock(), createBlock(Bar, {
key: 0,
ref_key: "barRef",
ref: barRef,
always: _ctx.always,
"min-size": _ctx.minSize
}, null, 8, ["always", "min-size"])) : createCommentVNode("v-if", true)
], 2);
};
}
});
var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__file", "scrollbar.vue"]]);
const ElScrollbar = withInstall(Scrollbar);
const POPPER_INJECTION_KEY = Symbol("popper");
const POPPER_CONTENT_INJECTION_KEY = Symbol("popperContent");
const roleTypes = [
"dialog",
"grid",
"group",
"listbox",
"menu",
"navigation",
"tooltip",
"tree"
];
const popperProps = buildProps({
role: {
type: String,
values: roleTypes,
default: "tooltip"
}
});
const __default__$q = defineComponent({
name: "ElPopper",
inheritAttrs: false
});
const _sfc_main$P = /* @__PURE__ */ defineComponent({
...__default__$q,
props: popperProps,
setup(__props, { expose }) {
const props2 = __props;
const triggerRef = ref();
const popperInstanceRef = ref();
const contentRef = ref();
const referenceRef = ref();
const role = computed(() => props2.role);
const popperProvides = {
triggerRef,
popperInstanceRef,
contentRef,
referenceRef,
role
};
expose(popperProvides);
provide(POPPER_INJECTION_KEY, popperProvides);
return (_ctx, _cache) => {
return renderSlot(_ctx.$slots, "default");
};
}
});
var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["__file", "popper.vue"]]);
const popperArrowProps = buildProps({
arrowOffset: {
type: Number,
default: 5
}
});
const __default__$p = defineComponent({
name: "ElPopperArrow",
inheritAttrs: false
});
const _sfc_main$O = /* @__PURE__ */ defineComponent({
...__default__$p,
props: popperArrowProps,
setup(__props, { expose }) {
const props2 = __props;
const ns = useNamespace("popper");
const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
watch(() => props2.arrowOffset, (val) => {
arrowOffset.value = val;
});
onBeforeUnmount(() => {
arrowRef.value = void 0;
});
expose({
arrowRef
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("span", {
ref_key: "arrowRef",
ref: arrowRef,
class: normalizeClass(unref(ns).e("arrow")),
style: normalizeStyle(unref(arrowStyle)),
"data-popper-arrow": ""
}, null, 6);
};
}
});
var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["__file", "arrow.vue"]]);
const NAME = "ElOnlyChild";
const OnlyChild = defineComponent({
name: NAME,
setup(_2, {
slots,
attrs
}) {
var _a;
const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY);
const forwardRefDirective = useForwardRefDirective((_a = forwardRefInjection == null ? void 0 : forwardRefInjection.setForwardRef) != null ? _a : NOOP);
return () => {
var _a2;
const defaultSlot = (_a2 = slots.default) == null ? void 0 : _a2.call(slots, attrs);
if (!defaultSlot)
return null;
if (defaultSlot.length > 1) {
return null;
}
const firstLegitNode = findFirstLegitChild(defaultSlot);
if (!firstLegitNode) {
return null;
}
return withDirectives(cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
};
}
});
function findFirstLegitChild(node) {
if (!node)
return null;
const children = node;
for (const child of children) {
if (isObject$1(child)) {
switch (child.type) {
case Comment:
continue;
case Text$1:
case "svg":
return wrapTextContent(child);
case Fragment:
return findFirstLegitChild(child.children);
default:
return child;
}
}
return wrapTextContent(child);
}
return null;
}
function wrapTextContent(s2) {
const ns = useNamespace("only-child");
return createVNode("span", {
"class": ns.e("content")
}, [s2]);
}
const popperTriggerProps = buildProps({
virtualRef: {
type: definePropType(Object)
},
virtualTriggering: Boolean,
onMouseenter: {
type: definePropType(Function)
},
onMouseleave: {
type: definePropType(Function)
},
onClick: {
type: definePropType(Function)
},
onKeydown: {
type: definePropType(Function)
},
onFocus: {
type: definePropType(Function)
},
onBlur: {
type: definePropType(Function)
},
onContextmenu: {
type: definePropType(Function)
},
id: String,
open: Boolean
});
const __default__$o = defineComponent({
name: "ElPopperTrigger",
inheritAttrs: false
});
const _sfc_main$N = /* @__PURE__ */ defineComponent({
...__default__$o,
props: popperTriggerProps,
setup(__props, { expose }) {
const props2 = __props;
const { role, triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
useForwardRef(triggerRef);
const ariaControls = computed(() => {
return ariaHaspopup.value ? props2.id : void 0;
});
const ariaDescribedby = computed(() => {
if (role && role.value === "tooltip") {
return props2.open && props2.id ? props2.id : void 0;
}
return void 0;
});
const ariaHaspopup = computed(() => {
if (role && role.value !== "tooltip") {
return role.value;
}
return void 0;
});
const ariaExpanded = computed(() => {
return ariaHaspopup.value ? `${props2.open}` : void 0;
});
let virtualTriggerAriaStopWatch = void 0;
const TRIGGER_ELE_EVENTS = [
"onMouseenter",
"onMouseleave",
"onClick",
"onKeydown",
"onFocus",
"onBlur",
"onContextmenu"
];
onMounted(() => {
watch(() => props2.virtualRef, (virtualEl) => {
if (virtualEl) {
triggerRef.value = unrefElement(virtualEl);
}
}, {
immediate: true
});
watch(triggerRef, (el, prevEl) => {
virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
virtualTriggerAriaStopWatch = void 0;
if (isElement(el)) {
TRIGGER_ELE_EVENTS.forEach((eventName) => {
var _a;
const handler = props2[eventName];
if (handler) {
el.addEventListener(eventName.slice(2).toLowerCase(), handler);
(_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
}
});
virtualTriggerAriaStopWatch = watch([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
[
"aria-controls",
"aria-describedby",
"aria-haspopup",
"aria-expanded"
].forEach((key, idx) => {
isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
});
}, { immediate: true });
}
if (isElement(prevEl)) {
[
"aria-controls",
"aria-describedby",
"aria-haspopup",
"aria-expanded"
].forEach((key) => prevEl.removeAttribute(key));
}
}, {
immediate: true
});
});
onBeforeUnmount(() => {
virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
virtualTriggerAriaStopWatch = void 0;
if (triggerRef.value && isElement(triggerRef.value)) {
const el = triggerRef.value;
TRIGGER_ELE_EVENTS.forEach((eventName) => {
const handler = props2[eventName];
if (handler) {
el.removeEventListener(eventName.slice(2).toLowerCase(), handler);
}
});
triggerRef.value = void 0;
}
});
expose({
triggerRef
});
return (_ctx, _cache) => {
return !_ctx.virtualTriggering ? (openBlock(), createBlock(unref(OnlyChild), mergeProps({ key: 0 }, _ctx.$attrs, {
"aria-controls": unref(ariaControls),
"aria-describedby": unref(ariaDescribedby),
"aria-expanded": unref(ariaExpanded),
"aria-haspopup": unref(ariaHaspopup)
}), {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"])) : createCommentVNode("v-if", true);
};
}
});
var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__file", "trigger.vue"]]);
const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
const FOCUS_AFTER_TRAPPED_OPTS = {
cancelable: true,
bubbles: false
};
const FOCUSOUT_PREVENTED_OPTS = {
cancelable: true,
bubbles: false
};
const ON_TRAP_FOCUS_EVT = "focusAfterTrapped";
const ON_RELEASE_FOCUS_EVT = "focusAfterReleased";
const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
const focusReason = ref();
const lastUserFocusTimestamp = ref(0);
const lastAutomatedFocusTimestamp = ref(0);
let focusReasonUserCount = 0;
const obtainAllFocusableElements = (element) => {
const nodes = [];
const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {
acceptNode: (node) => {
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
if (node.disabled || node.hidden || isHiddenInput)
return NodeFilter.FILTER_SKIP;
return node.tabIndex >= 0 || node === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
}
});
while (walker.nextNode())
nodes.push(walker.currentNode);
return nodes;
};
const getVisibleElement = (elements, container) => {
for (const element of elements) {
if (!isHidden(element, container))
return element;
}
};
const isHidden = (element, container) => {
if (getComputedStyle(element).visibility === "hidden")
return true;
while (element) {
if (container && element === container)
return false;
if (getComputedStyle(element).display === "none")
return true;
element = element.parentElement;
}
return false;
};
const getEdges = (container) => {
const focusable = obtainAllFocusableElements(container);
const first = getVisibleElement(focusable, container);
const last = getVisibleElement(focusable.reverse(), container);
return [first, last];
};
const isSelectable = (element) => {
return element instanceof HTMLInputElement && "select" in element;
};
const tryFocus = (element, shouldSelect) => {
if (element && element.focus) {
const prevFocusedElement = document.activeElement;
element.focus({ preventScroll: true });
lastAutomatedFocusTimestamp.value = window.performance.now();
if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
element.select();
}
}
};
function removeFromStack(list, item) {
const copy = [...list];
const idx = list.indexOf(item);
if (idx !== -1) {
copy.splice(idx, 1);
}
return copy;
}
const createFocusableStack = () => {
let stack = [];
const push = (layer) => {
const currentLayer = stack[0];
if (currentLayer && layer !== currentLayer) {
currentLayer.pause();
}
stack = removeFromStack(stack, layer);
stack.unshift(layer);
};
const remove = (layer) => {
var _a, _b;
stack = removeFromStack(stack, layer);
(_b = (_a = stack[0]) == null ? void 0 : _a.resume) == null ? void 0 : _b.call(_a);
};
return {
push,
remove
};
};
const focusFirstDescendant = (elements, shouldSelect = false) => {
const prevFocusedElement = document.activeElement;
for (const element of elements) {
tryFocus(element, shouldSelect);
if (document.activeElement !== prevFocusedElement)
return;
}
};
const focusableStack = createFocusableStack();
const isFocusCausedByUserEvent = () => {
return lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value;
};
const notifyFocusReasonPointer = () => {
focusReason.value = "pointer";
lastUserFocusTimestamp.value = window.performance.now();
};
const notifyFocusReasonKeydown = () => {
focusReason.value = "keyboard";
lastUserFocusTimestamp.value = window.performance.now();
};
const useFocusReason = () => {
onMounted(() => {
if (focusReasonUserCount === 0) {
document.addEventListener("mousedown", notifyFocusReasonPointer);
document.addEventListener("touchstart", notifyFocusReasonPointer);
document.addEventListener("keydown", notifyFocusReasonKeydown);
}
focusReasonUserCount++;
});
onBeforeUnmount(() => {
focusReasonUserCount--;
if (focusReasonUserCount <= 0) {
document.removeEventListener("mousedown", notifyFocusReasonPointer);
document.removeEventListener("touchstart", notifyFocusReasonPointer);
document.removeEventListener("keydown", notifyFocusReasonKeydown);
}
});
return {
focusReason,
lastUserFocusTimestamp,
lastAutomatedFocusTimestamp
};
};
const createFocusOutPreventedEvent = (detail) => {
return new CustomEvent(FOCUSOUT_PREVENTED, {
...FOCUSOUT_PREVENTED_OPTS,
detail
});
};
const _sfc_main$M = defineComponent({
name: "ElFocusTrap",
inheritAttrs: false,
props: {
loop: Boolean,
trapped: Boolean,
focusTrapEl: Object,
focusStartEl: {
type: [Object, String],
default: "first"
}
},
emits: [
ON_TRAP_FOCUS_EVT,
ON_RELEASE_FOCUS_EVT,
"focusin",
"focusout",
"focusout-prevented",
"release-requested"
],
setup(props2, { emit }) {
const forwardRef = ref();
let lastFocusBeforeTrapped;
let lastFocusAfterTrapped;
const { focusReason: focusReason2 } = useFocusReason();
useEscapeKeydown((event) => {
if (props2.trapped && !focusLayer.paused) {
emit("release-requested", event);
}
});
const focusLayer = {
paused: false,
pause() {
this.paused = true;
},
resume() {
this.paused = false;
}
};
const onKeydown = (e) => {
if (!props2.loop && !props2.trapped)
return;
if (focusLayer.paused)
return;
const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
const { loop } = props2;
const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
const currentFocusingEl = document.activeElement;
if (isTabbing && currentFocusingEl) {
const container = currentTarget;
const [first, last] = getEdges(container);
const isTabbable = first && last;
if (!isTabbable) {
if (currentFocusingEl === container) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
e.preventDefault();
}
}
} else {
if (!shiftKey && currentFocusingEl === last) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
e.preventDefault();
if (loop)
tryFocus(first, true);
}
} else if (shiftKey && [first, container].includes(currentFocusingEl)) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
e.preventDefault();
if (loop)
tryFocus(last, true);
}
}
}
}
};
provide(FOCUS_TRAP_INJECTION_KEY, {
focusTrapRef: forwardRef,
onKeydown
});
watch(() => props2.focusTrapEl, (focusTrapEl) => {
if (focusTrapEl) {
forwardRef.value = focusTrapEl;
}
}, { immediate: true });
watch([forwardRef], ([forwardRef2], [oldForwardRef]) => {
if (forwardRef2) {
forwardRef2.addEventListener("keydown", onKeydown);
forwardRef2.addEventListener("focusin", onFocusIn);
forwardRef2.addEventListener("focusout", onFocusOut);
}
if (oldForwardRef) {
oldForwardRef.removeEventListener("keydown", onKeydown);
oldForwardRef.removeEventListener("focusin", onFocusIn);
oldForwardRef.removeEventListener("focusout", onFocusOut);
}
});
const trapOnFocus = (e) => {
emit(ON_TRAP_FOCUS_EVT, e);
};
const releaseOnFocus = (e) => emit(ON_RELEASE_FOCUS_EVT, e);
const onFocusIn = (e) => {
const trapContainer = unref(forwardRef);
if (!trapContainer)
return;
const target = e.target;
const relatedTarget = e.relatedTarget;
const isFocusedInTrap = target && trapContainer.contains(target);
if (!props2.trapped) {
const isPrevFocusedInTrap = relatedTarget && trapContainer.contains(relatedTarget);
if (!isPrevFocusedInTrap) {
lastFocusBeforeTrapped = relatedTarget;
}
}
if (isFocusedInTrap)
emit("focusin", e);
if (focusLayer.paused)
return;
if (props2.trapped) {
if (isFocusedInTrap) {
lastFocusAfterTrapped = target;
} else {
tryFocus(lastFocusAfterTrapped, true);
}
}
};
const onFocusOut = (e) => {
const trapContainer = unref(forwardRef);
if (focusLayer.paused || !trapContainer)
return;
if (props2.trapped) {
const relatedTarget = e.relatedTarget;
if (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {
setTimeout(() => {
if (!focusLayer.paused && props2.trapped) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
tryFocus(lastFocusAfterTrapped, true);
}
}
}, 0);
}
} else {
const target = e.target;
const isFocusedInTrap = target && trapContainer.contains(target);
if (!isFocusedInTrap)
emit("focusout", e);
}
};
async function startTrap() {
await nextTick();
const trapContainer = unref(forwardRef);
if (trapContainer) {
focusableStack.push(focusLayer);
const prevFocusedElement = trapContainer.contains(document.activeElement) ? lastFocusBeforeTrapped : document.activeElement;
lastFocusBeforeTrapped = prevFocusedElement;
const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
if (!isPrevFocusContained) {
const focusEvent = new Event(FOCUS_AFTER_TRAPPED, FOCUS_AFTER_TRAPPED_OPTS);
trapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
trapContainer.dispatchEvent(focusEvent);
if (!focusEvent.defaultPrevented) {
nextTick(() => {
let focusStartEl = props2.focusStartEl;
if (!isString$1(focusStartEl)) {
tryFocus(focusStartEl);
if (document.activeElement !== focusStartEl) {
focusStartEl = "first";
}
}
if (focusStartEl === "first") {
focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
}
if (document.activeElement === prevFocusedElement || focusStartEl === "container") {
tryFocus(trapContainer);
}
});
}
}
}
}
function stopTrap() {
const trapContainer = unref(forwardRef);
if (trapContainer) {
trapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
const releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {
...FOCUS_AFTER_TRAPPED_OPTS,
detail: {
focusReason: focusReason2.value
}
});
trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
trapContainer.dispatchEvent(releasedEvent);
if (!releasedEvent.defaultPrevented && (focusReason2.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
}
trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
focusableStack.remove(focusLayer);
}
}
onMounted(() => {
if (props2.trapped) {
startTrap();
}
watch(() => props2.trapped, (trapped) => {
if (trapped) {
startTrap();
} else {
stopTrap();
}
});
});
onBeforeUnmount(() => {
if (props2.trapped) {
stopTrap();
}
if (forwardRef.value) {
forwardRef.value.removeEventListener("keydown", onKeydown);
forwardRef.value.removeEventListener("focusin", onFocusIn);
forwardRef.value.removeEventListener("focusout", onFocusOut);
forwardRef.value = void 0;
}
});
return {
onKeydown
};
}
});
function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
}
var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$7], ["__file", "focus-trap.vue"]]);
const POSITIONING_STRATEGIES = ["fixed", "absolute"];
const popperCoreConfigProps = buildProps({
boundariesPadding: {
type: Number,
default: 0
},
fallbackPlacements: {
type: definePropType(Array),
default: void 0
},
gpuAcceleration: {
type: Boolean,
default: true
},
offset: {
type: Number,
default: 12
},
placement: {
type: String,
values: Ee,
default: "bottom"
},
popperOptions: {
type: definePropType(Object),
default: () => ({})
},
strategy: {
type: String,
values: POSITIONING_STRATEGIES,
default: "absolute"
}
});
const popperContentProps = buildProps({
...popperCoreConfigProps,
id: String,
style: {
type: definePropType([String, Array, Object])
},
className: {
type: definePropType([String, Array, Object])
},
effect: {
type: definePropType(String),
default: "dark"
},
visible: Boolean,
enterable: {
type: Boolean,
default: true
},
pure: Boolean,
focusOnShow: {
type: Boolean,
default: false
},
trapping: {
type: Boolean,
default: false
},
popperClass: {
type: definePropType([String, Array, Object])
},
popperStyle: {
type: definePropType([String, Array, Object])
},
referenceEl: {
type: definePropType(Object)
},
triggerTargetEl: {
type: definePropType(Object)
},
stopPopperMouseEvent: {
type: Boolean,
default: true
},
virtualTriggering: Boolean,
zIndex: Number,
...useAriaProps(["ariaLabel"])
});
const popperContentEmits = {
mouseenter: (evt) => evt instanceof MouseEvent,
mouseleave: (evt) => evt instanceof MouseEvent,
focus: () => true,
blur: () => true,
close: () => true
};
const buildPopperOptions = (props2, modifiers = []) => {
const { placement, strategy, popperOptions } = props2;
const options2 = {
placement,
strategy,
...popperOptions,
modifiers: [...genModifiers(props2), ...modifiers]
};
deriveExtraModifiers(options2, popperOptions == null ? void 0 : popperOptions.modifiers);
return options2;
};
const unwrapMeasurableEl = ($el) => {
if (!isClient)
return;
return unrefElement($el);
};
function genModifiers(options2) {
const { offset, gpuAcceleration, fallbackPlacements } = options2;
return [
{
name: "offset",
options: {
offset: [0, offset != null ? offset : 12]
}
},
{
name: "preventOverflow",
options: {
padding: {
top: 2,
bottom: 2,
left: 5,
right: 5
}
}
},
{
name: "flip",
options: {
padding: 5,
fallbackPlacements
}
},
{
name: "computeStyles",
options: {
gpuAcceleration
}
}
];
}
function deriveExtraModifiers(options2, modifiers) {
if (modifiers) {
options2.modifiers = [...options2.modifiers, ...modifiers != null ? modifiers : []];
}
}
const DEFAULT_ARROW_OFFSET = 0;
const usePopperContent = (props2) => {
const { popperInstanceRef, contentRef, triggerRef, role } = inject(POPPER_INJECTION_KEY, void 0);
const arrowRef = ref();
const arrowOffset = ref();
const eventListenerModifier = computed(() => {
return {
name: "eventListeners",
enabled: !!props2.visible
};
});
const arrowModifier = computed(() => {
var _a;
const arrowEl = unref(arrowRef);
const offset = (_a = unref(arrowOffset)) != null ? _a : DEFAULT_ARROW_OFFSET;
return {
name: "arrow",
enabled: !isUndefined(arrowEl),
options: {
element: arrowEl,
padding: offset
}
};
});
const options2 = computed(() => {
return {
onFirstUpdate: () => {
update();
},
...buildPopperOptions(props2, [
unref(arrowModifier),
unref(eventListenerModifier)
])
};
});
const computedReference = computed(() => unwrapMeasurableEl(props2.referenceEl) || unref(triggerRef));
const { attributes, state, styles, update, forceUpdate, instanceRef } = usePopper(computedReference, contentRef, options2);
watch(instanceRef, (instance) => popperInstanceRef.value = instance);
onMounted(() => {
watch(() => {
var _a;
return (_a = unref(computedReference)) == null ? void 0 : _a.getBoundingClientRect();
}, () => {
update();
});
});
return {
attributes,
arrowRef,
contentRef,
instanceRef,
state,
styles,
role,
forceUpdate,
update
};
};
const usePopperContentDOM = (props2, {
attributes,
styles,
role
}) => {
const { nextZIndex } = useZIndex();
const ns = useNamespace("popper");
const contentAttrs = computed(() => unref(attributes).popper);
const contentZIndex = ref(isNumber$1(props2.zIndex) ? props2.zIndex : nextZIndex());
const contentClass = computed(() => [
ns.b(),
ns.is("pure", props2.pure),
ns.is(props2.effect),
props2.popperClass
]);
const contentStyle = computed(() => {
return [
{ zIndex: unref(contentZIndex) },
unref(styles).popper,
props2.popperStyle || {}
];
});
const ariaModal = computed(() => role.value === "dialog" ? "false" : void 0);
const arrowStyle = computed(() => unref(styles).arrow || {});
const updateZIndex = () => {
contentZIndex.value = isNumber$1(props2.zIndex) ? props2.zIndex : nextZIndex();
};
return {
ariaModal,
arrowStyle,
contentAttrs,
contentClass,
contentStyle,
contentZIndex,
updateZIndex
};
};
const usePopperContentFocusTrap = (props2, emit) => {
const trapped = ref(false);
const focusStartRef = ref();
const onFocusAfterTrapped = () => {
emit("focus");
};
const onFocusAfterReleased = (event) => {
var _a;
if (((_a = event.detail) == null ? void 0 : _a.focusReason) !== "pointer") {
focusStartRef.value = "first";
emit("blur");
}
};
const onFocusInTrap = (event) => {
if (props2.visible && !trapped.value) {
if (event.target) {
focusStartRef.value = event.target;
}
trapped.value = true;
}
};
const onFocusoutPrevented = (event) => {
if (!props2.trapping) {
if (event.detail.focusReason === "pointer") {
event.preventDefault();
}
trapped.value = false;
}
};
const onReleaseRequested = () => {
trapped.value = false;
emit("close");
};
return {
focusStartRef,
trapped,
onFocusAfterReleased,
onFocusAfterTrapped,
onFocusInTrap,
onFocusoutPrevented,
onReleaseRequested
};
};
const __default__$n = defineComponent({
name: "ElPopperContent"
});
const _sfc_main$L = /* @__PURE__ */ defineComponent({
...__default__$n,
props: popperContentProps,
emits: popperContentEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const {
focusStartRef,
trapped,
onFocusAfterReleased,
onFocusAfterTrapped,
onFocusInTrap,
onFocusoutPrevented,
onReleaseRequested
} = usePopperContentFocusTrap(props2, emit);
const { attributes, arrowRef, contentRef, styles, instanceRef, role, update } = usePopperContent(props2);
const {
ariaModal,
arrowStyle,
contentAttrs,
contentClass,
contentStyle,
updateZIndex
} = usePopperContentDOM(props2, {
styles,
attributes,
role
});
const formItemContext = inject(formItemContextKey, void 0);
const arrowOffset = ref();
provide(POPPER_CONTENT_INJECTION_KEY, {
arrowStyle,
arrowRef,
arrowOffset
});
if (formItemContext) {
provide(formItemContextKey, {
...formItemContext,
addInputId: NOOP,
removeInputId: NOOP
});
}
let triggerTargetAriaStopWatch = void 0;
const updatePopper = (shouldUpdateZIndex = true) => {
update();
shouldUpdateZIndex && updateZIndex();
};
const togglePopperAlive = () => {
updatePopper(false);
if (props2.visible && props2.focusOnShow) {
trapped.value = true;
} else if (props2.visible === false) {
trapped.value = false;
}
};
onMounted(() => {
watch(() => props2.triggerTargetEl, (triggerTargetEl, prevTriggerTargetEl) => {
triggerTargetAriaStopWatch == null ? void 0 : triggerTargetAriaStopWatch();
triggerTargetAriaStopWatch = void 0;
const el = unref(triggerTargetEl || contentRef.value);
const prevEl = unref(prevTriggerTargetEl || contentRef.value);
if (isElement(el)) {
triggerTargetAriaStopWatch = watch([role, () => props2.ariaLabel, ariaModal, () => props2.id], (watches) => {
["role", "aria-label", "aria-modal", "id"].forEach((key, idx) => {
isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
});
}, { immediate: true });
}
if (prevEl !== el && isElement(prevEl)) {
["role", "aria-label", "aria-modal", "id"].forEach((key) => {
prevEl.removeAttribute(key);
});
}
}, { immediate: true });
watch(() => props2.visible, togglePopperAlive, { immediate: true });
});
onBeforeUnmount(() => {
triggerTargetAriaStopWatch == null ? void 0 : triggerTargetAriaStopWatch();
triggerTargetAriaStopWatch = void 0;
});
expose({
popperContentRef: contentRef,
popperInstanceRef: instanceRef,
updatePopper,
contentStyle
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", mergeProps({
ref_key: "contentRef",
ref: contentRef
}, unref(contentAttrs), {
style: unref(contentStyle),
class: unref(contentClass),
tabindex: "-1",
onMouseenter: (e) => _ctx.$emit("mouseenter", e),
onMouseleave: (e) => _ctx.$emit("mouseleave", e)
}), [
createVNode(unref(ElFocusTrap), {
trapped: unref(trapped),
"trap-on-focus-in": true,
"focus-trap-el": unref(contentRef),
"focus-start-el": unref(focusStartRef),
onFocusAfterTrapped: unref(onFocusAfterTrapped),
onFocusAfterReleased: unref(onFocusAfterReleased),
onFocusin: unref(onFocusInTrap),
onFocusoutPrevented: unref(onFocusoutPrevented),
onReleaseRequested: unref(onReleaseRequested)
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusin", "onFocusoutPrevented", "onReleaseRequested"])
], 16, ["onMouseenter", "onMouseleave"]);
};
}
});
var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__file", "content.vue"]]);
const ElPopper = withInstall(Popper);
const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
const useTooltipContentProps = buildProps({
...useDelayedToggleProps,
...popperContentProps,
appendTo: {
type: definePropType([String, Object])
},
content: {
type: String,
default: ""
},
rawContent: Boolean,
persistent: Boolean,
visible: {
type: definePropType(Boolean),
default: null
},
transition: String,
teleported: {
type: Boolean,
default: true
},
disabled: Boolean,
...useAriaProps(["ariaLabel"])
});
const useTooltipTriggerProps = buildProps({
...popperTriggerProps,
disabled: Boolean,
trigger: {
type: definePropType([String, Array]),
default: "hover"
},
triggerKeys: {
type: definePropType(Array),
default: () => [EVENT_CODE.enter, EVENT_CODE.space]
}
});
const {
useModelToggleProps: useTooltipModelToggleProps,
useModelToggleEmits: useTooltipModelToggleEmits,
useModelToggle: useTooltipModelToggle
} = createModelToggleComposable("visible");
const useTooltipProps = buildProps({
...popperProps,
...useTooltipModelToggleProps,
...useTooltipContentProps,
...useTooltipTriggerProps,
...popperArrowProps,
showArrow: {
type: Boolean,
default: true
}
});
const tooltipEmits = [
...useTooltipModelToggleEmits,
"before-show",
"before-hide",
"show",
"hide",
"open",
"close"
];
const isTriggerType = (trigger, type4) => {
if (isArray$1(trigger)) {
return trigger.includes(type4);
}
return trigger === type4;
};
const whenTrigger = (trigger, type4, handler) => {
return (e) => {
isTriggerType(unref(trigger), type4) && handler(e);
};
};
const __default__$m = defineComponent({
name: "ElTooltipTrigger"
});
const _sfc_main$K = /* @__PURE__ */ defineComponent({
...__default__$m,
props: useTooltipTriggerProps,
setup(__props, { expose }) {
const props2 = __props;
const ns = useNamespace("tooltip");
const { controlled, id, open, onOpen, onClose, onToggle } = inject(TOOLTIP_INJECTION_KEY, void 0);
const triggerRef = ref(null);
const stopWhenControlledOrDisabled = () => {
if (unref(controlled) || props2.disabled) {
return true;
}
};
const trigger = toRef(props2, "trigger");
const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
if (e.button === 0) {
onToggle(e);
}
}));
const onFocus = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onOpen));
const onBlur = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onClose));
const onContextMenu = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "contextmenu", (e) => {
e.preventDefault();
onToggle(e);
}));
const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, (e) => {
const { code } = e;
if (props2.triggerKeys.includes(code)) {
e.preventDefault();
onToggle(e);
}
});
expose({
triggerRef
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElPopperTrigger), {
id: unref(id),
"virtual-ref": _ctx.virtualRef,
open: unref(open),
"virtual-triggering": _ctx.virtualTriggering,
class: normalizeClass(unref(ns).e("trigger")),
onBlur: unref(onBlur),
onClick: unref(onClick),
onContextmenu: unref(onContextMenu),
onFocus: unref(onFocus),
onMouseenter: unref(onMouseenter),
onMouseleave: unref(onMouseleave),
onKeydown: unref(onKeydown)
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
};
}
});
var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__file", "trigger.vue"]]);
const teleportProps = buildProps({
to: {
type: definePropType([String, Object]),
required: true
},
disabled: Boolean
});
const _sfc_main$J = /* @__PURE__ */ defineComponent({
__name: "teleport",
props: teleportProps,
setup(__props) {
return (_ctx, _cache) => {
return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Teleport$1, {
key: 1,
to: _ctx.to
}, [
renderSlot(_ctx.$slots, "default")
], 8, ["to"]));
};
}
});
var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__file", "teleport.vue"]]);
const ElTeleport = withInstall(Teleport);
const __default__$l = defineComponent({
name: "ElTooltipContent",
inheritAttrs: false
});
const _sfc_main$I = /* @__PURE__ */ defineComponent({
...__default__$l,
props: useTooltipContentProps,
setup(__props, { expose }) {
const props2 = __props;
const { selector } = usePopperContainerId();
const ns = useNamespace("tooltip");
const contentRef = ref(null);
let stopHandle;
const {
controlled,
id,
open,
trigger,
onClose,
onOpen,
onShow,
onHide,
onBeforeShow,
onBeforeHide
} = inject(TOOLTIP_INJECTION_KEY, void 0);
const transitionClass = computed(() => {
return props2.transition || `${ns.namespace.value}-fade-in-linear`;
});
const persistentRef = computed(() => {
return props2.persistent;
});
onBeforeUnmount(() => {
stopHandle == null ? void 0 : stopHandle();
});
const shouldRender = computed(() => {
return unref(persistentRef) ? true : unref(open);
});
const shouldShow = computed(() => {
return props2.disabled ? false : unref(open);
});
const appendTo = computed(() => {
return props2.appendTo || selector.value;
});
const contentStyle = computed(() => {
var _a;
return (_a = props2.style) != null ? _a : {};
});
const ariaHidden = computed(() => !unref(open));
const onTransitionLeave = () => {
onHide();
};
const stopWhenControlled = () => {
if (unref(controlled))
return true;
};
const onContentEnter = composeEventHandlers(stopWhenControlled, () => {
if (props2.enterable && unref(trigger) === "hover") {
onOpen();
}
});
const onContentLeave = composeEventHandlers(stopWhenControlled, () => {
if (unref(trigger) === "hover") {
onClose();
}
});
const onBeforeEnter = () => {
var _a, _b;
(_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
onBeforeShow == null ? void 0 : onBeforeShow();
};
const onBeforeLeave = () => {
onBeforeHide == null ? void 0 : onBeforeHide();
};
const onAfterShow = () => {
onShow();
stopHandle = onClickOutside(computed(() => {
var _a;
return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
}), () => {
if (unref(controlled))
return;
const $trigger = unref(trigger);
if ($trigger !== "hover") {
onClose();
}
});
};
const onBlur = () => {
if (!props2.virtualTriggering) {
onClose();
}
};
watch(() => unref(open), (val) => {
if (!val) {
stopHandle == null ? void 0 : stopHandle();
}
}, {
flush: "post"
});
watch(() => props2.content, () => {
var _a, _b;
(_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
});
expose({
contentRef
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElTeleport), {
disabled: !_ctx.teleported,
to: unref(appendTo)
}, {
default: withCtx(() => [
createVNode(Transition, {
name: unref(transitionClass),
onAfterLeave: onTransitionLeave,
onBeforeEnter,
onAfterEnter: onAfterShow,
onBeforeLeave
}, {
default: withCtx(() => [
unref(shouldRender) ? withDirectives((openBlock(), createBlock(unref(ElPopperContent), mergeProps({
key: 0,
id: unref(id),
ref_key: "contentRef",
ref: contentRef
}, _ctx.$attrs, {
"aria-label": _ctx.ariaLabel,
"aria-hidden": unref(ariaHidden),
"boundaries-padding": _ctx.boundariesPadding,
"fallback-placements": _ctx.fallbackPlacements,
"gpu-acceleration": _ctx.gpuAcceleration,
offset: _ctx.offset,
placement: _ctx.placement,
"popper-options": _ctx.popperOptions,
strategy: _ctx.strategy,
effect: _ctx.effect,
enterable: _ctx.enterable,
pure: _ctx.pure,
"popper-class": _ctx.popperClass,
"popper-style": [_ctx.popperStyle, unref(contentStyle)],
"reference-el": _ctx.referenceEl,
"trigger-target-el": _ctx.triggerTargetEl,
visible: unref(shouldShow),
"z-index": _ctx.zIndex,
onMouseenter: unref(onContentEnter),
onMouseleave: unref(onContentLeave),
onBlur,
onClose: unref(onClose)
}), {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
[vShow, unref(shouldShow)]
]) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["name"])
]),
_: 3
}, 8, ["disabled", "to"]);
};
}
});
var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__file", "content.vue"]]);
const __default__$k = defineComponent({
name: "ElTooltip"
});
const _sfc_main$H = /* @__PURE__ */ defineComponent({
...__default__$k,
props: useTooltipProps,
emits: tooltipEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
usePopperContainer();
const id = useId();
const popperRef = ref();
const contentRef = ref();
const updatePopper = () => {
var _a;
const popperComponent = unref(popperRef);
if (popperComponent) {
(_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
}
};
const open = ref(false);
const toggleReason = ref();
const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
indicator: open,
toggleReason
});
const { onOpen, onClose } = useDelayedToggle({
showAfter: toRef(props2, "showAfter"),
hideAfter: toRef(props2, "hideAfter"),
autoClose: toRef(props2, "autoClose"),
open: show,
close: hide
});
const controlled = computed(() => isBoolean$1(props2.visible) && !hasUpdateHandler.value);
provide(TOOLTIP_INJECTION_KEY, {
controlled,
id,
open: readonly(open),
trigger: toRef(props2, "trigger"),
onOpen: (event) => {
onOpen(event);
},
onClose: (event) => {
onClose(event);
},
onToggle: (event) => {
if (unref(open)) {
onClose(event);
} else {
onOpen(event);
}
},
onShow: () => {
emit("show", toggleReason.value);
},
onHide: () => {
emit("hide", toggleReason.value);
},
onBeforeShow: () => {
emit("before-show", toggleReason.value);
},
onBeforeHide: () => {
emit("before-hide", toggleReason.value);
},
updatePopper
});
watch(() => props2.disabled, (disabled) => {
if (disabled && open.value) {
open.value = false;
}
});
const isFocusInsideContent = (event) => {
var _a, _b;
const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
return popperContent && popperContent.contains(activeElement);
};
onDeactivated(() => open.value && hide());
expose({
popperRef,
contentRef,
isFocusInsideContent,
updatePopper,
onOpen,
onClose,
hide
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElPopper), {
ref_key: "popperRef",
ref: popperRef,
role: _ctx.role
}, {
default: withCtx(() => [
createVNode(ElTooltipTrigger, {
disabled: _ctx.disabled,
trigger: _ctx.trigger,
"trigger-keys": _ctx.triggerKeys,
"virtual-ref": _ctx.virtualRef,
"virtual-triggering": _ctx.virtualTriggering
}, {
default: withCtx(() => [
_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
createVNode(ElTooltipContent, {
ref_key: "contentRef",
ref: contentRef,
"aria-label": _ctx.ariaLabel,
"boundaries-padding": _ctx.boundariesPadding,
content: _ctx.content,
disabled: _ctx.disabled,
effect: _ctx.effect,
enterable: _ctx.enterable,
"fallback-placements": _ctx.fallbackPlacements,
"hide-after": _ctx.hideAfter,
"gpu-acceleration": _ctx.gpuAcceleration,
offset: _ctx.offset,
persistent: _ctx.persistent,
"popper-class": _ctx.popperClass,
"popper-style": _ctx.popperStyle,
placement: _ctx.placement,
"popper-options": _ctx.popperOptions,
pure: _ctx.pure,
"raw-content": _ctx.rawContent,
"reference-el": _ctx.referenceEl,
"trigger-target-el": _ctx.triggerTargetEl,
"show-after": _ctx.showAfter,
strategy: _ctx.strategy,
teleported: _ctx.teleported,
transition: _ctx.transition,
"virtual-triggering": _ctx.virtualTriggering,
"z-index": _ctx.zIndex,
"append-to": _ctx.appendTo
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "content", {}, () => [
_ctx.rawContent ? (openBlock(), createElementBlock("span", {
key: 0,
innerHTML: _ctx.content
}, null, 8, ["innerHTML"])) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.content), 1))
]),
_ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
key: 0,
"arrow-offset": _ctx.arrowOffset
}, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
]),
_: 3
}, 8, ["role"]);
};
}
});
var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__file", "tooltip.vue"]]);
const ElTooltip = withInstall(Tooltip);
const avatarProps = buildProps({
size: {
type: [Number, String],
values: componentSizes,
default: "",
validator: (val) => isNumber$1(val)
},
shape: {
type: String,
values: ["circle", "square"],
default: "circle"
},
icon: {
type: iconPropType
},
src: {
type: String,
default: ""
},
alt: String,
srcSet: String,
fit: {
type: definePropType(String),
default: "cover"
}
});
const avatarEmits = {
error: (evt) => evt instanceof Event
};
const __default__$j = defineComponent({
name: "ElAvatar"
});
const _sfc_main$G = /* @__PURE__ */ defineComponent({
...__default__$j,
props: avatarProps,
emits: avatarEmits,
setup(__props, { emit }) {
const props2 = __props;
const ns = useNamespace("avatar");
const hasLoadError = ref(false);
const avatarClass = computed(() => {
const { size, icon, shape } = props2;
const classList = [ns.b()];
if (isString$1(size))
classList.push(ns.m(size));
if (icon)
classList.push(ns.m("icon"));
if (shape)
classList.push(ns.m(shape));
return classList;
});
const sizeStyle = computed(() => {
const { size } = props2;
return isNumber$1(size) ? ns.cssVarBlock({
size: addUnit(size) || ""
}) : void 0;
});
const fitStyle = computed(() => ({
objectFit: props2.fit
}));
watch(() => props2.src, () => hasLoadError.value = false);
function handleError(e) {
hasLoadError.value = true;
emit("error", e);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("span", {
class: normalizeClass(unref(avatarClass)),
style: normalizeStyle(unref(sizeStyle))
}, [
(_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (openBlock(), createElementBlock("img", {
key: 0,
src: _ctx.src,
alt: _ctx.alt,
srcset: _ctx.srcSet,
style: normalizeStyle(unref(fitStyle)),
onError: handleError
}, null, 44, ["src", "alt", "srcset"])) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
]),
_: 1
})) : renderSlot(_ctx.$slots, "default", { key: 2 })
], 6);
};
}
});
var Avatar = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__file", "avatar.vue"]]);
const ElAvatar = withInstall(Avatar);
const badgeProps = buildProps({
value: {
type: [String, Number],
default: ""
},
max: {
type: Number,
default: 99
},
isDot: Boolean,
hidden: Boolean,
type: {
type: String,
values: ["primary", "success", "warning", "info", "danger"],
default: "danger"
},
showZero: {
type: Boolean,
default: true
},
color: String,
badgeStyle: {
type: definePropType([String, Object, Array])
},
offset: {
type: definePropType(Array),
default: [0, 0]
},
badgeClass: {
type: String
}
});
const __default__$i = defineComponent({
name: "ElBadge"
});
const _sfc_main$F = /* @__PURE__ */ defineComponent({
...__default__$i,
props: badgeProps,
setup(__props, { expose }) {
const props2 = __props;
const ns = useNamespace("badge");
const content = computed(() => {
if (props2.isDot)
return "";
if (isNumber$1(props2.value) && isNumber$1(props2.max)) {
if (props2.max < props2.value) {
return `${props2.max}+`;
}
return props2.value === 0 && !props2.showZero ? "" : `${props2.value}`;
}
return `${props2.value}`;
});
const style3 = computed(() => {
var _a, _b, _c, _d, _e;
return [
{
backgroundColor: props2.color,
marginRight: addUnit(-((_b = (_a = props2.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
marginTop: addUnit((_d = (_c = props2.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
},
(_e = props2.badgeStyle) != null ? _e : {}
];
});
expose({
content
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(ns).b())
}, [
renderSlot(_ctx.$slots, "default"),
createVNode(Transition, {
name: `${unref(ns).namespace.value}-zoom-in-center`,
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createElementVNode("sup", {
class: normalizeClass([
unref(ns).e("content"),
unref(ns).em("content", _ctx.type),
unref(ns).is("fixed", !!_ctx.$slots.default),
unref(ns).is("dot", _ctx.isDot),
_ctx.badgeClass
]),
style: normalizeStyle(unref(style3)),
textContent: toDisplayString(unref(content))
}, null, 14, ["textContent"]), [
[vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
])
]),
_: 1
}, 8, ["name"])
], 2);
};
}
});
var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__file", "badge.vue"]]);
const ElBadge = withInstall(Badge);
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
const nodeList = /* @__PURE__ */ new Map();
if (isClient) {
let startClick;
document.addEventListener("mousedown", (e) => startClick = e);
document.addEventListener("mouseup", (e) => {
if (startClick) {
for (const handlers of nodeList.values()) {
for (const { documentHandler } of handlers) {
documentHandler(e, startClick);
}
}
startClick = void 0;
}
});
}
function createDocumentHandler(el, binding) {
let excludes = [];
if (Array.isArray(binding.arg)) {
excludes = binding.arg;
} else if (isElement(binding.arg)) {
excludes.push(binding.arg);
}
return function(mouseup, mousedown) {
const popperRef = binding.instance.popperRef;
const mouseUpTarget = mouseup.target;
const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
const isBound = !binding || !binding.instance;
const isTargetExists = !mouseUpTarget || !mouseDownTarget;
const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
const isSelf = el === mouseUpTarget;
const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
return;
}
binding.value(mouseup, mousedown);
};
}
const ClickOutside = {
beforeMount(el, binding) {
if (!nodeList.has(el)) {
nodeList.set(el, []);
}
nodeList.get(el).push({
documentHandler: createDocumentHandler(el, binding),
bindingFn: binding.value
});
},
updated(el, binding) {
if (!nodeList.has(el)) {
nodeList.set(el, []);
}
const handlers = nodeList.get(el);
const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
const newHandler = {
documentHandler: createDocumentHandler(el, binding),
bindingFn: binding.value
};
if (oldHandlerIndex >= 0) {
handlers.splice(oldHandlerIndex, 1, newHandler);
} else {
handlers.push(newHandler);
}
},
unmounted(el) {
nodeList.delete(el);
}
};
const REPEAT_INTERVAL = 100;
const REPEAT_DELAY = 600;
const vRepeatClick = {
beforeMount(el, binding) {
const value = binding.value;
const { interval = REPEAT_INTERVAL, delay: delay2 = REPEAT_DELAY } = isFunction$1(value) ? {} : value;
let intervalId;
let delayId;
const handler = () => isFunction$1(value) ? value() : value.handler();
const clear = () => {
if (delayId) {
clearTimeout(delayId);
delayId = void 0;
}
if (intervalId) {
clearInterval(intervalId);
intervalId = void 0;
}
};
el.addEventListener("mousedown", (evt) => {
if (evt.button !== 0)
return;
clear();
handler();
document.addEventListener("mouseup", () => clear(), {
once: true
});
delayId = setTimeout(() => {
intervalId = setInterval(() => {
handler();
}, interval);
}, delay2);
});
}
};
var v = false, o, f, s, u, d, N, l, p, m, w, D, x, E, M, F;
function a() {
if (!v) {
v = true;
var e = navigator.userAgent, n = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e), i = /(Mac OS X)|(Windows)|(Linux)/.exec(e);
if (x = /\b(iPhone|iP[ao]d)/.exec(e), E = /\b(iP[ao]d)/.exec(e), w = /Android/i.exec(e), M = /FBAN\/\w+;/i.exec(e), F = /Mobile/i.exec(e), D = !!/Win64/.exec(e), n) {
o = n[1] ? parseFloat(n[1]) : n[5] ? parseFloat(n[5]) : NaN, o && document && document.documentMode && (o = document.documentMode);
var r = /(?:Trident\/(\d+.\d+))/.exec(e);
N = r ? parseFloat(r[1]) + 4 : o, f = n[2] ? parseFloat(n[2]) : NaN, s = n[3] ? parseFloat(n[3]) : NaN, u = n[4] ? parseFloat(n[4]) : NaN, u ? (n = /(?:Chrome\/(\d+\.\d+))/.exec(e), d = n && n[1] ? parseFloat(n[1]) : NaN) : d = NaN;
} else o = f = s = d = u = NaN;
if (i) {
if (i[1]) {
var t = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);
l = t ? parseFloat(t[1].replace("_", ".")) : true;
} else l = false;
p = !!i[2], m = !!i[3];
} else l = p = m = false;
}
}
var _ = { ie: function() {
return a() || o;
}, ieCompatibilityMode: function() {
return a() || N > o;
}, ie64: function() {
return _.ie() && D;
}, firefox: function() {
return a() || f;
}, opera: function() {
return a() || s;
}, webkit: function() {
return a() || u;
}, safari: function() {
return _.webkit();
}, chrome: function() {
return a() || d;
}, windows: function() {
return a() || p;
}, osx: function() {
return a() || l;
}, linux: function() {
return a() || m;
}, iphone: function() {
return a() || x;
}, mobile: function() {
return a() || x || E || w || F;
}, nativeApp: function() {
return a() || M;
}, android: function() {
return a() || w;
}, ipad: function() {
return a() || E;
} }, A = _;
var c = !!(typeof window < "u" && window.document && window.document.createElement), U = { canUseDOM: c, canUseWorkers: typeof Worker < "u", canUseEventListeners: c && !!(window.addEventListener || window.attachEvent), canUseViewport: c && !!window.screen, isInWorker: !c }, h = U;
var X;
h.canUseDOM && (X = document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("", "") !== true);
function S(e, n) {
if (!h.canUseDOM || n && !("addEventListener" in document)) return false;
var i = "on" + e, r = i in document;
if (!r) {
var t = document.createElement("div");
t.setAttribute(i, "return;"), r = typeof t[i] == "function";
}
return !r && X && e === "wheel" && (r = document.implementation.hasFeature("Events.wheel", "3.0")), r;
}
var b = S;
var O = 10, I = 40, P = 800;
function T(e) {
var n = 0, i = 0, r = 0, t = 0;
return "detail" in e && (i = e.detail), "wheelDelta" in e && (i = -e.wheelDelta / 120), "wheelDeltaY" in e && (i = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (n = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (n = i, i = 0), r = n * O, t = i * O, "deltaY" in e && (t = e.deltaY), "deltaX" in e && (r = e.deltaX), (r || t) && e.deltaMode && (e.deltaMode == 1 ? (r *= I, t *= I) : (r *= P, t *= P)), r && !n && (n = r < 1 ? -1 : 1), t && !i && (i = t < 1 ? -1 : 1), { spinX: n, spinY: i, pixelX: r, pixelY: t };
}
T.getEventType = function() {
return A.firefox() ? "DOMMouseScroll" : b("wheel") ? "wheel" : "mousewheel";
};
var Y = T;
/**
* Checks if an event is supported in the current execution environment.
*
* NOTE: This will not work correctly for non-generic events such as `change`,
* `reset`, `load`, `error`, and `select`.
*
* Borrows from Modernizr.
*
* @param {string} eventNameSuffix Event name, e.g. "click".
* @param {?boolean} capture Check if the capture phase is supported.
* @return {boolean} True if the event is supported.
* @internal
* @license Modernizr 3.0.0pre (Custom Build) | MIT
*/
const mousewheel = function(element, callback) {
if (element && element.addEventListener) {
const fn2 = function(event) {
const normalized = Y(event);
callback && Reflect.apply(callback, this, [event, normalized]);
};
element.addEventListener("wheel", fn2, { passive: true });
}
};
const Mousewheel = {
beforeMount(el, binding) {
mousewheel(el, binding.value);
}
};
const checkboxProps = {
modelValue: {
type: [Number, String, Boolean],
default: void 0
},
label: {
type: [String, Boolean, Number, Object],
default: void 0
},
value: {
type: [String, Boolean, Number, Object],
default: void 0
},
indeterminate: Boolean,
disabled: Boolean,
checked: Boolean,
name: {
type: String,
default: void 0
},
trueValue: {
type: [String, Number],
default: void 0
},
falseValue: {
type: [String, Number],
default: void 0
},
trueLabel: {
type: [String, Number],
default: void 0
},
falseLabel: {
type: [String, Number],
default: void 0
},
id: {
type: String,
default: void 0
},
border: Boolean,
size: useSizeProp,
tabindex: [String, Number],
validateEvent: {
type: Boolean,
default: true
},
...useAriaProps(["ariaControls"])
};
const checkboxEmits = {
[UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
change: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
};
const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
const useCheckboxDisabled = ({
model,
isChecked
}) => {
const checkboxGroup = inject(checkboxGroupContextKey, void 0);
const isLimitDisabled = computed(() => {
var _a, _b;
const max = (_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value;
const min = (_b = checkboxGroup == null ? void 0 : checkboxGroup.min) == null ? void 0 : _b.value;
return !isUndefined$1(max) && model.value.length >= max && !isChecked.value || !isUndefined$1(min) && model.value.length <= min && isChecked.value;
});
const isDisabled = useFormDisabled(computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.disabled.value) || isLimitDisabled.value));
return {
isDisabled,
isLimitDisabled
};
};
const useCheckboxEvent = (props2, {
model,
isLimitExceeded,
hasOwnLabel,
isDisabled,
isLabeledByFormItem
}) => {
const checkboxGroup = inject(checkboxGroupContextKey, void 0);
const { formItem } = useFormItem();
const { emit } = getCurrentInstance();
function getLabeledValue(value) {
var _a, _b, _c, _d;
return [true, props2.trueValue, props2.trueLabel].includes(value) ? (_b = (_a = props2.trueValue) != null ? _a : props2.trueLabel) != null ? _b : true : (_d = (_c = props2.falseValue) != null ? _c : props2.falseLabel) != null ? _d : false;
}
function emitChangeEvent(checked, e) {
emit("change", getLabeledValue(checked), e);
}
function handleChange(e) {
if (isLimitExceeded.value)
return;
const target = e.target;
emit("change", getLabeledValue(target.checked), e);
}
async function onClickRoot(e) {
if (isLimitExceeded.value)
return;
if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
const eventTargets = e.composedPath();
const hasLabel = eventTargets.some((item) => item.tagName === "LABEL");
if (!hasLabel) {
model.value = getLabeledValue([false, props2.falseValue, props2.falseLabel].includes(model.value));
await nextTick();
emitChangeEvent(model.value, e);
}
}
}
const validateEvent = computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props2.validateEvent);
watch(() => props2.modelValue, () => {
if (validateEvent.value) {
formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
}
});
return {
handleChange,
onClickRoot
};
};
const useCheckboxModel = (props2) => {
const selfModel = ref(false);
const { emit } = getCurrentInstance();
const checkboxGroup = inject(checkboxGroupContextKey, void 0);
const isGroup = computed(() => isUndefined$1(checkboxGroup) === false);
const isLimitExceeded = ref(false);
const model = computed({
get() {
var _a, _b;
return isGroup.value ? (_a = checkboxGroup == null ? void 0 : checkboxGroup.modelValue) == null ? void 0 : _a.value : (_b = props2.modelValue) != null ? _b : selfModel.value;
},
set(val) {
var _a, _b;
if (isGroup.value && isArray$1(val)) {
isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value) && val.length > model.value.length;
isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
} else {
emit(UPDATE_MODEL_EVENT, val);
selfModel.value = val;
}
}
});
return {
model,
isGroup,
isLimitExceeded
};
};
const useCheckboxStatus = (props2, slots, { model }) => {
const checkboxGroup = inject(checkboxGroupContextKey, void 0);
const isFocused = ref(false);
const actualValue = computed(() => {
if (!isPropAbsent(props2.value)) {
return props2.value;
}
return props2.label;
});
const isChecked = computed(() => {
const value = model.value;
if (isBoolean$1(value)) {
return value;
} else if (isArray$1(value)) {
if (isObject$1(actualValue.value)) {
return value.map(toRaw).some((o2) => isEqual(o2, actualValue.value));
} else {
return value.map(toRaw).includes(actualValue.value);
}
} else if (value !== null && value !== void 0) {
return value === props2.trueValue || value === props2.trueLabel;
} else {
return !!value;
}
});
const checkboxButtonSize = useFormSize(computed(() => {
var _a;
return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
}), {
prop: true
});
const checkboxSize = useFormSize(computed(() => {
var _a;
return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
}));
const hasOwnLabel = computed(() => {
return !!slots.default || !isPropAbsent(actualValue.value);
});
return {
checkboxButtonSize,
isChecked,
isFocused,
checkboxSize,
hasOwnLabel,
actualValue
};
};
const useCheckbox = (props2, slots) => {
const { formItem: elFormItem } = useFormItem();
const { model, isGroup, isLimitExceeded } = useCheckboxModel(props2);
const {
isFocused,
isChecked,
checkboxButtonSize,
checkboxSize,
hasOwnLabel,
actualValue
} = useCheckboxStatus(props2, slots, { model });
const { isDisabled } = useCheckboxDisabled({ model, isChecked });
const { inputId, isLabeledByFormItem } = useFormItemInputId(props2, {
formItemContext: elFormItem,
disableIdGeneration: hasOwnLabel,
disableIdManagement: isGroup
});
const { handleChange, onClickRoot } = useCheckboxEvent(props2, {
model,
isLimitExceeded,
hasOwnLabel,
isDisabled,
isLabeledByFormItem
});
const setStoreValue = () => {
function addToStore() {
var _a, _b;
if (isArray$1(model.value) && !model.value.includes(actualValue.value)) {
model.value.push(actualValue.value);
} else {
model.value = (_b = (_a = props2.trueValue) != null ? _a : props2.trueLabel) != null ? _b : true;
}
}
props2.checked && addToStore();
};
setStoreValue();
useDeprecated({
from: "label act as value",
replacement: "value",
version: "3.0.0",
scope: "el-checkbox",
ref: "https://element-plus.org/en-US/component/checkbox.html"
}, computed(() => isGroup.value && isPropAbsent(props2.value)));
useDeprecated({
from: "true-label",
replacement: "true-value",
version: "3.0.0",
scope: "el-checkbox",
ref: "https://element-plus.org/en-US/component/checkbox.html"
}, computed(() => !!props2.trueLabel));
useDeprecated({
from: "false-label",
replacement: "false-value",
version: "3.0.0",
scope: "el-checkbox",
ref: "https://element-plus.org/en-US/component/checkbox.html"
}, computed(() => !!props2.falseLabel));
return {
inputId,
isLabeledByFormItem,
isChecked,
isDisabled,
isFocused,
checkboxButtonSize,
checkboxSize,
hasOwnLabel,
model,
actualValue,
handleChange,
onClickRoot
};
};
const __default__$h = defineComponent({
name: "ElCheckbox"
});
const _sfc_main$E = /* @__PURE__ */ defineComponent({
...__default__$h,
props: checkboxProps,
emits: checkboxEmits,
setup(__props) {
const props2 = __props;
const slots = useSlots();
const {
inputId,
isLabeledByFormItem,
isChecked,
isDisabled,
isFocused,
checkboxSize,
hasOwnLabel,
model,
actualValue,
handleChange,
onClickRoot
} = useCheckbox(props2, slots);
const ns = useNamespace("checkbox");
const compKls = computed(() => {
return [
ns.b(),
ns.m(checkboxSize.value),
ns.is("disabled", isDisabled.value),
ns.is("bordered", props2.border),
ns.is("checked", isChecked.value)
];
});
const spanKls = computed(() => {
return [
ns.e("input"),
ns.is("disabled", isDisabled.value),
ns.is("checked", isChecked.value),
ns.is("indeterminate", props2.indeterminate),
ns.is("focus", isFocused.value)
];
});
return (_ctx, _cache) => {
return openBlock(), createBlock(resolveDynamicComponent(!unref(hasOwnLabel) && unref(isLabeledByFormItem) ? "span" : "label"), {
class: normalizeClass(unref(compKls)),
"aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
onClick: unref(onClickRoot)
}, {
default: withCtx(() => {
var _a, _b;
return [
createElementVNode("span", {
class: normalizeClass(unref(spanKls))
}, [
_ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
key: 0,
id: unref(inputId),
"onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
class: normalizeClass(unref(ns).e("original")),
type: "checkbox",
indeterminate: _ctx.indeterminate,
name: _ctx.name,
tabindex: _ctx.tabindex,
disabled: unref(isDisabled),
"true-value": (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel,
"false-value": (_b = _ctx.falseValue) != null ? _b : _ctx.falseLabel,
onChange: unref(handleChange),
onFocus: ($event) => isFocused.value = true,
onBlur: ($event) => isFocused.value = false,
onClick: withModifiers(() => {
}, ["stop"])
}, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
[vModelCheckbox, unref(model)]
]) : withDirectives((openBlock(), createElementBlock("input", {
key: 1,
id: unref(inputId),
"onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
class: normalizeClass(unref(ns).e("original")),
type: "checkbox",
indeterminate: _ctx.indeterminate,
disabled: unref(isDisabled),
value: unref(actualValue),
name: _ctx.name,
tabindex: _ctx.tabindex,
onChange: unref(handleChange),
onFocus: ($event) => isFocused.value = true,
onBlur: ($event) => isFocused.value = false,
onClick: withModifiers(() => {
}, ["stop"])
}, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
[vModelCheckbox, unref(model)]
]),
createElementVNode("span", {
class: normalizeClass(unref(ns).e("inner"))
}, null, 2)
], 2),
unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass(unref(ns).e("label"))
}, [
renderSlot(_ctx.$slots, "default"),
!_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
createTextVNode(toDisplayString(_ctx.label), 1)
], 64)) : createCommentVNode("v-if", true)
], 2)) : createCommentVNode("v-if", true)
];
}),
_: 3
}, 8, ["class", "aria-controls", "onClick"]);
};
}
});
var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__file", "checkbox.vue"]]);
const __default__$g = defineComponent({
name: "ElCheckboxButton"
});
const _sfc_main$D = /* @__PURE__ */ defineComponent({
...__default__$g,
props: checkboxProps,
emits: checkboxEmits,
setup(__props) {
const props2 = __props;
const slots = useSlots();
const {
isFocused,
isChecked,
isDisabled,
checkboxButtonSize,
model,
actualValue,
handleChange
} = useCheckbox(props2, slots);
const checkboxGroup = inject(checkboxGroupContextKey, void 0);
const ns = useNamespace("checkbox");
const activeStyle = computed(() => {
var _a, _b, _c, _d;
const fillValue = (_b = (_a = checkboxGroup == null ? void 0 : checkboxGroup.fill) == null ? void 0 : _a.value) != null ? _b : "";
return {
backgroundColor: fillValue,
borderColor: fillValue,
color: (_d = (_c = checkboxGroup == null ? void 0 : checkboxGroup.textColor) == null ? void 0 : _c.value) != null ? _d : "",
boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
};
});
const labelKls = computed(() => {
return [
ns.b("button"),
ns.bm("button", checkboxButtonSize.value),
ns.is("disabled", isDisabled.value),
ns.is("checked", isChecked.value),
ns.is("focus", isFocused.value)
];
});
return (_ctx, _cache) => {
var _a, _b;
return openBlock(), createElementBlock("label", {
class: normalizeClass(unref(labelKls))
}, [
_ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
key: 0,
"onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
class: normalizeClass(unref(ns).be("button", "original")),
type: "checkbox",
name: _ctx.name,
tabindex: _ctx.tabindex,
disabled: unref(isDisabled),
"true-value": (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel,
"false-value": (_b = _ctx.falseValue) != null ? _b : _ctx.falseLabel,
onChange: unref(handleChange),
onFocus: ($event) => isFocused.value = true,
onBlur: ($event) => isFocused.value = false,
onClick: withModifiers(() => {
}, ["stop"])
}, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
[vModelCheckbox, unref(model)]
]) : withDirectives((openBlock(), createElementBlock("input", {
key: 1,
"onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
class: normalizeClass(unref(ns).be("button", "original")),
type: "checkbox",
name: _ctx.name,
tabindex: _ctx.tabindex,
disabled: unref(isDisabled),
value: unref(actualValue),
onChange: unref(handleChange),
onFocus: ($event) => isFocused.value = true,
onBlur: ($event) => isFocused.value = false,
onClick: withModifiers(() => {
}, ["stop"])
}, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "value", "onChange", "onFocus", "onBlur", "onClick"])), [
[vModelCheckbox, unref(model)]
]),
_ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
key: 2,
class: normalizeClass(unref(ns).be("button", "inner")),
style: normalizeStyle(unref(isChecked) ? unref(activeStyle) : void 0)
}, [
renderSlot(_ctx.$slots, "default", {}, () => [
createTextVNode(toDisplayString(_ctx.label), 1)
])
], 6)) : createCommentVNode("v-if", true)
], 2);
};
}
});
var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__file", "checkbox-button.vue"]]);
const checkboxGroupProps = buildProps({
modelValue: {
type: definePropType(Array),
default: () => []
},
disabled: Boolean,
min: Number,
max: Number,
size: useSizeProp,
fill: String,
textColor: String,
tag: {
type: String,
default: "div"
},
validateEvent: {
type: Boolean,
default: true
},
...useAriaProps(["ariaLabel"])
});
const checkboxGroupEmits = {
[UPDATE_MODEL_EVENT]: (val) => isArray$1(val),
change: (val) => isArray$1(val)
};
const __default__$f = defineComponent({
name: "ElCheckboxGroup"
});
const _sfc_main$C = /* @__PURE__ */ defineComponent({
...__default__$f,
props: checkboxGroupProps,
emits: checkboxGroupEmits,
setup(__props, { emit }) {
const props2 = __props;
const ns = useNamespace("checkbox");
const { formItem } = useFormItem();
const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props2, {
formItemContext: formItem
});
const changeEvent = async (value) => {
emit(UPDATE_MODEL_EVENT, value);
await nextTick();
emit("change", value);
};
const modelValue = computed({
get() {
return props2.modelValue;
},
set(val) {
changeEvent(val);
}
});
provide(checkboxGroupContextKey, {
...pick(toRefs(props2), [
"size",
"min",
"max",
"disabled",
"validateEvent",
"fill",
"textColor"
]),
modelValue,
changeEvent
});
watch(() => props2.modelValue, () => {
if (props2.validateEvent) {
formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
}
});
return (_ctx, _cache) => {
var _a;
return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
id: unref(groupId),
class: normalizeClass(unref(ns).b("group")),
role: "group",
"aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "checkbox-group" : void 0,
"aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(formItem)) == null ? void 0 : _a.labelId : void 0
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["id", "class", "aria-label", "aria-labelledby"]);
};
}
});
var CheckboxGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__file", "checkbox-group.vue"]]);
const ElCheckbox = withInstall(Checkbox, {
CheckboxButton,
CheckboxGroup
});
withNoopInstall(CheckboxButton);
withNoopInstall(CheckboxGroup);
const radioPropsBase = buildProps({
modelValue: {
type: [String, Number, Boolean],
default: void 0
},
size: useSizeProp,
disabled: Boolean,
label: {
type: [String, Number, Boolean],
default: void 0
},
value: {
type: [String, Number, Boolean],
default: void 0
},
name: {
type: String,
default: void 0
}
});
const radioProps = buildProps({
...radioPropsBase,
border: Boolean
});
const radioEmits = {
[UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
[CHANGE_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
};
const radioGroupKey = Symbol("radioGroupKey");
const useRadio = (props2, emit) => {
const radioRef = ref();
const radioGroup = inject(radioGroupKey, void 0);
const isGroup = computed(() => !!radioGroup);
const actualValue = computed(() => {
if (!isPropAbsent(props2.value)) {
return props2.value;
}
return props2.label;
});
const modelValue = computed({
get() {
return isGroup.value ? radioGroup.modelValue : props2.modelValue;
},
set(val) {
if (isGroup.value) {
radioGroup.changeEvent(val);
} else {
emit && emit(UPDATE_MODEL_EVENT, val);
}
radioRef.value.checked = props2.modelValue === actualValue.value;
}
});
const size = useFormSize(computed(() => radioGroup == null ? void 0 : radioGroup.size));
const disabled = useFormDisabled(computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
const focus = ref(false);
const tabIndex = computed(() => {
return disabled.value || isGroup.value && modelValue.value !== actualValue.value ? -1 : 0;
});
useDeprecated({
from: "label act as value",
replacement: "value",
version: "3.0.0",
scope: "el-radio",
ref: "https://element-plus.org/en-US/component/radio.html"
}, computed(() => isGroup.value && isPropAbsent(props2.value)));
return {
radioRef,
isGroup,
radioGroup,
focus,
size,
disabled,
tabIndex,
modelValue,
actualValue
};
};
const __default__$e = defineComponent({
name: "ElRadio"
});
const _sfc_main$B = /* @__PURE__ */ defineComponent({
...__default__$e,
props: radioProps,
emits: radioEmits,
setup(__props, { emit }) {
const props2 = __props;
const ns = useNamespace("radio");
const { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } = useRadio(props2, emit);
function handleChange() {
nextTick(() => emit("change", modelValue.value));
}
return (_ctx, _cache) => {
var _a;
return openBlock(), createElementBlock("label", {
class: normalizeClass([
unref(ns).b(),
unref(ns).is("disabled", unref(disabled)),
unref(ns).is("focus", unref(focus)),
unref(ns).is("bordered", _ctx.border),
unref(ns).is("checked", unref(modelValue) === unref(actualValue)),
unref(ns).m(unref(size))
])
}, [
createElementVNode("span", {
class: normalizeClass([
unref(ns).e("input"),
unref(ns).is("disabled", unref(disabled)),
unref(ns).is("checked", unref(modelValue) === unref(actualValue))
])
}, [
withDirectives(createElementVNode("input", {
ref_key: "radioRef",
ref: radioRef,
"onUpdate:modelValue": ($event) => isRef(modelValue) ? modelValue.value = $event : null,
class: normalizeClass(unref(ns).e("original")),
value: unref(actualValue),
name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
disabled: unref(disabled),
checked: unref(modelValue) === unref(actualValue),
type: "radio",
onFocus: ($event) => focus.value = true,
onBlur: ($event) => focus.value = false,
onChange: handleChange,
onClick: withModifiers(() => {
}, ["stop"])
}, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "checked", "onFocus", "onBlur", "onClick"]), [
[vModelRadio, unref(modelValue)]
]),
createElementVNode("span", {
class: normalizeClass(unref(ns).e("inner"))
}, null, 2)
], 2),
createElementVNode("span", {
class: normalizeClass(unref(ns).e("label")),
onKeydown: withModifiers(() => {
}, ["stop"])
}, [
renderSlot(_ctx.$slots, "default", {}, () => [
createTextVNode(toDisplayString(_ctx.label), 1)
])
], 42, ["onKeydown"])
], 2);
};
}
});
var Radio = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__file", "radio.vue"]]);
const radioButtonProps = buildProps({
...radioPropsBase
});
const __default__$d = defineComponent({
name: "ElRadioButton"
});
const _sfc_main$A = /* @__PURE__ */ defineComponent({
...__default__$d,
props: radioButtonProps,
setup(__props) {
const props2 = __props;
const ns = useNamespace("radio");
const { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } = useRadio(props2);
const activeStyle = computed(() => {
return {
backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
};
});
return (_ctx, _cache) => {
var _a;
return openBlock(), createElementBlock("label", {
class: normalizeClass([
unref(ns).b("button"),
unref(ns).is("active", unref(modelValue) === unref(actualValue)),
unref(ns).is("disabled", unref(disabled)),
unref(ns).is("focus", unref(focus)),
unref(ns).bm("button", unref(size))
])
}, [
withDirectives(createElementVNode("input", {
ref_key: "radioRef",
ref: radioRef,
"onUpdate:modelValue": ($event) => isRef(modelValue) ? modelValue.value = $event : null,
class: normalizeClass(unref(ns).be("button", "original-radio")),
value: unref(actualValue),
type: "radio",
name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
disabled: unref(disabled),
onFocus: ($event) => focus.value = true,
onBlur: ($event) => focus.value = false,
onClick: withModifiers(() => {
}, ["stop"])
}, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "onFocus", "onBlur", "onClick"]), [
[vModelRadio, unref(modelValue)]
]),
createElementVNode("span", {
class: normalizeClass(unref(ns).be("button", "inner")),
style: normalizeStyle(unref(modelValue) === unref(actualValue) ? unref(activeStyle) : {}),
onKeydown: withModifiers(() => {
}, ["stop"])
}, [
renderSlot(_ctx.$slots, "default", {}, () => [
createTextVNode(toDisplayString(_ctx.label), 1)
])
], 46, ["onKeydown"])
], 2);
};
}
});
var RadioButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "radio-button.vue"]]);
const radioGroupProps = buildProps({
id: {
type: String,
default: void 0
},
size: useSizeProp,
disabled: Boolean,
modelValue: {
type: [String, Number, Boolean],
default: void 0
},
fill: {
type: String,
default: ""
},
textColor: {
type: String,
default: ""
},
name: {
type: String,
default: void 0
},
validateEvent: {
type: Boolean,
default: true
},
...useAriaProps(["ariaLabel"])
});
const radioGroupEmits = radioEmits;
const __default__$c = defineComponent({
name: "ElRadioGroup"
});
const _sfc_main$z = /* @__PURE__ */ defineComponent({
...__default__$c,
props: radioGroupProps,
emits: radioGroupEmits,
setup(__props, { emit }) {
const props2 = __props;
const ns = useNamespace("radio");
const radioId = useId();
const radioGroupRef = ref();
const { formItem } = useFormItem();
const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props2, {
formItemContext: formItem
});
const changeEvent = (value) => {
emit(UPDATE_MODEL_EVENT, value);
nextTick(() => emit("change", value));
};
onMounted(() => {
const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
const firstLabel = radios[0];
if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
firstLabel.tabIndex = 0;
}
});
const name = computed(() => {
return props2.name || radioId.value;
});
provide(radioGroupKey, reactive({
...toRefs(props2),
changeEvent,
name
}));
watch(() => props2.modelValue, () => {
if (props2.validateEvent) {
formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
}
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
id: unref(groupId),
ref_key: "radioGroupRef",
ref: radioGroupRef,
class: normalizeClass(unref(ns).b("group")),
role: "radiogroup",
"aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "radio-group" : void 0,
"aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
}, [
renderSlot(_ctx.$slots, "default")
], 10, ["id", "aria-label", "aria-labelledby"]);
};
}
});
var RadioGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "radio-group.vue"]]);
withInstall(Radio, {
RadioButton,
RadioGroup
});
const ElRadioGroup = withNoopInstall(RadioGroup);
const ElRadioButton = withNoopInstall(RadioButton);
const tagProps = buildProps({
type: {
type: String,
values: ["primary", "success", "info", "warning", "danger"],
default: "primary"
},
closable: Boolean,
disableTransitions: Boolean,
hit: Boolean,
color: String,
size: {
type: String,
values: componentSizes
},
effect: {
type: String,
values: ["dark", "light", "plain"],
default: "light"
},
round: Boolean
});
const tagEmits = {
close: (evt) => evt instanceof MouseEvent,
click: (evt) => evt instanceof MouseEvent
};
const __default__$b = defineComponent({
name: "ElTag"
});
const _sfc_main$y = /* @__PURE__ */ defineComponent({
...__default__$b,
props: tagProps,
emits: tagEmits,
setup(__props, { emit }) {
const props2 = __props;
const tagSize = useFormSize();
const ns = useNamespace("tag");
const containerKls = computed(() => {
const { type: type4, hit, effect, closable, round } = props2;
return [
ns.b(),
ns.is("closable", closable),
ns.m(type4 || "primary"),
ns.m(tagSize.value),
ns.m(effect),
ns.is("hit", hit),
ns.is("round", round)
];
});
const handleClose = (event) => {
emit("close", event);
};
const handleClick = (event) => {
emit("click", event);
};
const handleVNodeMounted = (vnode) => {
vnode.component.subTree.component.bum = null;
};
return (_ctx, _cache) => {
return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass(unref(containerKls)),
style: normalizeStyle({ backgroundColor: _ctx.color }),
onClick: handleClick
}, [
createElementVNode("span", {
class: normalizeClass(unref(ns).e("content"))
}, [
renderSlot(_ctx.$slots, "default")
], 2),
_ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
key: 0,
class: normalizeClass(unref(ns).e("close")),
onClick: withModifiers(handleClose, ["stop"])
}, {
default: withCtx(() => [
createVNode(unref(close_default))
]),
_: 1
}, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
], 6)) : (openBlock(), createBlock(Transition, {
key: 1,
name: `${unref(ns).namespace.value}-zoom-in-center`,
appear: "",
onVnodeMounted: handleVNodeMounted
}, {
default: withCtx(() => [
createElementVNode("span", {
class: normalizeClass(unref(containerKls)),
style: normalizeStyle({ backgroundColor: _ctx.color }),
onClick: handleClick
}, [
createElementVNode("span", {
class: normalizeClass(unref(ns).e("content"))
}, [
renderSlot(_ctx.$slots, "default")
], 2),
_ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
key: 0,
class: normalizeClass(unref(ns).e("close")),
onClick: withModifiers(handleClose, ["stop"])
}, {
default: withCtx(() => [
createVNode(unref(close_default))
]),
_: 1
}, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
], 6)
]),
_: 3
}, 8, ["name"]));
};
}
});
var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "tag.vue"]]);
const ElTag = withInstall(Tag);
const emitChangeFn = (value) => isNumber$1(value) || isString$1(value) || isArray$1(value);
const collapseProps = buildProps({
accordion: Boolean,
modelValue: {
type: definePropType([Array, String, Number]),
default: () => mutable([])
}
});
const collapseEmits = {
[UPDATE_MODEL_EVENT]: emitChangeFn,
[CHANGE_EVENT]: emitChangeFn
};
const collapseContextKey = Symbol("collapseContextKey");
const useCollapse = (props2, emit) => {
const activeNames = ref(castArray(props2.modelValue));
const setActiveNames = (_activeNames) => {
activeNames.value = _activeNames;
const value = props2.accordion ? activeNames.value[0] : activeNames.value;
emit(UPDATE_MODEL_EVENT, value);
emit(CHANGE_EVENT, value);
};
const handleItemClick = (name) => {
if (props2.accordion) {
setActiveNames([activeNames.value[0] === name ? "" : name]);
} else {
const _activeNames = [...activeNames.value];
const index = _activeNames.indexOf(name);
if (index > -1) {
_activeNames.splice(index, 1);
} else {
_activeNames.push(name);
}
setActiveNames(_activeNames);
}
};
watch(() => props2.modelValue, () => activeNames.value = castArray(props2.modelValue), { deep: true });
provide(collapseContextKey, {
activeNames,
handleItemClick
});
return {
activeNames,
setActiveNames
};
};
const useCollapseDOM = () => {
const ns = useNamespace("collapse");
const rootKls = computed(() => ns.b());
return {
rootKls
};
};
const __default__$a = defineComponent({
name: "ElCollapse"
});
const _sfc_main$x = /* @__PURE__ */ defineComponent({
...__default__$a,
props: collapseProps,
emits: collapseEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const { activeNames, setActiveNames } = useCollapse(props2, emit);
const { rootKls } = useCollapseDOM();
expose({
activeNames,
setActiveNames
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(rootKls))
}, [
renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "collapse.vue"]]);
const __default__$9 = defineComponent({
name: "ElCollapseTransition"
});
const _sfc_main$w = /* @__PURE__ */ defineComponent({
...__default__$9,
setup(__props) {
const ns = useNamespace("collapse-transition");
const reset = (el) => {
el.style.maxHeight = "";
el.style.overflow = el.dataset.oldOverflow;
el.style.paddingTop = el.dataset.oldPaddingTop;
el.style.paddingBottom = el.dataset.oldPaddingBottom;
};
const on2 = {
beforeEnter(el) {
if (!el.dataset)
el.dataset = {};
el.dataset.oldPaddingTop = el.style.paddingTop;
el.dataset.oldPaddingBottom = el.style.paddingBottom;
if (el.style.height)
el.dataset.elExistsHeight = el.style.height;
el.style.maxHeight = 0;
el.style.paddingTop = 0;
el.style.paddingBottom = 0;
},
enter(el) {
requestAnimationFrame(() => {
el.dataset.oldOverflow = el.style.overflow;
if (el.dataset.elExistsHeight) {
el.style.maxHeight = el.dataset.elExistsHeight;
} else if (el.scrollHeight !== 0) {
el.style.maxHeight = `${el.scrollHeight}px`;
} else {
el.style.maxHeight = 0;
}
el.style.paddingTop = el.dataset.oldPaddingTop;
el.style.paddingBottom = el.dataset.oldPaddingBottom;
el.style.overflow = "hidden";
});
},
afterEnter(el) {
el.style.maxHeight = "";
el.style.overflow = el.dataset.oldOverflow;
},
enterCancelled(el) {
reset(el);
},
beforeLeave(el) {
if (!el.dataset)
el.dataset = {};
el.dataset.oldPaddingTop = el.style.paddingTop;
el.dataset.oldPaddingBottom = el.style.paddingBottom;
el.dataset.oldOverflow = el.style.overflow;
el.style.maxHeight = `${el.scrollHeight}px`;
el.style.overflow = "hidden";
},
leave(el) {
if (el.scrollHeight !== 0) {
el.style.maxHeight = 0;
el.style.paddingTop = 0;
el.style.paddingBottom = 0;
}
},
afterLeave(el) {
reset(el);
},
leaveCancelled(el) {
reset(el);
}
};
return (_ctx, _cache) => {
return openBlock(), createBlock(Transition, mergeProps({
name: unref(ns).b()
}, toHandlers(on2)), {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 16, ["name"]);
};
}
});
var CollapseTransition = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "collapse-transition.vue"]]);
const ElCollapseTransition = withInstall(CollapseTransition);
const collapseItemProps = buildProps({
title: {
type: String,
default: ""
},
name: {
type: definePropType([String, Number]),
default: void 0
},
disabled: Boolean
});
const useCollapseItem = (props2) => {
const collapse = inject(collapseContextKey);
const { namespace } = useNamespace("collapse");
const focusing = ref(false);
const isClick = ref(false);
const idInjection = useIdInjection();
const id = computed(() => idInjection.current++);
const name = computed(() => {
var _a;
return (_a = props2.name) != null ? _a : `${namespace.value}-id-${idInjection.prefix}-${unref(id)}`;
});
const isActive = computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(unref(name)));
const handleFocus = () => {
setTimeout(() => {
if (!isClick.value) {
focusing.value = true;
} else {
isClick.value = false;
}
}, 50);
};
const handleHeaderClick = () => {
if (props2.disabled)
return;
collapse == null ? void 0 : collapse.handleItemClick(unref(name));
focusing.value = false;
isClick.value = true;
};
const handleEnterClick = () => {
collapse == null ? void 0 : collapse.handleItemClick(unref(name));
};
return {
focusing,
id,
isActive,
handleFocus,
handleHeaderClick,
handleEnterClick
};
};
const useCollapseItemDOM = (props2, { focusing, isActive, id }) => {
const ns = useNamespace("collapse");
const rootKls = computed(() => [
ns.b("item"),
ns.is("active", unref(isActive)),
ns.is("disabled", props2.disabled)
]);
const headKls = computed(() => [
ns.be("item", "header"),
ns.is("active", unref(isActive)),
{ focusing: unref(focusing) && !props2.disabled }
]);
const arrowKls = computed(() => [
ns.be("item", "arrow"),
ns.is("active", unref(isActive))
]);
const itemWrapperKls = computed(() => ns.be("item", "wrap"));
const itemContentKls = computed(() => ns.be("item", "content"));
const scopedContentId = computed(() => ns.b(`content-${unref(id)}`));
const scopedHeadId = computed(() => ns.b(`head-${unref(id)}`));
return {
arrowKls,
headKls,
rootKls,
itemWrapperKls,
itemContentKls,
scopedContentId,
scopedHeadId
};
};
const __default__$8 = defineComponent({
name: "ElCollapseItem"
});
const _sfc_main$v = /* @__PURE__ */ defineComponent({
...__default__$8,
props: collapseItemProps,
setup(__props, { expose }) {
const props2 = __props;
const {
focusing,
id,
isActive,
handleFocus,
handleHeaderClick,
handleEnterClick
} = useCollapseItem(props2);
const {
arrowKls,
headKls,
rootKls,
itemWrapperKls,
itemContentKls,
scopedContentId,
scopedHeadId
} = useCollapseItemDOM(props2, { focusing, isActive, id });
expose({
isActive
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(rootKls))
}, [
createElementVNode("button", {
id: unref(scopedHeadId),
class: normalizeClass(unref(headKls)),
"aria-expanded": unref(isActive),
"aria-controls": unref(scopedContentId),
"aria-describedby": unref(scopedContentId),
tabindex: _ctx.disabled ? -1 : 0,
type: "button",
onClick: unref(handleHeaderClick),
onKeydown: withKeys(withModifiers(unref(handleEnterClick), ["stop", "prevent"]), ["space", "enter"]),
onFocus: unref(handleFocus),
onBlur: ($event) => focusing.value = false
}, [
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title), 1)
]),
createVNode(unref(ElIcon), {
class: normalizeClass(unref(arrowKls))
}, {
default: withCtx(() => [
createVNode(unref(arrow_right_default))
]),
_: 1
}, 8, ["class"])
], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "onClick", "onKeydown", "onFocus", "onBlur"]),
createVNode(unref(ElCollapseTransition), null, {
default: withCtx(() => [
withDirectives(createElementVNode("div", {
id: unref(scopedContentId),
role: "region",
class: normalizeClass(unref(itemWrapperKls)),
"aria-hidden": !unref(isActive),
"aria-labelledby": unref(scopedHeadId)
}, [
createElementVNode("div", {
class: normalizeClass(unref(itemContentKls))
}, [
renderSlot(_ctx.$slots, "default")
], 2)
], 10, ["id", "aria-hidden", "aria-labelledby"]), [
[vShow, unref(isActive)]
])
]),
_: 3
})
], 2);
};
}
});
var CollapseItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "collapse-item.vue"]]);
const ElCollapse = withInstall(Collapse, {
CollapseItem
});
const ElCollapseItem = withNoopInstall(CollapseItem);
const alphaSliderProps = buildProps({
color: {
type: definePropType(Object),
required: true
},
vertical: {
type: Boolean,
default: false
}
});
let isDragging = false;
function draggable(element, options2) {
if (!isClient)
return;
const moveFn = function(event) {
var _a;
(_a = options2.drag) == null ? void 0 : _a.call(options2, event);
};
const upFn = function(event) {
var _a;
document.removeEventListener("mousemove", moveFn);
document.removeEventListener("mouseup", upFn);
document.removeEventListener("touchmove", moveFn);
document.removeEventListener("touchend", upFn);
document.onselectstart = null;
document.ondragstart = null;
isDragging = false;
(_a = options2.end) == null ? void 0 : _a.call(options2, event);
};
const downFn = function(event) {
var _a;
if (isDragging)
return;
event.preventDefault();
document.onselectstart = () => false;
document.ondragstart = () => false;
document.addEventListener("mousemove", moveFn);
document.addEventListener("mouseup", upFn);
document.addEventListener("touchmove", moveFn);
document.addEventListener("touchend", upFn);
isDragging = true;
(_a = options2.start) == null ? void 0 : _a.call(options2, event);
};
element.addEventListener("mousedown", downFn);
element.addEventListener("touchstart", downFn, { passive: false });
}
const useAlphaSlider = (props2) => {
const instance = getCurrentInstance();
const { t } = useLocale();
const thumb = shallowRef();
const bar = shallowRef();
const alpha = computed(() => props2.color.get("alpha"));
const alphaLabel = computed(() => t("el.colorpicker.alphaLabel"));
function handleClick(event) {
var _a;
const target = event.target;
if (target !== thumb.value) {
handleDrag(event);
}
(_a = thumb.value) == null ? void 0 : _a.focus();
}
function handleDrag(event) {
if (!bar.value || !thumb.value)
return;
const el = instance.vnode.el;
const rect = el.getBoundingClientRect();
const { clientX, clientY } = getClientXY(event);
if (!props2.vertical) {
let left = clientX - rect.left;
left = Math.max(thumb.value.offsetWidth / 2, left);
left = Math.min(left, rect.width - thumb.value.offsetWidth / 2);
props2.color.set("alpha", Math.round((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 100));
} else {
let top = clientY - rect.top;
top = Math.max(thumb.value.offsetHeight / 2, top);
top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
props2.color.set("alpha", Math.round((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 100));
}
}
function handleKeydown(event) {
const { code, shiftKey } = event;
const step = shiftKey ? 10 : 1;
switch (code) {
case EVENT_CODE.left:
case EVENT_CODE.down:
event.preventDefault();
event.stopPropagation();
incrementPosition(-step);
break;
case EVENT_CODE.right:
case EVENT_CODE.up:
event.preventDefault();
event.stopPropagation();
incrementPosition(step);
break;
}
}
function incrementPosition(step) {
let next2 = alpha.value + step;
next2 = next2 < 0 ? 0 : next2 > 100 ? 100 : next2;
props2.color.set("alpha", next2);
}
return {
thumb,
bar,
alpha,
alphaLabel,
handleDrag,
handleClick,
handleKeydown
};
};
const useAlphaSliderDOM = (props2, {
bar,
thumb,
handleDrag
}) => {
const instance = getCurrentInstance();
const ns = useNamespace("color-alpha-slider");
const thumbLeft = ref(0);
const thumbTop = ref(0);
const background = ref();
function getThumbLeft() {
if (!thumb.value)
return 0;
if (props2.vertical)
return 0;
const el = instance.vnode.el;
const alpha = props2.color.get("alpha");
if (!el)
return 0;
return Math.round(alpha * (el.offsetWidth - thumb.value.offsetWidth / 2) / 100);
}
function getThumbTop() {
if (!thumb.value)
return 0;
const el = instance.vnode.el;
if (!props2.vertical)
return 0;
const alpha = props2.color.get("alpha");
if (!el)
return 0;
return Math.round(alpha * (el.offsetHeight - thumb.value.offsetHeight / 2) / 100);
}
function getBackground() {
if (props2.color && props2.color.value) {
const { r, g, b: b2 } = props2.color.toRgb();
return `linear-gradient(to right, rgba(${r}, ${g}, ${b2}, 0) 0%, rgba(${r}, ${g}, ${b2}, 1) 100%)`;
}
return "";
}
function update() {
thumbLeft.value = getThumbLeft();
thumbTop.value = getThumbTop();
background.value = getBackground();
}
onMounted(() => {
if (!bar.value || !thumb.value)
return;
const dragConfig = {
drag: (event) => {
handleDrag(event);
},
end: (event) => {
handleDrag(event);
}
};
draggable(bar.value, dragConfig);
draggable(thumb.value, dragConfig);
update();
});
watch(() => props2.color.get("alpha"), () => update());
watch(() => props2.color.value, () => update());
const rootKls = computed(() => [ns.b(), ns.is("vertical", props2.vertical)]);
const barKls = computed(() => ns.e("bar"));
const thumbKls = computed(() => ns.e("thumb"));
const barStyle = computed(() => ({ background: background.value }));
const thumbStyle = computed(() => ({
left: addUnit(thumbLeft.value),
top: addUnit(thumbTop.value)
}));
return { rootKls, barKls, barStyle, thumbKls, thumbStyle, update };
};
const COMPONENT_NAME = "ElColorAlphaSlider";
const __default__$7 = defineComponent({
name: COMPONENT_NAME
});
const _sfc_main$u = /* @__PURE__ */ defineComponent({
...__default__$7,
props: alphaSliderProps,
setup(__props, { expose }) {
const props2 = __props;
const {
alpha,
alphaLabel,
bar,
thumb,
handleDrag,
handleClick,
handleKeydown
} = useAlphaSlider(props2);
const { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } = useAlphaSliderDOM(props2, {
bar,
thumb,
handleDrag
});
expose({
update,
bar,
thumb
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(rootKls))
}, [
createElementVNode("div", {
ref_key: "bar",
ref: bar,
class: normalizeClass(unref(barKls)),
style: normalizeStyle(unref(barStyle)),
onClick: unref(handleClick)
}, null, 14, ["onClick"]),
createElementVNode("div", {
ref_key: "thumb",
ref: thumb,
class: normalizeClass(unref(thumbKls)),
style: normalizeStyle(unref(thumbStyle)),
"aria-label": unref(alphaLabel),
"aria-valuenow": unref(alpha),
"aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
"aria-valuemin": "0",
"aria-valuemax": "100",
role: "slider",
tabindex: "0",
onKeydown: unref(handleKeydown)
}, null, 46, ["aria-label", "aria-valuenow", "aria-orientation", "onKeydown"])
], 2);
};
}
});
var AlphaSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "alpha-slider.vue"]]);
const _sfc_main$t = defineComponent({
name: "ElColorHueSlider",
props: {
color: {
type: Object,
required: true
},
vertical: Boolean
},
setup(props2) {
const ns = useNamespace("color-hue-slider");
const instance = getCurrentInstance();
const thumb = ref();
const bar = ref();
const thumbLeft = ref(0);
const thumbTop = ref(0);
const hueValue = computed(() => {
return props2.color.get("hue");
});
watch(() => hueValue.value, () => {
update();
});
function handleClick(event) {
const target = event.target;
if (target !== thumb.value) {
handleDrag(event);
}
}
function handleDrag(event) {
if (!bar.value || !thumb.value)
return;
const el = instance.vnode.el;
const rect = el.getBoundingClientRect();
const { clientX, clientY } = getClientXY(event);
let hue;
if (!props2.vertical) {
let left = clientX - rect.left;
left = Math.min(left, rect.width - thumb.value.offsetWidth / 2);
left = Math.max(thumb.value.offsetWidth / 2, left);
hue = Math.round((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 360);
} else {
let top = clientY - rect.top;
top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
top = Math.max(thumb.value.offsetHeight / 2, top);
hue = Math.round((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 360);
}
props2.color.set("hue", hue);
}
function getThumbLeft() {
if (!thumb.value)
return 0;
const el = instance.vnode.el;
if (props2.vertical)
return 0;
const hue = props2.color.get("hue");
if (!el)
return 0;
return Math.round(hue * (el.offsetWidth - thumb.value.offsetWidth / 2) / 360);
}
function getThumbTop() {
if (!thumb.value)
return 0;
const el = instance.vnode.el;
if (!props2.vertical)
return 0;
const hue = props2.color.get("hue");
if (!el)
return 0;
return Math.round(hue * (el.offsetHeight - thumb.value.offsetHeight / 2) / 360);
}
function update() {
thumbLeft.value = getThumbLeft();
thumbTop.value = getThumbTop();
}
onMounted(() => {
if (!bar.value || !thumb.value)
return;
const dragConfig = {
drag: (event) => {
handleDrag(event);
},
end: (event) => {
handleDrag(event);
}
};
draggable(bar.value, dragConfig);
draggable(thumb.value, dragConfig);
update();
});
return {
bar,
thumb,
thumbLeft,
thumbTop,
hueValue,
handleClick,
update,
ns
};
}
});
function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
}, [
createElementVNode("div", {
ref: "bar",
class: normalizeClass(_ctx.ns.e("bar")),
onClick: _ctx.handleClick
}, null, 10, ["onClick"]),
createElementVNode("div", {
ref: "thumb",
class: normalizeClass(_ctx.ns.e("thumb")),
style: normalizeStyle({
left: _ctx.thumbLeft + "px",
top: _ctx.thumbTop + "px"
})
}, null, 6)
], 2);
}
var HueSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _sfc_render$6], ["__file", "hue-slider.vue"]]);
const colorPickerProps = buildProps({
modelValue: String,
id: String,
showAlpha: Boolean,
colorFormat: String,
disabled: Boolean,
size: useSizeProp,
popperClass: {
type: String,
default: ""
},
tabindex: {
type: [String, Number],
default: 0
},
teleported: useTooltipContentProps.teleported,
predefine: {
type: definePropType(Array)
},
validateEvent: {
type: Boolean,
default: true
},
...useAriaProps(["ariaLabel"])
});
const colorPickerEmits = {
[UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNil(val),
[CHANGE_EVENT]: (val) => isString$1(val) || isNil(val),
activeChange: (val) => isString$1(val) || isNil(val),
focus: (evt) => evt instanceof FocusEvent,
blur: (evt) => evt instanceof FocusEvent
};
const colorPickerContextKey = Symbol("colorPickerContextKey");
const hsv2hsl = function(hue, sat, val) {
return [
hue,
sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0,
hue / 2
];
};
const isOnePointZero = function(n) {
return typeof n === "string" && n.includes(".") && Number.parseFloat(n) === 1;
};
const isPercentage = function(n) {
return typeof n === "string" && n.includes("%");
};
const bound01 = function(value, max) {
if (isOnePointZero(value))
value = "100%";
const processPercent = isPercentage(value);
value = Math.min(max, Math.max(0, Number.parseFloat(`${value}`)));
if (processPercent) {
value = Number.parseInt(`${value * max}`, 10) / 100;
}
if (Math.abs(value - max) < 1e-6) {
return 1;
}
return value % max / Number.parseFloat(max);
};
const INT_HEX_MAP = {
10: "A",
11: "B",
12: "C",
13: "D",
14: "E",
15: "F"
};
const hexOne = (value) => {
value = Math.min(Math.round(value), 255);
const high = Math.floor(value / 16);
const low = value % 16;
return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
};
const toHex = function({ r, g, b: b2 }) {
if (Number.isNaN(+r) || Number.isNaN(+g) || Number.isNaN(+b2))
return "";
return `#${hexOne(r)}${hexOne(g)}${hexOne(b2)}`;
};
const HEX_INT_MAP = {
A: 10,
B: 11,
C: 12,
D: 13,
E: 14,
F: 15
};
const parseHexChannel = function(hex2) {
if (hex2.length === 2) {
return (HEX_INT_MAP[hex2[0].toUpperCase()] || +hex2[0]) * 16 + (HEX_INT_MAP[hex2[1].toUpperCase()] || +hex2[1]);
}
return HEX_INT_MAP[hex2[1].toUpperCase()] || +hex2[1];
};
const hsl2hsv = function(hue, sat, light) {
sat = sat / 100;
light = light / 100;
let smin = sat;
const lmin = Math.max(light, 0.01);
light *= 2;
sat *= light <= 1 ? light : 2 - light;
smin *= lmin <= 1 ? lmin : 2 - lmin;
const v2 = (light + sat) / 2;
const sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
return {
h: hue,
s: sv * 100,
v: v2 * 100
};
};
const rgb2hsv = (r, g, b2) => {
r = bound01(r, 255);
g = bound01(g, 255);
b2 = bound01(b2, 255);
const max = Math.max(r, g, b2);
const min = Math.min(r, g, b2);
let h2;
const v2 = max;
const d2 = max - min;
const s2 = max === 0 ? 0 : d2 / max;
if (max === min) {
h2 = 0;
} else {
switch (max) {
case r: {
h2 = (g - b2) / d2 + (g < b2 ? 6 : 0);
break;
}
case g: {
h2 = (b2 - r) / d2 + 2;
break;
}
case b2: {
h2 = (r - g) / d2 + 4;
break;
}
}
h2 /= 6;
}
return { h: h2 * 360, s: s2 * 100, v: v2 * 100 };
};
const hsv2rgb = function(h2, s2, v2) {
h2 = bound01(h2, 360) * 6;
s2 = bound01(s2, 100);
v2 = bound01(v2, 100);
const i = Math.floor(h2);
const f2 = h2 - i;
const p2 = v2 * (1 - s2);
const q2 = v2 * (1 - f2 * s2);
const t = v2 * (1 - (1 - f2) * s2);
const mod = i % 6;
const r = [v2, q2, p2, p2, t, v2][mod];
const g = [t, v2, v2, q2, p2, p2][mod];
const b2 = [p2, p2, t, v2, v2, q2][mod];
return {
r: Math.round(r * 255),
g: Math.round(g * 255),
b: Math.round(b2 * 255)
};
};
class Color {
constructor(options2 = {}) {
this._hue = 0;
this._saturation = 100;
this._value = 100;
this._alpha = 100;
this.enableAlpha = false;
this.format = "hex";
this.value = "";
for (const option in options2) {
if (hasOwn(options2, option)) {
this[option] = options2[option];
}
}
if (options2.value) {
this.fromString(options2.value);
} else {
this.doOnChange();
}
}
set(prop, value) {
if (arguments.length === 1 && typeof prop === "object") {
for (const p2 in prop) {
if (hasOwn(prop, p2)) {
this.set(p2, prop[p2]);
}
}
return;
}
this[`_${prop}`] = value;
this.doOnChange();
}
get(prop) {
if (prop === "alpha") {
return Math.floor(this[`_${prop}`]);
}
return this[`_${prop}`];
}
toRgb() {
return hsv2rgb(this._hue, this._saturation, this._value);
}
fromString(value) {
if (!value) {
this._hue = 0;
this._saturation = 100;
this._value = 100;
this.doOnChange();
return;
}
const fromHSV = (h2, s2, v2) => {
this._hue = Math.max(0, Math.min(360, h2));
this._saturation = Math.max(0, Math.min(100, s2));
this._value = Math.max(0, Math.min(100, v2));
this.doOnChange();
};
if (value.includes("hsl")) {
const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
if (parts.length === 4) {
this._alpha = Number.parseFloat(parts[3]) * 100;
} else if (parts.length === 3) {
this._alpha = 100;
}
if (parts.length >= 3) {
const { h: h2, s: s2, v: v2 } = hsl2hsv(parts[0], parts[1], parts[2]);
fromHSV(h2, s2, v2);
}
} else if (value.includes("hsv")) {
const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
if (parts.length === 4) {
this._alpha = Number.parseFloat(parts[3]) * 100;
} else if (parts.length === 3) {
this._alpha = 100;
}
if (parts.length >= 3) {
fromHSV(parts[0], parts[1], parts[2]);
}
} else if (value.includes("rgb")) {
const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
if (parts.length === 4) {
this._alpha = Number.parseFloat(parts[3]) * 100;
} else if (parts.length === 3) {
this._alpha = 100;
}
if (parts.length >= 3) {
const { h: h2, s: s2, v: v2 } = rgb2hsv(parts[0], parts[1], parts[2]);
fromHSV(h2, s2, v2);
}
} else if (value.includes("#")) {
const hex2 = value.replace("#", "").trim();
if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex2))
return;
let r, g, b2;
if (hex2.length === 3) {
r = parseHexChannel(hex2[0] + hex2[0]);
g = parseHexChannel(hex2[1] + hex2[1]);
b2 = parseHexChannel(hex2[2] + hex2[2]);
} else if (hex2.length === 6 || hex2.length === 8) {
r = parseHexChannel(hex2.slice(0, 2));
g = parseHexChannel(hex2.slice(2, 4));
b2 = parseHexChannel(hex2.slice(4, 6));
}
if (hex2.length === 8) {
this._alpha = parseHexChannel(hex2.slice(6)) / 255 * 100;
} else if (hex2.length === 3 || hex2.length === 6) {
this._alpha = 100;
}
const { h: h2, s: s2, v: v2 } = rgb2hsv(r, g, b2);
fromHSV(h2, s2, v2);
}
}
compare(color) {
return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
}
doOnChange() {
const { _hue, _saturation, _value, _alpha, format: format2 } = this;
if (this.enableAlpha) {
switch (format2) {
case "hsl": {
const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
this.value = `hsla(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%, ${this.get("alpha") / 100})`;
break;
}
case "hsv": {
this.value = `hsva(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%, ${this.get("alpha") / 100})`;
break;
}
case "hex": {
this.value = `${toHex(hsv2rgb(_hue, _saturation, _value))}${hexOne(_alpha * 255 / 100)}`;
break;
}
default: {
const { r, g, b: b2 } = hsv2rgb(_hue, _saturation, _value);
this.value = `rgba(${r}, ${g}, ${b2}, ${this.get("alpha") / 100})`;
}
}
} else {
switch (format2) {
case "hsl": {
const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
this.value = `hsl(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%)`;
break;
}
case "hsv": {
this.value = `hsv(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%)`;
break;
}
case "rgb": {
const { r, g, b: b2 } = hsv2rgb(_hue, _saturation, _value);
this.value = `rgb(${r}, ${g}, ${b2})`;
break;
}
default: {
this.value = toHex(hsv2rgb(_hue, _saturation, _value));
}
}
}
}
}
const _sfc_main$s = defineComponent({
props: {
colors: {
type: Array,
required: true
},
color: {
type: Object,
required: true
},
enableAlpha: {
type: Boolean,
required: true
}
},
setup(props2) {
const ns = useNamespace("color-predefine");
const { currentColor } = inject(colorPickerContextKey);
const rgbaColors = ref(parseColors(props2.colors, props2.color));
watch(() => currentColor.value, (val) => {
const color = new Color();
color.fromString(val);
rgbaColors.value.forEach((item) => {
item.selected = color.compare(item);
});
});
watchEffect(() => {
rgbaColors.value = parseColors(props2.colors, props2.color);
});
function handleSelect(index) {
props2.color.fromString(props2.colors[index]);
}
function parseColors(colors, color) {
return colors.map((value) => {
const c2 = new Color();
c2.enableAlpha = props2.enableAlpha;
c2.format = "rgba";
c2.fromString(value);
c2.selected = c2.value === color.value;
return c2;
});
}
return {
rgbaColors,
handleSelect,
ns
};
}
});
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.ns.b())
}, [
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("colors"))
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
return openBlock(), createElementBlock("div", {
key: _ctx.colors[index],
class: normalizeClass([
_ctx.ns.e("color-selector"),
_ctx.ns.is("alpha", item._alpha < 100),
{ selected: item.selected }
]),
onClick: ($event) => _ctx.handleSelect(index)
}, [
createElementVNode("div", {
style: normalizeStyle({ backgroundColor: item.value })
}, null, 4)
], 10, ["onClick"]);
}), 128))
], 2)
], 2);
}
var Predefine = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["render", _sfc_render$5], ["__file", "predefine.vue"]]);
const _sfc_main$r = defineComponent({
name: "ElSlPanel",
props: {
color: {
type: Object,
required: true
}
},
setup(props2) {
const ns = useNamespace("color-svpanel");
const instance = getCurrentInstance();
const cursorTop = ref(0);
const cursorLeft = ref(0);
const background = ref("hsl(0, 100%, 50%)");
const colorValue = computed(() => {
const hue = props2.color.get("hue");
const value = props2.color.get("value");
return { hue, value };
});
function update() {
const saturation = props2.color.get("saturation");
const value = props2.color.get("value");
const el = instance.vnode.el;
const { clientWidth: width, clientHeight: height } = el;
cursorLeft.value = saturation * width / 100;
cursorTop.value = (100 - value) * height / 100;
background.value = `hsl(${props2.color.get("hue")}, 100%, 50%)`;
}
function handleDrag(event) {
const el = instance.vnode.el;
const rect = el.getBoundingClientRect();
const { clientX, clientY } = getClientXY(event);
let left = clientX - rect.left;
let top = clientY - rect.top;
left = Math.max(0, left);
left = Math.min(left, rect.width);
top = Math.max(0, top);
top = Math.min(top, rect.height);
cursorLeft.value = left;
cursorTop.value = top;
props2.color.set({
saturation: left / rect.width * 100,
value: 100 - top / rect.height * 100
});
}
watch(() => colorValue.value, () => {
update();
});
onMounted(() => {
draggable(instance.vnode.el, {
drag: (event) => {
handleDrag(event);
},
end: (event) => {
handleDrag(event);
}
});
update();
});
return {
cursorTop,
cursorLeft,
background,
colorValue,
handleDrag,
update,
ns
};
}
});
function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.ns.b()),
style: normalizeStyle({
backgroundColor: _ctx.background
})
}, [
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("white"))
}, null, 2),
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("black"))
}, null, 2),
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("cursor")),
style: normalizeStyle({
top: _ctx.cursorTop + "px",
left: _ctx.cursorLeft + "px"
})
}, [
createElementVNode("div")
], 6)
], 6);
}
var SvPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["render", _sfc_render$4], ["__file", "sv-panel.vue"]]);
const __default__$6 = defineComponent({
name: "ElColorPicker"
});
const _sfc_main$q = /* @__PURE__ */ defineComponent({
...__default__$6,
props: colorPickerProps,
emits: colorPickerEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const { t } = useLocale();
const ns = useNamespace("color");
const { formItem } = useFormItem();
const colorSize = useFormSize();
const colorDisabled = useFormDisabled();
const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props2, {
formItemContext: formItem
});
const hue = ref();
const sv = ref();
const alpha = ref();
const popper = ref();
const triggerRef = ref();
const inputRef = ref();
const { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {
beforeFocus() {
return colorDisabled.value;
},
beforeBlur(event) {
var _a;
return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
},
afterBlur() {
setShowPicker(false);
resetColor();
}
});
let shouldActiveChange = true;
const color = reactive(new Color({
enableAlpha: props2.showAlpha,
format: props2.colorFormat || "",
value: props2.modelValue
}));
const showPicker = ref(false);
const showPanelColor = ref(false);
const customInput = ref("");
const displayedColor = computed(() => {
if (!props2.modelValue && !showPanelColor.value) {
return "transparent";
}
return displayedRgb(color, props2.showAlpha);
});
const currentColor = computed(() => {
return !props2.modelValue && !showPanelColor.value ? "" : color.value;
});
const buttonAriaLabel = computed(() => {
return !isLabeledByFormItem.value ? props2.ariaLabel || t("el.colorpicker.defaultLabel") : void 0;
});
const buttonAriaLabelledby = computed(() => {
return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
});
const btnKls = computed(() => {
return [
ns.b("picker"),
ns.is("disabled", colorDisabled.value),
ns.bm("picker", colorSize.value),
ns.is("focused", isFocused.value)
];
});
function displayedRgb(color2, showAlpha) {
if (!(color2 instanceof Color)) {
throw new TypeError("color should be instance of _color Class");
}
const { r, g, b: b2 } = color2.toRgb();
return showAlpha ? `rgba(${r}, ${g}, ${b2}, ${color2.get("alpha") / 100})` : `rgb(${r}, ${g}, ${b2})`;
}
function setShowPicker(value) {
showPicker.value = value;
}
const debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true });
function show() {
if (colorDisabled.value)
return;
setShowPicker(true);
}
function hide() {
debounceSetShowPicker(false);
resetColor();
}
function resetColor() {
nextTick(() => {
if (props2.modelValue) {
color.fromString(props2.modelValue);
} else {
color.value = "";
nextTick(() => {
showPanelColor.value = false;
});
}
});
}
function handleTrigger() {
if (colorDisabled.value)
return;
debounceSetShowPicker(!showPicker.value);
}
function handleConfirm() {
color.fromString(customInput.value);
}
function confirmValue() {
const value = color.value;
emit(UPDATE_MODEL_EVENT, value);
emit("change", value);
if (props2.validateEvent) {
formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
}
debounceSetShowPicker(false);
nextTick(() => {
const newColor = new Color({
enableAlpha: props2.showAlpha,
format: props2.colorFormat || "",
value: props2.modelValue
});
if (!color.compare(newColor)) {
resetColor();
}
});
}
function clear() {
debounceSetShowPicker(false);
emit(UPDATE_MODEL_EVENT, null);
emit("change", null);
if (props2.modelValue !== null && props2.validateEvent) {
formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
}
resetColor();
}
function handleClickOutside() {
if (!showPicker.value)
return;
hide();
isFocused.value && focus();
}
function handleEsc(event) {
event.preventDefault();
event.stopPropagation();
setShowPicker(false);
resetColor();
}
function handleKeyDown(event) {
switch (event.code) {
case EVENT_CODE.enter:
case EVENT_CODE.space:
event.preventDefault();
event.stopPropagation();
show();
inputRef.value.focus();
break;
case EVENT_CODE.esc:
handleEsc(event);
break;
}
}
function focus() {
triggerRef.value.focus();
}
function blur() {
triggerRef.value.blur();
}
onMounted(() => {
if (props2.modelValue) {
customInput.value = currentColor.value;
}
});
watch(() => props2.modelValue, (newVal) => {
if (!newVal) {
showPanelColor.value = false;
} else if (newVal && newVal !== color.value) {
shouldActiveChange = false;
color.fromString(newVal);
}
});
watch(() => currentColor.value, (val) => {
customInput.value = val;
shouldActiveChange && emit("activeChange", val);
shouldActiveChange = true;
});
watch(() => color.value, () => {
if (!props2.modelValue && !showPanelColor.value) {
showPanelColor.value = true;
}
});
watch(() => showPicker.value, () => {
nextTick(() => {
var _a, _b, _c;
(_a = hue.value) == null ? void 0 : _a.update();
(_b = sv.value) == null ? void 0 : _b.update();
(_c = alpha.value) == null ? void 0 : _c.update();
});
});
provide(colorPickerContextKey, {
currentColor
});
expose({
color,
show,
hide,
focus,
blur
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElTooltip), {
ref_key: "popper",
ref: popper,
visible: showPicker.value,
"show-arrow": false,
"fallback-placements": ["bottom", "top", "right", "left"],
offset: 0,
"gpu-acceleration": false,
"popper-class": [unref(ns).be("picker", "panel"), unref(ns).b("dropdown"), _ctx.popperClass],
"stop-popper-mouse-event": false,
effect: "light",
trigger: "click",
teleported: _ctx.teleported,
transition: `${unref(ns).namespace.value}-zoom-in-top`,
persistent: "",
onHide: ($event) => setShowPicker(false)
}, {
content: withCtx(() => [
withDirectives((openBlock(), createElementBlock("div", {
onKeydown: withKeys(handleEsc, ["esc"])
}, [
createElementVNode("div", {
class: normalizeClass(unref(ns).be("dropdown", "main-wrapper"))
}, [
createVNode(HueSlider, {
ref_key: "hue",
ref: hue,
class: "hue-slider",
color: unref(color),
vertical: ""
}, null, 8, ["color"]),
createVNode(SvPanel, {
ref_key: "sv",
ref: sv,
color: unref(color)
}, null, 8, ["color"])
], 2),
_ctx.showAlpha ? (openBlock(), createBlock(AlphaSlider, {
key: 0,
ref_key: "alpha",
ref: alpha,
color: unref(color)
}, null, 8, ["color"])) : createCommentVNode("v-if", true),
_ctx.predefine ? (openBlock(), createBlock(Predefine, {
key: 1,
ref: "predefine",
"enable-alpha": _ctx.showAlpha,
color: unref(color),
colors: _ctx.predefine
}, null, 8, ["enable-alpha", "color", "colors"])) : createCommentVNode("v-if", true),
createElementVNode("div", {
class: normalizeClass(unref(ns).be("dropdown", "btns"))
}, [
createElementVNode("span", {
class: normalizeClass(unref(ns).be("dropdown", "value"))
}, [
createVNode(unref(ElInput), {
ref_key: "inputRef",
ref: inputRef,
modelValue: customInput.value,
"onUpdate:modelValue": ($event) => customInput.value = $event,
"validate-event": false,
size: "small",
onKeyup: withKeys(handleConfirm, ["enter"]),
onBlur: handleConfirm
}, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"])
], 2),
createVNode(unref(ElButton), {
class: normalizeClass(unref(ns).be("dropdown", "link-btn")),
text: "",
size: "small",
onClick: clear
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(t)("el.colorpicker.clear")), 1)
]),
_: 1
}, 8, ["class"]),
createVNode(unref(ElButton), {
plain: "",
size: "small",
class: normalizeClass(unref(ns).be("dropdown", "btn")),
onClick: confirmValue
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(t)("el.colorpicker.confirm")), 1)
]),
_: 1
}, 8, ["class"])
], 2)
], 40, ["onKeydown"])), [
[unref(ClickOutside), handleClickOutside]
])
]),
default: withCtx(() => [
createElementVNode("div", mergeProps({
id: unref(buttonId),
ref_key: "triggerRef",
ref: triggerRef
}, _ctx.$attrs, {
class: unref(btnKls),
role: "button",
"aria-label": unref(buttonAriaLabel),
"aria-labelledby": unref(buttonAriaLabelledby),
"aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
"aria-disabled": unref(colorDisabled),
tabindex: unref(colorDisabled) ? -1 : _ctx.tabindex,
onKeydown: handleKeyDown,
onFocus: unref(handleFocus),
onBlur: unref(handleBlur)
}), [
unref(colorDisabled) ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(unref(ns).be("picker", "mask"))
}, null, 2)) : createCommentVNode("v-if", true),
createElementVNode("div", {
class: normalizeClass(unref(ns).be("picker", "trigger")),
onClick: handleTrigger
}, [
createElementVNode("span", {
class: normalizeClass([unref(ns).be("picker", "color"), unref(ns).is("alpha", _ctx.showAlpha)])
}, [
createElementVNode("span", {
class: normalizeClass(unref(ns).be("picker", "color-inner")),
style: normalizeStyle({
backgroundColor: unref(displayedColor)
})
}, [
withDirectives(createVNode(unref(ElIcon), {
class: normalizeClass([unref(ns).be("picker", "icon"), unref(ns).is("icon-arrow-down")])
}, {
default: withCtx(() => [
createVNode(unref(arrow_down_default))
]),
_: 1
}, 8, ["class"]), [
[vShow, _ctx.modelValue || showPanelColor.value]
]),
withDirectives(createVNode(unref(ElIcon), {
class: normalizeClass([unref(ns).be("picker", "empty"), unref(ns).is("icon-close")])
}, {
default: withCtx(() => [
createVNode(unref(close_default))
]),
_: 1
}, 8, ["class"]), [
[vShow, !_ctx.modelValue && !showPanelColor.value]
])
], 6)
], 2)
], 2)
], 16, ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex", "onFocus", "onBlur"])
]),
_: 1
}, 8, ["visible", "popper-class", "teleported", "transition", "onHide"]);
};
}
});
var ColorPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "color-picker.vue"]]);
const ElColorPicker = withInstall(ColorPicker);
const overlayProps = buildProps({
mask: {
type: Boolean,
default: true
},
customMaskEvent: Boolean,
overlayClass: {
type: definePropType([
String,
Array,
Object
])
},
zIndex: {
type: definePropType([String, Number])
}
});
const overlayEmits = {
click: (evt) => evt instanceof MouseEvent
};
const BLOCK = "overlay";
var Overlay = defineComponent({
name: "ElOverlay",
props: overlayProps,
emits: overlayEmits,
setup(props2, { slots, emit }) {
const ns = useNamespace(BLOCK);
const onMaskClick = (e) => {
emit("click", e);
};
const { onClick, onMousedown, onMouseup } = useSameTarget(props2.customMaskEvent ? void 0 : onMaskClick);
return () => {
return props2.mask ? createVNode("div", {
class: [ns.b(), props2.overlayClass],
style: {
zIndex: props2.zIndex
},
onClick,
onMousedown,
onMouseup
}, [renderSlot(slots, "default")], PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS, ["onClick", "onMouseup", "onMousedown"]) : h$1("div", {
class: props2.overlayClass,
style: {
zIndex: props2.zIndex,
position: "fixed",
top: "0px",
right: "0px",
bottom: "0px",
left: "0px"
}
}, [renderSlot(slots, "default")]);
};
}
});
const ElOverlay = Overlay;
const dialogInjectionKey = Symbol("dialogInjectionKey");
const dialogContentProps = buildProps({
center: Boolean,
alignCenter: Boolean,
closeIcon: {
type: iconPropType
},
draggable: Boolean,
overflow: Boolean,
fullscreen: Boolean,
showClose: {
type: Boolean,
default: true
},
title: {
type: String,
default: ""
},
ariaLevel: {
type: String,
default: "2"
}
});
const dialogContentEmits = {
close: () => true
};
const __default__$5 = defineComponent({ name: "ElDialogContent" });
const _sfc_main$p = /* @__PURE__ */ defineComponent({
...__default__$5,
props: dialogContentProps,
emits: dialogContentEmits,
setup(__props, { expose }) {
const props2 = __props;
const { t } = useLocale();
const { Close } = CloseComponents;
const { dialogRef, headerRef, bodyId, ns, style: style3 } = inject(dialogInjectionKey);
const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
const dialogKls = computed(() => [
ns.b(),
ns.is("fullscreen", props2.fullscreen),
ns.is("draggable", props2.draggable),
ns.is("align-center", props2.alignCenter),
{ [ns.m("center")]: props2.center }
]);
const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
const draggable2 = computed(() => props2.draggable);
const overflow3 = computed(() => props2.overflow);
const { resetPosition } = useDraggable(dialogRef, headerRef, draggable2, overflow3);
expose({
resetPosition
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
ref: unref(composedDialogRef),
class: normalizeClass(unref(dialogKls)),
style: normalizeStyle(unref(style3)),
tabindex: "-1"
}, [
createElementVNode("header", {
ref_key: "headerRef",
ref: headerRef,
class: normalizeClass([unref(ns).e("header"), { "show-close": _ctx.showClose }])
}, [
renderSlot(_ctx.$slots, "header", {}, () => [
createElementVNode("span", {
role: "heading",
"aria-level": _ctx.ariaLevel,
class: normalizeClass(unref(ns).e("title"))
}, toDisplayString(_ctx.title), 11, ["aria-level"])
]),
_ctx.showClose ? (openBlock(), createElementBlock("button", {
key: 0,
"aria-label": unref(t)("el.dialog.close"),
class: normalizeClass(unref(ns).e("headerbtn")),
type: "button",
onClick: ($event) => _ctx.$emit("close")
}, [
createVNode(unref(ElIcon), {
class: normalizeClass(unref(ns).e("close"))
}, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
]),
_: 1
}, 8, ["class"])
], 10, ["aria-label", "onClick"])) : createCommentVNode("v-if", true)
], 2),
createElementVNode("div", {
id: unref(bodyId),
class: normalizeClass(unref(ns).e("body"))
}, [
renderSlot(_ctx.$slots, "default")
], 10, ["id"]),
_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
key: 0,
class: normalizeClass(unref(ns).e("footer"))
}, [
renderSlot(_ctx.$slots, "footer")
], 2)) : createCommentVNode("v-if", true)
], 6);
};
}
});
var ElDialogContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "dialog-content.vue"]]);
const dialogProps = buildProps({
...dialogContentProps,
appendToBody: Boolean,
appendTo: {
type: definePropType([String, Object]),
default: "body"
},
beforeClose: {
type: definePropType(Function)
},
destroyOnClose: Boolean,
closeOnClickModal: {
type: Boolean,
default: true
},
closeOnPressEscape: {
type: Boolean,
default: true
},
lockScroll: {
type: Boolean,
default: true
},
modal: {
type: Boolean,
default: true
},
openDelay: {
type: Number,
default: 0
},
closeDelay: {
type: Number,
default: 0
},
top: {
type: String
},
modelValue: Boolean,
modalClass: String,
width: {
type: [String, Number]
},
zIndex: {
type: Number
},
trapFocus: Boolean,
headerAriaLevel: {
type: String,
default: "2"
}
});
const dialogEmits = {
open: () => true,
opened: () => true,
close: () => true,
closed: () => true,
[UPDATE_MODEL_EVENT]: (value) => isBoolean$1(value),
openAutoFocus: () => true,
closeAutoFocus: () => true
};
const useDialog = (props2, targetRef) => {
var _a;
const instance = getCurrentInstance();
const emit = instance.emit;
const { nextZIndex } = useZIndex();
let lastPosition = "";
const titleId = useId();
const bodyId = useId();
const visible = ref(false);
const closed = ref(false);
const rendered = ref(false);
const zIndex2 = ref((_a = props2.zIndex) != null ? _a : nextZIndex());
let openTimer = void 0;
let closeTimer = void 0;
const namespace = useGlobalConfig("namespace", defaultNamespace);
const style3 = computed(() => {
const style22 = {};
const varPrefix = `--${namespace.value}-dialog`;
if (!props2.fullscreen) {
if (props2.top) {
style22[`${varPrefix}-margin-top`] = props2.top;
}
if (props2.width) {
style22[`${varPrefix}-width`] = addUnit(props2.width);
}
}
return style22;
});
const overlayDialogStyle = computed(() => {
if (props2.alignCenter) {
return { display: "flex" };
}
return {};
});
function afterEnter() {
emit("opened");
}
function afterLeave() {
emit("closed");
emit(UPDATE_MODEL_EVENT, false);
if (props2.destroyOnClose) {
rendered.value = false;
}
}
function beforeLeave() {
emit("close");
}
function open() {
closeTimer == null ? void 0 : closeTimer();
openTimer == null ? void 0 : openTimer();
if (props2.openDelay && props2.openDelay > 0) {
({ stop: openTimer } = useTimeoutFn(() => doOpen(), props2.openDelay));
} else {
doOpen();
}
}
function close() {
openTimer == null ? void 0 : openTimer();
closeTimer == null ? void 0 : closeTimer();
if (props2.closeDelay && props2.closeDelay > 0) {
({ stop: closeTimer } = useTimeoutFn(() => doClose(), props2.closeDelay));
} else {
doClose();
}
}
function handleClose() {
function hide(shouldCancel) {
if (shouldCancel)
return;
closed.value = true;
visible.value = false;
}
if (props2.beforeClose) {
props2.beforeClose(hide);
} else {
close();
}
}
function onModalClick() {
if (props2.closeOnClickModal) {
handleClose();
}
}
function doOpen() {
if (!isClient)
return;
visible.value = true;
}
function doClose() {
visible.value = false;
}
function onOpenAutoFocus() {
emit("openAutoFocus");
}
function onCloseAutoFocus() {
emit("closeAutoFocus");
}
function onFocusoutPrevented(event) {
var _a2;
if (((_a2 = event.detail) == null ? void 0 : _a2.focusReason) === "pointer") {
event.preventDefault();
}
}
if (props2.lockScroll) {
useLockscreen(visible);
}
function onCloseRequested() {
if (props2.closeOnPressEscape) {
handleClose();
}
}
watch(() => props2.modelValue, (val) => {
if (val) {
closed.value = false;
open();
rendered.value = true;
zIndex2.value = isUndefined(props2.zIndex) ? nextZIndex() : zIndex2.value++;
nextTick(() => {
emit("open");
if (targetRef.value) {
targetRef.value.scrollTop = 0;
}
});
} else {
if (visible.value) {
close();
}
}
});
watch(() => props2.fullscreen, (val) => {
if (!targetRef.value)
return;
if (val) {
lastPosition = targetRef.value.style.transform;
targetRef.value.style.transform = "";
} else {
targetRef.value.style.transform = lastPosition;
}
});
onMounted(() => {
if (props2.modelValue) {
visible.value = true;
rendered.value = true;
open();
}
});
return {
afterEnter,
afterLeave,
beforeLeave,
handleClose,
onModalClick,
close,
doClose,
onOpenAutoFocus,
onCloseAutoFocus,
onCloseRequested,
onFocusoutPrevented,
titleId,
bodyId,
closed,
style: style3,
overlayDialogStyle,
rendered,
visible,
zIndex: zIndex2
};
};
const __default__$4 = defineComponent({
name: "ElDialog",
inheritAttrs: false
});
const _sfc_main$o = /* @__PURE__ */ defineComponent({
...__default__$4,
props: dialogProps,
emits: dialogEmits,
setup(__props, { expose }) {
const props2 = __props;
const slots = useSlots();
useDeprecated({
scope: "el-dialog",
from: "the title slot",
replacement: "the header slot",
version: "3.0.0",
ref: "https://element-plus.org/en-US/component/dialog.html#slots"
}, computed(() => !!slots.title));
const ns = useNamespace("dialog");
const dialogRef = ref();
const headerRef = ref();
const dialogContentRef = ref();
const {
visible,
titleId,
bodyId,
style: style3,
overlayDialogStyle,
rendered,
zIndex: zIndex2,
afterEnter,
afterLeave,
beforeLeave,
handleClose,
onModalClick,
onOpenAutoFocus,
onCloseAutoFocus,
onCloseRequested,
onFocusoutPrevented
} = useDialog(props2, dialogRef);
provide(dialogInjectionKey, {
dialogRef,
headerRef,
bodyId,
ns,
rendered,
style: style3
});
const overlayEvent = useSameTarget(onModalClick);
const draggable2 = computed(() => props2.draggable && !props2.fullscreen);
const resetPosition = () => {
var _a;
(_a = dialogContentRef.value) == null ? void 0 : _a.resetPosition();
};
expose({
visible,
dialogContentRef,
resetPosition
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElTeleport), {
to: _ctx.appendTo,
disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
}, {
default: withCtx(() => [
createVNode(Transition, {
name: "dialog-fade",
onAfterEnter: unref(afterEnter),
onAfterLeave: unref(afterLeave),
onBeforeLeave: unref(beforeLeave),
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createVNode(unref(ElOverlay), {
"custom-mask-event": "",
mask: _ctx.modal,
"overlay-class": _ctx.modalClass,
"z-index": unref(zIndex2)
}, {
default: withCtx(() => [
createElementVNode("div", {
role: "dialog",
"aria-modal": "true",
"aria-label": _ctx.title || void 0,
"aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
"aria-describedby": unref(bodyId),
class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
style: normalizeStyle(unref(overlayDialogStyle)),
onClick: unref(overlayEvent).onClick,
onMousedown: unref(overlayEvent).onMousedown,
onMouseup: unref(overlayEvent).onMouseup
}, [
createVNode(unref(ElFocusTrap), {
loop: "",
trapped: unref(visible),
"focus-start-el": "container",
onFocusAfterTrapped: unref(onOpenAutoFocus),
onFocusAfterReleased: unref(onCloseAutoFocus),
onFocusoutPrevented: unref(onFocusoutPrevented),
onReleaseRequested: unref(onCloseRequested)
}, {
default: withCtx(() => [
unref(rendered) ? (openBlock(), createBlock(ElDialogContent, mergeProps({
key: 0,
ref_key: "dialogContentRef",
ref: dialogContentRef
}, _ctx.$attrs, {
center: _ctx.center,
"align-center": _ctx.alignCenter,
"close-icon": _ctx.closeIcon,
draggable: unref(draggable2),
overflow: _ctx.overflow,
fullscreen: _ctx.fullscreen,
"show-close": _ctx.showClose,
title: _ctx.title,
"aria-level": _ctx.headerAriaLevel,
onClose: unref(handleClose)
}), createSlots({
header: withCtx(() => [
!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
key: 0,
close: unref(handleClose),
titleId: unref(titleId),
titleClass: unref(ns).e("title")
}) : renderSlot(_ctx.$slots, "title", { key: 1 })
]),
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 2
}, [
_ctx.$slots.footer ? {
name: "footer",
fn: withCtx(() => [
renderSlot(_ctx.$slots, "footer")
])
} : void 0
]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
], 46, ["aria-label", "aria-labelledby", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
]),
_: 3
}, 8, ["mask", "overlay-class", "z-index"]), [
[vShow, unref(visible)]
])
]),
_: 3
}, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
]),
_: 3
}, 8, ["to", "disabled"]);
};
}
});
var Dialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "dialog.vue"]]);
const ElDialog = withInstall(Dialog);
const inputNumberProps = buildProps({
id: {
type: String,
default: void 0
},
step: {
type: Number,
default: 1
},
stepStrictly: Boolean,
max: {
type: Number,
default: Number.POSITIVE_INFINITY
},
min: {
type: Number,
default: Number.NEGATIVE_INFINITY
},
modelValue: Number,
readonly: Boolean,
disabled: Boolean,
size: useSizeProp,
controls: {
type: Boolean,
default: true
},
controlsPosition: {
type: String,
default: "",
values: ["", "right"]
},
valueOnClear: {
type: [String, Number, null],
validator: (val) => val === null || isNumber$1(val) || ["min", "max"].includes(val),
default: null
},
name: String,
placeholder: String,
precision: {
type: Number,
validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
},
validateEvent: {
type: Boolean,
default: true
},
...useAriaProps(["ariaLabel"])
});
const inputNumberEmits = {
[CHANGE_EVENT]: (cur, prev2) => prev2 !== cur,
blur: (e) => e instanceof FocusEvent,
focus: (e) => e instanceof FocusEvent,
[INPUT_EVENT]: (val) => isNumber$1(val) || isNil(val),
[UPDATE_MODEL_EVENT]: (val) => isNumber$1(val) || isNil(val)
};
const __default__$3 = defineComponent({
name: "ElInputNumber"
});
const _sfc_main$n = /* @__PURE__ */ defineComponent({
...__default__$3,
props: inputNumberProps,
emits: inputNumberEmits,
setup(__props, { expose, emit }) {
const props2 = __props;
const { t } = useLocale();
const ns = useNamespace("input-number");
const input = ref();
const data2 = reactive({
currentValue: props2.modelValue,
userInput: null
});
const { formItem } = useFormItem();
const minDisabled = computed(() => isNumber$1(props2.modelValue) && props2.modelValue <= props2.min);
const maxDisabled = computed(() => isNumber$1(props2.modelValue) && props2.modelValue >= props2.max);
const numPrecision = computed(() => {
const stepPrecision = getPrecision(props2.step);
if (!isUndefined$1(props2.precision)) {
if (stepPrecision > props2.precision) ;
return props2.precision;
} else {
return Math.max(getPrecision(props2.modelValue), stepPrecision);
}
});
const controlsAtRight = computed(() => {
return props2.controls && props2.controlsPosition === "right";
});
const inputNumberSize = useFormSize();
const inputNumberDisabled = useFormDisabled();
const displayValue = computed(() => {
if (data2.userInput !== null) {
return data2.userInput;
}
let currentValue = data2.currentValue;
if (isNil(currentValue))
return "";
if (isNumber$1(currentValue)) {
if (Number.isNaN(currentValue))
return "";
if (!isUndefined$1(props2.precision)) {
currentValue = currentValue.toFixed(props2.precision);
}
}
return currentValue;
});
const toPrecision = (num, pre) => {
if (isUndefined$1(pre))
pre = numPrecision.value;
if (pre === 0)
return Math.round(num);
let snum = String(num);
const pointPos = snum.indexOf(".");
if (pointPos === -1)
return num;
const nums = snum.replace(".", "").split("");
const datum = nums[pointPos + pre];
if (!datum)
return num;
const length = snum.length;
if (snum.charAt(length - 1) === "5") {
snum = `${snum.slice(0, Math.max(0, length - 1))}6`;
}
return Number.parseFloat(Number(snum).toFixed(pre));
};
const getPrecision = (value) => {
if (isNil(value))
return 0;
const valueString = value.toString();
const dotPosition = valueString.indexOf(".");
let precision = 0;
if (dotPosition !== -1) {
precision = valueString.length - dotPosition - 1;
}
return precision;
};
const ensurePrecision = (val, coefficient = 1) => {
if (!isNumber$1(val))
return data2.currentValue;
return toPrecision(val + props2.step * coefficient);
};
const increase = () => {
if (props2.readonly || inputNumberDisabled.value || maxDisabled.value)
return;
const value = Number(displayValue.value) || 0;
const newVal = ensurePrecision(value);
setCurrentValue(newVal);
emit(INPUT_EVENT, data2.currentValue);
setCurrentValueToModelValue();
};
const decrease = () => {
if (props2.readonly || inputNumberDisabled.value || minDisabled.value)
return;
const value = Number(displayValue.value) || 0;
const newVal = ensurePrecision(value, -1);
setCurrentValue(newVal);
emit(INPUT_EVENT, data2.currentValue);
setCurrentValueToModelValue();
};
const verifyValue = (value, update) => {
const { max, min, step, precision, stepStrictly, valueOnClear } = props2;
if (max < min) {
throwError("InputNumber", "min should not be greater than max.");
}
let newVal = Number(value);
if (isNil(value) || Number.isNaN(newVal)) {
return null;
}
if (value === "") {
if (valueOnClear === null) {
return null;
}
newVal = isString$1(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
}
if (stepStrictly) {
newVal = toPrecision(Math.round(newVal / step) * step, precision);
}
if (!isUndefined$1(precision)) {
newVal = toPrecision(newVal, precision);
}
if (newVal > max || newVal < min) {
newVal = newVal > max ? max : min;
update && emit(UPDATE_MODEL_EVENT, newVal);
}
return newVal;
};
const setCurrentValue = (value, emitChange = true) => {
var _a;
const oldVal = data2.currentValue;
const newVal = verifyValue(value);
if (!emitChange) {
emit(UPDATE_MODEL_EVENT, newVal);
return;
}
if (oldVal === newVal && value)
return;
data2.userInput = null;
emit(UPDATE_MODEL_EVENT, newVal);
if (oldVal !== newVal) {
emit(CHANGE_EVENT, newVal, oldVal);
}
if (props2.validateEvent) {
(_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
}
data2.currentValue = newVal;
};
const handleInput = (value) => {
data2.userInput = value;
const newVal = value === "" ? null : Number(value);
emit(INPUT_EVENT, newVal);
setCurrentValue(newVal, false);
};
const handleInputChange = (value) => {
const newVal = value !== "" ? Number(value) : "";
if (isNumber$1(newVal) && !Number.isNaN(newVal) || value === "") {
setCurrentValue(newVal);
}
setCurrentValueToModelValue();
data2.userInput = null;
};
const focus = () => {
var _a, _b;
(_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
};
const blur = () => {
var _a, _b;
(_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
};
const handleFocus = (event) => {
emit("focus", event);
};
const handleBlur = (event) => {
var _a;
data2.userInput = null;
emit("blur", event);
if (props2.validateEvent) {
(_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
}
};
const setCurrentValueToModelValue = () => {
if (data2.currentValue !== props2.modelValue) {
data2.currentValue = props2.modelValue;
}
};
const handleWheel = (e) => {
if (document.activeElement === e.target)
e.preventDefault();
};
watch(() => props2.modelValue, (value, oldValue) => {
const newValue = verifyValue(value, true);
if (data2.userInput === null && newValue !== oldValue) {
data2.currentValue = newValue;
}
}, { immediate: true });
onMounted(() => {
var _a;
const { min, max, modelValue } = props2;
const innerInput = (_a = input.value) == null ? void 0 : _a.input;
innerInput.setAttribute("role", "spinbutton");
if (Number.isFinite(max)) {
innerInput.setAttribute("aria-valuemax", String(max));
} else {
innerInput.removeAttribute("aria-valuemax");
}
if (Number.isFinite(min)) {
innerInput.setAttribute("aria-valuemin", String(min));
} else {
innerInput.removeAttribute("aria-valuemin");
}
innerInput.setAttribute("aria-valuenow", data2.currentValue || data2.currentValue === 0 ? String(data2.currentValue) : "");
innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
if (!isNumber$1(modelValue) && modelValue != null) {
let val = Number(modelValue);
if (Number.isNaN(val)) {
val = null;
}
emit(UPDATE_MODEL_EVENT, val);
}
innerInput.addEventListener("wheel", handleWheel, { passive: false });
});
onUpdated(() => {
var _a, _b;
const innerInput = (_a = input.value) == null ? void 0 : _a.input;
innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data2.currentValue) != null ? _b : ""}`);
});
expose({
focus,
blur
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass([
unref(ns).b(),
unref(ns).m(unref(inputNumberSize)),
unref(ns).is("disabled", unref(inputNumberDisabled)),
unref(ns).is("without-controls", !_ctx.controls),
unref(ns).is("controls-right", unref(controlsAtRight))
]),
onDragstart: withModifiers(() => {
}, ["prevent"])
}, [
_ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
key: 0,
role: "button",
"aria-label": unref(t)("el.inputNumber.decrease"),
class: normalizeClass([unref(ns).e("decrease"), unref(ns).is("disabled", unref(minDisabled))]),
onKeydown: withKeys(decrease, ["enter"])
}, [
renderSlot(_ctx.$slots, "decrease-icon", {}, () => [
createVNode(unref(ElIcon), null, {
default: withCtx(() => [
unref(controlsAtRight) ? (openBlock(), createBlock(unref(arrow_down_default), { key: 0 })) : (openBlock(), createBlock(unref(minus_default), { key: 1 }))
]),
_: 1
})
])
], 42, ["aria-label", "onKeydown"])), [
[unref(vRepeatClick), decrease]
]) : createCommentVNode("v-if", true),
_ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
key: 1,
role: "button",
"aria-label": unref(t)("el.inputNumber.increase"),
class: normalizeClass([unref(ns).e("increase"), unref(ns).is("disabled", unref(maxDisabled))]),
onKeydown: withKeys(increase, ["enter"])
}, [
renderSlot(_ctx.$slots, "increase-icon", {}, () => [
createVNode(unref(ElIcon), null, {
default: withCtx(() => [
unref(controlsAtRight) ? (openBlock(), createBlock(unref(arrow_up_default), { key: 0 })) : (openBlock(), createBlock(unref(plus_default), { key: 1 }))
]),
_: 1
})
])
], 42, ["aria-label", "onKeydown"])), [
[unref(vRepeatClick), increase]
]) : createCommentVNode("v-if", true),
createVNode(unref(ElInput), {
id: _ctx.id,
ref_key: "input",
ref: input,
type: "number",
step: _ctx.step,
"model-value": unref(displayValue),
placeholder: _ctx.placeholder,
readonly: _ctx.readonly,
disabled: unref(inputNumberDisabled),
size: unref(inputNumberSize),
max: _ctx.max,
min: _ctx.min,
name: _ctx.name,
"aria-label": _ctx.ariaLabel,
"validate-event": false,
onKeydown: [
withKeys(withModifiers(increase, ["prevent"]), ["up"]),
withKeys(withModifiers(decrease, ["prevent"]), ["down"])
],
onBlur: handleBlur,
onFocus: handleFocus,
onInput: handleInput,
onChange: handleInputChange
}, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
], 42, ["onDragstart"]);
};
}
});
var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "input-number.vue"]]);
const ElInputNumber = withInstall(InputNumber);
const linkProps = buildProps({
type: {
type: String,
values: ["primary", "success", "warning", "info", "danger", "default"],
default: "default"
},
underline: {
type: Boolean,
default: true
},
disabled: Boolean,
href: { type: String, default: "" },
target: {
type: String,
default: "_self"
},
icon: {
type: iconPropType
}
});
const linkEmits = {
click: (evt) => evt instanceof MouseEvent
};
const __default__$2 = defineComponent({
name: "ElLink"
});
const _sfc_main$m = /* @__PURE__ */ defineComponent({
...__default__$2,
props: linkProps,
emits: linkEmits,
setup(__props, { emit }) {
const props2 = __props;
const ns = useNamespace("link");
const linkKls = computed(() => [
ns.b(),
ns.m(props2.type),
ns.is("disabled", props2.disabled),
ns.is("underline", props2.underline && !props2.disabled)
]);
function handleClick(event) {
if (!props2.disabled)
emit("click", event);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("a", {
class: normalizeClass(unref(linkKls)),
href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
target: _ctx.disabled || !_ctx.href ? void 0 : _ctx.target,
onClick: handleClick
}, [
_ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
]),
_: 1
})) : createCommentVNode("v-if", true),
_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
key: 1,
class: normalizeClass(unref(ns).e("inner"))
}, [
renderSlot(_ctx.$slots, "default")
], 2)) : createCommentVNode("v-if", true),
_ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
], 10, ["href", "target"]);
};
}
});
var Link = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "link.vue"]]);
const ElLink = withInstall(Link);
const spaceItemProps = buildProps({
prefixCls: {
type: String
}
});
const SpaceItem = defineComponent({
name: "ElSpaceItem",
props: spaceItemProps,
setup(props2, { slots }) {
const ns = useNamespace("space");
const classes = computed(() => `${props2.prefixCls || ns.b()}__item`);
return () => h$1("div", { class: classes.value }, renderSlot(slots, "default"));
}
});
const SIZE_MAP = {
small: 8,
default: 12,
large: 16
};
function useSpace(props2) {
const ns = useNamespace("space");
const classes = computed(() => [ns.b(), ns.m(props2.direction), props2.class]);
const horizontalSize = ref(0);
const verticalSize = ref(0);
const containerStyle = computed(() => {
const wrapKls = props2.wrap || props2.fill ? { flexWrap: "wrap" } : {};
const alignment = {
alignItems: props2.alignment
};
const gap = {
rowGap: `${verticalSize.value}px`,
columnGap: `${horizontalSize.value}px`
};
return [wrapKls, alignment, gap, props2.style];
});
const itemStyle = computed(() => {
return props2.fill ? { flexGrow: 1, minWidth: `${props2.fillRatio}%` } : {};
});
watchEffect(() => {
const { size = "small", wrap, direction: dir, fill } = props2;
if (isArray$1(size)) {
const [h2 = 0, v2 = 0] = size;
horizontalSize.value = h2;
verticalSize.value = v2;
} else {
let val;
if (isNumber$1(size)) {
val = size;
} else {
val = SIZE_MAP[size || "small"] || SIZE_MAP.small;
}
if ((wrap || fill) && dir === "horizontal") {
horizontalSize.value = verticalSize.value = val;
} else {
if (dir === "horizontal") {
horizontalSize.value = val;
verticalSize.value = 0;
} else {
verticalSize.value = val;
horizontalSize.value = 0;
}
}
}
});
return {
classes,
containerStyle,
itemStyle
};
}
const spaceProps = buildProps({
direction: {
type: String,
values: ["horizontal", "vertical"],
default: "horizontal"
},
class: {
type: definePropType([
String,
Object,
Array
]),
default: ""
},
style: {
type: definePropType([String, Array, Object]),
default: ""
},
alignment: {
type: definePropType(String),
default: "center"
},
prefixCls: {
type: String
},
spacer: {
type: definePropType([Object, String, Number, Array]),
default: null,
validator: (val) => isVNode(val) || isNumber$1(val) || isString$1(val)
},
wrap: Boolean,
fill: Boolean,
fillRatio: {
type: Number,
default: 100
},
size: {
type: [String, Array, Number],
values: componentSizes,
validator: (val) => {
return isNumber$1(val) || isArray$1(val) && val.length === 2 && val.every(isNumber$1);
}
}
});
const Space = defineComponent({
name: "ElSpace",
props: spaceProps,
setup(props2, { slots }) {
const { classes, containerStyle, itemStyle } = useSpace(props2);
function extractChildren(children, parentKey = "", extractedChildren = []) {
const { prefixCls } = props2;
children.forEach((child, loopKey) => {
if (isFragment(child)) {
if (isArray$1(child.children)) {
child.children.forEach((nested, key) => {
if (isFragment(nested) && isArray$1(nested.children)) {
extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
} else {
extractedChildren.push(createVNode(SpaceItem, {
style: itemStyle.value,
prefixCls,
key: `nested-${parentKey + key}`
}, {
default: () => [nested]
}, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
}
});
}
} else if (isValidElementNode(child)) {
extractedChildren.push(createVNode(SpaceItem, {
style: itemStyle.value,
prefixCls,
key: `LoopKey${parentKey + loopKey}`
}, {
default: () => [child]
}, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
}
});
return extractedChildren;
}
return () => {
var _a;
const { spacer, direction } = props2;
const children = renderSlot(slots, "default", { key: 0 }, () => []);
if (((_a = children.children) != null ? _a : []).length === 0)
return null;
if (isArray$1(children.children)) {
let extractedChildren = extractChildren(children.children);
if (spacer) {
const len = extractedChildren.length - 1;
extractedChildren = extractedChildren.reduce((acc, child, idx) => {
const children2 = [...acc, child];
if (idx !== len) {
children2.push(createVNode("span", {
style: [
itemStyle.value,
direction === "vertical" ? "width: 100%" : null
],
key: idx
}, [
isVNode(spacer) ? spacer : createTextVNode(spacer, PatchFlags.TEXT)
], PatchFlags.STYLE));
}
return children2;
}, []);
}
return createVNode("div", {
class: classes.value,
style: containerStyle.value
}, extractedChildren, PatchFlags.STYLE | PatchFlags.CLASS);
}
return children.children;
};
}
});
const ElSpace = withInstall(Space);
const getCell = function(event) {
var _a;
return (_a = event.target) == null ? void 0 : _a.closest("td");
};
const orderBy = function(array4, sortKey, reverse, sortMethod, sortBy) {
if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
return array4;
}
if (typeof reverse === "string") {
reverse = reverse === "descending" ? -1 : 1;
} else {
reverse = reverse && reverse < 0 ? -1 : 1;
}
const getKey = sortMethod ? null : function(value, index) {
if (sortBy) {
if (!Array.isArray(sortBy)) {
sortBy = [sortBy];
}
return sortBy.map((by) => {
if (typeof by === "string") {
return get(value, by);
} else {
return by(value, index, array4);
}
});
}
if (sortKey !== "$key") {
if (isObject$1(value) && "$value" in value)
value = value.$value;
}
return [isObject$1(value) ? get(value, sortKey) : value];
};
const compare = function(a2, b2) {
if (sortMethod) {
return sortMethod(a2.value, b2.value);
}
for (let i = 0, len = a2.key.length; i < len; i++) {
if (a2.key[i] < b2.key[i]) {
return -1;
}
if (a2.key[i] > b2.key[i]) {
return 1;
}
}
return 0;
};
return array4.map((value, index) => {
return {
value,
index,
key: getKey ? getKey(value, index) : null
};
}).sort((a2, b2) => {
let order = compare(a2, b2);
if (!order) {
order = a2.index - b2.index;
}
return order * +reverse;
}).map((item) => item.value);
};
const getColumnById = function(table, columnId) {
let column = null;
table.columns.forEach((item) => {
if (item.id === columnId) {
column = item;
}
});
return column;
};
const getColumnByKey = function(table, columnKey) {
let column = null;
for (let i = 0; i < table.columns.length; i++) {
const item = table.columns[i];
if (item.columnKey === columnKey) {
column = item;
break;
}
}
if (!column)
throwError("ElTable", `No column matching with column-key: ${columnKey}`);
return column;
};
const getColumnByCell = function(table, cell, namespace) {
const matches = (cell.className || "").match(new RegExp(`${namespace}-table_[^\\s]+`, "gm"));
if (matches) {
return getColumnById(table, matches[0]);
}
return null;
};
const getRowIdentity = (row, rowKey) => {
if (!row)
throw new Error("Row is required when get row identity");
if (typeof rowKey === "string") {
if (!rowKey.includes(".")) {
return `${row[rowKey]}`;
}
const key = rowKey.split(".");
let current2 = row;
for (const element of key) {
current2 = current2[element];
}
return `${current2}`;
} else if (typeof rowKey === "function") {
return rowKey.call(null, row);
}
};
const getKeysMap = function(array4, rowKey) {
const arrayMap2 = {};
(array4 || []).forEach((row, index) => {
arrayMap2[getRowIdentity(row, rowKey)] = { row, index };
});
return arrayMap2;
};
function mergeOptions(defaults, config2) {
const options2 = {};
let key;
for (key in defaults) {
options2[key] = defaults[key];
}
for (key in config2) {
if (hasOwn(config2, key)) {
const value = config2[key];
if (typeof value !== "undefined") {
options2[key] = value;
}
}
}
return options2;
}
function parseWidth(width) {
if (width === "")
return width;
if (width !== void 0) {
width = Number.parseInt(width, 10);
if (Number.isNaN(width)) {
width = "";
}
}
return width;
}
function parseMinWidth(minWidth) {
if (minWidth === "")
return minWidth;
if (minWidth !== void 0) {
minWidth = parseWidth(minWidth);
if (Number.isNaN(minWidth)) {
minWidth = 80;
}
}
return minWidth;
}
function parseHeight(height) {
if (typeof height === "number") {
return height;
}
if (typeof height === "string") {
if (/^\d+(?:px)?$/.test(height)) {
return Number.parseInt(height, 10);
} else {
return height;
}
}
return null;
}
function compose(...funcs) {
if (funcs.length === 0) {
return (arg) => arg;
}
if (funcs.length === 1) {
return funcs[0];
}
return funcs.reduce((a2, b2) => (...args) => a2(b2(...args)));
}
function toggleRowStatus(statusArr, row, newVal, tableTreeProps, selectable, rowIndex) {
let _rowIndex = rowIndex != null ? rowIndex : 0;
let changed = false;
const index = statusArr.indexOf(row);
const included = index !== -1;
const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, rowIndex);
const toggleStatus = (type4) => {
if (type4 === "add") {
statusArr.push(row);
} else {
statusArr.splice(index, 1);
}
changed = true;
};
const getChildrenCount = (row2) => {
let count = 0;
const children = (tableTreeProps == null ? void 0 : tableTreeProps.children) && row2[tableTreeProps.children];
if (children && isArray$1(children)) {
count += children.length;
children.forEach((item) => {
count += getChildrenCount(item);
});
}
return count;
};
if (!selectable || isRowSelectable) {
if (isBoolean$1(newVal)) {
if (newVal && !included) {
toggleStatus("add");
} else if (!newVal && included) {
toggleStatus("remove");
}
} else {
included ? toggleStatus("remove") : toggleStatus("add");
}
}
if (!(tableTreeProps == null ? void 0 : tableTreeProps.checkStrictly) && (tableTreeProps == null ? void 0 : tableTreeProps.children) && isArray$1(row[tableTreeProps.children])) {
row[tableTreeProps.children].forEach((item) => {
toggleRowStatus(statusArr, item, newVal != null ? newVal : !included, tableTreeProps, selectable, _rowIndex + 1);
_rowIndex += getChildrenCount(item) + 1;
});
}
return changed;
}
function walkTreeNode(root2, cb, childrenKey = "children", lazyKey = "hasChildren") {
const isNil2 = (array4) => !(Array.isArray(array4) && array4.length);
function _walker(parent, children, level) {
cb(parent, children, level);
children.forEach((item) => {
if (item[lazyKey]) {
cb(item, null, level + 1);
return;
}
const children2 = item[childrenKey];
if (!isNil2(children2)) {
_walker(item, children2, level + 1);
}
});
}
root2.forEach((item) => {
if (item[lazyKey]) {
cb(item, null, 0);
return;
}
const children = item[childrenKey];
if (!isNil2(children)) {
_walker(item, children, 0);
}
});
}
let removePopper = null;
function createTablePopper(props2, popperContent, trigger, table) {
if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
return;
}
removePopper == null ? void 0 : removePopper();
const parentNode = table == null ? void 0 : table.refs.tableWrapper;
const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
const popperOptions = {
strategy: "fixed",
...props2.popperOptions
};
const vm = createVNode(ElTooltip, {
content: popperContent,
virtualTriggering: true,
virtualRef: trigger,
appendTo: parentNode,
placement: "top",
transition: "none",
offset: 0,
hideAfter: 0,
...props2,
popperOptions,
onHide: () => {
removePopper == null ? void 0 : removePopper();
}
});
vm.appContext = { ...table.appContext, ...table };
const container = document.createElement("div");
render$3(vm, container);
vm.component.exposed.onOpen();
const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
removePopper = () => {
render$3(null, container);
scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
removePopper = null;
};
removePopper.trigger = trigger;
scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
}
function getCurrentColumns(column) {
if (column.children) {
return flatMap(column.children, getCurrentColumns);
} else {
return [column];
}
}
function getColSpan(colSpan, column) {
return colSpan + column.colSpan;
}
const isFixedColumn = (index, fixed, store, realColumns) => {
let start = 0;
let after = index;
const columns2 = store.states.columns.value;
if (realColumns) {
const curColumns = getCurrentColumns(realColumns[index]);
const preColumns = columns2.slice(0, columns2.indexOf(curColumns[0]));
start = preColumns.reduce(getColSpan, 0);
after = start + curColumns.reduce(getColSpan, 0) - 1;
} else {
start = index;
}
let fixedLayout;
switch (fixed) {
case "left":
if (after < store.states.fixedLeafColumnsLength.value) {
fixedLayout = "left";
}
break;
case "right":
if (start >= columns2.length - store.states.rightFixedLeafColumnsLength.value) {
fixedLayout = "right";
}
break;
default:
if (after < store.states.fixedLeafColumnsLength.value) {
fixedLayout = "left";
} else if (start >= columns2.length - store.states.rightFixedLeafColumnsLength.value) {
fixedLayout = "right";
}
}
return fixedLayout ? {
direction: fixedLayout,
start,
after
} : {};
};
const getFixedColumnsClass = (namespace, index, fixed, store, realColumns, offset = 0) => {
const classes = [];
const { direction, start, after } = isFixedColumn(index, fixed, store, realColumns);
if (direction) {
const isLeft = direction === "left";
classes.push(`${namespace}-fixed-column--${direction}`);
if (isLeft && after + offset === store.states.fixedLeafColumnsLength.value - 1) {
classes.push("is-last-column");
} else if (!isLeft && start - offset === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
classes.push("is-first-column");
}
}
return classes;
};
function getOffset(offset, column) {
return offset + (column.realWidth === null || Number.isNaN(column.realWidth) ? Number(column.width) : column.realWidth);
}
const getFixedColumnOffset = (index, fixed, store, realColumns) => {
const {
direction,
start = 0,
after = 0
} = isFixedColumn(index, fixed, store, realColumns);
if (!direction) {
return;
}
const styles = {};
const isLeft = direction === "left";
const columns2 = store.states.columns.value;
if (isLeft) {
styles.left = columns2.slice(0, start).reduce(getOffset, 0);
} else {
styles.right = columns2.slice(after + 1).reverse().reduce(getOffset, 0);
}
return styles;
};
const ensurePosition = (style3, key) => {
if (!style3)
return;
if (!Number.isNaN(style3[key])) {
style3[key] = `${style3[key]}px`;
}
};
function useExpand(watcherData) {
const instance = getCurrentInstance();
const defaultExpandAll = ref(false);
const expandRows = ref([]);
const updateExpandRows = () => {
const data2 = watcherData.data.value || [];
const rowKey = watcherData.rowKey.value;
if (defaultExpandAll.value) {
expandRows.value = data2.slice();
} else if (rowKey) {
const expandRowsMap = getKeysMap(expandRows.value, rowKey);
expandRows.value = data2.reduce((prev2, row) => {
const rowId = getRowIdentity(row, rowKey);
const rowInfo = expandRowsMap[rowId];
if (rowInfo) {
prev2.push(row);
}
return prev2;
}, []);
} else {
expandRows.value = [];
}
};
const toggleRowExpansion = (row, expanded) => {
const changed = toggleRowStatus(expandRows.value, row, expanded);
if (changed) {
instance.emit("expand-change", row, expandRows.value.slice());
}
};
const setExpandRowKeys = (rowKeys) => {
instance.store.assertRowKey();
const data2 = watcherData.data.value || [];
const rowKey = watcherData.rowKey.value;
const keysMap = getKeysMap(data2, rowKey);
expandRows.value = rowKeys.reduce((prev2, cur) => {
const info2 = keysMap[cur];
if (info2) {
prev2.push(info2.row);
}
return prev2;
}, []);
};
const isRowExpanded = (row) => {
const rowKey = watcherData.rowKey.value;
if (rowKey) {
const expandMap = getKeysMap(expandRows.value, rowKey);
return !!expandMap[getRowIdentity(row, rowKey)];
}
return expandRows.value.includes(row);
};
return {
updateExpandRows,
toggleRowExpansion,
setExpandRowKeys,
isRowExpanded,
states: {
expandRows,
defaultExpandAll
}
};
}
function useCurrent(watcherData) {
const instance = getCurrentInstance();
const _currentRowKey = ref(null);
const currentRow = ref(null);
const setCurrentRowKey = (key) => {
instance.store.assertRowKey();
_currentRowKey.value = key;
setCurrentRowByKey(key);
};
const restoreCurrentRowKey = () => {
_currentRowKey.value = null;
};
const setCurrentRowByKey = (key) => {
const { data: data2, rowKey } = watcherData;
let _currentRow = null;
if (rowKey.value) {
_currentRow = (unref(data2) || []).find((item) => getRowIdentity(item, rowKey.value) === key);
}
currentRow.value = _currentRow;
instance.emit("current-change", currentRow.value, null);
};
const updateCurrentRow = (_currentRow) => {
const oldCurrentRow = currentRow.value;
if (_currentRow && _currentRow !== oldCurrentRow) {
currentRow.value = _currentRow;
instance.emit("current-change", currentRow.value, oldCurrentRow);
return;
}
if (!_currentRow && oldCurrentRow) {
currentRow.value = null;
instance.emit("current-change", null, oldCurrentRow);
}
};
const updateCurrentRowData = () => {
const rowKey = watcherData.rowKey.value;
const data2 = watcherData.data.value || [];
const oldCurrentRow = currentRow.value;
if (!data2.includes(oldCurrentRow) && oldCurrentRow) {
if (rowKey) {
const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
setCurrentRowByKey(currentRowKey);
} else {
currentRow.value = null;
}
if (currentRow.value === null) {
instance.emit("current-change", null, oldCurrentRow);
}
} else if (_currentRowKey.value) {
setCurrentRowByKey(_currentRowKey.value);
restoreCurrentRowKey();
}
};
return {
setCurrentRowKey,
restoreCurrentRowKey,
setCurrentRowByKey,
updateCurrentRow,
updateCurrentRowData,
states: {
_currentRowKey,
currentRow
}
};
}
function useTree(watcherData) {
const expandRowKeys = ref([]);
const treeData = ref({});
const indent = ref(16);
const lazy = ref(false);
const lazyTreeNodeMap = ref({});
const lazyColumnIdentifier = ref("hasChildren");
const childrenColumnName = ref("children");
const checkStrictly = ref(false);
const instance = getCurrentInstance();
const normalizedData = computed(() => {
if (!watcherData.rowKey.value)
return {};
const data2 = watcherData.data.value || [];
return normalize(data2);
});
const normalizedLazyNode = computed(() => {
const rowKey = watcherData.rowKey.value;
const keys2 = Object.keys(lazyTreeNodeMap.value);
const res = {};
if (!keys2.length)
return res;
keys2.forEach((key) => {
if (lazyTreeNodeMap.value[key].length) {
const item = { children: [] };
lazyTreeNodeMap.value[key].forEach((row) => {
const currentRowKey = getRowIdentity(row, rowKey);
item.children.push(currentRowKey);
if (row[lazyColumnIdentifier.value] && !res[currentRowKey]) {
res[currentRowKey] = { children: [] };
}
});
res[key] = item;
}
});
return res;
});
const normalize = (data2) => {
const rowKey = watcherData.rowKey.value;
const res = {};
walkTreeNode(data2, (parent, children, level) => {
const parentId = getRowIdentity(parent, rowKey);
if (Array.isArray(children)) {
res[parentId] = {
children: children.map((row) => getRowIdentity(row, rowKey)),
level
};
} else if (lazy.value) {
res[parentId] = {
children: [],
lazy: true,
level
};
}
}, childrenColumnName.value, lazyColumnIdentifier.value);
return res;
};
const updateTreeData = (ifChangeExpandRowKeys = false, ifExpandAll = ((_a) => (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value)()) => {
var _a2;
const nested = normalizedData.value;
const normalizedLazyNode_ = normalizedLazyNode.value;
const keys2 = Object.keys(nested);
const newTreeData = {};
if (keys2.length) {
const oldTreeData = unref(treeData);
const rootLazyRowKeys = [];
const getExpanded = (oldValue, key) => {
if (ifChangeExpandRowKeys) {
if (expandRowKeys.value) {
return ifExpandAll || expandRowKeys.value.includes(key);
} else {
return !!(ifExpandAll || (oldValue == null ? void 0 : oldValue.expanded));
}
} else {
const included = ifExpandAll || expandRowKeys.value && expandRowKeys.value.includes(key);
return !!((oldValue == null ? void 0 : oldValue.expanded) || included);
}
};
keys2.forEach((key) => {
const oldValue = oldTreeData[key];
const newValue = { ...nested[key] };
newValue.expanded = getExpanded(oldValue, key);
if (newValue.lazy) {
const { loaded = false, loading = false } = oldValue || {};
newValue.loaded = !!loaded;
newValue.loading = !!loading;
rootLazyRowKeys.push(key);
}
newTreeData[key] = newValue;
});
const lazyKeys = Object.keys(normalizedLazyNode_);
if (lazy.value && lazyKeys.length && rootLazyRowKeys.length) {
lazyKeys.forEach((key) => {
const oldValue = oldTreeData[key];
const lazyNodeChildren = normalizedLazyNode_[key].children;
if (rootLazyRowKeys.includes(key)) {
if (newTreeData[key].children.length !== 0) {
throw new Error("[ElTable]children must be an empty array.");
}
newTreeData[key].children = lazyNodeChildren;
} else {
const { loaded = false, loading = false } = oldValue || {};
newTreeData[key] = {
lazy: true,
loaded: !!loaded,
loading: !!loading,
expanded: getExpanded(oldValue, key),
children: lazyNodeChildren,
level: ""
};
}
});
}
}
treeData.value = newTreeData;
(_a2 = instance.store) == null ? void 0 : _a2.updateTableScrollY();
};
watch(() => expandRowKeys.value, () => {
updateTreeData(true);
});
watch(() => normalizedData.value, () => {
updateTreeData();
});
watch(() => normalizedLazyNode.value, () => {
updateTreeData();
});
const updateTreeExpandKeys = (value) => {
expandRowKeys.value = value;
updateTreeData();
};
const toggleTreeExpansion = (row, expanded) => {
instance.store.assertRowKey();
const rowKey = watcherData.rowKey.value;
const id = getRowIdentity(row, rowKey);
const data2 = id && treeData.value[id];
if (id && data2 && "expanded" in data2) {
const oldExpanded = data2.expanded;
expanded = typeof expanded === "undefined" ? !data2.expanded : expanded;
treeData.value[id].expanded = expanded;
if (oldExpanded !== expanded) {
instance.emit("expand-change", row, expanded);
}
instance.store.updateTableScrollY();
}
};
const loadOrToggle = (row) => {
instance.store.assertRowKey();
const rowKey = watcherData.rowKey.value;
const id = getRowIdentity(row, rowKey);
const data2 = treeData.value[id];
if (lazy.value && data2 && "loaded" in data2 && !data2.loaded) {
loadData(row, id, data2);
} else {
toggleTreeExpansion(row, void 0);
}
};
const loadData = (row, key, treeNode) => {
const { load } = instance.props;
if (load && !treeData.value[key].loaded) {
treeData.value[key].loading = true;
load(row, treeNode, (data2) => {
if (!Array.isArray(data2)) {
throw new TypeError("[ElTable] data must be an array");
}
treeData.value[key].loading = false;
treeData.value[key].loaded = true;
treeData.value[key].expanded = true;
if (data2.length) {
lazyTreeNodeMap.value[key] = data2;
}
instance.emit("expand-change", row, true);
});
}
};
return {
loadData,
loadOrToggle,
toggleTreeExpansion,
updateTreeExpandKeys,
updateTreeData,
normalize,
states: {
expandRowKeys,
treeData,
indent,
lazy,
lazyTreeNodeMap,
lazyColumnIdentifier,
childrenColumnName,
checkStrictly
}
};
}
const sortData = (data2, states) => {
const sortingColumn = states.sortingColumn;
if (!sortingColumn || typeof sortingColumn.sortable === "string") {
return data2;
}
return orderBy(data2, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
};
const doFlattenColumns = (columns2) => {
const result = [];
columns2.forEach((column) => {
if (column.children && column.children.length > 0) {
result.push.apply(result, doFlattenColumns(column.children));
} else {
result.push(column);
}
});
return result;
};
function useWatcher$1() {
var _a;
const instance = getCurrentInstance();
const { size: tableSize } = toRefs((_a = instance.proxy) == null ? void 0 : _a.$props);
const rowKey = ref(null);
const data2 = ref([]);
const _data = ref([]);
const isComplex = ref(false);
const _columns = ref([]);
const originColumns = ref([]);
const columns2 = ref([]);
const fixedColumns = ref([]);
const rightFixedColumns = ref([]);
const leafColumns = ref([]);
const fixedLeafColumns = ref([]);
const rightFixedLeafColumns = ref([]);
const updateOrderFns = [];
const leafColumnsLength = ref(0);
const fixedLeafColumnsLength = ref(0);
const rightFixedLeafColumnsLength = ref(0);
const isAllSelected = ref(false);
const selection = ref([]);
const reserveSelection = ref(false);
const selectOnIndeterminate = ref(false);
const selectable = ref(null);
const filters = ref({});
const filteredData = ref(null);
const sortingColumn = ref(null);
const sortProp = ref(null);
const sortOrder = ref(null);
const hoverRow = ref(null);
watch(data2, () => instance.state && scheduleLayout(false), {
deep: true
});
const assertRowKey = () => {
if (!rowKey.value)
throw new Error("[ElTable] prop row-key is required");
};
const updateChildFixed = (column) => {
var _a2;
(_a2 = column.children) == null ? void 0 : _a2.forEach((childColumn) => {
childColumn.fixed = column.fixed;
updateChildFixed(childColumn);
});
};
const updateColumns = () => {
_columns.value.forEach((column) => {
updateChildFixed(column);
});
fixedColumns.value = _columns.value.filter((column) => column.fixed === true || column.fixed === "left");
rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection" && !_columns.value[0].fixed) {
_columns.value[0].fixed = true;
fixedColumns.value.unshift(_columns.value[0]);
}
const notFixedColumns = _columns.value.filter((column) => !column.fixed);
originColumns.value = [].concat(fixedColumns.value).concat(notFixedColumns).concat(rightFixedColumns.value);
const leafColumns2 = doFlattenColumns(notFixedColumns);
const fixedLeafColumns2 = doFlattenColumns(fixedColumns.value);
const rightFixedLeafColumns2 = doFlattenColumns(rightFixedColumns.value);
leafColumnsLength.value = leafColumns2.length;
fixedLeafColumnsLength.value = fixedLeafColumns2.length;
rightFixedLeafColumnsLength.value = rightFixedLeafColumns2.length;
columns2.value = [].concat(fixedLeafColumns2).concat(leafColumns2).concat(rightFixedLeafColumns2);
isComplex.value = fixedColumns.value.length > 0 || rightFixedColumns.value.length > 0;
};
const scheduleLayout = (needUpdateColumns, immediate = false) => {
if (needUpdateColumns) {
updateColumns();
}
if (immediate) {
instance.state.doLayout();
} else {
instance.state.debouncedUpdateLayout();
}
};
const isSelected = (row) => {
return selection.value.some((item) => isEqual(item, row));
};
const clearSelection = () => {
isAllSelected.value = false;
const oldSelection = selection.value;
selection.value = [];
if (oldSelection.length) {
instance.emit("selection-change", []);
}
};
const cleanSelection = () => {
let deleted;
if (rowKey.value) {
deleted = [];
const selectedMap = getKeysMap(selection.value, rowKey.value);
const dataMap = getKeysMap(data2.value, rowKey.value);
for (const key in selectedMap) {
if (hasOwn(selectedMap, key) && !dataMap[key]) {
deleted.push(selectedMap[key].row);
}
}
} else {
deleted = selection.value.filter((item) => !data2.value.includes(item));
}
if (deleted.length) {
const newSelection = selection.value.filter((item) => !deleted.includes(item));
selection.value = newSelection;
instance.emit("selection-change", newSelection.slice());
}
};
const getSelectionRows = () => {
return (selection.value || []).slice();
};
const toggleRowSelection = (row, selected, emitChange = true) => {
var _a2, _b, _c, _d;
const treeProps = {
children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
};
const changed = toggleRowStatus(selection.value, row, selected, treeProps);
if (changed) {
const newSelection = (selection.value || []).slice();
if (emitChange) {
instance.emit("select", newSelection, row);
}
instance.emit("selection-change", newSelection);
}
};
const _toggleAllSelection = () => {
var _a2, _b;
const value = selectOnIndeterminate.value ? !isAllSelected.value : !(isAllSelected.value || selection.value.length);
isAllSelected.value = value;
let selectionChanged = false;
let childrenCount = 0;
const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
const { childrenColumnName } = instance.store.states;
const treeProps = {
children: childrenColumnName.value,
checkStrictly: false
};
data2.value.forEach((row, index) => {
const rowIndex = index + childrenCount;
if (toggleRowStatus(selection.value, row, value, treeProps, selectable.value, rowIndex)) {
selectionChanged = true;
}
childrenCount += getChildrenCount(getRowIdentity(row, rowKey2));
});
if (selectionChanged) {
instance.emit("selection-change", selection.value ? selection.value.slice() : []);
}
instance.emit("select-all", (selection.value || []).slice());
};
const updateSelectionByRowKey = () => {
const selectedMap = getKeysMap(selection.value, rowKey.value);
data2.value.forEach((row) => {
const rowId = getRowIdentity(row, rowKey.value);
const rowInfo = selectedMap[rowId];
if (rowInfo) {
selection.value[rowInfo.index] = row;
}
});
};
const updateAllSelected = () => {
var _a2;
if (((_a2 = data2.value) == null ? void 0 : _a2.length) === 0) {
isAllSelected.value = false;
return;
}
const { childrenColumnName } = instance.store.states;
const selectedMap = rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
let rowIndex = 0;
let selectedCount = 0;
const isSelected2 = (row) => {
if (selectedMap) {
return !!selectedMap[getRowIdentity(row, rowKey.value)];
} else {
return selection.value.includes(row);
}
};
const checkSelectedStatus = (data22) => {
var _a3;
for (const row of data22) {
const isRowSelectable = selectable.value && selectable.value.call(null, row, rowIndex);
if (!isSelected2(row)) {
if (!selectable.value || isRowSelectable) {
return false;
}
} else {
selectedCount++;
}
rowIndex++;
if (((_a3 = row[childrenColumnName.value]) == null ? void 0 : _a3.length) && !checkSelectedStatus(row[childrenColumnName.value])) {
return false;
}
}
return true;
};
const isAllSelected_ = checkSelectedStatus(data2.value || []);
isAllSelected.value = selectedCount === 0 ? false : isAllSelected_;
};
const getChildrenCount = (rowKey2) => {
var _a2;
if (!instance || !instance.store)
return 0;
const { treeData } = instance.store.states;
let count = 0;
const children = (_a2 = treeData.value[rowKey2]) == null ? void 0 : _a2.children;
if (children) {
count += children.length;
children.forEach((childKey) => {
count += getChildrenCount(childKey);
});
}
return count;
};
const updateFilters = (columns22, values) => {
if (!Array.isArray(columns22)) {
columns22 = [columns22];
}
const filters_ = {};
columns22.forEach((col) => {
filters.value[col.id] = values;
filters_[col.columnKey || col.id] = values;
});
return filters_;
};
const updateSort = (column, prop, order) => {
if (sortingColumn.value && sortingColumn.value !== column) {
sortingColumn.value.order = null;
}
sortingColumn.value = column;
sortProp.value = prop;
sortOrder.value = order;
};
const execFilter = () => {
let sourceData = unref(_data);
Object.keys(filters.value).forEach((columnId) => {
const values = filters.value[columnId];
if (!values || values.length === 0)
return;
const column = getColumnById({
columns: columns2.value
}, columnId);
if (column && column.filterMethod) {
sourceData = sourceData.filter((row) => {
return values.some((value) => column.filterMethod.call(null, value, row, column));
});
}
});
filteredData.value = sourceData;
};
const execSort = () => {
data2.value = sortData(filteredData.value, {
sortingColumn: sortingColumn.value,
sortProp: sortProp.value,
sortOrder: sortOrder.value
});
};
const execQuery = (ignore = void 0) => {
if (!(ignore && ignore.filter)) {
execFilter();
}
execSort();
};
const clearFilter = (columnKeys) => {
const { tableHeaderRef } = instance.refs;
if (!tableHeaderRef)
return;
const panels = Object.assign({}, tableHeaderRef.filterPanels);
const keys2 = Object.keys(panels);
if (!keys2.length)
return;
if (typeof columnKeys === "string") {
columnKeys = [columnKeys];
}
if (Array.isArray(columnKeys)) {
const columns_ = columnKeys.map((key) => getColumnByKey({
columns: columns2.value
}, key));
keys2.forEach((key) => {
const column = columns_.find((col) => col.id === key);
if (column) {
column.filteredValue = [];
}
});
instance.store.commit("filterChange", {
column: columns_,
values: [],
silent: true,
multi: true
});
} else {
keys2.forEach((key) => {
const column = columns2.value.find((col) => col.id === key);
if (column) {
column.filteredValue = [];
}
});
filters.value = {};
instance.store.commit("filterChange", {
column: {},
values: [],
silent: true
});
}
};
const clearSort = () => {
if (!sortingColumn.value)
return;
updateSort(null, null, null);
instance.store.commit("changeSortCondition", {
silent: true
});
};
const {
setExpandRowKeys,
toggleRowExpansion,
updateExpandRows,
states: expandStates,
isRowExpanded
} = useExpand({
data: data2,
rowKey
});
const {
updateTreeExpandKeys,
toggleTreeExpansion,
updateTreeData,
loadOrToggle,
states: treeStates
} = useTree({
data: data2,
rowKey
});
const {
updateCurrentRowData,
updateCurrentRow,
setCurrentRowKey,
states: currentData
} = useCurrent({
data: data2,
rowKey
});
const setExpandRowKeysAdapter = (val) => {
setExpandRowKeys(val);
updateTreeExpandKeys(val);
};
const toggleRowExpansionAdapter = (row, expanded) => {
const hasExpandColumn = columns2.value.some(({ type: type4 }) => type4 === "expand");
if (hasExpandColumn) {
toggleRowExpansion(row, expanded);
} else {
toggleTreeExpansion(row, expanded);
}
};
return {
assertRowKey,
updateColumns,
scheduleLayout,
isSelected,
clearSelection,
cleanSelection,
getSelectionRows,
toggleRowSelection,
_toggleAllSelection,
toggleAllSelection: null,
updateSelectionByRowKey,
updateAllSelected,
updateFilters,
updateCurrentRow,
updateSort,
execFilter,
execSort,
execQuery,
clearFilter,
clearSort,
toggleRowExpansion,
setExpandRowKeysAdapter,
setCurrentRowKey,
toggleRowExpansionAdapter,
isRowExpanded,
updateExpandRows,
updateCurrentRowData,
loadOrToggle,
updateTreeData,
states: {
tableSize,
rowKey,
data: data2,
_data,
isComplex,
_columns,
originColumns,
columns: columns2,
fixedColumns,
rightFixedColumns,
leafColumns,
fixedLeafColumns,
rightFixedLeafColumns,
updateOrderFns,
leafColumnsLength,
fixedLeafColumnsLength,
rightFixedLeafColumnsLength,
isAllSelected,
selection,
reserveSelection,
selectOnIndeterminate,
selectable,
filters,
filteredData,
sortingColumn,
sortProp,
sortOrder,
hoverRow,
...expandStates,
...treeStates,
...currentData
}
};
}
function replaceColumn(array4, column) {
return array4.map((item) => {
var _a;
if (item.id === column.id) {
return column;
} else if ((_a = item.children) == null ? void 0 : _a.length) {
item.children = replaceColumn(item.children, column);
}
return item;
});
}
function sortColumn(array4) {
array4.forEach((item) => {
var _a, _b;
item.no = (_a = item.getColumnIndex) == null ? void 0 : _a.call(item);
if ((_b = item.children) == null ? void 0 : _b.length) {
sortColumn(item.children);
}
});
array4.sort((cur, pre) => cur.no - pre.no);
}
function useStore() {
const instance = getCurrentInstance();
const watcher = useWatcher$1();
const ns = useNamespace("table");
const mutations = {
setData(states, data2) {
const dataInstanceChanged = unref(states._data) !== data2;
states.data.value = data2;
states._data.value = data2;
instance.store.execQuery();
instance.store.updateCurrentRowData();
instance.store.updateExpandRows();
instance.store.updateTreeData(instance.store.states.defaultExpandAll.value);
if (unref(states.reserveSelection)) {
instance.store.assertRowKey();
instance.store.updateSelectionByRowKey();
} else {
if (dataInstanceChanged) {
instance.store.clearSelection();
} else {
instance.store.cleanSelection();
}
}
instance.store.updateAllSelected();
if (instance.$ready) {
instance.store.scheduleLayout();
}
},
insertColumn(states, column, parent, updateColumnOrder) {
const array4 = unref(states._columns);
let newColumns = [];
if (!parent) {
array4.push(column);
newColumns = array4;
} else {
if (parent && !parent.children) {
parent.children = [];
}
parent.children.push(column);
newColumns = replaceColumn(array4, parent);
}
sortColumn(newColumns);
states._columns.value = newColumns;
states.updateOrderFns.push(updateColumnOrder);
if (column.type === "selection") {
states.selectable.value = column.selectable;
states.reserveSelection.value = column.reserveSelection;
}
if (instance.$ready) {
instance.store.updateColumns();
instance.store.scheduleLayout();
}
},
updateColumnOrder(states, column) {
var _a;
const newColumnIndex = (_a = column.getColumnIndex) == null ? void 0 : _a.call(column);
if (newColumnIndex === column.no)
return;
sortColumn(states._columns.value);
if (instance.$ready) {
instance.store.updateColumns();
}
},
removeColumn(states, column, parent, updateColumnOrder) {
const array4 = unref(states._columns) || [];
if (parent) {
parent.children.splice(parent.children.findIndex((item) => item.id === column.id), 1);
nextTick(() => {
var _a;
if (((_a = parent.children) == null ? void 0 : _a.length) === 0) {
delete parent.children;
}
});
states._columns.value = replaceColumn(array4, parent);
} else {
const index = array4.indexOf(column);
if (index > -1) {
array4.splice(index, 1);
states._columns.value = array4;
}
}
const updateFnIndex = states.updateOrderFns.indexOf(updateColumnOrder);
updateFnIndex > -1 && states.updateOrderFns.splice(updateFnIndex, 1);
if (instance.$ready) {
instance.store.updateColumns();
instance.store.scheduleLayout();
}
},
sort(states, options2) {
const { prop, order, init: init2 } = options2;
if (prop) {
const column = unref(states.columns).find((column2) => column2.property === prop);
if (column) {
column.order = order;
instance.store.updateSort(column, prop, order);
instance.store.commit("changeSortCondition", { init: init2 });
}
}
},
changeSortCondition(states, options2) {
const { sortingColumn, sortProp, sortOrder } = states;
const columnValue = unref(sortingColumn), propValue = unref(sortProp), orderValue = unref(sortOrder);
if (orderValue === null) {
states.sortingColumn.value = null;
states.sortProp.value = null;
}
const ignore = { filter: true };
instance.store.execQuery(ignore);
if (!options2 || !(options2.silent || options2.init)) {
instance.emit("sort-change", {
column: columnValue,
prop: propValue,
order: orderValue
});
}
instance.store.updateTableScrollY();
},
filterChange(_states, options2) {
const { column, values, silent } = options2;
const newFilters = instance.store.updateFilters(column, values);
instance.store.execQuery();
if (!silent) {
instance.emit("filter-change", newFilters);
}
instance.store.updateTableScrollY();
},
toggleAllSelection() {
instance.store.toggleAllSelection();
},
rowSelectedChanged(_states, row) {
instance.store.toggleRowSelection(row);
instance.store.updateAllSelected();
},
setHoverRow(states, row) {
states.hoverRow.value = row;
},
setCurrentRow(_states, row) {
instance.store.updateCurrentRow(row);
}
};
const commit = function(name, ...args) {
const mutations2 = instance.store.mutations;
if (mutations2[name]) {
mutations2[name].apply(instance, [instance.store.states].concat(args));
} else {
throw new Error(`Action not found: ${name}`);
}
};
const updateTableScrollY = function() {
nextTick(() => instance.layout.updateScrollY.apply(instance.layout));
};
return {
ns,
...watcher,
mutations,
commit,
updateTableScrollY
};
}
const InitialStateMap = {
rowKey: "rowKey",
defaultExpandAll: "defaultExpandAll",
selectOnIndeterminate: "selectOnIndeterminate",
indent: "indent",
lazy: "lazy",
data: "data",
["treeProps.hasChildren"]: {
key: "lazyColumnIdentifier",
default: "hasChildren"
},
["treeProps.children"]: {
key: "childrenColumnName",
default: "children"
},
["treeProps.checkStrictly"]: {
key: "checkStrictly",
default: false
}
};
function createStore(table, props2) {
if (!table) {
throw new Error("Table is required.");
}
const store = useStore();
store.toggleAllSelection = debounce(store._toggleAllSelection, 10);
Object.keys(InitialStateMap).forEach((key) => {
handleValue(getArrKeysValue(props2, key), key, store);
});
proxyTableProps(store, props2);
return store;
}
function proxyTableProps(store, props2) {
Object.keys(InitialStateMap).forEach((key) => {
watch(() => getArrKeysValue(props2, key), (value) => {
handleValue(value, key, store);
});
});
}
function handleValue(value, propsKey, store) {
let newVal = value;
let storeKey = InitialStateMap[propsKey];
if (typeof InitialStateMap[propsKey] === "object") {
storeKey = storeKey.key;
newVal = newVal || InitialStateMap[propsKey].default;
}
store.states[storeKey].value = newVal;
}
function getArrKeysValue(props2, keys2) {
if (keys2.includes(".")) {
const keyList = keys2.split(".");
let value = props2;
keyList.forEach((key) => {
value = value[key];
});
return value;
} else {
return props2[keys2];
}
}
class TableLayout {
constructor(options2) {
this.observers = [];
this.table = null;
this.store = null;
this.columns = [];
this.fit = true;
this.showHeader = true;
this.height = ref(null);
this.scrollX = ref(false);
this.scrollY = ref(false);
this.bodyWidth = ref(null);
this.fixedWidth = ref(null);
this.rightFixedWidth = ref(null);
this.gutterWidth = 0;
for (const name in options2) {
if (hasOwn(options2, name)) {
if (isRef(this[name])) {
this[name].value = options2[name];
} else {
this[name] = options2[name];
}
}
}
if (!this.table) {
throw new Error("Table is required for Table Layout");
}
if (!this.store) {
throw new Error("Store is required for Table Layout");
}
}
updateScrollY() {
const height = this.height.value;
if (height === null)
return false;
const scrollBarRef = this.table.refs.scrollBarRef;
if (this.table.vnode.el && (scrollBarRef == null ? void 0 : scrollBarRef.wrapRef)) {
let scrollY = true;
const prevScrollY = this.scrollY.value;
scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;
this.scrollY.value = scrollY;
return prevScrollY !== scrollY;
}
return false;
}
setHeight(value, prop = "height") {
if (!isClient)
return;
const el = this.table.vnode.el;
value = parseHeight(value);
this.height.value = Number(value);
if (!el && (value || value === 0))
return nextTick(() => this.setHeight(value, prop));
if (typeof value === "number") {
el.style[prop] = `${value}px`;
this.updateElsHeight();
} else if (typeof value === "string") {
el.style[prop] = value;
this.updateElsHeight();
}
}
setMaxHeight(value) {
this.setHeight(value, "max-height");
}
getFlattenColumns() {
const flattenColumns = [];
const columns2 = this.table.store.states.columns.value;
columns2.forEach((column) => {
if (column.isColumnGroup) {
flattenColumns.push.apply(flattenColumns, column.columns);
} else {
flattenColumns.push(column);
}
});
return flattenColumns;
}
updateElsHeight() {
this.updateScrollY();
this.notifyObservers("scrollable");
}
headerDisplayNone(elm) {
if (!elm)
return true;
let headerChild = elm;
while (headerChild.tagName !== "DIV") {
if (getComputedStyle(headerChild).display === "none") {
return true;
}
headerChild = headerChild.parentElement;
}
return false;
}
updateColumnsWidth() {
if (!isClient)
return;
const fit = this.fit;
const bodyWidth = this.table.vnode.el.clientWidth;
let bodyMinWidth = 0;
const flattenColumns = this.getFlattenColumns();
const flexColumns = flattenColumns.filter((column) => typeof column.width !== "number");
flattenColumns.forEach((column) => {
if (typeof column.width === "number" && column.realWidth)
column.realWidth = null;
});
if (flexColumns.length > 0 && fit) {
flattenColumns.forEach((column) => {
bodyMinWidth += Number(column.width || column.minWidth || 80);
});
if (bodyMinWidth <= bodyWidth) {
this.scrollX.value = false;
const totalFlexWidth = bodyWidth - bodyMinWidth;
if (flexColumns.length === 1) {
flexColumns[0].realWidth = Number(flexColumns[0].minWidth || 80) + totalFlexWidth;
} else {
const allColumnsWidth = flexColumns.reduce((prev2, column) => prev2 + Number(column.minWidth || 80), 0);
const flexWidthPerPixel = totalFlexWidth / allColumnsWidth;
let noneFirstWidth = 0;
flexColumns.forEach((column, index) => {
if (index === 0)
return;
const flexWidth = Math.floor(Number(column.minWidth || 80) * flexWidthPerPixel);
noneFirstWidth += flexWidth;
column.realWidth = Number(column.minWidth || 80) + flexWidth;
});
flexColumns[0].realWidth = Number(flexColumns[0].minWidth || 80) + totalFlexWidth - noneFirstWidth;
}
} else {
this.scrollX.value = true;
flexColumns.forEach((column) => {
column.realWidth = Number(column.minWidth);
});
}
this.bodyWidth.value = Math.max(bodyMinWidth, bodyWidth);
this.table.state.resizeState.value.width = this.bodyWidth.value;
} else {
flattenColumns.forEach((column) => {
if (!column.width && !column.minWidth) {
column.realWidth = 80;
} else {
column.realWidth = Number(column.width || column.minWidth);
}
bodyMinWidth += column.realWidth;
});
this.scrollX.value = bodyMinWidth > bodyWidth;
this.bodyWidth.value = bodyMinWidth;
}
const fixedColumns = this.store.states.fixedColumns.value;
if (fixedColumns.length > 0) {
let fixedWidth = 0;
fixedColumns.forEach((column) => {
fixedWidth += Number(column.realWidth || column.width);
});
this.fixedWidth.value = fixedWidth;
}
const rightFixedColumns = this.store.states.rightFixedColumns.value;
if (rightFixedColumns.length > 0) {
let rightFixedWidth = 0;
rightFixedColumns.forEach((column) => {
rightFixedWidth += Number(column.realWidth || column.width);
});
this.rightFixedWidth.value = rightFixedWidth;
}
this.notifyObservers("columns");
}
addObserver(observer) {
this.observers.push(observer);
}
removeObserver(observer) {
const index = this.observers.indexOf(observer);
if (index !== -1) {
this.observers.splice(index, 1);
}
}
notifyObservers(event) {
const observers = this.observers;
observers.forEach((observer) => {
var _a, _b;
switch (event) {
case "columns":
(_a = observer.state) == null ? void 0 : _a.onColumnsChange(this);
break;
case "scrollable":
(_b = observer.state) == null ? void 0 : _b.onScrollableChange(this);
break;
default:
throw new Error(`Table Layout don't have event ${event}.`);
}
});
}
}
const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
const _sfc_main$l = defineComponent({
name: "ElTableFilterPanel",
components: {
ElCheckbox,
ElCheckboxGroup,
ElScrollbar,
ElTooltip,
ElIcon,
ArrowDown: arrow_down_default,
ArrowUp: arrow_up_default
},
directives: { ClickOutside },
props: {
placement: {
type: String,
default: "bottom-start"
},
store: {
type: Object
},
column: {
type: Object
},
upDataColumn: {
type: Function
}
},
setup(props2) {
const instance = getCurrentInstance();
const { t } = useLocale();
const ns = useNamespace("table-filter");
const parent = instance == null ? void 0 : instance.parent;
if (!parent.filterPanels.value[props2.column.id]) {
parent.filterPanels.value[props2.column.id] = instance;
}
const tooltipVisible = ref(false);
const tooltip = ref(null);
const filters = computed(() => {
return props2.column && props2.column.filters;
});
const filterClassName = computed(() => {
if (props2.column.filterClassName) {
return `${ns.b()} ${props2.column.filterClassName}`;
}
return ns.b();
});
const filterValue = computed({
get: () => {
var _a;
return (((_a = props2.column) == null ? void 0 : _a.filteredValue) || [])[0];
},
set: (value) => {
if (filteredValue.value) {
if (typeof value !== "undefined" && value !== null) {
filteredValue.value.splice(0, 1, value);
} else {
filteredValue.value.splice(0, 1);
}
}
}
});
const filteredValue = computed({
get() {
if (props2.column) {
return props2.column.filteredValue || [];
}
return [];
},
set(value) {
if (props2.column) {
props2.upDataColumn("filteredValue", value);
}
}
});
const multiple = computed(() => {
if (props2.column) {
return props2.column.filterMultiple;
}
return true;
});
const isActive = (filter) => {
return filter.value === filterValue.value;
};
const hidden = () => {
tooltipVisible.value = false;
};
const showFilterPanel = (e) => {
e.stopPropagation();
tooltipVisible.value = !tooltipVisible.value;
};
const hideFilterPanel = () => {
tooltipVisible.value = false;
};
const handleConfirm = () => {
confirmFilter(filteredValue.value);
hidden();
};
const handleReset = () => {
filteredValue.value = [];
confirmFilter(filteredValue.value);
hidden();
};
const handleSelect = (_filterValue) => {
filterValue.value = _filterValue;
if (typeof _filterValue !== "undefined" && _filterValue !== null) {
confirmFilter(filteredValue.value);
} else {
confirmFilter([]);
}
hidden();
};
const confirmFilter = (filteredValue2) => {
props2.store.commit("filterChange", {
column: props2.column,
values: filteredValue2
});
props2.store.updateAllSelected();
};
watch(tooltipVisible, (value) => {
if (props2.column) {
props2.upDataColumn("filterOpened", value);
}
}, {
immediate: true
});
const popperPaneRef = computed(() => {
var _a, _b;
return (_b = (_a = tooltip.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
});
return {
tooltipVisible,
multiple,
filterClassName,
filteredValue,
filterValue,
filters,
handleConfirm,
handleReset,
handleSelect,
isActive,
t,
ns,
showFilterPanel,
hideFilterPanel,
popperPaneRef,
tooltip
};
}
});
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
const _component_el_checkbox = resolveComponent("el-checkbox");
const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
const _component_el_scrollbar = resolveComponent("el-scrollbar");
const _component_arrow_up = resolveComponent("arrow-up");
const _component_arrow_down = resolveComponent("arrow-down");
const _component_el_icon = resolveComponent("el-icon");
const _component_el_tooltip = resolveComponent("el-tooltip");
const _directive_click_outside = resolveDirective("click-outside");
return openBlock(), createBlock(_component_el_tooltip, {
ref: "tooltip",
visible: _ctx.tooltipVisible,
offset: 0,
placement: _ctx.placement,
"show-arrow": false,
"stop-popper-mouse-event": false,
teleported: "",
effect: "light",
pure: "",
"popper-class": _ctx.filterClassName,
persistent: ""
}, {
content: withCtx(() => [
_ctx.multiple ? (openBlock(), createElementBlock("div", { key: 0 }, [
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("content"))
}, [
createVNode(_component_el_scrollbar, {
"wrap-class": _ctx.ns.e("wrap")
}, {
default: withCtx(() => [
createVNode(_component_el_checkbox_group, {
modelValue: _ctx.filteredValue,
"onUpdate:modelValue": ($event) => _ctx.filteredValue = $event,
class: normalizeClass(_ctx.ns.e("checkbox-group"))
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
return openBlock(), createBlock(_component_el_checkbox, {
key: filter.value,
value: filter.value
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(filter.text), 1)
]),
_: 2
}, 1032, ["value"]);
}), 128))
]),
_: 1
}, 8, ["modelValue", "onUpdate:modelValue", "class"])
]),
_: 1
}, 8, ["wrap-class"])
], 2),
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("bottom"))
}, [
createElementVNode("button", {
class: normalizeClass({ [_ctx.ns.is("disabled")]: _ctx.filteredValue.length === 0 }),
disabled: _ctx.filteredValue.length === 0,
type: "button",
onClick: _ctx.handleConfirm
}, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, ["disabled", "onClick"]),
createElementVNode("button", {
type: "button",
onClick: _ctx.handleReset
}, toDisplayString(_ctx.t("el.table.resetFilter")), 9, ["onClick"])
], 2)
])) : (openBlock(), createElementBlock("ul", {
key: 1,
class: normalizeClass(_ctx.ns.e("list"))
}, [
createElementVNode("li", {
class: normalizeClass([
_ctx.ns.e("list-item"),
{
[_ctx.ns.is("active")]: _ctx.filterValue === void 0 || _ctx.filterValue === null
}
]),
onClick: ($event) => _ctx.handleSelect(null)
}, toDisplayString(_ctx.t("el.table.clearFilter")), 11, ["onClick"]),
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
return openBlock(), createElementBlock("li", {
key: filter.value,
class: normalizeClass([_ctx.ns.e("list-item"), _ctx.ns.is("active", _ctx.isActive(filter))]),
label: filter.value,
onClick: ($event) => _ctx.handleSelect(filter.value)
}, toDisplayString(filter.text), 11, ["label", "onClick"]);
}), 128))
], 2))
]),
default: withCtx(() => [
withDirectives((openBlock(), createElementBlock("span", {
class: normalizeClass([
`${_ctx.ns.namespace.value}-table__column-filter-trigger`,
`${_ctx.ns.namespace.value}-none-outline`
]),
onClick: _ctx.showFilterPanel
}, [
createVNode(_component_el_icon, null, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "filter-icon", {}, () => [
_ctx.column.filterOpened ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
])
]),
_: 3
})
], 10, ["onClick"])), [
[_directive_click_outside, _ctx.hideFilterPanel, _ctx.popperPaneRef]
])
]),
_: 3
}, 8, ["visible", "placement", "popper-class"]);
}
var FilterPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$3], ["__file", "filter-panel.vue"]]);
function useLayoutObserver(root2) {
const instance = getCurrentInstance();
onBeforeMount(() => {
tableLayout.value.addObserver(instance);
});
onMounted(() => {
onColumnsChange(tableLayout.value);
onScrollableChange(tableLayout.value);
});
onUpdated(() => {
onColumnsChange(tableLayout.value);
onScrollableChange(tableLayout.value);
});
onUnmounted(() => {
tableLayout.value.removeObserver(instance);
});
const tableLayout = computed(() => {
const layout = root2.layout;
if (!layout) {
throw new Error("Can not find table layout.");
}
return layout;
});
const onColumnsChange = (layout) => {
var _a;
const cols = ((_a = root2.vnode.el) == null ? void 0 : _a.querySelectorAll("colgroup > col")) || [];
if (!cols.length)
return;
const flattenColumns = layout.getFlattenColumns();
const columnsMap = {};
flattenColumns.forEach((column) => {
columnsMap[column.id] = column;
});
for (let i = 0, j = cols.length; i < j; i++) {
const col = cols[i];
const name = col.getAttribute("name");
const column = columnsMap[name];
if (column) {
col.setAttribute("width", column.realWidth || column.width);
}
}
};
const onScrollableChange = (layout) => {
var _a, _b;
const cols = ((_a = root2.vnode.el) == null ? void 0 : _a.querySelectorAll("colgroup > col[name=gutter]")) || [];
for (let i = 0, j = cols.length; i < j; i++) {
const col = cols[i];
col.setAttribute("width", layout.scrollY.value ? layout.gutterWidth : "0");
}
const ths = ((_b = root2.vnode.el) == null ? void 0 : _b.querySelectorAll("th.gutter")) || [];
for (let i = 0, j = ths.length; i < j; i++) {
const th = ths[i];
th.style.width = layout.scrollY.value ? `${layout.gutterWidth}px` : "0";
th.style.display = layout.scrollY.value ? "" : "none";
}
};
return {
tableLayout: tableLayout.value,
onColumnsChange,
onScrollableChange
};
}
const TABLE_INJECTION_KEY = Symbol("ElTable");
function useEvent(props2, emit) {
const instance = getCurrentInstance();
const parent = inject(TABLE_INJECTION_KEY);
const handleFilterClick = (event) => {
event.stopPropagation();
return;
};
const handleHeaderClick = (event, column) => {
if (!column.filters && column.sortable) {
handleSortClick(event, column, false);
} else if (column.filterable && !column.sortable) {
handleFilterClick(event);
}
parent == null ? void 0 : parent.emit("header-click", column, event);
};
const handleHeaderContextMenu = (event, column) => {
parent == null ? void 0 : parent.emit("header-contextmenu", column, event);
};
const draggingColumn = ref(null);
const dragging = ref(false);
const dragState = ref({});
const handleMouseDown = (event, column) => {
if (!isClient)
return;
if (column.children && column.children.length > 0)
return;
if (draggingColumn.value && props2.border) {
dragging.value = true;
const table = parent;
emit("set-drag-visible", true);
const tableEl = table == null ? void 0 : table.vnode.el;
const tableLeft = tableEl.getBoundingClientRect().left;
const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);
const columnRect = columnEl.getBoundingClientRect();
const minLeft = columnRect.left - tableLeft + 30;
addClass(columnEl, "noclick");
dragState.value = {
startMouseLeft: event.clientX,
startLeft: columnRect.right - tableLeft,
startColumnLeft: columnRect.left - tableLeft,
tableLeft
};
const resizeProxy = table == null ? void 0 : table.refs.resizeProxy;
resizeProxy.style.left = `${dragState.value.startLeft}px`;
document.onselectstart = function() {
return false;
};
document.ondragstart = function() {
return false;
};
const handleMouseMove2 = (event2) => {
const deltaLeft = event2.clientX - dragState.value.startMouseLeft;
const proxyLeft = dragState.value.startLeft + deltaLeft;
resizeProxy.style.left = `${Math.max(minLeft, proxyLeft)}px`;
};
const handleMouseUp = () => {
if (dragging.value) {
const { startColumnLeft, startLeft } = dragState.value;
const finalLeft = Number.parseInt(resizeProxy.style.left, 10);
const columnWidth = finalLeft - startColumnLeft;
column.width = column.realWidth = columnWidth;
table == null ? void 0 : table.emit("header-dragend", column.width, startLeft - startColumnLeft, column, event);
requestAnimationFrame(() => {
props2.store.scheduleLayout(false, true);
});
document.body.style.cursor = "";
dragging.value = false;
draggingColumn.value = null;
dragState.value = {};
emit("set-drag-visible", false);
}
document.removeEventListener("mousemove", handleMouseMove2);
document.removeEventListener("mouseup", handleMouseUp);
document.onselectstart = null;
document.ondragstart = null;
setTimeout(() => {
removeClass(columnEl, "noclick");
}, 0);
};
document.addEventListener("mousemove", handleMouseMove2);
document.addEventListener("mouseup", handleMouseUp);
}
};
const handleMouseMove = (event, column) => {
if (column.children && column.children.length > 0)
return;
const el = event.target;
if (!isElement(el)) {
return;
}
const target = el == null ? void 0 : el.closest("th");
if (!column || !column.resizable)
return;
if (!dragging.value && props2.border) {
const rect = target.getBoundingClientRect();
const bodyStyle = document.body.style;
if (rect.width > 12 && rect.right - event.pageX < 8) {
bodyStyle.cursor = "col-resize";
if (hasClass(target, "is-sortable")) {
target.style.cursor = "col-resize";
}
draggingColumn.value = column;
} else if (!dragging.value) {
bodyStyle.cursor = "";
if (hasClass(target, "is-sortable")) {
target.style.cursor = "pointer";
}
draggingColumn.value = null;
}
}
};
const handleMouseOut = () => {
if (!isClient)
return;
document.body.style.cursor = "";
};
const toggleOrder = ({ order, sortOrders }) => {
if (order === "")
return sortOrders[0];
const index = sortOrders.indexOf(order || null);
return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
};
const handleSortClick = (event, column, givenOrder) => {
var _a;
event.stopPropagation();
const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
const target = (_a = event.target) == null ? void 0 : _a.closest("th");
if (target) {
if (hasClass(target, "noclick")) {
removeClass(target, "noclick");
return;
}
}
if (!column.sortable)
return;
const clickTarget = event.currentTarget;
if (["ascending", "descending"].some((str) => hasClass(clickTarget, str) && !column.sortOrders.includes(str))) {
return;
}
const states = props2.store.states;
let sortProp = states.sortProp.value;
let sortOrder;
const sortingColumn = states.sortingColumn.value;
if (sortingColumn !== column || sortingColumn === column && sortingColumn.order === null) {
if (sortingColumn) {
sortingColumn.order = null;
}
states.sortingColumn.value = column;
sortProp = column.property;
}
if (!order) {
sortOrder = column.order = null;
} else {
sortOrder = column.order = order;
}
states.sortProp.value = sortProp;
states.sortOrder.value = sortOrder;
parent == null ? void 0 : parent.store.commit("changeSortCondition");
};
return {
handleHeaderClick,
handleHeaderContextMenu,
handleMouseDown,
handleMouseMove,
handleMouseOut,
handleSortClick,
handleFilterClick
};
}
function useStyle$2(props2) {
const parent = inject(TABLE_INJECTION_KEY);
const ns = useNamespace("table");
const getHeaderRowStyle = (rowIndex) => {
const headerRowStyle = parent == null ? void 0 : parent.props.headerRowStyle;
if (typeof headerRowStyle === "function") {
return headerRowStyle.call(null, { rowIndex });
}
return headerRowStyle;
};
const getHeaderRowClass = (rowIndex) => {
const classes = [];
const headerRowClassName = parent == null ? void 0 : parent.props.headerRowClassName;
if (typeof headerRowClassName === "string") {
classes.push(headerRowClassName);
} else if (typeof headerRowClassName === "function") {
classes.push(headerRowClassName.call(null, { rowIndex }));
}
return classes.join(" ");
};
const getHeaderCellStyle = (rowIndex, columnIndex, row, column) => {
var _a;
let headerCellStyles = (_a = parent == null ? void 0 : parent.props.headerCellStyle) != null ? _a : {};
if (typeof headerCellStyles === "function") {
headerCellStyles = headerCellStyles.call(null, {
rowIndex,
columnIndex,
row,
column
});
}
const fixedStyle = getFixedColumnOffset(columnIndex, column.fixed, props2.store, row);
ensurePosition(fixedStyle, "left");
ensurePosition(fixedStyle, "right");
return Object.assign({}, headerCellStyles, fixedStyle);
};
const getHeaderCellClass = (rowIndex, columnIndex, row, column) => {
const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, column.fixed, props2.store, row);
const classes = [
column.id,
column.order,
column.headerAlign,
column.className,
column.labelClassName,
...fixedClasses
];
if (!column.children) {
classes.push("is-leaf");
}
if (column.sortable) {
classes.push("is-sortable");
}
const headerCellClassName = parent == null ? void 0 : parent.props.headerCellClassName;
if (typeof headerCellClassName === "string") {
classes.push(headerCellClassName);
} else if (typeof headerCellClassName === "function") {
classes.push(headerCellClassName.call(null, {
rowIndex,
columnIndex,
row,
column
}));
}
classes.push(ns.e("cell"));
return classes.filter((className) => Boolean(className)).join(" ");
};
return {
getHeaderRowStyle,
getHeaderRowClass,
getHeaderCellStyle,
getHeaderCellClass
};
}
const getAllColumns = (columns2) => {
const result = [];
columns2.forEach((column) => {
if (column.children) {
result.push(column);
result.push.apply(result, getAllColumns(column.children));
} else {
result.push(column);
}
});
return result;
};
const convertToRows = (originColumns) => {
let maxLevel = 1;
const traverse = (column, parent) => {
if (parent) {
column.level = parent.level + 1;
if (maxLevel < column.level) {
maxLevel = column.level;
}
}
if (column.children) {
let colSpan = 0;
column.children.forEach((subColumn) => {
traverse(subColumn, column);
colSpan += subColumn.colSpan;
});
column.colSpan = colSpan;
} else {
column.colSpan = 1;
}
};
originColumns.forEach((column) => {
column.level = 1;
traverse(column, void 0);
});
const rows = [];
for (let i = 0; i < maxLevel; i++) {
rows.push([]);
}
const allColumns = getAllColumns(originColumns);
allColumns.forEach((column) => {
if (!column.children) {
column.rowSpan = maxLevel - column.level + 1;
} else {
column.rowSpan = 1;
column.children.forEach((col) => col.isSubColumn = true);
}
rows[column.level - 1].push(column);
});
return rows;
};
function useUtils$1(props2) {
const parent = inject(TABLE_INJECTION_KEY);
const columnRows = computed(() => {
return convertToRows(props2.store.states.originColumns.value);
});
const isGroup = computed(() => {
const result = columnRows.value.length > 1;
if (result && parent) {
parent.state.isGroup.value = true;
}
return result;
});
const toggleAllSelection = (event) => {
event.stopPropagation();
parent == null ? void 0 : parent.store.commit("toggleAllSelection");
};
return {
isGroup,
toggleAllSelection,
columnRows
};
}
var TableHeader = defineComponent({
name: "ElTableHeader",
components: {
ElCheckbox
},
props: {
fixed: {
type: String,
default: ""
},
store: {
required: true,
type: Object
},
border: Boolean,
defaultSort: {
type: Object,
default: () => {
return {
prop: "",
order: ""
};
}
}
},
setup(props2, { emit }) {
const instance = getCurrentInstance();
const parent = inject(TABLE_INJECTION_KEY);
const ns = useNamespace("table");
const filterPanels = ref({});
const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
onMounted(async () => {
await nextTick();
await nextTick();
const { prop, order } = props2.defaultSort;
parent == null ? void 0 : parent.store.commit("sort", { prop, order, init: true });
});
const {
handleHeaderClick,
handleHeaderContextMenu,
handleMouseDown,
handleMouseMove,
handleMouseOut,
handleSortClick,
handleFilterClick
} = useEvent(props2, emit);
const {
getHeaderRowStyle,
getHeaderRowClass,
getHeaderCellStyle,
getHeaderCellClass
} = useStyle$2(props2);
const { isGroup, toggleAllSelection, columnRows } = useUtils$1(props2);
instance.state = {
onColumnsChange,
onScrollableChange
};
instance.filterPanels = filterPanels;
return {
ns,
filterPanels,
onColumnsChange,
onScrollableChange,
columnRows,
getHeaderRowClass,
getHeaderRowStyle,
getHeaderCellClass,
getHeaderCellStyle,
handleHeaderClick,
handleHeaderContextMenu,
handleMouseDown,
handleMouseMove,
handleMouseOut,
handleSortClick,
handleFilterClick,
isGroup,
toggleAllSelection
};
},
render() {
const {
ns,
isGroup,
columnRows,
getHeaderCellStyle,
getHeaderCellClass,
getHeaderRowClass,
getHeaderRowStyle,
handleHeaderClick,
handleHeaderContextMenu,
handleMouseDown,
handleMouseMove,
handleSortClick,
handleMouseOut,
store,
$parent
} = this;
let rowSpan = 1;
return h$1("thead", {
class: { [ns.is("group")]: isGroup }
}, columnRows.map((subColumns, rowIndex) => h$1("tr", {
class: getHeaderRowClass(rowIndex),
key: rowIndex,
style: getHeaderRowStyle(rowIndex)
}, subColumns.map((column, cellIndex) => {
if (column.rowSpan > rowSpan) {
rowSpan = column.rowSpan;
}
return h$1("th", {
class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
colspan: column.colSpan,
key: `${column.id}-thead`,
rowspan: column.rowSpan,
style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
onClick: ($event) => {
if ($event.currentTarget.classList.contains("noclick")) {
return;
}
handleHeaderClick($event, column);
},
onContextmenu: ($event) => handleHeaderContextMenu($event, column),
onMousedown: ($event) => handleMouseDown($event, column),
onMousemove: ($event) => handleMouseMove($event, column),
onMouseout: handleMouseOut
}, [
h$1("div", {
class: [
"cell",
column.filteredValue && column.filteredValue.length > 0 ? "highlight" : ""
]
}, [
column.renderHeader ? column.renderHeader({
column,
$index: cellIndex,
store,
_self: $parent
}) : column.label,
column.sortable && h$1("span", {
onClick: ($event) => handleSortClick($event, column),
class: "caret-wrapper"
}, [
h$1("i", {
onClick: ($event) => handleSortClick($event, column, "ascending"),
class: "sort-caret ascending"
}),
h$1("i", {
onClick: ($event) => handleSortClick($event, column, "descending"),
class: "sort-caret descending"
})
]),
column.filterable && h$1(FilterPanel, {
store,
placement: column.filterPlacement || "bottom-start",
column,
upDataColumn: (key, value) => {
column[key] = value;
}
}, {
"filter-icon": () => column.renderFilterIcon ? column.renderFilterIcon({
filterOpened: column.filterOpened
}) : null
})
])
]);
}))));
}
});
function isGreaterThan(a2, b2, epsilon = 0.03) {
return a2 - b2 > epsilon;
}
function useEvents(props2) {
const parent = inject(TABLE_INJECTION_KEY);
const tooltipContent = ref("");
const tooltipTrigger = ref(h$1("div"));
const handleEvent = (event, row, name) => {
var _a;
const table = parent;
const cell = getCell(event);
let column;
const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
if (cell) {
column = getColumnByCell({
columns: props2.store.states.columns.value
}, cell, namespace);
if (column) {
table == null ? void 0 : table.emit(`cell-${name}`, row, column, cell, event);
}
}
table == null ? void 0 : table.emit(`row-${name}`, row, column, event);
};
const handleDoubleClick = (event, row) => {
handleEvent(event, row, "dblclick");
};
const handleClick = (event, row) => {
props2.store.commit("setCurrentRow", row);
handleEvent(event, row, "click");
};
const handleContextMenu = (event, row) => {
handleEvent(event, row, "contextmenu");
};
const handleMouseEnter = debounce((index) => {
props2.store.commit("setHoverRow", index);
}, 30);
const handleMouseLeave = debounce(() => {
props2.store.commit("setHoverRow", null);
}, 30);
const getPadding = (el) => {
const style3 = window.getComputedStyle(el, null);
const paddingLeft = Number.parseInt(style3.paddingLeft, 10) || 0;
const paddingRight = Number.parseInt(style3.paddingRight, 10) || 0;
const paddingTop = Number.parseInt(style3.paddingTop, 10) || 0;
const paddingBottom = Number.parseInt(style3.paddingBottom, 10) || 0;
return {
left: paddingLeft,
right: paddingRight,
top: paddingTop,
bottom: paddingBottom
};
};
const toggleRowClassByCell = (rowSpan, event, toggle) => {
let node = event.target.parentNode;
while (rowSpan > 1) {
node = node == null ? void 0 : node.nextSibling;
if (!node || node.nodeName !== "TR")
break;
toggle(node, "hover-row hover-fixed-row");
rowSpan--;
}
};
const handleCellMouseEnter = (event, row, tooltipOptions) => {
var _a;
const table = parent;
const cell = getCell(event);
const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
if (cell) {
const column = getColumnByCell({
columns: props2.store.states.columns.value
}, cell, namespace);
if (cell.rowSpan > 1) {
toggleRowClassByCell(cell.rowSpan, event, addClass);
}
const hoverState = table.hoverState = { cell, column, row };
table == null ? void 0 : table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
}
if (!tooltipOptions) {
return;
}
const cellChild = event.target.querySelector(".cell");
if (!(hasClass(cellChild, `${namespace}-tooltip`) && cellChild.childNodes.length)) {
return;
}
const range3 = document.createRange();
range3.setStart(cellChild, 0);
range3.setEnd(cellChild, cellChild.childNodes.length);
const { width: rangeWidth, height: rangeHeight } = range3.getBoundingClientRect();
const { width: cellChildWidth, height: cellChildHeight } = cellChild.getBoundingClientRect();
const { top, left, right, bottom } = getPadding(cellChild);
const horizontalPadding = left + right;
const verticalPadding = top + bottom;
if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
}
};
const handleCellMouseLeave = (event) => {
const cell = getCell(event);
if (!cell)
return;
if (cell.rowSpan > 1) {
toggleRowClassByCell(cell.rowSpan, event, removeClass);
}
const oldHoverState = parent == null ? void 0 : parent.hoverState;
parent == null ? void 0 : parent.emit("cell-mouse-leave", oldHoverState == null ? void 0 : oldHoverState.row, oldHoverState == null ? void 0 : oldHoverState.column, oldHoverState == null ? void 0 : oldHoverState.cell, event);
};
return {
handleDoubleClick,
handleClick,
handleContextMenu,
handleMouseEnter,
handleMouseLeave,
handleCellMouseEnter,
handleCellMouseLeave,
tooltipContent,
tooltipTrigger
};
}
function useStyles(props2) {
const parent = inject(TABLE_INJECTION_KEY);
const ns = useNamespace("table");
const getRowStyle = (row, rowIndex) => {
const rowStyle = parent == null ? void 0 : parent.props.rowStyle;
if (typeof rowStyle === "function") {
return rowStyle.call(null, {
row,
rowIndex
});
}
return rowStyle || null;
};
const getRowClass = (row, rowIndex) => {
const classes = [ns.e("row")];
if ((parent == null ? void 0 : parent.props.highlightCurrentRow) && row === props2.store.states.currentRow.value) {
classes.push("current-row");
}
if (props2.stripe && rowIndex % 2 === 1) {
classes.push(ns.em("row", "striped"));
}
const rowClassName = parent == null ? void 0 : parent.props.rowClassName;
if (typeof rowClassName === "string") {
classes.push(rowClassName);
} else if (typeof rowClassName === "function") {
classes.push(rowClassName.call(null, {
row,
rowIndex
}));
}
return classes;
};
const getCellStyle = (rowIndex, columnIndex, row, column) => {
const cellStyle = parent == null ? void 0 : parent.props.cellStyle;
let cellStyles = cellStyle != null ? cellStyle : {};
if (typeof cellStyle === "function") {
cellStyles = cellStyle.call(null, {
rowIndex,
columnIndex,
row,
column
});
}
const fixedStyle = getFixedColumnOffset(columnIndex, props2 == null ? void 0 : props2.fixed, props2.store);
ensurePosition(fixedStyle, "left");
ensurePosition(fixedStyle, "right");
return Object.assign({}, cellStyles, fixedStyle);
};
const getCellClass = (rowIndex, columnIndex, row, column, offset) => {
const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, props2 == null ? void 0 : props2.fixed, props2.store, void 0, offset);
const classes = [column.id, column.align, column.className, ...fixedClasses];
const cellClassName = parent == null ? void 0 : parent.props.cellClassName;
if (typeof cellClassName === "string") {
classes.push(cellClassName);
} else if (typeof cellClassName === "function") {
classes.push(cellClassName.call(null, {
rowIndex,
columnIndex,
row,
column
}));
}
classes.push(ns.e("cell"));
return classes.filter((className) => Boolean(className)).join(" ");
};
const getSpan = (row, column, rowIndex, columnIndex) => {
let rowspan = 1;
let colspan = 1;
const fn2 = parent == null ? void 0 : parent.props.spanMethod;
if (typeof fn2 === "function") {
const result = fn2({
row,
column,
rowIndex,
columnIndex
});
if (Array.isArray(result)) {
rowspan = result[0];
colspan = result[1];
} else if (typeof result === "object") {
rowspan = result.rowspan;
colspan = result.colspan;
}
}
return { rowspan, colspan };
};
const getColspanRealWidth = (columns2, colspan, index) => {
if (colspan < 1) {
return columns2[index].realWidth;
}
const widthArr = columns2.map(({ realWidth, width }) => realWidth || width).slice(index, index + colspan);
return Number(widthArr.reduce((acc, width) => Number(acc) + Number(width), -1));
};
return {
getRowStyle,
getRowClass,
getCellStyle,
getCellClass,
getSpan,
getColspanRealWidth
};
}
function useRender$1(props2) {
const parent = inject(TABLE_INJECTION_KEY);
const ns = useNamespace("table");
const {
handleDoubleClick,
handleClick,
handleContextMenu,
handleMouseEnter,
handleMouseLeave,
handleCellMouseEnter,
handleCellMouseLeave,
tooltipContent,
tooltipTrigger
} = useEvents(props2);
const {
getRowStyle,
getRowClass,
getCellStyle,
getCellClass,
getSpan,
getColspanRealWidth
} = useStyles(props2);
const firstDefaultColumnIndex = computed(() => {
return props2.store.states.columns.value.findIndex(({ type: type4 }) => type4 === "default");
});
const getKeyOfRow = (row, index) => {
const rowKey = parent.props.rowKey;
if (rowKey) {
return getRowIdentity(row, rowKey);
}
return index;
};
const rowRender = (row, $index, treeRowData, expanded = false) => {
const { tooltipEffect, tooltipOptions, store } = props2;
const { indent, columns: columns2 } = store.states;
const rowClasses = getRowClass(row, $index);
let display = true;
if (treeRowData) {
rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
display = treeRowData.display;
}
const displayStyle = display ? null : {
display: "none"
};
return h$1("tr", {
style: [displayStyle, getRowStyle(row, $index)],
class: rowClasses,
key: getKeyOfRow(row, $index),
onDblclick: ($event) => handleDoubleClick($event, row),
onClick: ($event) => handleClick($event, row),
onContextmenu: ($event) => handleContextMenu($event, row),
onMouseenter: () => handleMouseEnter($index),
onMouseleave: handleMouseLeave
}, columns2.value.map((column, cellIndex) => {
const { rowspan, colspan } = getSpan(row, column, $index, cellIndex);
if (!rowspan || !colspan) {
return null;
}
const columnData = Object.assign({}, column);
columnData.realWidth = getColspanRealWidth(columns2.value, colspan, cellIndex);
const data2 = {
store: props2.store,
_self: props2.context || parent,
column: columnData,
row,
$index,
cellIndex,
expanded
};
if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {
data2.treeNode = {
indent: treeRowData.level * indent.value,
level: treeRowData.level
};
if (typeof treeRowData.expanded === "boolean") {
data2.treeNode.expanded = treeRowData.expanded;
if ("loading" in treeRowData) {
data2.treeNode.loading = treeRowData.loading;
}
if ("noLazyChildren" in treeRowData) {
data2.treeNode.noLazyChildren = treeRowData.noLazyChildren;
}
}
}
const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`;
const patchKey = columnData.columnKey || columnData.rawColumnKey || "";
const tdChildren = cellChildren(cellIndex, column, data2);
const mergedTooltipOptions = column.showOverflowTooltip && merge({
effect: tooltipEffect
}, tooltipOptions, column.showOverflowTooltip);
return h$1("td", {
style: getCellStyle($index, cellIndex, row, column),
class: getCellClass($index, cellIndex, row, column, colspan - 1),
key: `${patchKey}${baseKey}`,
rowspan,
colspan,
onMouseenter: ($event) => handleCellMouseEnter($event, row, mergedTooltipOptions),
onMouseleave: handleCellMouseLeave
}, [tdChildren]);
}));
};
const cellChildren = (cellIndex, column, data2) => {
return column.renderCell(data2);
};
const wrappedRowRender = (row, $index) => {
const store = props2.store;
const { isRowExpanded, assertRowKey } = store;
const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } = store.states;
const columns2 = store.states.columns.value;
const hasExpandColumn = columns2.some(({ type: type4 }) => type4 === "expand");
if (hasExpandColumn) {
const expanded = isRowExpanded(row);
const tr = rowRender(row, $index, void 0, expanded);
const renderExpanded = parent.renderExpanded;
if (expanded) {
if (!renderExpanded) {
console.error("[Element Error]renderExpanded is required.");
return tr;
}
return [
[
tr,
h$1("tr", {
key: `expanded-row__${tr.key}`
}, [
h$1("td", {
colspan: columns2.length,
class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
}, [renderExpanded({ row, $index, store, expanded })])
])
]
];
} else {
return [[tr]];
}
} else if (Object.keys(treeData.value).length) {
assertRowKey();
const key = getRowIdentity(row, rowKey.value);
let cur = treeData.value[key];
let treeRowData = null;
if (cur) {
treeRowData = {
expanded: cur.expanded,
level: cur.level,
display: true
};
if (typeof cur.lazy === "boolean") {
if (typeof cur.loaded === "boolean" && cur.loaded) {
treeRowData.noLazyChildren = !(cur.children && cur.children.length);
}
treeRowData.loading = cur.loading;
}
}
const tmp = [rowRender(row, $index, treeRowData)];
if (cur) {
let i = 0;
const traverse = (children, parent2) => {
if (!(children && children.length && parent2))
return;
children.forEach((node) => {
const innerTreeRowData = {
display: parent2.display && parent2.expanded,
level: parent2.level + 1,
expanded: false,
noLazyChildren: false,
loading: false
};
const childKey = getRowIdentity(node, rowKey.value);
if (childKey === void 0 || childKey === null) {
throw new Error("For nested data item, row-key is required.");
}
cur = { ...treeData.value[childKey] };
if (cur) {
innerTreeRowData.expanded = cur.expanded;
cur.level = cur.level || innerTreeRowData.level;
cur.display = !!(cur.expanded && innerTreeRowData.display);
if (typeof cur.lazy === "boolean") {
if (typeof cur.loaded === "boolean" && cur.loaded) {
innerTreeRowData.noLazyChildren = !(cur.children && cur.children.length);
}
innerTreeRowData.loading = cur.loading;
}
}
i++;
tmp.push(rowRender(node, $index + i, innerTreeRowData));
if (cur) {
const nodes2 = lazyTreeNodeMap.value[childKey] || node[childrenColumnName.value];
traverse(nodes2, cur);
}
});
};
cur.display = true;
const nodes = lazyTreeNodeMap.value[key] || row[childrenColumnName.value];
traverse(nodes, cur);
}
return tmp;
} else {
return rowRender(row, $index, void 0);
}
};
return {
wrappedRowRender,
tooltipContent,
tooltipTrigger
};
}
const defaultProps$2 = {
store: {
required: true,
type: Object
},
stripe: Boolean,
tooltipEffect: String,
tooltipOptions: {
type: Object
},
context: {
default: () => ({}),
type: Object
},
rowClassName: [String, Function],
rowStyle: [Object, Function],
fixed: {
type: String,
default: ""
},
highlight: Boolean
};
var TableBody = defineComponent({
name: "ElTableBody",
props: defaultProps$2,
setup(props2) {
const instance = getCurrentInstance();
const parent = inject(TABLE_INJECTION_KEY);
const ns = useNamespace("table");
const { wrappedRowRender, tooltipContent, tooltipTrigger } = useRender$1(props2);
const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
const hoveredCellList = [];
watch(props2.store.states.hoverRow, (newVal, oldVal) => {
var _a;
const el = instance == null ? void 0 : instance.vnode.el;
const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
let rowNum = newVal;
const childNodes = (_a = rows[rowNum]) == null ? void 0 : _a.childNodes;
if (childNodes == null ? void 0 : childNodes.length) {
let control = 0;
const indexes = Array.from(childNodes).reduce((acc, item, index) => {
var _a2, _b;
if (((_a2 = childNodes[index]) == null ? void 0 : _a2.colSpan) > 1) {
control = (_b = childNodes[index]) == null ? void 0 : _b.colSpan;
}
if (item.nodeName !== "TD" && control === 0) {
acc.push(index);
}
control > 0 && control--;
return acc;
}, []);
indexes.forEach((rowIndex) => {
var _a2;
rowNum = newVal;
while (rowNum > 0) {
const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
addClass(preChildNodes[rowIndex], "hover-cell");
hoveredCellList.push(preChildNodes[rowIndex]);
break;
}
rowNum--;
}
});
} else {
hoveredCellList.forEach((item) => removeClass(item, "hover-cell"));
hoveredCellList.length = 0;
}
if (!props2.store.states.isComplex.value || !isClient)
return;
rAF(() => {
const oldRow = rows[oldVal];
const newRow = rows[newVal];
if (oldRow && !oldRow.classList.contains("hover-fixed-row")) {
removeClass(oldRow, "hover-row");
}
if (newRow) {
addClass(newRow, "hover-row");
}
});
});
onUnmounted(() => {
var _a;
(_a = removePopper) == null ? void 0 : _a();
});
return {
ns,
onColumnsChange,
onScrollableChange,
wrappedRowRender,
tooltipContent,
tooltipTrigger
};
},
render() {
const { wrappedRowRender, store } = this;
const data2 = store.states.data.value || [];
return h$1("tbody", { tabIndex: -1 }, [
data2.reduce((acc, row) => {
return acc.concat(wrappedRowRender(row, acc.length));
}, [])
]);
}
});
function useMapState() {
const table = inject(TABLE_INJECTION_KEY);
const store = table == null ? void 0 : table.store;
const leftFixedLeafCount = computed(() => {
return store.states.fixedLeafColumnsLength.value;
});
const rightFixedLeafCount = computed(() => {
return store.states.rightFixedColumns.value.length;
});
const columnsCount = computed(() => {
return store.states.columns.value.length;
});
const leftFixedCount = computed(() => {
return store.states.fixedColumns.value.length;
});
const rightFixedCount = computed(() => {
return store.states.rightFixedColumns.value.length;
});
return {
leftFixedLeafCount,
rightFixedLeafCount,
columnsCount,
leftFixedCount,
rightFixedCount,
columns: store.states.columns
};
}
function useStyle$1(props2) {
const { columns: columns2 } = useMapState();
const ns = useNamespace("table");
const getCellClasses = (columns22, cellIndex) => {
const column = columns22[cellIndex];
const classes = [
ns.e("cell"),
column.id,
column.align,
column.labelClassName,
...getFixedColumnsClass(ns.b(), cellIndex, column.fixed, props2.store)
];
if (column.className) {
classes.push(column.className);
}
if (!column.children) {
classes.push(ns.is("leaf"));
}
return classes;
};
const getCellStyles = (column, cellIndex) => {
const fixedStyle = getFixedColumnOffset(cellIndex, column.fixed, props2.store);
ensurePosition(fixedStyle, "left");
ensurePosition(fixedStyle, "right");
return fixedStyle;
};
return {
getCellClasses,
getCellStyles,
columns: columns2
};
}
var TableFooter = defineComponent({
name: "ElTableFooter",
props: {
fixed: {
type: String,
default: ""
},
store: {
required: true,
type: Object
},
summaryMethod: Function,
sumText: String,
border: Boolean,
defaultSort: {
type: Object,
default: () => {
return {
prop: "",
order: ""
};
}
}
},
setup(props2) {
const { getCellClasses, getCellStyles, columns: columns2 } = useStyle$1(props2);
const ns = useNamespace("table");
return {
ns,
getCellClasses,
getCellStyles,
columns: columns2
};
},
render() {
const { columns: columns2, getCellStyles, getCellClasses, summaryMethod, sumText } = this;
const data2 = this.store.states.data.value;
let sums = [];
if (summaryMethod) {
sums = summaryMethod({
columns: columns2,
data: data2
});
} else {
columns2.forEach((column, index) => {
if (index === 0) {
sums[index] = sumText;
return;
}
const values = data2.map((item) => Number(item[column.property]));
const precisions = [];
let notNumber = true;
values.forEach((value) => {
if (!Number.isNaN(+value)) {
notNumber = false;
const decimal = `${value}`.split(".")[1];
precisions.push(decimal ? decimal.length : 0);
}
});
const precision = Math.max.apply(null, precisions);
if (!notNumber) {
sums[index] = values.reduce((prev2, curr) => {
const value = Number(curr);
if (!Number.isNaN(+value)) {
return Number.parseFloat((prev2 + curr).toFixed(Math.min(precision, 20)));
} else {
return prev2;
}
}, 0);
} else {
sums[index] = "";
}
});
}
return h$1(h$1("tfoot", [
h$1("tr", {}, [
...columns2.map((column, cellIndex) => h$1("td", {
key: cellIndex,
colspan: column.colSpan,
rowspan: column.rowSpan,
class: getCellClasses(columns2, cellIndex),
style: getCellStyles(column, cellIndex)
}, [
h$1("div", {
class: ["cell", column.labelClassName]
}, [sums[cellIndex]])
]))
])
]));
}
});
function useUtils(store) {
const setCurrentRow = (row) => {
store.commit("setCurrentRow", row);
};
const getSelectionRows = () => {
return store.getSelectionRows();
};
const toggleRowSelection = (row, selected) => {
store.toggleRowSelection(row, selected, false);
store.updateAllSelected();
};
const clearSelection = () => {
store.clearSelection();
};
const clearFilter = (columnKeys) => {
store.clearFilter(columnKeys);
};
const toggleAllSelection = () => {
store.commit("toggleAllSelection");
};
const toggleRowExpansion = (row, expanded) => {
store.toggleRowExpansionAdapter(row, expanded);
};
const clearSort = () => {
store.clearSort();
};
const sort = (prop, order) => {
store.commit("sort", { prop, order });
};
return {
setCurrentRow,
getSelectionRows,
toggleRowSelection,
clearSelection,
clearFilter,
toggleAllSelection,
toggleRowExpansion,
clearSort,
sort
};
}
function useStyle(props2, layout, store, table) {
const isHidden2 = ref(false);
const renderExpanded = ref(null);
const resizeProxyVisible = ref(false);
const setDragVisible = (visible) => {
resizeProxyVisible.value = visible;
};
const resizeState = ref({
width: null,
height: null,
headerHeight: null
});
const isGroup = ref(false);
const scrollbarViewStyle = {
display: "inline-block",
verticalAlign: "middle"
};
const tableWidth = ref();
const tableScrollHeight = ref(0);
const bodyScrollHeight = ref(0);
const headerScrollHeight = ref(0);
const footerScrollHeight = ref(0);
const appendScrollHeight = ref(0);
watchEffect(() => {
layout.setHeight(props2.height);
});
watchEffect(() => {
layout.setMaxHeight(props2.maxHeight);
});
watch(() => [props2.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
if (!unref(rowKey) || !unref(currentRowKey))
return;
store.setCurrentRowKey(`${currentRowKey}`);
}, {
immediate: true
});
watch(() => props2.data, (data2) => {
table.store.commit("setData", data2);
}, {
immediate: true,
deep: true
});
watchEffect(() => {
if (props2.expandRowKeys) {
store.setExpandRowKeysAdapter(props2.expandRowKeys);
}
});
const handleMouseLeave = () => {
table.store.commit("setHoverRow", null);
if (table.hoverState)
table.hoverState = null;
};
const handleHeaderFooterMousewheel = (event, data2) => {
const { pixelX, pixelY } = data2;
if (Math.abs(pixelX) >= Math.abs(pixelY)) {
table.refs.bodyWrapper.scrollLeft += data2.pixelX / 5;
}
};
const shouldUpdateHeight = computed(() => {
return props2.height || props2.maxHeight || store.states.fixedColumns.value.length > 0 || store.states.rightFixedColumns.value.length > 0;
});
const tableBodyStyles = computed(() => {
return {
width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : ""
};
});
const doLayout = () => {
if (shouldUpdateHeight.value) {
layout.updateElsHeight();
}
layout.updateColumnsWidth();
requestAnimationFrame(syncPosition);
};
onMounted(async () => {
await nextTick();
store.updateColumns();
bindEvents();
requestAnimationFrame(doLayout);
const el = table.vnode.el;
const tableHeader = table.refs.headerWrapper;
if (props2.flexible && el && el.parentElement) {
el.parentElement.style.minWidth = "0";
}
resizeState.value = {
width: tableWidth.value = el.offsetWidth,
height: el.offsetHeight,
headerHeight: props2.showHeader && tableHeader ? tableHeader.offsetHeight : null
};
store.states.columns.value.forEach((column) => {
if (column.filteredValue && column.filteredValue.length) {
table.store.commit("filterChange", {
column,
values: column.filteredValue,
silent: true
});
}
});
table.$ready = true;
});
const setScrollClassByEl = (el, className) => {
if (!el)
return;
const classList = Array.from(el.classList).filter((item) => !item.startsWith("is-scrolling-"));
classList.push(layout.scrollX.value ? className : "is-scrolling-none");
el.className = classList.join(" ");
};
const setScrollClass = (className) => {
const { tableWrapper } = table.refs;
setScrollClassByEl(tableWrapper, className);
};
const hasScrollClass = (className) => {
const { tableWrapper } = table.refs;
return !!(tableWrapper && tableWrapper.classList.contains(className));
};
const syncPosition = function() {
if (!table.refs.scrollBarRef)
return;
if (!layout.scrollX.value) {
const scrollingNoneClass = "is-scrolling-none";
if (!hasScrollClass(scrollingNoneClass)) {
setScrollClass(scrollingNoneClass);
}
return;
}
const scrollContainer = table.refs.scrollBarRef.wrapRef;
if (!scrollContainer)
return;
const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
const { headerWrapper, footerWrapper } = table.refs;
if (headerWrapper)
headerWrapper.scrollLeft = scrollLeft;
if (footerWrapper)
footerWrapper.scrollLeft = scrollLeft;
const maxScrollLeftPosition = scrollWidth - offsetWidth - 1;
if (scrollLeft >= maxScrollLeftPosition) {
setScrollClass("is-scrolling-right");
} else if (scrollLeft === 0) {
setScrollClass("is-scrolling-left");
} else {
setScrollClass("is-scrolling-middle");
}
};
const bindEvents = () => {
if (!table.refs.scrollBarRef)
return;
if (table.refs.scrollBarRef.wrapRef) {
useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, {
passive: true
});
}
if (props2.fit) {
useResizeObserver(table.vnode.el, resizeListener);
} else {
useEventListener(window, "resize", resizeListener);
}
useResizeObserver(table.refs.bodyWrapper, () => {
var _a, _b;
resizeListener();
(_b = (_a = table.refs) == null ? void 0 : _a.scrollBarRef) == null ? void 0 : _b.update();
});
};
const resizeListener = () => {
var _a, _b, _c, _d;
const el = table.vnode.el;
if (!table.$ready || !el)
return;
let shouldUpdateLayout = false;
const {
width: oldWidth,
height: oldHeight,
headerHeight: oldHeaderHeight
} = resizeState.value;
const width = tableWidth.value = el.offsetWidth;
if (oldWidth !== width) {
shouldUpdateLayout = true;
}
const height = el.offsetHeight;
if ((props2.height || shouldUpdateHeight.value) && oldHeight !== height) {
shouldUpdateLayout = true;
}
const tableHeader = props2.tableLayout === "fixed" ? table.refs.headerWrapper : (_a = table.refs.tableHeaderRef) == null ? void 0 : _a.$el;
if (props2.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) !== oldHeaderHeight) {
shouldUpdateLayout = true;
}
tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
appendScrollHeight.value = ((_d = table.refs.appendWrapper) == null ? void 0 : _d.offsetHeight) || 0;
bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value - appendScrollHeight.value;
if (shouldUpdateLayout) {
resizeState.value = {
width,
height,
headerHeight: props2.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
};
doLayout();
}
};
const tableSize = useFormSize();
const bodyWidth = computed(() => {
const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout;
return bodyWidth_.value ? `${bodyWidth_.value - (scrollY.value ? gutterWidth : 0)}px` : "";
});
const tableLayout = computed(() => {
if (props2.maxHeight)
return "fixed";
return props2.tableLayout;
});
const emptyBlockStyle = computed(() => {
if (props2.data && props2.data.length)
return null;
let height = "100%";
if (props2.height && bodyScrollHeight.value) {
height = `${bodyScrollHeight.value}px`;
}
const width = tableWidth.value;
return {
width: width ? `${width}px` : "",
height
};
});
const tableInnerStyle = computed(() => {
if (props2.height) {
return {
height: !Number.isNaN(Number(props2.height)) ? `${props2.height}px` : props2.height
};
}
if (props2.maxHeight) {
return {
maxHeight: !Number.isNaN(Number(props2.maxHeight)) ? `${props2.maxHeight}px` : props2.maxHeight
};
}
return {};
});
const scrollbarStyle = computed(() => {
if (props2.height) {
return {
height: "100%"
};
}
if (props2.maxHeight) {
if (!Number.isNaN(Number(props2.maxHeight))) {
return {
maxHeight: `${props2.maxHeight - headerScrollHeight.value - footerScrollHeight.value}px`
};
} else {
return {
maxHeight: `calc(${props2.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)`
};
}
}
return {};
});
const handleFixedMousewheel = (event, data2) => {
const bodyWrapper = table.refs.bodyWrapper;
if (Math.abs(data2.spinY) > 0) {
const currentScrollTop = bodyWrapper.scrollTop;
if (data2.pixelY < 0 && currentScrollTop !== 0) {
event.preventDefault();
}
if (data2.pixelY > 0 && bodyWrapper.scrollHeight - bodyWrapper.clientHeight > currentScrollTop) {
event.preventDefault();
}
bodyWrapper.scrollTop += Math.ceil(data2.pixelY / 5);
} else {
bodyWrapper.scrollLeft += Math.ceil(data2.pixelX / 5);
}
};
return {
isHidden: isHidden2,
renderExpanded,
setDragVisible,
isGroup,
handleMouseLeave,
handleHeaderFooterMousewheel,
tableSize,
emptyBlockStyle,
handleFixedMousewheel,
resizeProxyVisible,
bodyWidth,
resizeState,
doLayout,
tableBodyStyles,
tableLayout,
scrollbarViewStyle,
tableInnerStyle,
scrollbarStyle
};
}
function useKeyRender(table) {
const observer = ref();
const initWatchDom = () => {
const el = table.vnode.el;
const columnsWrapper = el.querySelector(".hidden-columns");
const config2 = { childList: true, subtree: true };
const updateOrderFns = table.store.states.updateOrderFns;
observer.value = new MutationObserver(() => {
updateOrderFns.forEach((fn2) => fn2());
});
observer.value.observe(columnsWrapper, config2);
};
onMounted(() => {
initWatchDom();
});
onUnmounted(() => {
var _a;
(_a = observer.value) == null ? void 0 : _a.disconnect();
});
}
var defaultProps$1 = {
data: {
type: Array,
default: () => []
},
size: useSizeProp,
width: [String, Number],
height: [String, Number],
maxHeight: [String, Number],
fit: {
type: Boolean,
default: true
},
stripe: Boolean,
border: Boolean,
rowKey: [String, Function],
showHeader: {
type: Boolean,
default: true
},
showSummary: Boolean,
sumText: String,
summaryMethod: Function,
rowClassName: [String, Function],
rowStyle: [Object, Function],
cellClassName: [String, Function],
cellStyle: [Object, Function],
headerRowClassName: [String, Function],
headerRowStyle: [Object, Function],
headerCellClassName: [String, Function],
headerCellStyle: [Object, Function],
highlightCurrentRow: Boolean,
currentRowKey: [String, Number],
emptyText: String,
expandRowKeys: Array,
defaultExpandAll: Boolean,
defaultSort: Object,
tooltipEffect: String,
tooltipOptions: Object,
spanMethod: Function,
selectOnIndeterminate: {
type: Boolean,
default: true
},
indent: {
type: Number,
default: 16
},
treeProps: {
type: Object,
default: () => {
return {
hasChildren: "hasChildren",
children: "children",
checkStrictly: false
};
}
},
lazy: Boolean,
load: Function,
style: {
type: Object,
default: () => ({})
},
className: {
type: String,
default: ""
},
tableLayout: {
type: String,
default: "fixed"
},
scrollbarAlwaysOn: Boolean,
flexible: Boolean,
showOverflowTooltip: [Boolean, Object]
};
function hColgroup(props2) {
const isAuto = props2.tableLayout === "auto";
let columns2 = props2.columns || [];
if (isAuto) {
if (columns2.every((column) => column.width === void 0)) {
columns2 = [];
}
}
const getPropsData = (column) => {
const propsData = {
key: `${props2.tableLayout}_${column.id}`,
style: {},
name: void 0
};
if (isAuto) {
propsData.style = {
width: `${column.width}px`
};
} else {
propsData.name = column.id;
}
return propsData;
};
return h$1("colgroup", {}, columns2.map((column) => h$1("col", getPropsData(column))));
}
hColgroup.props = ["columns", "tableLayout"];
const useScrollbar = () => {
const scrollBarRef = ref();
const scrollTo = (options2, yCoord) => {
const scrollbar = scrollBarRef.value;
if (scrollbar) {
scrollbar.scrollTo(options2, yCoord);
}
};
const setScrollPosition = (position, offset) => {
const scrollbar = scrollBarRef.value;
if (scrollbar && isNumber$1(offset) && ["Top", "Left"].includes(position)) {
scrollbar[`setScroll${position}`](offset);
}
};
const setScrollTop = (top) => setScrollPosition("Top", top);
const setScrollLeft = (left) => setScrollPosition("Left", left);
return {
scrollBarRef,
scrollTo,
setScrollTop,
setScrollLeft
};
};
let tableIdSeed = 1;
const _sfc_main$k = defineComponent({
name: "ElTable",
directives: {
Mousewheel
},
components: {
TableHeader,
TableBody,
TableFooter,
ElScrollbar,
hColgroup
},
props: defaultProps$1,
emits: [
"select",
"select-all",
"selection-change",
"cell-mouse-enter",
"cell-mouse-leave",
"cell-contextmenu",
"cell-click",
"cell-dblclick",
"row-click",
"row-contextmenu",
"row-dblclick",
"header-click",
"header-contextmenu",
"sort-change",
"filter-change",
"current-change",
"header-dragend",
"expand-change"
],
setup(props2) {
const { t } = useLocale();
const ns = useNamespace("table");
const table = getCurrentInstance();
provide(TABLE_INJECTION_KEY, table);
const store = createStore(table, props2);
table.store = store;
const layout = new TableLayout({
store: table.store,
table,
fit: props2.fit,
showHeader: props2.showHeader
});
table.layout = layout;
const isEmpty = computed(() => (store.states.data.value || []).length === 0);
const {
setCurrentRow,
getSelectionRows,
toggleRowSelection,
clearSelection,
clearFilter,
toggleAllSelection,
toggleRowExpansion,
clearSort,
sort
} = useUtils(store);
const {
isHidden: isHidden2,
renderExpanded,
setDragVisible,
isGroup,
handleMouseLeave,
handleHeaderFooterMousewheel,
tableSize,
emptyBlockStyle,
handleFixedMousewheel,
resizeProxyVisible,
bodyWidth,
resizeState,
doLayout,
tableBodyStyles,
tableLayout,
scrollbarViewStyle,
tableInnerStyle,
scrollbarStyle
} = useStyle(props2, layout, store, table);
const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar();
const debouncedUpdateLayout = debounce(doLayout, 50);
const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`;
table.tableId = tableId;
table.state = {
isGroup,
resizeState,
doLayout,
debouncedUpdateLayout
};
const computedSumText = computed(() => {
var _a;
return (_a = props2.sumText) != null ? _a : t("el.table.sumText");
});
const computedEmptyText = computed(() => {
var _a;
return (_a = props2.emptyText) != null ? _a : t("el.table.emptyText");
});
const columns2 = computed(() => {
return convertToRows(store.states.originColumns.value)[0];
});
useKeyRender(table);
return {
ns,
layout,
store,
columns: columns2,
handleHeaderFooterMousewheel,
handleMouseLeave,
tableId,
tableSize,
isHidden: isHidden2,
isEmpty,
renderExpanded,
resizeProxyVisible,
resizeState,
isGroup,
bodyWidth,
tableBodyStyles,
emptyBlockStyle,
debouncedUpdateLayout,
handleFixedMousewheel,
setCurrentRow,
getSelectionRows,
toggleRowSelection,
clearSelection,
clearFilter,
toggleAllSelection,
toggleRowExpansion,
clearSort,
doLayout,
sort,
t,
setDragVisible,
context: table,
computedSumText,
computedEmptyText,
tableLayout,
scrollbarViewStyle,
tableInnerStyle,
scrollbarStyle,
scrollBarRef,
scrollTo,
setScrollLeft,
setScrollTop
};
}
});
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
const _component_hColgroup = resolveComponent("hColgroup");
const _component_table_header = resolveComponent("table-header");
const _component_table_body = resolveComponent("table-body");
const _component_table_footer = resolveComponent("table-footer");
const _component_el_scrollbar = resolveComponent("el-scrollbar");
const _directive_mousewheel = resolveDirective("mousewheel");
return openBlock(), createElementBlock("div", {
ref: "tableWrapper",
class: normalizeClass([
{
[_ctx.ns.m("fit")]: _ctx.fit,
[_ctx.ns.m("striped")]: _ctx.stripe,
[_ctx.ns.m("border")]: _ctx.border || _ctx.isGroup,
[_ctx.ns.m("hidden")]: _ctx.isHidden,
[_ctx.ns.m("group")]: _ctx.isGroup,
[_ctx.ns.m("fluid-height")]: _ctx.maxHeight,
[_ctx.ns.m("scrollable-x")]: _ctx.layout.scrollX.value,
[_ctx.ns.m("scrollable-y")]: _ctx.layout.scrollY.value,
[_ctx.ns.m("enable-row-hover")]: !_ctx.store.states.isComplex.value,
[_ctx.ns.m("enable-row-transition")]: (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
"has-footer": _ctx.showSummary
},
_ctx.ns.m(_ctx.tableSize),
_ctx.className,
_ctx.ns.b(),
_ctx.ns.m(`layout-${_ctx.tableLayout}`)
]),
style: normalizeStyle(_ctx.style),
"data-prefix": _ctx.ns.namespace.value,
onMouseleave: _ctx.handleMouseLeave
}, [
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("inner-wrapper")),
style: normalizeStyle(_ctx.tableInnerStyle)
}, [
createElementVNode("div", {
ref: "hiddenColumns",
class: "hidden-columns"
}, [
renderSlot(_ctx.$slots, "default")
], 512),
_ctx.showHeader && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
key: 0,
ref: "headerWrapper",
class: normalizeClass(_ctx.ns.e("header-wrapper"))
}, [
createElementVNode("table", {
ref: "tableHeader",
class: normalizeClass(_ctx.ns.e("header")),
style: normalizeStyle(_ctx.tableBodyStyles),
border: "0",
cellpadding: "0",
cellspacing: "0"
}, [
createVNode(_component_hColgroup, {
columns: _ctx.store.states.columns.value,
"table-layout": _ctx.tableLayout
}, null, 8, ["columns", "table-layout"]),
createVNode(_component_table_header, {
ref: "tableHeaderRef",
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
onSetDragVisible: _ctx.setDragVisible
}, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])
], 6)
], 2)), [
[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
]) : createCommentVNode("v-if", true),
createElementVNode("div", {
ref: "bodyWrapper",
class: normalizeClass(_ctx.ns.e("body-wrapper"))
}, [
createVNode(_component_el_scrollbar, {
ref: "scrollBarRef",
"view-style": _ctx.scrollbarViewStyle,
"wrap-style": _ctx.scrollbarStyle,
always: _ctx.scrollbarAlwaysOn
}, {
default: withCtx(() => [
createElementVNode("table", {
ref: "tableBody",
class: normalizeClass(_ctx.ns.e("body")),
cellspacing: "0",
cellpadding: "0",
border: "0",
style: normalizeStyle({
width: _ctx.bodyWidth,
tableLayout: _ctx.tableLayout
})
}, [
createVNode(_component_hColgroup, {
columns: _ctx.store.states.columns.value,
"table-layout": _ctx.tableLayout
}, null, 8, ["columns", "table-layout"]),
_ctx.showHeader && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_header, {
key: 0,
ref: "tableHeaderRef",
class: normalizeClass(_ctx.ns.e("body-header")),
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
onSetDragVisible: _ctx.setDragVisible
}, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : createCommentVNode("v-if", true),
createVNode(_component_table_body, {
context: _ctx.context,
highlight: _ctx.highlightCurrentRow,
"row-class-name": _ctx.rowClassName,
"tooltip-effect": _ctx.tooltipEffect,
"tooltip-options": _ctx.tooltipOptions,
"row-style": _ctx.rowStyle,
store: _ctx.store,
stripe: _ctx.stripe
}, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"]),
_ctx.showSummary && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_footer, {
key: 1,
class: normalizeClass(_ctx.ns.e("body-footer")),
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
"sum-text": _ctx.computedSumText,
"summary-method": _ctx.summaryMethod
}, null, 8, ["class", "border", "default-sort", "store", "sum-text", "summary-method"])) : createCommentVNode("v-if", true)
], 6),
_ctx.isEmpty ? (openBlock(), createElementBlock("div", {
key: 0,
ref: "emptyBlock",
style: normalizeStyle(_ctx.emptyBlockStyle),
class: normalizeClass(_ctx.ns.e("empty-block"))
}, [
createElementVNode("span", {
class: normalizeClass(_ctx.ns.e("empty-text"))
}, [
renderSlot(_ctx.$slots, "empty", {}, () => [
createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)
])
], 2)
], 6)) : createCommentVNode("v-if", true),
_ctx.$slots.append ? (openBlock(), createElementBlock("div", {
key: 1,
ref: "appendWrapper",
class: normalizeClass(_ctx.ns.e("append-wrapper"))
}, [
renderSlot(_ctx.$slots, "append")
], 2)) : createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["view-style", "wrap-style", "always"])
], 2),
_ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
key: 1,
ref: "footerWrapper",
class: normalizeClass(_ctx.ns.e("footer-wrapper"))
}, [
createElementVNode("table", {
class: normalizeClass(_ctx.ns.e("footer")),
cellspacing: "0",
cellpadding: "0",
border: "0",
style: normalizeStyle(_ctx.tableBodyStyles)
}, [
createVNode(_component_hColgroup, {
columns: _ctx.store.states.columns.value,
"table-layout": _ctx.tableLayout
}, null, 8, ["columns", "table-layout"]),
createVNode(_component_table_footer, {
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
"sum-text": _ctx.computedSumText,
"summary-method": _ctx.summaryMethod
}, null, 8, ["border", "default-sort", "store", "sum-text", "summary-method"])
], 6)
], 2)), [
[vShow, !_ctx.isEmpty],
[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
]) : createCommentVNode("v-if", true),
_ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
key: 2,
class: normalizeClass(_ctx.ns.e("border-left-patch"))
}, null, 2)) : createCommentVNode("v-if", true)
], 6),
withDirectives(createElementVNode("div", {
ref: "resizeProxy",
class: normalizeClass(_ctx.ns.e("column-resize-proxy"))
}, null, 2), [
[vShow, _ctx.resizeProxyVisible]
])
], 46, ["data-prefix", "onMouseleave"]);
}
var Table = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$2], ["__file", "table.vue"]]);
const defaultClassNames = {
selection: "table-column--selection",
expand: "table__expand-column"
};
const cellStarts = {
default: {
order: ""
},
selection: {
width: 48,
minWidth: 48,
realWidth: 48,
order: ""
},
expand: {
width: 48,
minWidth: 48,
realWidth: 48,
order: ""
},
index: {
width: 48,
minWidth: 48,
realWidth: 48,
order: ""
}
};
const getDefaultClassName = (type4) => {
return defaultClassNames[type4] || "";
};
const cellForced = {
selection: {
renderHeader({ store, column }) {
function isDisabled() {
return store.states.data.value && store.states.data.value.length === 0;
}
return h$1(ElCheckbox, {
disabled: isDisabled(),
size: store.states.tableSize.value,
indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
"onUpdate:modelValue": store.toggleAllSelection,
modelValue: store.states.isAllSelected.value,
ariaLabel: column.label
});
},
renderCell({
row,
column,
store,
$index
}) {
return h$1(ElCheckbox, {
disabled: column.selectable ? !column.selectable.call(null, row, $index) : false,
size: store.states.tableSize.value,
onChange: () => {
store.commit("rowSelectedChanged", row);
},
onClick: (event) => event.stopPropagation(),
modelValue: store.isSelected(row),
ariaLabel: column.label
});
},
sortable: false,
resizable: false
},
index: {
renderHeader({ column }) {
return column.label || "#";
},
renderCell({
column,
$index
}) {
let i = $index + 1;
const index = column.index;
if (typeof index === "number") {
i = $index + index;
} else if (typeof index === "function") {
i = index($index);
}
return h$1("div", {}, [i]);
},
sortable: false
},
expand: {
renderHeader({ column }) {
return column.label || "";
},
renderCell({
row,
store,
expanded
}) {
const { ns } = store;
const classes = [ns.e("expand-icon")];
if (expanded) {
classes.push(ns.em("expand-icon", "expanded"));
}
const callback = function(e) {
e.stopPropagation();
store.toggleRowExpansion(row);
};
return h$1("div", {
class: classes,
onClick: callback
}, {
default: () => {
return [
h$1(ElIcon, null, {
default: () => {
return [h$1(arrow_right_default)];
}
})
];
}
});
},
sortable: false,
resizable: false
}
};
function defaultRenderCell({
row,
column,
$index
}) {
var _a;
const property2 = column.property;
const value = property2 && getProp(row, property2).value;
if (column && column.formatter) {
return column.formatter(row, column, value, $index);
}
return ((_a = value == null ? void 0 : value.toString) == null ? void 0 : _a.call(value)) || "";
}
function treeCellPrefix({
row,
treeNode,
store
}, createPlaceholder = false) {
const { ns } = store;
if (!treeNode) {
if (createPlaceholder) {
return [
h$1("span", {
class: ns.e("placeholder")
})
];
}
return null;
}
const ele = [];
const callback = function(e) {
e.stopPropagation();
if (treeNode.loading) {
return;
}
store.loadOrToggle(row);
};
if (treeNode.indent) {
ele.push(h$1("span", {
class: ns.e("indent"),
style: { "padding-left": `${treeNode.indent}px` }
}));
}
if (typeof treeNode.expanded === "boolean" && !treeNode.noLazyChildren) {
const expandClasses = [
ns.e("expand-icon"),
treeNode.expanded ? ns.em("expand-icon", "expanded") : ""
];
let icon = arrow_right_default;
if (treeNode.loading) {
icon = loading_default;
}
ele.push(h$1("div", {
class: expandClasses,
onClick: callback
}, {
default: () => {
return [
h$1(ElIcon, { class: { [ns.is("loading")]: treeNode.loading } }, {
default: () => [h$1(icon)]
})
];
}
}));
} else {
ele.push(h$1("span", {
class: ns.e("placeholder")
}));
}
return ele;
}
function getAllAliases(props2, aliases) {
return props2.reduce((prev2, cur) => {
prev2[cur] = cur;
return prev2;
}, aliases);
}
function useWatcher(owner, props_) {
const instance = getCurrentInstance();
const registerComplexWatchers = () => {
const props2 = ["fixed"];
const aliases = {
realWidth: "width",
realMinWidth: "minWidth"
};
const allAliases = getAllAliases(props2, aliases);
Object.keys(allAliases).forEach((key) => {
const columnKey = aliases[key];
if (hasOwn(props_, columnKey)) {
watch(() => props_[columnKey], (newVal) => {
let value = newVal;
if (columnKey === "width" && key === "realWidth") {
value = parseWidth(newVal);
}
if (columnKey === "minWidth" && key === "realMinWidth") {
value = parseMinWidth(newVal);
}
instance.columnConfig.value[columnKey] = value;
instance.columnConfig.value[key] = value;
const updateColumns = columnKey === "fixed";
owner.value.store.scheduleLayout(updateColumns);
});
}
});
};
const registerNormalWatchers = () => {
const props2 = [
"label",
"filters",
"filterMultiple",
"filteredValue",
"sortable",
"index",
"formatter",
"className",
"labelClassName",
"filterClassName",
"showOverflowTooltip"
];
const aliases = {
property: "prop",
align: "realAlign",
headerAlign: "realHeaderAlign"
};
const allAliases = getAllAliases(props2, aliases);
Object.keys(allAliases).forEach((key) => {
const columnKey = aliases[key];
if (hasOwn(props_, columnKey)) {
watch(() => props_[columnKey], (newVal) => {
instance.columnConfig.value[key] = newVal;
});
}
});
};
return {
registerComplexWatchers,
registerNormalWatchers
};
}
function useRender(props2, slots, owner) {
const instance = getCurrentInstance();
const columnId = ref("");
const isSubColumn = ref(false);
const realAlign = ref();
const realHeaderAlign = ref();
const ns = useNamespace("table");
watchEffect(() => {
realAlign.value = props2.align ? `is-${props2.align}` : null;
realAlign.value;
});
watchEffect(() => {
realHeaderAlign.value = props2.headerAlign ? `is-${props2.headerAlign}` : realAlign.value;
realHeaderAlign.value;
});
const columnOrTableParent = computed(() => {
let parent = instance.vnode.vParent || instance.parent;
while (parent && !parent.tableId && !parent.columnId) {
parent = parent.vnode.vParent || parent.parent;
}
return parent;
});
const hasTreeColumn = computed(() => {
const { store } = instance.parent;
if (!store)
return false;
const { treeData } = store.states;
const treeDataValue = treeData.value;
return treeDataValue && Object.keys(treeDataValue).length > 0;
});
const realWidth = ref(parseWidth(props2.width));
const realMinWidth = ref(parseMinWidth(props2.minWidth));
const setColumnWidth = (column) => {
if (realWidth.value)
column.width = realWidth.value;
if (realMinWidth.value) {
column.minWidth = realMinWidth.value;
}
if (!realWidth.value && realMinWidth.value) {
column.width = void 0;
}
if (!column.minWidth) {
column.minWidth = 80;
}
column.realWidth = Number(column.width === void 0 ? column.minWidth : column.width);
return column;
};
const setColumnForcedProps = (column) => {
const type4 = column.type;
const source = cellForced[type4] || {};
Object.keys(source).forEach((prop) => {
const value = source[prop];
if (prop !== "className" && value !== void 0) {
column[prop] = value;
}
});
const className = getDefaultClassName(type4);
if (className) {
const forceClass = `${unref(ns.namespace)}-${className}`;
column.className = column.className ? `${column.className} ${forceClass}` : forceClass;
}
return column;
};
const checkSubColumn = (children) => {
if (Array.isArray(children)) {
children.forEach((child) => check(child));
} else {
check(children);
}
function check(item) {
var _a;
if (((_a = item == null ? void 0 : item.type) == null ? void 0 : _a.name) === "ElTableColumn") {
item.vParent = instance;
}
}
};
const setColumnRenders = (column) => {
if (props2.renderHeader) ;
else if (column.type !== "selection") {
column.renderHeader = (scope) => {
instance.columnConfig.value["label"];
return renderSlot(slots, "header", scope, () => [column.label]);
};
}
if (slots["filter-icon"]) {
column.renderFilterIcon = (scope) => {
return renderSlot(slots, "filter-icon", scope);
};
}
let originRenderCell = column.renderCell;
if (column.type === "expand") {
column.renderCell = (data2) => h$1("div", {
class: "cell"
}, [originRenderCell(data2)]);
owner.value.renderExpanded = (data2) => {
return slots.default ? slots.default(data2) : slots.default;
};
} else {
originRenderCell = originRenderCell || defaultRenderCell;
column.renderCell = (data2) => {
let children = null;
if (slots.default) {
const vnodes = slots.default(data2);
children = vnodes.some((v2) => v2.type !== Comment) ? vnodes : originRenderCell(data2);
} else {
children = originRenderCell(data2);
}
const { columns: columns2 } = owner.value.store.states;
const firstUserColumnIndex = columns2.value.findIndex((item) => item.type === "default");
const shouldCreatePlaceholder = hasTreeColumn.value && data2.cellIndex === firstUserColumnIndex;
const prefix = treeCellPrefix(data2, shouldCreatePlaceholder);
const props22 = {
class: "cell",
style: {}
};
if (column.showOverflowTooltip) {
props22.class = `${props22.class} ${unref(ns.namespace)}-tooltip`;
props22.style = {
width: `${(data2.column.realWidth || Number(data2.column.width)) - 1}px`
};
}
checkSubColumn(children);
return h$1("div", props22, [prefix, children]);
};
}
return column;
};
const getPropsData = (...propsKey) => {
return propsKey.reduce((prev2, cur) => {
if (Array.isArray(cur)) {
cur.forEach((key) => {
prev2[key] = props2[key];
});
}
return prev2;
}, {});
};
const getColumnElIndex = (children, child) => {
return Array.prototype.indexOf.call(children, child);
};
const updateColumnOrder = () => {
owner.value.store.commit("updateColumnOrder", instance.columnConfig.value);
};
return {
columnId,
realAlign,
isSubColumn,
realHeaderAlign,
columnOrTableParent,
setColumnWidth,
setColumnForcedProps,
setColumnRenders,
getPropsData,
getColumnElIndex,
updateColumnOrder
};
}
var defaultProps = {
type: {
type: String,
default: "default"
},
label: String,
className: String,
labelClassName: String,
property: String,
prop: String,
width: {
type: [String, Number],
default: ""
},
minWidth: {
type: [String, Number],
default: ""
},
renderHeader: Function,
sortable: {
type: [Boolean, String],
default: false
},
sortMethod: Function,
sortBy: [String, Function, Array],
resizable: {
type: Boolean,
default: true
},
columnKey: String,
align: String,
headerAlign: String,
showOverflowTooltip: {
type: [Boolean, Object],
default: void 0
},
fixed: [Boolean, String],
formatter: Function,
selectable: Function,
reserveSelection: Boolean,
filterMethod: Function,
filteredValue: Array,
filters: Array,
filterPlacement: String,
filterMultiple: {
type: Boolean,
default: true
},
filterClassName: String,
index: [Number, Function],
sortOrders: {
type: Array,
default: () => {
return ["ascending", "descending", null];
},
validator: (val) => {
return val.every((order) => ["ascending", "descending", null].includes(order));
}
}
};
let columnIdSeed = 1;
var ElTableColumn$1 = defineComponent({
name: "ElTableColumn",
components: {
ElCheckbox
},
props: defaultProps,
setup(props2, { slots }) {
const instance = getCurrentInstance();
const columnConfig = ref({});
const owner = computed(() => {
let parent2 = instance.parent;
while (parent2 && !parent2.tableId) {
parent2 = parent2.parent;
}
return parent2;
});
const { registerNormalWatchers, registerComplexWatchers } = useWatcher(owner, props2);
const {
columnId,
isSubColumn,
realHeaderAlign,
columnOrTableParent,
setColumnWidth,
setColumnForcedProps,
setColumnRenders,
getPropsData,
getColumnElIndex,
realAlign,
updateColumnOrder
} = useRender(props2, slots, owner);
const parent = columnOrTableParent.value;
columnId.value = `${parent.tableId || parent.columnId}_column_${columnIdSeed++}`;
onBeforeMount(() => {
isSubColumn.value = owner.value !== parent;
const type4 = props2.type || "default";
const sortable = props2.sortable === "" ? true : props2.sortable;
const showOverflowTooltip = isUndefined$1(props2.showOverflowTooltip) ? parent.props.showOverflowTooltip : props2.showOverflowTooltip;
const defaults = {
...cellStarts[type4],
id: columnId.value,
type: type4,
property: props2.prop || props2.property,
align: realAlign,
headerAlign: realHeaderAlign,
showOverflowTooltip,
filterable: props2.filters || props2.filterMethod,
filteredValue: [],
filterPlacement: "",
filterClassName: "",
isColumnGroup: false,
isSubColumn: false,
filterOpened: false,
sortable,
index: props2.index,
rawColumnKey: instance.vnode.key
};
const basicProps = [
"columnKey",
"label",
"className",
"labelClassName",
"type",
"renderHeader",
"formatter",
"fixed",
"resizable"
];
const sortProps = ["sortMethod", "sortBy", "sortOrders"];
const selectProps = ["selectable", "reserveSelection"];
const filterProps = [
"filterMethod",
"filters",
"filterMultiple",
"filterOpened",
"filteredValue",
"filterPlacement",
"filterClassName"
];
let column = getPropsData(basicProps, sortProps, selectProps, filterProps);
column = mergeOptions(defaults, column);
const chains = compose(setColumnRenders, setColumnWidth, setColumnForcedProps);
column = chains(column);
columnConfig.value = column;
registerNormalWatchers();
registerComplexWatchers();
});
onMounted(() => {
var _a;
const parent2 = columnOrTableParent.value;
const children = isSubColumn.value ? parent2.vnode.el.children : (_a = parent2.refs.hiddenColumns) == null ? void 0 : _a.children;
const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
columnConfig.value.getColumnIndex = getColumnIndex;
const columnIndex = getColumnIndex();
columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
});
onBeforeUnmount(() => {
const getColumnIndex = columnConfig.value.getColumnIndex;
const columnIndex = getColumnIndex ? getColumnIndex() : -1;
columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
});
instance.columnId = columnId.value;
instance.columnConfig = columnConfig;
return;
},
render() {
var _a, _b, _c;
try {
const renderDefault = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, {
row: {},
column: {},
$index: -1
});
const children = [];
if (Array.isArray(renderDefault)) {
for (const childNode of renderDefault) {
if (((_c = childNode.type) == null ? void 0 : _c.name) === "ElTableColumn" || childNode.shapeFlag & 2) {
children.push(childNode);
} else if (childNode.type === Fragment && Array.isArray(childNode.children)) {
childNode.children.forEach((vnode2) => {
if ((vnode2 == null ? void 0 : vnode2.patchFlag) !== 1024 && !isString$1(vnode2 == null ? void 0 : vnode2.children)) {
children.push(vnode2);
}
});
}
}
}
const vnode = h$1("div", children);
return vnode;
} catch (e) {
return h$1("div", []);
}
}
});
const ElTable = withInstall(Table, {
TableColumn: ElTableColumn$1
});
const ElTableColumn = withNoopInstall(ElTableColumn$1);
const textProps = buildProps({
type: {
type: String,
values: ["primary", "success", "info", "warning", "danger", ""],
default: ""
},
size: {
type: String,
values: componentSizes,
default: ""
},
truncated: Boolean,
lineClamp: {
type: [String, Number]
},
tag: {
type: String,
default: "span"
}
});
const __default__$1 = defineComponent({
name: "ElText"
});
const _sfc_main$j = /* @__PURE__ */ defineComponent({
...__default__$1,
props: textProps,
setup(__props) {
const props2 = __props;
const textSize = useFormSize();
const ns = useNamespace("text");
const textKls = computed(() => [
ns.b(),
ns.m(props2.type),
ns.m(textSize.value),
ns.is("truncated", props2.truncated),
ns.is("line-clamp", !isUndefined$1(props2.lineClamp))
]);
return (_ctx, _cache) => {
return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
class: normalizeClass(unref(textKls)),
style: normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["class", "style"]);
};
}
});
var Text = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "text.vue"]]);
const ElText = withInstall(Text);
const segmentedProps = buildProps({
options: {
type: definePropType(Array),
default: () => []
},
modelValue: {
type: [String, Number, Boolean],
default: void 0
},
block: Boolean,
size: useSizeProp,
disabled: Boolean,
validateEvent: {
type: Boolean,
default: true
},
id: String,
name: String,
...useAriaProps(["ariaLabel"])
});
const segmentedEmits = {
[UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
[CHANGE_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
};
const __default__ = defineComponent({
name: "ElSegmented"
});
const _sfc_main$i = /* @__PURE__ */ defineComponent({
...__default__,
props: segmentedProps,
emits: segmentedEmits,
setup(__props, { emit }) {
const props2 = __props;
const ns = useNamespace("segmented");
const segmentedId = useId();
const segmentedSize = useFormSize();
const _disabled = useFormDisabled();
const { formItem } = useFormItem();
const { inputId, isLabeledByFormItem } = useFormItemInputId(props2, {
formItemContext: formItem
});
const segmentedRef = ref(null);
const activeElement = useActiveElement();
const state = reactive({
isInit: false,
width: 0,
translateX: 0,
focusVisible: false
});
const handleChange = (item) => {
const value = getValue2(item);
emit(UPDATE_MODEL_EVENT, value);
emit(CHANGE_EVENT, value);
};
const getValue2 = (item) => {
return isObject$1(item) ? item.value : item;
};
const getLabel = (item) => {
return isObject$1(item) ? item.label : item;
};
const getDisabled = (item) => {
return !!(_disabled.value || (isObject$1(item) ? item.disabled : false));
};
const getSelected = (item) => {
return props2.modelValue === getValue2(item);
};
const getOption = (value) => {
return props2.options.find((item) => getValue2(item) === value);
};
const getItemCls = (item) => {
return [
ns.e("item"),
ns.is("selected", getSelected(item)),
ns.is("disabled", getDisabled(item))
];
};
const updateSelect = () => {
if (!segmentedRef.value)
return;
const selectedItem = segmentedRef.value.querySelector(".is-selected");
const selectedItemInput = segmentedRef.value.querySelector(".is-selected input");
if (!selectedItem || !selectedItemInput) {
state.width = 0;
state.translateX = 0;
state.focusVisible = false;
return;
}
const rect = selectedItem.getBoundingClientRect();
state.isInit = true;
state.width = rect.width;
state.translateX = selectedItem.offsetLeft;
try {
state.focusVisible = selectedItemInput.matches(":focus-visible");
} catch (e) {
}
};
const segmentedCls = computed(() => [
ns.b(),
ns.m(segmentedSize.value),
ns.is("block", props2.block)
]);
const selectedStyle = computed(() => ({
width: `${state.width}px`,
transform: `translateX(${state.translateX}px)`,
display: state.isInit ? "block" : "none"
}));
const selectedCls = computed(() => [
ns.e("item-selected"),
ns.is("disabled", getDisabled(getOption(props2.modelValue))),
ns.is("focus-visible", state.focusVisible)
]);
const name = computed(() => {
return props2.name || segmentedId.value;
});
useResizeObserver(segmentedRef, updateSelect);
watch(activeElement, updateSelect);
watch(() => props2.modelValue, () => {
var _a;
updateSelect();
if (props2.validateEvent) {
(_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
}
}, {
flush: "post"
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
id: unref(inputId),
ref_key: "segmentedRef",
ref: segmentedRef,
class: normalizeClass(unref(segmentedCls)),
role: "radiogroup",
"aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
"aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
}, [
createElementVNode("div", {
class: normalizeClass(unref(ns).e("group"))
}, [
createElementVNode("div", {
style: normalizeStyle(unref(selectedStyle)),
class: normalizeClass(unref(selectedCls))
}, null, 6),
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
return openBlock(), createElementBlock("label", {
key: index,
class: normalizeClass(getItemCls(item))
}, [
createElementVNode("input", {
class: normalizeClass(unref(ns).e("item-input")),
type: "radio",
name: unref(name),
disabled: getDisabled(item),
checked: getSelected(item),
onChange: ($event) => handleChange(item)
}, null, 42, ["name", "disabled", "checked", "onChange"]),
createElementVNode("div", {
class: normalizeClass(unref(ns).e("item-label"))
}, [
renderSlot(_ctx.$slots, "default", { item }, () => [
createTextVNode(toDisplayString(getLabel(item)), 1)
])
], 2)
], 2);
}), 128))
], 2)
], 10, ["id", "aria-label", "aria-labelledby"]);
};
}
});
var Segmented = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "segmented.vue"]]);
const ElSegmented = withInstall(Segmented);
function useMap(initialValue) {
const initialMap = /* @__PURE__ */ new Map();
const state = ref(initialMap);
const actions = {
set: (key, value) => {
state.value.set(key, value);
},
get: (key) => {
return state.value.get(key);
},
remove: (key) => {
state.value.delete(key);
},
has: (key) => state.value.has(key),
clear: () => state.value.clear(),
setAll: (newMap) => {
state.value = new Map(newMap);
},
reset: () => state.value = initialMap
};
return {
state,
actions: markRaw(actions)
};
}
const jobList = ref([]);
const jobMap = useMap();
const init = useHookVueData("#wrap .page-job-wrapper", "jobList", jobList);
const useJobList = () => {
return {
jobList,
jobMap,
initJobList: init
};
};
const columns = [
{
key: "title",
title: "标题",
dataKey: "title",
width: 200
},
{
key: "state",
title: "状态",
width: 150,
align: "center",
cellRenderer: ({ rowData }) => h$1(ElTag$1, { type: rowData.state ?? "primary" }, () => rowData.state_name)
},
{
key: "message",
title: "信息",
dataKey: "message",
width: 360,
minWidth: 360,
align: "left"
}
];
const dataOld = ref([]);
const data = ref([
{
title: "嘿嘿嘿",
state: "info",
state_name: "消息",
message: "目前没有投递日志啦"
},
{
title: "啦啦啦",
state: "success",
state_name: "消息",
message: "要查看其他日志请点击右上角的悬浮按钮"
}
]);
const useLog = () => {
const add = (title, err, logdata, msg) => {
const state = !err ? "success" : err.state;
const message = msg ?? (err ? err.message : void 0);
data.value.push({
title,
state,
state_name: (err == null ? void 0 : err.name) ?? "投递成功",
message,
data: logdata
});
};
const info2 = (title, message) => {
data.value.push({
title,
state: "info",
state_name: "消息",
message,
data: void 0
});
};
const clear = () => {
dataOld.value = [];
data.value = [];
};
const reset = () => {
dataOld.value = data.value;
data.value = [];
};
const Row = ({ cells, rowData }) => {
return cells;
};
Row.inheritAttrs = false;
return {
columns,
data,
dataOld,
clear,
reset,
add,
info: info2,
Row
};
};
const deliverLock = ref(false);
const deliverStop$1 = ref(false);
const useCommon = () => {
return {
deliverLock,
deliverStop: deliverStop$1
};
};
const errMap = /* @__PURE__ */ new Map();
function createCustomError(name, state = "warning") {
var _a;
errMap.set(name, true);
return _a = class extends Error {
constructor(message) {
super(message);
__publicField(this, "state");
this.name = name;
this.state = state;
Object.setPrototypeOf(this, _a.prototype);
}
}, __publicField(_a, "message"), _a;
}
createCustomError("重复沟通");
const JobTitleError = createCustomError("岗位名筛选");
const CompanyNameError = createCustomError("公司名筛选");
const SalaryError = createCustomError("薪资筛选");
const CompanySizeError = createCustomError("公司规模筛选");
const JobDescriptionError = createCustomError("工作内容筛选");
const HrPositionError = createCustomError("Hr职位筛选");
const AIFilteringError = createCustomError("AI筛选");
const FriendStatusError = createCustomError("好友状态");
const ActivityError = createCustomError("活跃度过滤");
const GoldHunterError = createCustomError("猎头过滤");
const UnknownError = createCustomError("未知错误", "danger");
const PublishError = createCustomError("投递出错", "danger");
const GreetError = createCustomError("打招呼出错", "danger");
function requestCard(params) {
return axios.get("https://www.zhipin.com/wapi/zpgeek/job/card.json", {
params,
timeout: 5e3
});
}
async function sendPublishReq(data2, errorMsg, retries = 3) {
var _a, _b, _c, _d, _e, _f, _g, _h, _i;
if (retries === 0) {
throw new PublishError(errorMsg || "重试多次失败");
}
const url2 = "https://www.zhipin.com/wapi/zpgeek/friend/add.json";
let params;
params = {
securityId: data2.securityId,
jobId: data2.encryptJobId,
lid: data2.lid
};
const token = (_a = _unsafeWindow) == null ? void 0 : _a.Cookie.get("bst");
if (!token) {
ElMessage.error("没有获取到token,请刷新重试");
throw new PublishError("没有获取到token");
}
try {
const res = await axios({
url: url2,
params,
method: "POST",
headers: { Zp_token: token }
});
if (res.data.code === 1 && ((_e = (_d = (_c = (_b = res.data) == null ? void 0 : _b.zpData) == null ? void 0 : _c.bizData) == null ? void 0 : _d.chatRemindDialog) == null ? void 0 : _e.content)) {
throw new PublishError(
(_i = (_h = (_g = (_f = res.data) == null ? void 0 : _f.zpData) == null ? void 0 : _g.bizData) == null ? void 0 : _h.chatRemindDialog) == null ? void 0 : _i.content
);
}
if (res.data.code !== 0) {
throw new PublishError("状态错误:" + res.data.message);
}
return res.data;
} catch (e) {
if (e instanceof PublishError) {
throw e;
}
return sendPublishReq(data2, e.message, retries - 1);
}
}
async function requestBossData(card, errorMsg, retries = 3) {
var _a;
if (retries === 0) {
throw new GreetError(errorMsg || "重试多次失败");
}
const url2 = "https://www.zhipin.com/wapi/zpchat/geek/getBossData";
const token = (_a = _unsafeWindow) == null ? void 0 : _a.Cookie.get("bst");
if (!token) {
ElMessage.error("没有获取到token,请刷新重试");
throw new GreetError("没有获取到token");
}
try {
const data2 = new FormData();
data2.append("bossId", card.encryptUserId);
data2.append("securityId", card.securityId);
data2.append("bossSrc", "0");
const res = await axios({
url: url2,
data: data2,
method: "POST",
headers: { Zp_token: token }
});
if (res.data.code !== 0 && res.data.message !== "非好友关系") {
throw new GreetError("状态错误:" + res.data.message);
}
if (res.data.code !== 0)
return requestBossData(card, "非好友关系", retries - 1);
return res.data.zpData;
} catch (e) {
if (e instanceof GreetError) {
throw e;
}
return requestBossData(card, e.message, retries - 1);
}
}
var Root = protobuf.Root, Type = protobuf.Type, Field = protobuf.Field;
const root = new Root().define("cn.techwolf.boss.chat").add(
new Type("TechwolfUser").add(new Field("uid", 1, "int64")).add(new Field("name", 2, "string", "optional")).add(new Field("source", 7, "int32", "optional"))
).add(
new Type("TechwolfMessageBody").add(new Field("type", 1, "int32")).add(new Field("templateId", 2, "int32", "optional")).add(new Field("headTitle", 11, "string")).add(new Field("text", 3, "string"))
).add(
new Type("TechwolfMessage").add(new Field("from", 1, "TechwolfUser")).add(new Field("to", 2, "TechwolfUser")).add(new Field("type", 3, "int32")).add(new Field("mid", 4, "int64", "optional")).add(new Field("time", 5, "int64", "optional")).add(new Field("body", 6, "TechwolfMessageBody")).add(new Field("cmid", 11, "int64", "optional"))
).add(
new Type("TechwolfChatProtocol").add(new Field("type", 1, "int32")).add(new Field("messages", 3, "TechwolfMessage", "repeated"))
);
const AwesomeMessage = root.lookupType("TechwolfChatProtocol");
class Message {
constructor({
form_uid,
to_uid,
to_name,
content
}) {
__publicField(this, "msg");
__publicField(this, "hex");
const r = (/* @__PURE__ */ new Date()).getTime();
const d2 = r + 68256432452609;
const data2 = {
messages: [
{
from: {
uid: form_uid,
source: 0
},
to: {
uid: to_uid,
name: to_name,
source: 0
},
type: 1,
mid: d2.toString(),
time: r.toString(),
body: {
type: 1,
templateId: 1,
text: content
},
cmid: d2.toString()
}
],
type: 1
};
this.msg = AwesomeMessage.encode(data2).finish().slice();
this.hex = [...this.msg].map((b2) => b2.toString(16).padStart(2, "0")).join("");
}
toArrayBuffer() {
return this.msg.buffer.slice(0, this.msg.byteLength);
}
send() {
_unsafeWindow.ChatWebsocket.send(this);
}
}
var mitem$1 = { exports: {} };
(function(module2) {
(function() {
const miTem2 = {
name: "miTem",
version: "1.0.8"
};
const templateSettings = {
statement: /\{%([\s\S]+?)%\}/g,
expression: /\{\{([\s\S]+?)\}\}/g,
filter_param: /([\s\S]+?)(\(([^)]*)\))$/
};
miTem2.partials = {};
miTem2.registerPartial = (name, partial) => {
miTem2.partials[name] = typeof partial === "string" ? miTem2.compile(partial) : partial;
};
const statements = {
partial: (...args) => `o+=m.partials['${args[1]}'].apply(null, [${typeof args[2] !== "undefined" ? `c.${args[2]}` : "c"}]);`,
if: (...args) => `if(c.${args[1]}){`,
else: (...args) => `}else ${args[1] === "if" ? statements.if("", args[2]) : "{"}`,
endif: () => "}",
endfor: () => "}c=c.loop.parent;",
for: (...args) => {
const code = `if (typeof c.${args[3]}=== 'undefined') return '';
var t={loop:{parent:c,length:c.${args[3]}.length}};c=t;var i=0;
if(typeof c.loop.parent.${args[3]}.length === 'undefined')
{c.loop.length=m.objSize(c.loop.parent.${args[3]})}
for(${args[1]} in c.loop.parent.${args[3]}){
if (!c.loop.parent.${args[3]}.hasOwnProperty(${args[1]}))continue;
c.${args[1]}=c.loop.parent.${args[3]}[${args[1]}];
c.loop.last=(i===c.loop.length-1);
c.loop.first=(i===0);
c.loop.key=${args[1]};
c.loop.index0=i; c.loop.index=i+1;i++;`;
return code;
}
};
miTem2.variable = function(val) {
this.val = val;
};
miTem2.variable.prototype.applyFilter = function(filterName, filterParameters) {
let ret;
if (typeof miTem2.filters[filterName] !== "undefined") {
ret = miTem2.filters[filterName].apply(this.val, filterParameters);
} else if (typeof this.val[filterName] === "undefined") {
throw new Error(`Filter ${filterName} is not defined`);
} else {
ret = this.val[filterName].apply(this.val, filterParameters);
}
this.val = ret;
return this;
};
miTem2.variable.prototype.toString = function() {
return this.val;
};
miTem2.objSize = (obj) => {
const keys2 = Object.keys(obj);
return keys2.length;
};
miTem2.retoreDefaultSettings = function() {
miTem2.settings = {
stopOnError: false
};
};
miTem2.retoreDefaultSettings();
miTem2.filters = {
default(value) {
return typeof this === "undefined" ? value : this;
},
abs() {
return Math.abs(this);
},
capitalize() {
return this.charAt(0).toUpperCase() + this.slice(1);
},
nl2br() {
return this.replace(/\n/gi, "<br />");
},
title() {
return this.split(" ").map((val) => val.charAt(0).toUpperCase() + val.slice(1).toLowerCase()).join(" ");
}
};
if (module2.exports) {
module2.exports = miTem2;
} else {
window.miTem = miTem2;
}
miTem2.processFilters = (expression) => {
const lexemes = expression.trim().split("|");
let variable = `(new m.variable(c.${lexemes[0]}))`;
const filters = lexemes.slice(1);
let filterRegexLexemes;
filters.forEach((filter) => {
filterRegexLexemes = templateSettings.filter_param.exec(filter.trim()) || ["", filter.trim(), "", ""];
const parameters = filterRegexLexemes[3].split(",");
variable += `.applyFilter('${filterRegexLexemes[1]}', [${parameters.join(",")}])`;
});
variable += ".toString()";
return variable;
};
miTem2.compile = (tmpl) => {
let returnFunctionStr = "var c=d;var m=this.miTem;var o='";
const strings = tmpl.split("\n");
let newLine = "";
let compiled = true;
let lineNumber;
let lineStr;
const statementReplaceFn = function(...args) {
const lexemes = args[1].trim().split(" ");
let retStr = "';";
if (typeof statements[lexemes[0]] === "undefined") {
console.error(`Line: ${lineNumber}; Error in ${args[0]}; Unknown tag '${lexemes[0]}'`);
compiled = false;
} else retStr += statements[lexemes[0]].apply(null, lexemes);
retStr += "o+='";
return retStr;
};
const expressionReplaceFn = function(...args) {
const key = args[1];
let calculatedValue = miTem2.processFilters(key.replace(/\\'/gi, "'"));
calculatedValue = `(function(){var s=this,t;s.m=m;try{return ${calculatedValue}}catch(e){console.error('Line: ${parseInt(lineNumber, 10) + 1}; Error in ${args[0]}');`;
if (miTem2.settings.stopOnError) calculatedValue += "throw e;";
calculatedValue += "}})()";
return `'+${calculatedValue}+'`;
};
strings.forEach((line, i) => {
lineNumber = i;
lineStr = line;
returnFunctionStr += newLine;
const currentLine = lineStr.replace(/'/gi, "\\'");
returnFunctionStr += currentLine.replace(templateSettings.statement, statementReplaceFn).replace(templateSettings.expression, expressionReplaceFn);
newLine = `'+"\\n"+'`;
});
returnFunctionStr += "'; return o;";
if (compiled) {
return (data2) => {
let returnFunction;
try {
returnFunction = new Function("d", returnFunctionStr);
} catch (e) {
console.error(returnFunctionStr);
console.error(e);
}
const scope = {};
scope.miTem = miTem2;
return returnFunction.apply(scope, [data2]);
};
}
return () => "";
};
})();
})(mitem$1);
var mitemExports = mitem$1.exports;
const miTem = mitemExports;
var mitem = {
miTem
};
class llm {
constructor(conf, template) {
__publicField(this, "conf");
__publicField(this, "tem");
__publicField(this, "template");
this.conf = conf;
this.template = template;
if (typeof template === "string") {
this.tem = mitem.miTem.compile(template);
} else {
if (template.length === 0) {
throw new Error("多对话提示词不能为空");
}
this.tem = mitem.miTem.compile(template[template.length - 1].content);
}
}
buildPrompt(data2) {
if (typeof data2 === "string") {
return [
{
content: data2,
role: "user"
}
];
} else if (Array.isArray(this.template)) {
const temp = this.template;
temp[temp.length - 1].content = this.tem(data2);
return temp;
} else {
return [
{
content: this.tem(data2),
role: "user"
}
];
}
}
}
const other = {
value: {
timeout: {
value: 120,
type: "inputNumber",
desc: "GPT请求的超时时间,超时后不会进行重试将跳过岗位,默认120s"
}
},
alert: "warning",
label: "其他配置"
};
const desc = {
stream: "推荐开启,可以实时查看gpt返回的响应,但如果你的模型不支持,请关闭",
max_tokens: "用处不大一般不需要调整",
temperature: "较高的数值会使输出更加随机，而较低的数值会使其更加集中和确定",
top_p: "影响输出文本的多样性，取值越大，生成文本的多样性越强"
};
class RequestError extends Error {
constructor(message) {
super(message);
this.name = "请求错误";
}
}
let axiosLoad;
function request({
method: method4 = "POST",
url: url2 = "",
data: data2 = "",
headers = {},
timeout = 5,
responseType = "json",
onStream = () => {
},
isFetch = false
}) {
if (!isFetch)
return new Promise((resolve, reject) => {
_GM_xmlhttpRequest({
method: method4,
url: url2,
data: data2,
headers,
timeout: timeout * 1e3,
responseType,
ontimeout() {
if (axiosLoad) axiosLoad();
reject(new RequestError(`超时 ${Math.round(timeout / 1e3)}s`));
},
onabort() {
if (axiosLoad) axiosLoad();
reject(new RequestError("用户中止"));
},
onerror(e) {
const msg = `${e.responseText} | ${e.error}`;
if (axiosLoad) axiosLoad();
reject(new RequestError(msg));
},
// onloadend(e) {
// if (axiosLoad) axiosLoad();
// resolve(e.response);
// },
onload(e) {
if (axiosLoad) axiosLoad();
resolve(e.response);
},
onloadstart(e) {
axiosLoad = loader({ ms: timeout * 1e3, color: "#F79E63" });
if (responseType === "stream") {
const reader = e.response.getReader();
onStream(reader);
}
}
});
});
else {
const abortController = new AbortController();
const signal = abortController.signal;
return new Promise((resolve, reject) => {
axiosLoad = loader({ ms: timeout * 1e3, color: "#F79E63" });
fetch(url2, {
method: method4,
headers,
body: data2,
signal
}).then(async (response) => {
var _a;
if (!response.ok) {
const errorText = await response.text();
if (axiosLoad) axiosLoad();
reject(new RequestError(`${errorText} | ${response.statusText}`));
return;
}
if (responseType === "stream") {
const reader = (_a = response.body) == null ? void 0 : _a.getReader();
if (reader) onStream(reader);
} else {
const result = responseType === "json" ? await response.json() : await response.text();
if (axiosLoad) axiosLoad();
resolve(result);
}
}).catch((e) => {
if (axiosLoad) axiosLoad();
if (e.name === "AbortError") {
reject(new RequestError("用户中止"));
} else {
const msg = `${e.message}`;
reject(new RequestError(msg));
}
});
setTimeout(() => {
abortController.abort();
if (axiosLoad) axiosLoad();
reject(new RequestError(`超时 ${Math.round(timeout / 1e3)}s`));
}, timeout * 1e3);
});
}
}
request.post = (args) => {
return request({
method: "POST",
...args
});
};
request.get = (args) => {
return request({
method: "GET",
...args
});
};
const info$4 = {
mode: {
mode: "openai",
label: "ChatGPT",
desc: `gpt-4o效果较好但价格更贵,推荐使用gpt-4o-mini 价格便宜性能好,需要根据自身情况去优化提示词也能达到良好效果`,
icon: `<svg t="1713626988189" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12440" width="200" height="200"><path d="M815.616 0H208.384C93.3 0 0 94.068 0 210.083v603.834C0 929.955 93.3 1024 208.384 1024h607.232C930.7 1024 1024 929.955 1024 813.917V210.083C1024 94.068 930.7 0 815.616 0z" fill="#10A37F" p-id="12441"></path><path d="M757.364 460.032A142.825 142.825 0 0 0 745.1 342.807a144.407 144.407 0 0 0-155.462-69.26 142.708 142.708 0 0 0-106.729-47.988h-1.257a144.384 144.384 0 0 0-137.355 99.933 142.755 142.755 0 0 0-95.418 69.237 144.43 144.43 0 0 0 17.757 169.262 142.825 142.825 0 0 0 12.241 117.202 144.384 144.384 0 0 0 155.462 69.26A142.755 142.755 0 0 0 541.09 798.44h1.28a144.337 144.337 0 0 0 137.356-100.003 142.732 142.732 0 0 0 95.418-69.237 144.198 144.198 0 0 0-17.78-169.192zM542.022 760.995h-0.163a107.148 107.148 0 0 1-68.562-24.855 69.857 69.857 0 0 0 3.375-1.932l114.06-65.862a18.548 18.548 0 0 0 9.379-16.128v-160.93l48.22 27.833a1.722 1.722 0 0 1 0.932 1.327v133.19a107.497 107.497 0 0 1-107.241 107.357z m-230.68-98.514a107.148 107.148 0 0 1-12.8-71.936l3.398 2.002 114.037 65.885a18.595 18.595 0 0 0 18.758 0l139.264-80.407v55.784a1.745 1.745 0 0 1-0.699 1.374l-115.293 66.56a107.567 107.567 0 0 1-107.334 0 107.497 107.497 0 0 1-39.33-39.285z m-29.998-249.018a106.985 106.985 0 0 1 55.878-47.08l-0.047 3.956v131.84a18.525 18.525 0 0 0 9.356 16.105l139.264 80.407-48.221 27.834a1.745 1.745 0 0 1-1.63 0.14l-115.316-66.63a107.497 107.497 0 0 1-39.284-146.595z m396.102 92.16l-139.24-80.384 48.197-27.834a1.722 1.722 0 0 1 1.629-0.163l115.316 66.583a107.427 107.427 0 0 1-16.593 193.746V521.704a18.525 18.525 0 0 0-9.31-16.057z m47.988-72.215a171.055 171.055 0 0 0-3.374-2.025L608 365.521a18.618 18.618 0 0 0-18.758 0l-139.24 80.384v-55.761c0-0.535 0.232-1.07 0.698-1.396l115.293-66.514a107.38 107.38 0 0 1 159.441 111.174z m-301.638 99.235l-48.22-27.834a1.699 1.699 0 0 1-0.932-1.327V370.316a107.38 107.38 0 0 1 176.059-82.456 97.135 97.135 0 0 0-3.375 1.932l-114.083 65.885a18.572 18.572 0 0 0-9.356 16.105v0.116l-0.093 160.745z m26.205-56.46L512 440.343l62.022 35.817v71.633L512 583.587l-62.022-35.794V476.16z" fill="#FFFFFF" p-id="12442"></path></svg>`
},
url: {
desc: "可使用中转/代理API,前提是符合openai的规范,只需要填域名",
type: "input",
config: {
placeholder: "https://api.openai.com"
},
value: "https://api.openai.com",
required: true
},
raw_url: {
desc: "需要填写完整api地址使用：如: https://example.cn/v1/chat/completions",
type: "switch",
value: false
},
model: {
config: {
placeholder: "gpt-4o-mini",
options: ["gpt-4o-mini", "gpt-3.5-turbo", "gpt-4o", "gpt-4"].map(
(item) => ({
label: item,
value: item
})
),
allowCreate: true,
filterable: true,
defaultFirstOption: true
},
value: "gpt-4o-mini",
type: "select",
required: true
},
api_key: { type: "input", required: true },
advanced: {
label: "高级配置",
alert: "warning",
desc: "小白勿动",
value: {
json: {
label: "json",
value: true,
type: "switch",
desc: "仅支持较新的模型,会强制gpt返回json格式,效果好一点,能有效减少响应解析错误"
},
stream: {
value: false,
type: "switch",
desc: desc.stream
},
temperature: {
value: 0.65,
type: "slider",
config: {
min: 0,
max: 2,
step: 0.05
},
desc: "较高的值（如 0.8）将使输出更加随机，而较低的值（如 0.2）将使其更加集中和确定性。<br/>我们通常建议更改此项或 top_p ，但不要同时更改两者。"
},
top_p: {
value: 1,
type: "slider",
config: {
min: 0,
max: 1,
step: 0.05
},
desc: "温度采样的替代方法称为核采样，其中模型考虑具有 top_p 概率质量的标记的结果。因此 0.1 意味着仅考虑包含前 10% 概率质量的标记。<br/>我们通常建议更改此项或 temperature ，但不要同时更改两者。"
},
presence_penalty: {
value: 0,
type: "slider",
config: {
min: -2,
max: 2,
step: 0.1
},
desc: "正值根据新标记是否出现在文本中来对其进行惩罚，从而增加模型讨论新主题的可能性。"
},
frequency_penalty: {
value: 0,
type: "slider",
config: {
min: -2,
max: 2,
step: 0.1
},
desc: "正值根据迄今为止文本中的现有频率对新标记进行惩罚，从而降低模型逐字重复同一行的可能性。"
}
}
},
other
};
let gpt$3 = class gpt extends llm {
constructor(conf, template) {
super(conf, template);
}
async chat(message) {
var _a, _b;
const res = await this.post({ prompt: this.buildPrompt(message) });
return ((_b = (_a = res.choices.pop()) == null ? void 0 : _a.message) == null ? void 0 : _b.content) || "";
}
async message({
data: data2 = {},
onPrompt = (s2) => {
},
onStream = (s2) => {
},
json = false
}) {
var _a, _b, _c, _d, _e;
const prompts = this.buildPrompt(data2);
const prompt2 = prompts[prompts.length - 1].content;
onPrompt(prompt2);
const decoder = new TextDecoder("utf-8");
let stream = "";
const ans = { prompt: prompt2 };
const res = await this.post({
prompt: prompts,
json,
onStream: (reader) => {
reader.read().then(function processText({ value }) {
var _a2, _b2, _c2;
const s2 = decoder.decode(value);
const sl = s2.split("\n");
for (let i = 0; i < sl.length; i++) {
const line = sl[i];
if (line.startsWith("data: ")) {
const data22 = line.slice(6);
if (data22 === "[DONE]") {
return;
}
const json2 = JSON.parse(data22).choices[0];
const content = json2.delta.content;
if (content) {
onStream(content);
stream += content;
} else if (json2.finish_reason === "stop") {
ans.usage = {
input_tokens: (_a2 = json2.usage) == null ? void 0 : _a2.prompt_tokens,
output_tokens: (_b2 = json2.usage) == null ? void 0 : _b2.completion_tokens,
total_tokens: (_c2 = json2.usage) == null ? void 0 : _c2.total_tokens
};
return;
}
}
}
return reader.read().then(processText);
});
}
});
if (!this.conf.advanced.stream) {
ans.content = (_b = (_a = res == null ? void 0 : res.choices.pop()) == null ? void 0 : _a.message) == null ? void 0 : _b.content;
ans.usage = {
input_tokens: (_c = res == null ? void 0 : res.usage) == null ? void 0 : _c.prompt_tokens,
output_tokens: (_d = res == null ? void 0 : res.usage) == null ? void 0 : _d.completion_tokens,
total_tokens: (_e = res == null ? void 0 : res.usage) == null ? void 0 : _e.total_tokens
};
} else {
ans.content = stream;
}
return ans;
}
async post({
prompt: prompt2,
onStream,
json = false
}) {
const res = await request.post({
// 兼容特殊的api中转站
url: this.conf.url + (this.conf.raw_url ? "" : "/v1/chat/completions"),
data: JSON.stringify({
messages: prompt2,
model: this.conf.model,
stream: this.conf.advanced.stream,
temperature: this.conf.advanced.temperature,
top_p: this.conf.advanced.top_p,
presence_penalty: this.conf.advanced.presence_penalty,
frequency_penalty: this.conf.advanced.frequency_penalty,
response_format: this.conf.advanced.json && json ? { type: "json_object" } : void 0
}),
headers: {
Authorization: `Bearer ${this.conf.api_key}`,
"Content-Type": "application/json"
},
timeout: this.conf.other.timeout,
// TODO: 暂时禁用 stream 输出
responseType: "json",
onStream,
isFetch: true
});
return res;
}
};
const openai = {
gpt: gpt$3,
info: info$4
};
const info$3 = {
...openai.info,
mode: {
mode: "moonshot",
label: "Kimi",
// disabled: true,
icon: `<svg t="1713627008962" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13473" width="200" height="200"><path d="M1024 0m0 186.197333l0 651.605334q0 186.197333-186.197333 186.197333l-651.605334 0q-186.197333 0-186.197333-186.197333l0-651.605334q0-186.197333 186.197333-186.197333l651.605334 0q186.197333 0 186.197333 186.197333Z" fill="#000000" p-id="13474"></path><path d="M580.181333 459.946667c57.173333 1.322667 104.192 52.352 104.192 115.2v232.533333a2.090667 2.090667 0 0 1-2.133333 2.133333h-99.925333a2.090667 2.090667 0 0 1-2.133334-2.133333l-1.706666-294.016c0-1.28-2.218667-1.493333-2.56-0.298667-13.397333 43.946667-52.736 56.32-99.84 56.32H304.384a2.090667 2.090667 0 0 0-2.090667 2.090667v235.946667a2.090667 2.090667 0 0 1-2.090666 2.090666H194.858667a2.090667 2.090667 0 0 1-2.048-2.133333V241.578667c0-1.152 0.896-2.048 2.048-2.048h105.386666c1.109333 0 2.048 0.896 2.048 2.048v216.32c0 1.152 0.938667 2.133333 2.090667 2.133333h135.253333a2.133333 2.133333 0 0 0 1.877334-1.28l96.896-218.026667a2.090667 2.090667 0 0 1 1.92-1.194666h116.778666c1.493333 0 2.517333 1.578667 1.877334 2.944l-66.261334 142.293333c-19.754667 36.224-34.304 61.866667-67.242666 72.789333-1.194667 0.426667-0.938667 2.432 0.298666 2.432h54.4z" fill="#FFFFFF" p-id="13475"></path><path d="M727.338667 227.968c-11.733333 9.856-19.413333 25.941333-19.413334 50.218667 0 22.741333 7.253333 40.405333 18.133334 50.986666-5.674667 9.386667-11.434667 15.957333-15.786667 19.498667-0.725333 0.554667-0.170667 2.218667 0.725333 2.133333l64.426667-4.693333c14.378667-1.066667 26.709333-6.485333 37.034667-15.744 12.373333-10.496 19.498667-28.544 19.498666-52.181333 0-24.277333-7.125333-40.362667-19.498666-50.218667-11.776-9.813333-26.112-14.762667-43.050667-14.762667-16.298667 0-30.293333 4.949333-42.069333 14.762667z" fill="#007AFF" p-id="13476"></path></svg>`,
desc: `注册就送15,国产模型对中文支持应该好一些 <a href="https://platform.moonshot.cn/console/api-keys" target="_blank">开通文档</a>`
},
model: {
config: {
placeholder: "moonshot-v1-8k",
options: ["moonshot-v1-8k", "moonshot-v1-32k", "moonshot-v1-128k"].map(
(item) => ({
label: item,
value: item
})
),
allowCreate: true,
filterable: true,
defaultFirstOption: true
},
value: "moonshot-v1-8k",
type: "select",
required: true
},
url: {
config: {
placeholder: "https://api.moonshot.cn"
},
value: "https://api.moonshot.cn",
type: "input",
required: true
}
};
let gpt$2 = class gpt2 extends openai.gpt {
constructor(conf, template) {
super(conf, template);
}
};
const moonshot = {
info: info$3,
gpt: gpt$2
};
const info$2 = {
mode: {
mode: "baidu",
label: "文心一言",
disabled: true,
desc: `为什么排最后自己知道,臭名昭著无需介绍, 不推荐使用，问题较多 <a href="https://console.bce.baidu.com/qianfan/ais/console/applicationConsole/application" target="_blank">开通应用</a> <a href="https://console.bce.baidu.com/tools/?u=qfdc#/api?product=QIANFAN&project=%E5%8D%83%E5%B8%86%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%B9%B3%E5%8F%B0&parent=%E9%89%B4%E6%9D%83%E8%AE%A4%E8%AF%81%E6%9C%BA%E5%88%B6&api=oauth/2.0/token&method=post" target="_blank">获取token</a>`,
icon: `<svg t="1713626816913" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7655" width="200" height="200"><path d="M96.20121136 636.3124965c-0.1472897-113.41305959-0.29457937-226.8261192-0.29457937-340.23917879 0-14.87625845 7.65906378-26.51214381 20.4732666-34.02391789 45.51251353-26.65943349 91.02502705-53.31886698 136.83211997-79.53643141 71.1409192-40.94653321 142.42912809-81.59848704 213.71733698-122.39773055 7.36448439-4.12411126 14.58167909-8.3955122 21.50429441-13.2560719 19.44223878-13.40336159 39.03176725-16.05457598 60.09419263-3.53495252 27.39588193 16.34915535 54.93905355 32.25644163 82.48222516 48.16372793 88.0792333 50.96223197 176.30575629 101.77717426 264.38498958 152.59211653 9.86840908 5.74429781 19.88410785 11.19401627 29.60522725 17.0856038 14.13981003 8.54280189 21.50429441 21.06242535 21.50429443 37.70616007 0 147.73155685 0.29457937 295.46311371-0.1472897 443.19467057 0 15.46541722-7.2171947 28.57419943-21.7988738 36.96971163-34.7603663 20.17868721-70.55176044 38.88447758-104.57567833 59.94690293-48.90017634 30.19438599-100.00969801 56.11737105-148.76258466 86.60633642-29.01606849 18.11663161-59.50503387 34.02391789-89.11026112 50.96223197-13.10878221 7.51177407-26.07027474 15.17083783-39.03176726 22.9771913-13.84523065 8.3955122-27.83775099 8.83738127-41.97756102 0.73644843-56.41195043-32.55102101-112.82390085-65.10204201-169.38314098-97.653063-61.86166887-35.64410444-123.72333775-71.1409192-185.4377169-106.78502365-11.19401627-6.48074626-22.24074286-12.81420285-32.99289009-19.88410785-11.48859565-7.65906378-17.08560379-19.14765941-17.08560378-32.69831069-0.1472897-34.7603663 0.1472897-69.52073264 0.29457938-104.28109895 1.62018657-0.58915875 1.62018657-1.62018657-0.29457938-2.65121438z m356.58833414-225.500512c2.20934532-1.76747625 4.41869063-3.68224221 6.77532565-5.15513907 68.93157389-39.62092601 137.86314777-79.24185204 206.94201135-118.86277807 2.79850407-1.62018657 6.48074626-1.62018657 6.62803594-6.18616688 0.1472897-4.8605597-4.12411126-4.71327001-6.77532564-6.18616688-40.65195383-23.56635005-81.59848704-46.83812071-122.10315117-70.84633984-16.79102442-10.01569877-32.84560039-8.54280189-48.45830728 0.58915876-45.9543826 26.51214381-91.46689612 53.61344636-137.27398903 80.42016953-31.96186226 18.70579035-64.21830387 37.11700133-96.32745581 55.67550198-18.41121097 10.60485751-27.54317163 25.33382629-27.24859225 47.72185885 0.88373813 89.55213018 0.58915875 179.10426036 0.14728969 268.65639053-0.1472897 20.17868721 9.27925033 33.58204881 25.33382629 43.15587853 31.3727035 18.70579035 63.18727606 37.11700133 95.14913832 54.93905355 10.89943689 6.03887719 21.06242535 13.99252034 35.79139414 18.41121096V505.51925374c6.48074626 19.58952848 18.55850066 34.02391789 36.67513226 44.6287754 27.83775099 16.20186565 63.18727606 12.51962347 86.31175705-10.45756784 26.95401286-26.65943349 28.72148912-62.89269668 12.81420282-90.14128893-16.34915535-28.42690974-43.59774757-37.55887038-74.38129233-38.73718787z m82.48222517 429.64401928c14.28709972-3.82953187 25.92298506-13.99252034 38.88447758-21.35700473 40.94653321-23.27177067 81.30390766-47.72185885 122.54502023-70.55176046 26.95401286-15.02354815 52.87699792-31.66728287 80.71474891-45.21793415 16.79102442-8.10093283 29.60522723-22.53532223 29.60522726-43.4504579 0.1472897-92.939793 0.29457937-185.73229631 0.14728969-278.6720893 0-11.19401627-5.15513907-13.99252034-13.84523067-7.06990501-26.51214381 20.76784598-57.29568854 34.46578693-86.16446735 51.25681135-54.49718448 31.81457257-109.14165865 63.33456576-163.78613282 95.00184862-8.54280189 4.8605597-11.78317502 10.45756784-11.63588535 20.47326662 0.29457937 96.18016613 0.1472897 192.50762194 0.1472897 288.68778806-0.29457937 3.5349525-1.47289687 7.65906378 3.38766282 10.8994369z" fill="#066AF3" p-id="7656"></path><path d="M96.20121136 636.3124965c1.91476594 1.03102783 1.91476594 2.06205563 0 3.09308345v-3.09308345z" fill="#4372E0" p-id="7657"></path><path d="M391.3697457 505.37196405c-5.44971845-44.33419602 13.84523065-74.08671296 61.4197998-94.55997955 30.93083443 1.17831749 58.03213699 10.31027814 74.38129233 38.5898982 15.75999659 27.39588193 14.13981003 63.48185543-12.81420282 90.14128893-23.27177067 22.97719129-58.47400606 26.65943349-86.31175705 10.45756783-18.11663161-10.60485751-30.34167568-25.03924691-36.67513226-44.62877541z" fill="#002A9A" p-id="7658"></path></svg>`
},
url: {
type: "input",
required: true,
config: {
placeholder: "https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/completions"
},
desc: "不同模型不同地址~多少带点*"
},
access_token: {
type: "input",
required: true
},
advanced: {
value: {
json: { type: "switch", value: false },
stream: { type: "switch", value: false },
temperature: {
type: "slider",
value: 0.65,
config: { min: 0, max: 1, step: 0.5 },
desc: desc.temperature
},
top_p: {
type: "slider",
value: 0.65,
config: { min: 0, max: 1, step: 0.5 },
desc: desc.top_p
},
max_output_tokens: {
type: "slider",
value: 2048,
config: { min: 2, max: 2048, step: 32 },
desc: "指定模型最大输出token数"
},
disable_search: {
type: "switch",
desc: "是否强制关闭实时搜索功能，默认false，表示不关闭"
},
penalty_score: {
type: "slider",
value: 1,
config: { min: 1, max: 2, step: 0.1 },
desc: "通过对已生成的token增加惩罚，减少重复生成的现象。值越大表示惩罚越大"
}
},
label: "高级配置",
alert: "warning",
desc: "小白勿动"
},
other
};
let gpt$1 = class gpt3 extends llm {
constructor(conf, template) {
super(conf, template);
}
async chat(message) {
const res = await this.post({ prompt: this.buildPrompt(message) });
return res.result || "";
}
async message({
data: data2 = {},
onPrompt = (s2) => {
},
onStream = (s2) => {
},
json = false
}) {
var _a, _b, _c;
const prompts = this.buildPrompt(data2);
const prompt2 = prompts[prompts.length - 1].content;
onPrompt(prompt2);
const decoder = new TextDecoder("utf-8");
let stream = "";
const ans = { prompt: prompt2 };
const res = await this.post({
prompt: prompts,
json,
onStream: (reader) => {
reader.read().then(function processText({ value }) {
var _a2, _b2, _c2;
const s2 = decoder.decode(value);
const sl = s2.split("\n");
for (let i = 0; i < sl.length; i++) {
const line = sl[i];
if (line.startsWith("data: ")) {
const data22 = line.slice(6);
const json2 = JSON.parse(data22);
const content = json2.result;
if (json2.is_end) {
ans.usage = {
input_tokens: (_a2 = json2.usage) == null ? void 0 : _a2.prompt_tokens,
output_tokens: (_b2 = json2.usage) == null ? void 0 : _b2.completion_tokens,
total_tokens: (_c2 = json2.usage) == null ? void 0 : _c2.total_tokens
};
return;
} else if (content) {
onStream(content);
stream += content;
}
}
}
return reader.read().then(processText);
});
}
});
if (!this.conf.advanced.stream) {
ans.content = res == null ? void 0 : res.result;
ans.usage = {
input_tokens: (_a = res == null ? void 0 : res.usage) == null ? void 0 : _a.prompt_tokens,
output_tokens: (_b = res == null ? void 0 : res.usage) == null ? void 0 : _b.completion_tokens,
total_tokens: (_c = res == null ? void 0 : res.usage) == null ? void 0 : _c.total_tokens
};
} else {
ans.content = stream;
}
return ans;
}
async post({
prompt: prompt2,
onStream,
json = false
}) {
const res = await request.post({
url: `${this.conf.url}?access_token=${this.conf.access_token}`,
data: JSON.stringify({
messages: prompt2,
stream: this.conf.advanced.stream,
temperature: this.conf.advanced.temperature,
top_p: this.conf.advanced.top_p,
penalty_score: this.conf.advanced.penalty_score,
max_tokens: this.conf.advanced.max_output_tokens,
disable_search: this.conf.advanced.disable_search,
response_format: this.conf.advanced.json && json ? "json_object" : "text"
}),
headers: {
"Content-Type": "application/json"
},
timeout: this.conf.other.timeout,
responseType: this.conf.advanced.stream ? "stream" : "json",
onStream
});
return res;
}
};
const baidu = {
info: info$2,
gpt: gpt$1
};
const info$1 = {
mode: {
mode: "aliyun",
label: "通义千问",
disabled: true,
icon: `<svg t="1713627186974" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15358" width="200" height="200"><path d="M918.60992 591.872l-104.67328-183.1936 44.8512-85.99552a23.92064 23.92064 0 0 0 5.24288-29.9008L806.44096 188.8256a24.6784 24.6784 0 0 0-20.1728-11.22304H572.416l-47.86176-83.74272a22.44608 22.44608 0 0 0-17.2032-11.96032h-112.88576a23.92064 23.92064 0 0 0-20.19328 11.96032v4.5056l-106.9056 183.17312H164.88448a23.94112 23.94112 0 0 0-20.93056 11.22304l-59.06432 104.6528a26.9312 26.9312 0 0 0 0 23.9616l106.16832 184.66816-47.84128 83.7632a26.9312 26.9312 0 0 0 0 23.90016l54.5792 95.72352a24.6784 24.6784 0 0 0 20.93056 11.96032h213.85216l51.58912 89.7024a24.6784 24.6784 0 0 0 18.69824 11.9808h121.11872a23.92064 23.92064 0 0 0 20.19328-11.96032l105.43104-184.68864h94.208a26.19392 26.19392 0 0 0 20.19328-12.6976l54.5792-96.4608a23.18336 23.18336 0 0 0 0-25.43616z m-132.34176 11.96032l-54.5792-100.9664-224.31744 395.55072-61.31712-100.92544H221.73696l53.84192-97.95584h114.40128L165.66272 305.50016h117.39136l111.4112-198.90176 56.07424 97.95584-57.56928 100.92544h448.6144L784.7936 405.7088l112.90624 198.12352h-111.4112z" fill="#605BEC" p-id="15359"></path><path d="M502.12864 641.9456l139.83744-224.29696H361.55392l140.57472 224.29696z" fill="#605BEC" p-id="15360"></path></svg>`,
desc: `阿里巴巴旗下的大模型,开通就送价值千元的tokens,可用去尝试尝试 <a href="https://help.aliyun.com/zh/dashscope/developer-reference/activate-dashscope-and-create-an-api-key" target="_blank">开通文档</a><br/>效果一般般，推荐还是gpt吧，未知的问题也多，如没开stream没返回值等等~`
},
model: {
required: true,
type: "select",
value: "qwen-plus",
config: {
placeholder: "qwen-plus",
options: [
"qwen-plus",
"qwen-turbo",
"qwen-max",
"qwen-max-0403",
"qwen-max-0107",
"qwen-max-1201",
"qwen-max-longcontext"
].map((item) => ({
label: item,
value: item
})),
allowCreate: true,
filterable: true,
defaultFirstOption: true
}
},
api_key: {
required: true,
type: "input"
},
advanced: {
value: {
url: {
type: "input",
value: "https://dashscope.aliyuncs.com/api/v1/services/aigc/text-generation/generation"
},
stream: {
type: "switch",
value: true
},
temperature: {
type: "slider",
value: 0.55,
config: {
min: 0,
max: 2,
step: 0.05
},
desc: "用于控制随机性和多样性的程度。具体来说，temperature值控制了生成文本时对每个候选词的概率分布进行平滑的程度。较高的temperature值会降低概率分布的峰值，使得更多的低概率词被选择，生成结果更加多样化；而较低的temperature值则会增强概率分布的峰值，使得高概率词更容易被选择，生成结果更加确定。"
},
top_p: {
type: "slider",
value: 0.8,
config: {
min: 0,
max: 1,
step: 0.1
},
desc: "生成时，核采样方法的概率阈值。例如，取值为0.8时，仅保留累计概率之和大于等于0.8的概率分布中的token，作为随机采样的候选集。取值范围为（0,1.0)，取值越大，生成的随机性越高；取值越低，生成的随机性越低。默认值为0.8。注意，取值不要大于等于1"
},
top_k: {
type: "slider",
value: 50,
config: {
min: 0,
max: 100,
step: 1
},
desc: "生成时，采样候选集的大小。例如，取值为50时，仅将单次生成中得分最高的50个token组成随机采样的候选集。取值越大，生成的随机性越高；取值越小，生成的确定性越高。注意：如果top_k参数为空或者top_k的值大于100，表示不启用top_k策略，此时仅有top_p策略生效，默认是空。"
},
max_tokens: {
value: 1500,
type: "slider",
config: {
min: 100,
max: 2e3,
step: 100
},
desc: desc.max_tokens
},
enable_search: {
type: "switch",
value: false,
desc: "是否使用互联网搜索结果,可能能搜索公司相关的吐槽?未测试~"
},
repetition_penalty: {
type: "slider",
value: 1.1,
config: {
min: 0,
max: 2,
step: 0.1
},
desc: "用于控制模型生成时的重复度。提高repetition_penalty时可以降低模型生成的重复度。1.0表示不做惩罚。默认为1.1。"
}
},
label: "高级配置",
alert: "warning",
desc: "小白勿动"
},
other
};
class gpt4 extends llm {
constructor(conf, template) {
super(conf, template);
}
async chat(message) {
var _a;
const res = await this.post({ prompt: this.buildPrompt(message) });
return ((_a = res == null ? void 0 : res.output) == null ? void 0 : _a.text) || "";
}
async message({
data: data2 = {},
onPrompt = (s2) => {
},
onStream = (s2) => {
},
json = false
}) {
var _a, _b, _c, _d, _e, _f;
const prompts = this.buildPrompt(data2);
const prompt2 = prompts[prompts.length - 1].content;
onPrompt(prompt2);
const decoder = new TextDecoder("utf-8");
let stream = "";
const ans = { prompt: prompt2 };
const res = await this.post({
prompt: prompts,
json,
onStream: (reader) => {
reader.read().then(function processText({ value }) {
var _a2, _b2, _c2, _d2;
const s2 = decoder.decode(value);
const sl = s2.split("\n");
for (let i = 0; i < sl.length; i++) {
const line = sl[i];
if (line.startsWith("data:")) {
const data22 = line.slice(5);
const json2 = JSON.parse(data22);
const content = (_a2 = json2.output) == null ? void 0 : _a2.text;
if (json2.output.finish_reason === "stop") {
ans.usage = {
input_tokens: (_b2 = json2.usage) == null ? void 0 : _b2.input_tokens,
output_tokens: (_c2 = json2.usage) == null ? void 0 : _c2.output_tokens,
total_tokens: (_d2 = json2.usage) == null ? void 0 : _d2.total_tokens
};
return;
} else if (content) {
onStream(content);
stream += content;
}
}
}
return reader.read().then(processText);
});
}
});
if (!this.conf.advanced.stream) {
ans.content = (_a = res == null ? void 0 : res.output) == null ? void 0 : _a.text;
ans.usage = {
input_tokens: (_b = res == null ? void 0 : res.usage) == null ? void 0 : _b.input_tokens,
output_tokens: (_c = res == null ? void 0 : res.usage) == null ? void 0 : _c.output_tokens,
total_tokens: ((_d = res == null ? void 0 : res.usage) == null ? void 0 : _d.total_tokens) || ((_e = res == null ? void 0 : res.usage) == null ? void 0 : _e.input_tokens) + ((_f = res == null ? void 0 : res.usage) == null ? void 0 : _f.output_tokens)
};
} else {
ans.content = stream;
}
return ans;
}
async post({
prompt: prompt2,
onStream,
json = false
}) {
const headers = {
"Content-Type": "application/json",
Authorization: `Bearer ${this.conf.api_key}`
};
if (this.conf.advanced.stream) {
headers["Accept"] = "text/event-stream";
headers["X-DashScope-SSE"] = "enable";
}
const res = await request.post({
url: this.conf.advanced.url,
data: JSON.stringify({
model: this.conf.model,
input: { messages: prompt2 },
parameters: {
result_format: "text",
max_tokens: this.conf.advanced.max_tokens,
temperature: this.conf.advanced.temperature,
top_p: this.conf.advanced.top_p,
top_k: this.conf.advanced.top_k,
repetition_penalty: this.conf.advanced.repetition_penalty,
enable_search: this.conf.advanced.enable_search,
incremental_output: true
}
}),
headers,
timeout: this.conf.other.timeout,
responseType: this.conf.advanced.stream ? "stream" : "json",
onStream
});
return res;
}
}
const aliyun = {
info: info$1,
gpt: gpt4
};
const confModelKey = "conf-model";
const llms = [openai.info, moonshot.info, aliyun.info, baidu.info];
const llmsIcons = llms.reduce((acc, cur) => {
if (cur.mode.icon) acc[cur.mode.mode] = cur.mode.icon;
return acc;
}, {});
const modelData$1 = ref(_GM_getValue(confModelKey, []));
logger.debug("ai模型数据", toRaw(modelData$1.value));
function getGpt$1(model, template) {
if (!model.data) {
throw new Error("GPT数据不存在");
}
if (Array.isArray(template)) {
template = [...template].map((v2) => ({ ...v2 }));
}
try {
switch (model.data.mode) {
case "openai":
return new openai.gpt(model.data, template);
case "moonshot":
return new moonshot.gpt(model.data, template);
case "aliyun":
return new aliyun.gpt(model.data, template);
case "baidu":
return new baidu.gpt(model.data, template);
case "user":
break;
}
} catch (e) {
throw new Error("GPT构建错误");
}
throw new Error("GPT不存在");
}
function save() {
_GM_setValue(confModelKey, toRaw(modelData$1.value));
ElMessage.success("保存成功");
}
const useModel = () => {
return {
modelData: modelData$1,
save,
getGpt: getGpt$1
};
};
var dist = {};
var options = {};
(function(exports2) {
Object.defineProperty(exports2, "__esModule", { value: true });
exports2.Allow = exports2.ALL = exports2.COLLECTION = exports2.ATOM = exports2.SPECIAL = exports2.INF = exports2._INFINITY = exports2.INFINITY = exports2.NAN = exports2.BOOL = exports2.NULL = exports2.OBJ = exports2.ARR = exports2.NUM = exports2.STR = void 0;
exports2.STR = 1;
exports2.NUM = 2;
exports2.ARR = 4;
exports2.OBJ = 8;
exports2.NULL = 16;
exports2.BOOL = 32;
exports2.NAN = 64;
exports2.INFINITY = 128;
exports2._INFINITY = 256;
exports2.INF = exports2.INFINITY | exports2._INFINITY;
exports2.SPECIAL = exports2.NULL | exports2.BOOL | exports2.INF | exports2.NAN;
exports2.ATOM = exports2.STR | exports2.NUM | exports2.SPECIAL;
exports2.COLLECTION = exports2.ARR | exports2.OBJ;
exports2.ALL = exports2.ATOM | exports2.COLLECTION;
exports2.Allow = { STR: exports2.STR, NUM: exports2.NUM, ARR: exports2.ARR, OBJ: exports2.OBJ, NULL: exports2.NULL, BOOL: exports2.BOOL, NAN: exports2.NAN, INFINITY: exports2.INFINITY, _INFINITY: exports2._INFINITY, INF: exports2.INF, SPECIAL: exports2.SPECIAL, ATOM: exports2.ATOM, COLLECTION: exports2.COLLECTION, ALL: exports2.ALL };
exports2.default = exports2.Allow;
})(options);
(function(exports2) {
var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o2, m2, k, k2) {
if (k2 === void 0) k2 = k;
var desc2 = Object.getOwnPropertyDescriptor(m2, k);
if (!desc2 || ("get" in desc2 ? !m2.__esModule : desc2.writable || desc2.configurable)) {
desc2 = { enumerable: true, get: function() {
return m2[k];
} };
}
Object.defineProperty(o2, k2, desc2);
} : function(o2, m2, k, k2) {
if (k2 === void 0) k2 = k;
o2[k2] = m2[k];
});
var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m2, exports3) {
for (var p2 in m2) if (p2 !== "default" && !Object.prototype.hasOwnProperty.call(exports3, p2)) __createBinding(exports3, m2, p2);
};
Object.defineProperty(exports2, "__esModule", { value: true });
exports2.Allow = exports2.MalformedJSON = exports2.PartialJSON = exports2.parseJSON = exports2.parse = void 0;
const options_1 = options;
Object.defineProperty(exports2, "Allow", { enumerable: true, get: function() {
return options_1.Allow;
} });
__exportStar(options, exports2);
class PartialJSON extends Error {
}
exports2.PartialJSON = PartialJSON;
class MalformedJSON extends Error {
}
exports2.MalformedJSON = MalformedJSON;
function parseJSON(jsonString, allowPartial = options_1.Allow.ALL) {
if (typeof jsonString !== "string") {
throw new TypeError(`expecting str, got ${typeof jsonString}`);
}
if (!jsonString.trim()) {
throw new Error(`${jsonString} is empty`);
}
return _parseJSON(jsonString.trim(), allowPartial);
}
exports2.parseJSON = parseJSON;
const _parseJSON = (jsonString, allow) => {
const length = jsonString.length;
let index = 0;
const markPartialJSON = (msg) => {
throw new PartialJSON(`${msg} at position ${index}`);
};
const throwMalformedError = (msg) => {
throw new MalformedJSON(`${msg} at position ${index}`);
};
const parseAny = () => {
skipBlank();
if (index >= length)
markPartialJSON("Unexpected end of input");
if (jsonString[index] === '"')
return parseStr();
if (jsonString[index] === "{")
return parseObj();
if (jsonString[index] === "[")
return parseArr();
if (jsonString.substring(index, index + 4) === "null" || options_1.Allow.NULL & allow && length - index < 4 && "null".startsWith(jsonString.substring(index))) {
index += 4;
return null;
}
if (jsonString.substring(index, index + 4) === "true" || options_1.Allow.BOOL & allow && length - index < 4 && "true".startsWith(jsonString.substring(index))) {
index += 4;
return true;
}
if (jsonString.substring(index, index + 5) === "false" || options_1.Allow.BOOL & allow && length - index < 5 && "false".startsWith(jsonString.substring(index))) {
index += 5;
return false;
}
if (jsonString.substring(index, index + 8) === "Infinity" || options_1.Allow.INFINITY & allow && length - index < 8 && "Infinity".startsWith(jsonString.substring(index))) {
index += 8;
return Infinity;
}
if (jsonString.substring(index, index + 9) === "-Infinity" || options_1.Allow._INFINITY & allow && 1 < length - index && length - index < 9 && "-Infinity".startsWith(jsonString.substring(index))) {
index += 9;
return -Infinity;
}
if (jsonString.substring(index, index + 3) === "NaN" || options_1.Allow.NAN & allow && length - index < 3 && "NaN".startsWith(jsonString.substring(index))) {
index += 3;
return NaN;
}
return parseNum();
};
const parseStr = () => {
const start = index;
let escape = false;
index++;
while (index < length && (jsonString[index] !== '"' || escape && jsonString[index - 1] === "\\")) {
escape = jsonString[index] === "\\" ? !escape : false;
index++;
}
if (jsonString.charAt(index) == '"') {
try {
return JSON.parse(jsonString.substring(start, ++index - Number(escape)));
} catch (e) {
throwMalformedError(String(e));
}
} else if (options_1.Allow.STR & allow) {
try {
return JSON.parse(jsonString.substring(start, index - Number(escape)) + '"');
} catch (e) {
return JSON.parse(jsonString.substring(start, jsonString.lastIndexOf("\\")) + '"');
}
}
markPartialJSON("Unterminated string literal");
};
const parseObj = () => {
index++;
skipBlank();
const obj = {};
try {
while (jsonString[index] !== "}") {
skipBlank();
if (index >= length && options_1.Allow.OBJ & allow)
return obj;
const key = parseStr();
skipBlank();
index++;
try {
const value = parseAny();
obj[key] = value;
} catch (e) {
if (options_1.Allow.OBJ & allow)
return obj;
else
throw e;
}
skipBlank();
if (jsonString[index] === ",")
index++;
}
} catch (e) {
if (options_1.Allow.OBJ & allow)
return obj;
else
markPartialJSON("Expected '}' at end of object");
}
index++;
return obj;
};
const parseArr = () => {
index++;
const arr = [];
try {
while (jsonString[index] !== "]") {
arr.push(parseAny());
skipBlank();
if (jsonString[index] === ",") {
index++;
}
}
} catch (e) {
if (options_1.Allow.ARR & allow) {
return arr;
}
markPartialJSON("Expected ']' at end of array");
}
index++;
return arr;
};
const parseNum = () => {
if (index === 0) {
if (jsonString === "-")
throwMalformedError("Not sure what '-' is");
try {
return JSON.parse(jsonString);
} catch (e) {
if (options_1.Allow.NUM & allow)
try {
return JSON.parse(jsonString.substring(0, jsonString.lastIndexOf("e")));
} catch (e2) {
}
throwMalformedError(String(e));
}
}
const start = index;
if (jsonString[index] === "-")
index++;
while (jsonString[index] && ",]}".indexOf(jsonString[index]) === -1)
index++;
if (index == length && !(options_1.Allow.NUM & allow))
markPartialJSON("Unterminated number literal");
try {
return JSON.parse(jsonString.substring(start, index));
} catch (e) {
if (jsonString.substring(start, index) === "-")
markPartialJSON("Not sure what '-' is");
try {
return JSON.parse(jsonString.substring(start, jsonString.lastIndexOf("e")));
} catch (e2) {
throwMalformedError(String(e2));
}
}
};
const skipBlank = () => {
while (index < length && " \n\r ".includes(jsonString[index])) {
index++;
}
};
return parseAny();
};
const parse = parseJSON;
exports2.parse = parse;
})(dist);
function parseGptJson(json) {
return dist.parse(
json.replace(/^```json|```$/g, ""),
dist.STR | dist.OBJ | dist.NUM | dist.ARR | dist.NULL
);
}
_unsafeWindow.parseGptJson = parseGptJson;
function rangeMatch(rangeStr, input, mode = "subset") {
if (!rangeStr) {
return [false, "无内容"];
}
const reg = /(\d+)(?:-(\d+))?/;
const match = rangeStr.match(reg);
let err = "预期之外";
if (match && match.length > 0) {
err = match[0];
}
if (match && input) {
let start = parseInt(match[1]);
let end = parseInt(match[2] || match[1]);
if (/^\d+$/.test(input)) {
let number4 = parseInt(input);
return [number4 >= start && number4 <= end, err];
}
let inputReg = /^(\d+)(?:-(\d+))?/;
let inputMatch = input.match(inputReg);
if (inputMatch) {
let inputStart = parseInt(inputMatch[1]);
let inputEnd = parseInt(inputMatch[2] || inputMatch[1]);
return [
// start-end: 15-29 用户输入: inputStart-inputEnd 16-20
mode == "subset" ? (
// 子集
start >= inputStart && start <= inputEnd || end >= inputStart && end <= inputEnd
) : (
// 交集
!(end < inputStart || inputEnd < start)
),
err
];
}
}
return [false, err];
}
const chatMessages$1 = ref([]);
const chatInput = reactive({
role: "user",
content: "",
input: false
});
const chatInputInit$1 = (model) => {
var _a;
chatInput.content = "";
chatInput.input = true;
chatInput.role = "assistant";
chatInput.name = model.name;
chatInput.avatar = {
icon: llmsIcons[((_a = model.data) == null ? void 0 : _a.mode) || ""],
color: model.color
};
let end = false;
return {
handle: (s2) => {
chatInput.content += s2;
},
end: (s2) => {
if (end) return;
end = true;
chatInput.input = false;
chatInput.content = s2;
const d2 = /* @__PURE__ */ new Date();
chatMessages$1.value.push({
id: d2.getTime(),
role: "assistant",
content: s2,
date: [getCurDay(d2), getCurTime(d2)],
name: chatInput.name,
avatar: toRaw(chatInput.avatar)
});
chatInput.content = "";
}
};
};
const useChat = () => {
return {
chatMessages: chatMessages$1,
chatInput,
chatInputInit: chatInputInit$1
};
};
const { chatInputInit, chatMessages } = useChat();
const { modelData, getGpt } = useModel();
const { formData: formData$2 } = useConfFormData();
const { todayData: todayData$1 } = useStatistics();
const jobTitle = (h2) => h2.push(async ({ data: data2 }, ctx) => {
try {
const text = data2.jobName;
if (!text) throw new JobTitleError("岗位名为空");
for (const x2 of formData$2.jobTitle.value) {
if (text.includes(x2)) {
if (formData$2.jobTitle.include) {
return;
}
throw new JobTitleError(`岗位名含有排除关键词 [${x2}]`);
}
}
if (formData$2.jobTitle.include) {
throw new JobTitleError("岗位名不包含关键词");
}
} catch (e) {
todayData$1.jobTitle++;
throw new JobTitleError(e.message);
}
});
const goldHunterFilter = (h2) => h2.push(async ({ data: data2 }, ctx) => {
if ((data2 == null ? void 0 : data2.goldHunter) === 1) {
todayData$1.goldHunterFilter++;
throw new GoldHunterError("猎头过滤");
}
});
const company = (h2) => h2.push(async ({ data: data2 }, ctx) => {
try {
const text = data2.brandName;
if (!text) throw new CompanyNameError("公司名为空");
for (const x2 of formData$2.company.value) {
if (text.includes(x2)) {
if (formData$2.company.include) {
return;
}
throw new CompanyNameError(`公司名含有排除关键词 [${x2}]`);
}
}
if (formData$2.company.include) {
throw new CompanyNameError("公司名不包含关键词");
}
} catch (e) {
todayData$1.company++;
throw new CompanyNameError(e.message);
}
});
const salaryRange = (h2) => h2.push(async ({ data: data2 }, ctx) => {
try {
const text = data2.salaryDesc;
const [v2, err] = rangeMatch(
text,
formData$2.salaryRange.value,
"intersection"
);
if (!v2)
throw new SalaryError(
`不匹配的薪资范围 [${err}],预期: ${formData$2.salaryRange.value}`
);
} catch (e) {
todayData$1.salaryRange++;
throw new SalaryError(e.message);
}
});
const companySizeRange = (h2) => h2.push(async ({ data: data2 }, ctx) => {
try {
const text = data2.brandScaleName;
const [v2, err] = rangeMatch(text, formData$2.companySizeRange.value);
if (!v2)
throw new CompanySizeError(
`不匹配的公司规模 [${err}], 预期: ${formData$2.companySizeRange.value}`
);
} catch (e) {
todayData$1.companySizeRange++;
throw new CompanySizeError(e.message);
}
});
const jobContent = (h2) => h2.push(async (_2, { card }) => {
try {
const content = card == null ? void 0 : card.postDescription;
for (const x2 of formData$2.jobContent.value) {
if (!x2) {
continue;
}
let re = new RegExp(
"(?<!(不|无).{0,5})" + x2 + "(?!系统|软件|工具|服务)"
);
if (content && re.test(content)) {
if (formData$2.jobContent.include) {
return;
}
throw new JobDescriptionError(`工作内容含有排除关键词 [${x2}]`);
}
}
if (formData$2.jobContent.include) {
throw new JobDescriptionError("工作内容中不包含关键词");
}
} catch (e) {
todayData$1.jobContent++;
throw new JobDescriptionError(e.message);
}
});
const hrPosition = (h2) => h2.push(async (_2, { card }) => {
try {
const content = card == null ? void 0 : card.bossTitle;
for (const x2 of formData$2.hrPosition.value) {
if (!x2) {
continue;
}
if (content && content.trim() === x2) {
if (formData$2.hrPosition.include) {
return;
}
throw new HrPositionError(`Hr职位在黑名单中 ${content}`);
}
}
if (formData$2.hrPosition.include) {
throw new HrPositionError(`Hr职位不在白名单中: ${content}`);
}
} catch (e) {
todayData$1.hrPosition++;
throw new HrPositionError(e.message);
}
});
const jobFriendStatus = (h2) => h2.push(async (_2, { card }) => {
const content = card == null ? void 0 : card.friendStatus;
if (content && content != 0) {
throw new FriendStatusError("已经是好友了");
}
});
const aiFiltering = (h2) => {
const model = modelData.value.find(
(v2) => formData$2.aiFiltering.model === v2.key
);
if (!model) {
throw new AIFilteringError("没有找到AI筛选的模型");
}
const gpt5 = getGpt(model, formData$2.aiFiltering.prompt);
h2.push(async (_2, ctx) => {
const chatInput2 = chatInputInit(model);
try {
const { content, prompt } = await gpt5.message({
data: {
data: ctx,
card: ctx.card
},
onStream: chatInput2.handle,
onPrompt: (s2) => chatBoosMessage(ctx, s2)
});
ctx.aiFilteringQ = prompt;
if (!content) {
return;
}
ctx.aiFilteringAraw = content;
const data2 = parseGptJson(content);
ctx.aiFilteringAjson = data2 || {};
const mg = `分数${data2 == null ? void 0 : data2.rating}
消极：${data2 == null ? void 0 : data2.negative}
积极：${data2 == null ? void 0 : data2.positive}`;
ctx.aiFilteringAtext = content;
chatInput2.end(mg);
if (!data2 || !data2.rating || data2.rating < 40) {
throw new AIFilteringError(mg);
}
} catch (e) {
todayData$1.jobContent++;
throw new AIFilteringError(e.message);
} finally {
chatInput2.end("Err~");
}
});
};
const activityFilter = (h2) => h2.push(async (_2, { card }) => {
try {
const activeText = card == null ? void 0 : card.activeTimeDesc;
if (!activeText || activeText.includes("月") || activeText.includes("年"))
throw new ActivityError(`不活跃,当前活跃度 [${activeText}]`);
} catch (e) {
todayData$1.activityFilter++;
throw new ActivityError(e.message);
}
});
const customGreeting = (h2) => {
const template = mitem.miTem.compile(formData$2.customGreeting.value);
const uid2 = useUserId();
if (!uid2) {
ElMessage.error("没有获取到uid,请刷新重试");
throw new GreetError("没有获取到uid");
}
h2.push(async (args, ctx) => {
try {
const boosData = await requestBossData(ctx.card);
let msg = formData$2.customGreeting.value;
if (formData$2.greetingVariable.value && ctx.card) {
msg = template({ card: ctx.card });
}
ctx.message = msg;
const buf = new Message({
form_uid: uid2.toString(),
to_uid: boosData.data.bossId.toString(),
to_name: boosData.data.encryptBossId,
// encryptUserId
content: msg
});
buf.send();
} catch (e) {
throw new GreetError(e == null ? void 0 : e.message);
}
});
};
const chatBoosMessage = (ctx, msg) => {
const d2 = /* @__PURE__ */ new Date();
chatMessages.value.push({
id: d2.getTime(),
role: "boos",
content: msg,
date: [getCurDay(d2), getCurTime(d2)],
name: ctx.brandName,
avatar: ctx.brandLogo
});
};
const aiGreeting = (h2) => {
const model = modelData.value.find(
(v2) => formData$2.aiGreeting.model === v2.key
);
if (!model) {
ElMessage.warning("没有找到招呼语的模型");
return;
}
const gpt5 = getGpt(model, formData$2.aiGreeting.prompt);
const uid2 = useUserId();
if (!uid2) {
ElMessage.error("没有获取到uid,请刷新重试");
throw new GreetError("没有获取到uid");
}
h2.push(async (args, ctx) => {
const chatInput2 = chatInputInit(model);
try {
const boosData = await requestBossData(ctx.card);
const { content, prompt } = await gpt5.message({
data: {
data: ctx,
card: ctx.card
},
onStream: chatInput2.handle,
onPrompt: (s2) => chatBoosMessage(ctx, s2)
});
ctx.aiGreetingQ = prompt;
if (!content) {
return;
}
ctx.message = content;
ctx.aiGreetingA = content;
chatInput2.end(content);
const buf = new Message({
form_uid: uid2.toString(),
to_uid: boosData.data.bossId.toString(),
to_name: boosData.data.encryptBossId,
// encryptUserId
content
});
buf.send();
} catch (e) {
throw new GreetError(e == null ? void 0 : e.message);
} finally {
chatInput2.end("Err~");
}
});
};
const record = async (ctx) => {
modelData.value.filter(
(v2) => {
var _a;
return (_a = formData$2.record.model) == null ? void 0 : _a.includes(v2.key);
}
);
};
const { formData: formData$1 } = useConfFormData();
function createHandle() {
const handles = [];
const handlesRes = [];
const handlesAfter = [];
if (formData$1.jobTitle.enable) jobTitle(handles);
if (formData$1.company.enable) company(handles);
if (formData$1.salaryRange.enable) salaryRange(handles);
if (formData$1.companySizeRange.enable) companySizeRange(handles);
if (formData$1.goldHunterFilter.value) goldHunterFilter(handles);
if (formData$1.friendStatus.value) jobFriendStatus(handlesRes);
if (formData$1.jobContent.enable) jobContent(handlesRes);
if (formData$1.hrPosition.enable) hrPosition(handlesRes);
if (formData$1.activityFilter.value) activityFilter(handlesRes);
if (formData$1.aiFiltering.enable) aiFiltering(handlesRes);
if (formData$1.customGreeting.enable && !formData$1.aiGreeting.enable)
customGreeting(handlesAfter);
if (formData$1.aiGreeting.enable) aiGreeting(handlesAfter);
return {
before: async (args, ctx) => {
try {
await Promise.all(handles.map((handle) => handle(args, ctx)));
if (handlesRes.length > 0) {
const res = await requestCard({
lid: args.data.lid,
securityId: args.data.securityId
});
if (res.data.code == 0) {
ctx.card = res.data.zpData.jobCard;
await Promise.all(handlesRes.map((handle) => handle(args, ctx)));
} else {
throw new UnknownError("请求响应错误:" + res.data.message);
}
}
} catch (e) {
if (errMap.has(e.name)) {
throw e;
}
throw new UnknownError("预期外:" + e.message);
}
},
after: async (args, ctx) => {
if (handlesAfter.length === 0) return;
try {
if (!ctx.card) {
const res = await requestCard({
lid: args.data.lid,
securityId: args.data.securityId
});
if (res.data.code == 0) {
ctx.card = res.data.zpData.jobCard;
} else {
throw new UnknownError("请求响应错误:" + res.data.message);
}
}
await Promise.all(handlesAfter.map((handle) => handle(args, ctx)));
} catch (e) {
if (errMap.has(e.name)) {
throw e;
}
throw new UnknownError("预期外:" + e.message);
}
},
record: (ctx) => {
if (formData$1.record.enable) return record();
return Promise.resolve();
}
};
}
const total = ref(0);
const current = ref(0);
const log = useLog();
const { todayData } = useStatistics();
const { deliverStop } = useCommon();
const { formData } = useConfFormData();
async function jobListHandle(jobList2, jobMap2) {
var _a;
log.info("获取岗位", `本次获取到 ${jobList2.length} 个`);
total.value = jobList2.length;
const h2 = createHandle();
jobList2.forEach((v2) => {
if (!jobMap2.has(v2.encryptJobId))
jobMap2.set(v2.encryptJobId, {
state: "wait",
msg: "等待中"
});
});
for (const [index, data2] of jobList2.entries()) {
current.value = index;
if (deliverStop.value) {
log.info("暂停投递", `剩余 ${jobList2.length - index} 个未处理`);
return;
}
if (((_a = jobMap2.get(data2.encryptJobId)) == null ? void 0 : _a.state) !== "wait") continue;
try {
jobMap2.set(data2.encryptJobId, {
state: "running",
msg: "处理中"
});
const ctx = JSON.parse(JSON.stringify(data2));
try {
await h2.before({ data: data2 }, ctx);
await sendPublishReq(data2);
await h2.after({ data: data2 }, ctx);
log.add(data2.jobName, null, ctx, ctx.message);
todayData.success++;
jobMap2.set(data2.encryptJobId, {
state: "success",
msg: "投递成功"
});
logger.warn("成功", ctx);
ctx.state = "成功";
if (todayData.success >= 100) {
if (formData.notification.value) {
notification("投递到达上限 100，已暂停投递");
} else {
ElMessage.info("投递到达上限 100，已暂停投递");
}
deliverStop.value = true;
return;
}
} catch (e) {
jobMap2.set(data2.encryptJobId, {
state: e.state === "warning" ? "warn" : "error",
msg: e.name || "没有消息"
});
log.add(data2.jobName, e, ctx);
logger.warn("过滤", ctx);
ctx.state = "过滤";
ctx.err = e.message || "";
} finally {
await h2.record(ctx);
}
} catch (e) {
jobMap2.set(data2.encryptJobId, {
state: "error",
msg: "未知报错"
});
logger.error("未知报错", e, data2);
if (formData.notification.value) {
notification("未知报错");
}
} finally {
todayData.total++;
await delay(formData.delay.deliveryInterval);
}
}
}
const useDeliver = () => {
return {
createHandle,
jobListHandle,
total,
current
};
};
const _hoisted_1$e = { style: { "order": "-1" } };
const _hoisted_2$a = { class: "card-tag" };
const _hoisted_3$4 = { class: "card-title" };
const _hoisted_4$3 = { class: "card-salary" };
const _hoisted_5$2 = { class: "card-footer" };
const _hoisted_6$2 = { class: "author-row" };
const _hoisted_7$1 = ["src"];
const _hoisted_8$1 = { class: "company-name" };
const _hoisted_9$1 = { class: "card-status" };
const _sfc_main$h = /* @__PURE__ */ defineComponent({
__name: "card",
setup(__props) {
const {
jobList: jobList2,
jobMap: { actions: jobMap2 }
} = useJobList();
const { current: current2 } = useDeliver();
const jobListRef = ref();
const autoScroll = ref(true);
const cards = ref();
function scroll3(e) {
e.preventDefault();
if (!cards.value) {
return;
}
let left = -e.wheelDelta || e.deltaY / 2;
cards.value.scrollLeft = cards.value.scrollLeft + left;
autoScroll.value = false;
}
watchEffect(() => {
const d2 = jobListRef.value;
if (autoScroll.value && d2 && d2.length > current2.value) {
d2[current2.value].scrollIntoView({
behavior: "smooth",
block: "nearest",
inline: "center"
});
}
});
function stateColor(state) {
switch (state) {
case "wait":
return "#CECECE";
case "error":
return "#e74c3c";
case "warn":
return "#f39c12";
case "success":
return "#2ecc71";
case "running":
return "#98F5F9";
}
return "#CECECE";
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$e, [
createElementVNode("div", {
ref_key: "cards",
ref: cards,
onWheel: withModifiers(scroll3, ["stop"]),
class: "card-grid"
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(jobList2), (v2) => {
var _a, _b;
return openBlock(), createElementBlock("div", {
ref_for: true,
ref_key: "jobListRef",
ref: jobListRef,
class: "card",
style: normalizeStyle({
"--state-color": stateColor((_a = unref(jobMap2).get(v2.encryptJobId)) == null ? void 0 : _a.state),
"--state-show": unref(jobMap2).has(v2.encryptJobId) ? "block" : "none"
})
}, [
createElementVNode("div", _hoisted_2$a, toDisplayString(v2.brandIndustry) + "," + toDisplayString(v2.jobDegree) + "," + toDisplayString(v2.brandScaleName), 1),
createElementVNode("h3", _hoisted_3$4, toDisplayString(v2.jobName), 1),
createElementVNode("h3", _hoisted_4$3, toDisplayString(v2.salaryDesc), 1),
createElementVNode("div", null, [
createVNode(unref(ElSpace$1), {
size: 3,
spacer: "|",
wrap: ""
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(v2.skills, (tag) => {
return openBlock(), createBlock(unref(ElTag$1), {
size: "small",
effect: "plain",
type: "warning"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(tag), 1)
]),
_: 2
}, 1024);
}), 256))
]),
_: 2
}, 1024),
createVNode(unref(ElSpace$1), {
size: 3,
wrap: ""
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(v2.jobLabels, (tag) => {
return openBlock(), createBlock(unref(ElTag$1), {
size: "small",
effect: "plain",
type: "success"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(tag), 1)
]),
_: 2
}, 1024);
}), 256))
]),
_: 2
}, 1024)
]),
createElementVNode("div", _hoisted_5$2, toDisplayString(v2.welfareList.join(",")), 1),
createElementVNode("div", _hoisted_6$2, [
createElementVNode("img", {
alt: "",
class: "avatar",
height: "80",
src: v2.brandLogo,
width: "80"
}, null, 8, _hoisted_7$1),
createElementVNode("div", null, [
createElementVNode("span", _hoisted_8$1, toDisplayString(v2.brandName), 1),
createElementVNode("h4", null, toDisplayString(v2.cityName) + "/" + toDisplayString(v2.areaDistrict) + "/" + toDisplayString(v2.businessDistrict), 1)
])
]),
createElementVNode("div", _hoisted_9$1, toDisplayString(((_b = unref(jobMap2).get(v2.encryptJobId)) == null ? void 0 : _b.msg) || "无内容"), 1)
], 4);
}), 256))
], 544),
createVNode(unref(ElSwitch), {
modelValue: autoScroll.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => autoScroll.value = $event),
"inline-prompt": "",
"active-text": "自动滚动",
"inactive-text": "自动滚动"
}, null, 8, ["modelValue"])
]);
};
}
});
const _export_sfc = (sfc, props2) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props2) {
target[key] = val;
}
return target;
};
const cardVue = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d2ec6d12"]]);
function getInternetExplorerVersion() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0) {
return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10);
}
var trident = ua.indexOf("Trident/");
if (trident > 0) {
var rv = ua.indexOf("rv:");
return parseInt(ua.substring(rv + 3, ua.indexOf(".", rv)), 10);
}
var edge = ua.indexOf("Edge/");
if (edge > 0) {
return parseInt(ua.substring(edge + 5, ua.indexOf(".", edge)), 10);
}
return -1;
}
let isIE;
function initCompat() {
if (!initCompat.init) {
initCompat.init = true;
isIE = getInternetExplorerVersion() !== -1;
}
}
var script$3 = {
name: "ResizeObserver",
props: {
emitOnMount: {
type: Boolean,
default: false
},
ignoreWidth: {
type: Boolean,
default: false
},
ignoreHeight: {
type: Boolean,
default: false
}
},
emits: [
"notify"
],
mounted() {
initCompat();
nextTick(() => {
this._w = this.$el.offsetWidth;
this._h = this.$el.offsetHeight;
if (this.emitOnMount) {
this.emitSize();
}
});
const object4 = document.createElement("object");
this._resizeObject = object4;
object4.setAttribute("aria-hidden", "true");
object4.setAttribute("tabindex", -1);
object4.onload = this.addResizeHandlers;
object4.type = "text/html";
if (isIE) {
this.$el.appendChild(object4);
}
object4.data = "about:blank";
if (!isIE) {
this.$el.appendChild(object4);
}
},
beforeUnmount() {
this.removeResizeHandlers();
},
methods: {
compareAndNotify() {
if (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) {
this._w = this.$el.offsetWidth;
this._h = this.$el.offsetHeight;
this.emitSize();
}
},
emitSize() {
this.$emit("notify", {
width: this._w,
height: this._h
});
},
addResizeHandlers() {
this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify);
this.compareAndNotify();
},
removeResizeHandlers() {
if (this._resizeObject && this._resizeObject.onload) {
if (!isIE && this._resizeObject.contentDocument) {
this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify);
}
this.$el.removeChild(this._resizeObject);
this._resizeObject.onload = null;
this._resizeObject = null;
}
}
}
};
const _withId = /* @__PURE__ */ withScopeId("data-v-b329ee4c");
pushScopeId("data-v-b329ee4c");
const _hoisted_1$d = {
class: "resize-observer",
tabindex: "-1"
};
popScopeId();
const render$2 = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
return openBlock(), createBlock("div", _hoisted_1$d);
});
script$3.render = render$2;
script$3.__scopeId = "data-v-b329ee4c";
script$3.__file = "src/components/ResizeObserver.vue";
function _typeof$1(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof$1 = function(obj2) {
return typeof obj2;
};
} else {
_typeof$1 = function(obj2) {
return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
};
}
return _typeof$1(obj);
}
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _defineProperties(target, props2) {
for (var i = 0; i < props2.length; i++) {
var descriptor = props2[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
return Constructor;
}
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
}
function _unsupportedIterableToArray(o2, minLen) {
if (!o2) return;
if (typeof o2 === "string") return _arrayLikeToArray(o2, minLen);
var n = Object.prototype.toString.call(o2).slice(8, -1);
if (n === "Object" && o2.constructor) n = o2.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o2);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o2, minLen);
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
return arr2;
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function processOptions(value) {
var options2;
if (typeof value === "function") {
options2 = {
callback: value
};
} else {
options2 = value;
}
return options2;
}
function throttle(callback, delay2) {
var options2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
var timeout;
var lastState;
var currentArgs;
var throttled = function throttled2(state) {
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
currentArgs = args;
if (timeout && state === lastState) return;
var leading = options2.leading;
if (typeof leading === "function") {
leading = leading(state, lastState);
}
if ((!timeout || state !== lastState) && leading) {
callback.apply(void 0, [state].concat(_toConsumableArray(currentArgs)));
}
lastState = state;
clearTimeout(timeout);
timeout = setTimeout(function() {
callback.apply(void 0, [state].concat(_toConsumableArray(currentArgs)));
timeout = 0;
}, delay2);
};
throttled._clear = function() {
clearTimeout(timeout);
timeout = null;
};
return throttled;
}
function deepEqual(val1, val2) {
if (val1 === val2) return true;
if (_typeof$1(val1) === "object") {
for (var key in val1) {
if (!deepEqual(val1[key], val2[key])) {
return false;
}
}
return true;
}
return false;
}
var VisibilityState = /* @__PURE__ */ function() {
function VisibilityState2(el, options2, vnode) {
_classCallCheck(this, VisibilityState2);
this.el = el;
this.observer = null;
this.frozen = false;
this.createObserver(options2, vnode);
}
_createClass(VisibilityState2, [{
key: "createObserver",
value: function createObserver(options2, vnode) {
var _this = this;
if (this.observer) {
this.destroyObserver();
}
if (this.frozen) return;
this.options = processOptions(options2);
this.callback = function(result, entry) {
_this.options.callback(result, entry);
if (result && _this.options.once) {
_this.frozen = true;
_this.destroyObserver();
}
};
if (this.callback && this.options.throttle) {
var _ref = this.options.throttleOptions || {}, _leading = _ref.leading;
this.callback = throttle(this.callback, this.options.throttle, {
leading: function leading(state) {
return _leading === "both" || _leading === "visible" && state || _leading === "hidden" && !state;
}
});
}
this.oldResult = void 0;
this.observer = new IntersectionObserver(function(entries) {
var entry = entries[0];
if (entries.length > 1) {
var intersectingEntry = entries.find(function(e) {
return e.isIntersecting;
});
if (intersectingEntry) {
entry = intersectingEntry;
}
}
if (_this.callback) {
var result = entry.isIntersecting && entry.intersectionRatio >= _this.threshold;
if (result === _this.oldResult) return;
_this.oldResult = result;
_this.callback(result, entry);
}
}, this.options.intersection);
nextTick(function() {
if (_this.observer) {
_this.observer.observe(_this.el);
}
});
}
}, {
key: "destroyObserver",
value: function destroyObserver() {
if (this.observer) {
this.observer.disconnect();
this.observer = null;
}
if (this.callback && this.callback._clear) {
this.callback._clear();
this.callback = null;
}
}
}, {
key: "threshold",
get: function get2() {
return this.options.intersection && typeof this.options.intersection.threshold === "number" ? this.options.intersection.threshold : 0;
}
}]);
return VisibilityState2;
}();
function beforeMount(el, _ref2, vnode) {
var value = _ref2.value;
if (!value) return;
if (typeof IntersectionObserver === "undefined") {
console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");
} else {
var state = new VisibilityState(el, value, vnode);
el._vue_visibilityState = state;
}
}
function updated(el, _ref3, vnode) {
var value = _ref3.value, oldValue = _ref3.oldValue;
if (deepEqual(value, oldValue)) return;
var state = el._vue_visibilityState;
if (!value) {
unmounted(el);
return;
}
if (state) {
state.createObserver(value, vnode);
} else {
beforeMount(el, {
value
}, vnode);
}
}
function unmounted(el) {
var state = el._vue_visibilityState;
if (state) {
state.destroyObserver();
delete el._vue_visibilityState;
}
}
var ObserveVisibility = {
beforeMount,
updated,
unmounted
};
function mitt(n) {
return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
var i = n.get(t);
i && i.push(e) || n.set(t, [e]);
}, off: function(t, e) {
var i = n.get(t);
i && i.splice(i.indexOf(e) >>> 0, 1);
}, emit: function(t, e) {
(n.get(t) || []).slice().map(function(n2) {
n2(e);
}), (n.get("*") || []).slice().map(function(n2) {
n2(t, e);
});
} };
}
var config = {
itemsLimit: 1e3
};
var regex = /(auto|scroll)/;
function parents(node, ps) {
if (node.parentNode === null) {
return ps;
}
return parents(node.parentNode, ps.concat([node]));
}
var style = function style2(node, prop) {
return getComputedStyle(node, null).getPropertyValue(prop);
};
var overflow = function overflow2(node) {
return style(node, "overflow") + style(node, "overflow-y") + style(node, "overflow-x");
};
var scroll = function scroll2(node) {
return regex.test(overflow(node));
};
function getScrollParent(node) {
if (!(node instanceof HTMLElement || node instanceof SVGElement)) {
return;
}
var ps = parents(node.parentNode, []);
for (var i = 0; i < ps.length; i += 1) {
if (scroll(ps[i])) {
return ps[i];
}
}
return document.scrollingElement || document.documentElement;
}
function _typeof(obj) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
return typeof obj2;
} : function(obj2) {
return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
}, _typeof(obj);
}
var props = {
items: {
type: Array,
required: true
},
keyField: {
type: String,
default: "id"
},
direction: {
type: String,
default: "vertical",
validator: function validator(value) {
return ["vertical", "horizontal"].includes(value);
}
},
listTag: {
type: String,
default: "div"
},
itemTag: {
type: String,
default: "div"
}
};
function simpleArray() {
return this.items.length && _typeof(this.items[0]) !== "object";
}
var supportsPassive = false;
if (typeof window !== "undefined") {
supportsPassive = false;
try {
var opts = Object.defineProperty({}, "passive", {
get: function get2() {
supportsPassive = true;
}
});
window.addEventListener("test", null, opts);
} catch (e) {
}
}
let uid = 0;
var script$2 = {
name: "RecycleScroller",
components: {
ResizeObserver: script$3
},
directives: {
ObserveVisibility
},
props: {
...props,
itemSize: {
type: Number,
default: null
},
gridItems: {
type: Number,
default: void 0
},
itemSecondarySize: {
type: Number,
default: void 0
},
minItemSize: {
type: [Number, String],
default: null
},
sizeField: {
type: String,
default: "size"
},
typeField: {
type: String,
default: "type"
},
buffer: {
type: Number,
default: 200
},
pageMode: {
type: Boolean,
default: false
},
prerender: {
type: Number,
default: 0
},
emitUpdate: {
type: Boolean,
default: false
},
updateInterval: {
type: Number,
default: 0
},
skipHover: {
type: Boolean,
default: false
},
listTag: {
type: String,
default: "div"
},
itemTag: {
type: String,
default: "div"
},
listClass: {
type: [String, Object, Array],
default: ""
},
itemClass: {
type: [String, Object, Array],
default: ""
}
},
emits: [
"resize",
"visible",
"hidden",
"update",
"scroll-start",
"scroll-end"
],
data() {
return {
pool: [],
totalSize: 0,
ready: false,
hoverKey: null
};
},
computed: {
sizes() {
if (this.itemSize === null) {
const sizes = {
"-1": { accumulator: 0 }
};
const items = this.items;
const field = this.sizeField;
const minItemSize = this.minItemSize;
let computedMinSize = 1e4;
let accumulator = 0;
let current2;
for (let i = 0, l2 = items.length; i < l2; i++) {
current2 = items[i][field] || minItemSize;
if (current2 < computedMinSize) {
computedMinSize = current2;
}
accumulator += current2;
sizes[i] = { accumulator, size: current2 };
}
this.$_computedMinItemSize = computedMinSize;
return sizes;
}
return [];
},
simpleArray,
itemIndexByKey() {
const { keyField, items } = this;
const result = {};
for (let i = 0, l2 = items.length; i < l2; i++) {
result[items[i][keyField]] = i;
}
return result;
}
},
watch: {
items() {
this.updateVisibleItems(true);
},
pageMode() {
this.applyPageMode();
this.updateVisibleItems(false);
},
sizes: {
handler() {
this.updateVisibleItems(false);
},
deep: true
},
gridItems() {
this.updateVisibleItems(true);
},
itemSecondarySize() {
this.updateVisibleItems(true);
}
},
created() {
this.$_startIndex = 0;
this.$_endIndex = 0;
this.$_views = /* @__PURE__ */ new Map();
this.$_unusedViews = /* @__PURE__ */ new Map();
this.$_scrollDirty = false;
this.$_lastUpdateScrollPosition = 0;
if (this.prerender) {
this.$_prerender = true;
this.updateVisibleItems(false);
}
if (this.gridItems && !this.itemSize) {
console.error("[vue-recycle-scroller] You must provide an itemSize when using gridItems");
}
},
mounted() {
this.applyPageMode();
this.$nextTick(() => {
this.$_prerender = false;
this.updateVisibleItems(true);
this.ready = true;
});
},
activated() {
const lastPosition = this.$_lastUpdateScrollPosition;
if (typeof lastPosition === "number") {
this.$nextTick(() => {
this.scrollToPosition(lastPosition);
});
}
},
beforeUnmount() {
this.removeListeners();
},
methods: {
addView(pool, index, item, key, type4) {
const nr = markRaw({
id: uid++,
index,
used: true,
key,
type: type4
});
const view = shallowReactive({
item,
position: 0,
nr
});
pool.push(view);
return view;
},
unuseView(view, fake = false) {
const unusedViews = this.$_unusedViews;
const type4 = view.nr.type;
let unusedPool = unusedViews.get(type4);
if (!unusedPool) {
unusedPool = [];
unusedViews.set(type4, unusedPool);
}
unusedPool.push(view);
if (!fake) {
view.nr.used = false;
view.position = -9999;
}
},
handleResize() {
this.$emit("resize");
if (this.ready) this.updateVisibleItems(false);
},
handleScroll(event) {
if (!this.$_scrollDirty) {
this.$_scrollDirty = true;
if (this.$_updateTimeout) return;
const requestUpdate = () => requestAnimationFrame(() => {
this.$_scrollDirty = false;
const { continuous } = this.updateVisibleItems(false, true);
if (!continuous) {
clearTimeout(this.$_refreshTimout);
this.$_refreshTimout = setTimeout(this.handleScroll, this.updateInterval + 100);
}
});
requestUpdate();
if (this.updateInterval) {
this.$_updateTimeout = setTimeout(() => {
this.$_updateTimeout = 0;
if (this.$_scrollDirty) requestUpdate();
}, this.updateInterval);
}
}
},
handleVisibilityChange(isVisible, entry) {
if (this.ready) {
if (isVisible || entry.boundingClientRect.width !== 0 || entry.boundingClientRect.height !== 0) {
this.$emit("visible");
requestAnimationFrame(() => {
this.updateVisibleItems(false);
});
} else {
this.$emit("hidden");
}
}
},
updateVisibleItems(checkItem, checkPositionDiff = false) {
const itemSize = this.itemSize;
const gridItems = this.gridItems || 1;
const itemSecondarySize = this.itemSecondarySize || itemSize;
const minItemSize = this.$_computedMinItemSize;
const typeField = this.typeField;
const keyField = this.simpleArray ? null : this.keyField;
const items = this.items;
const count = items.length;
const sizes = this.sizes;
const views = this.$_views;
const unusedViews = this.$_unusedViews;
const pool = this.pool;
const itemIndexByKey = this.itemIndexByKey;
let startIndex, endIndex;
let totalSize;
let visibleStartIndex, visibleEndIndex;
if (!count) {
startIndex = endIndex = visibleStartIndex = visibleEndIndex = totalSize = 0;
} else if (this.$_prerender) {
startIndex = visibleStartIndex = 0;
endIndex = visibleEndIndex = Math.min(this.prerender, items.length);
totalSize = null;
} else {
const scroll3 = this.getScroll();
if (checkPositionDiff) {
let positionDiff = scroll3.start - this.$_lastUpdateScrollPosition;
if (positionDiff < 0) positionDiff = -positionDiff;
if (itemSize === null && positionDiff < minItemSize || positionDiff < itemSize) {
return {
continuous: true
};
}
}
this.$_lastUpdateScrollPosition = scroll3.start;
const buffer = this.buffer;
scroll3.start -= buffer;
scroll3.end += buffer;
let beforeSize = 0;
if (this.$refs.before) {
beforeSize = this.$refs.before.scrollHeight;
scroll3.start -= beforeSize;
}
if (this.$refs.after) {
const afterSize = this.$refs.after.scrollHeight;
scroll3.end += afterSize;
}
if (itemSize === null) {
let h2;
let a2 = 0;
let b2 = count - 1;
let i = ~~(count / 2);
let oldI;
do {
oldI = i;
h2 = sizes[i].accumulator;
if (h2 < scroll3.start) {
a2 = i;
} else if (i < count - 1 && sizes[i + 1].accumulator > scroll3.start) {
b2 = i;
}
i = ~~((a2 + b2) / 2);
} while (i !== oldI);
i < 0 && (i = 0);
startIndex = i;
totalSize = sizes[count - 1].accumulator;
for (endIndex = i; endIndex < count && sizes[endIndex].accumulator < scroll3.end; endIndex++) ;
if (endIndex === -1) {
endIndex = items.length - 1;
} else {
endIndex++;
endIndex > count && (endIndex = count);
}
for (visibleStartIndex = startIndex; visibleStartIndex < count && beforeSize + sizes[visibleStartIndex].accumulator < scroll3.start; visibleStartIndex++) ;
for (visibleEndIndex = visibleStartIndex; visibleEndIndex < count && beforeSize + sizes[visibleEndIndex].accumulator < scroll3.end; visibleEndIndex++) ;
} else {
startIndex = ~~(scroll3.start / itemSize * gridItems);
const remainer = startIndex % gridItems;
startIndex -= remainer;
endIndex = Math.ceil(scroll3.end / itemSize * gridItems);
visibleStartIndex = Math.max(0, Math.floor((scroll3.start - beforeSize) / itemSize * gridItems));
visibleEndIndex = Math.floor((scroll3.end - beforeSize) / itemSize * gridItems);
startIndex < 0 && (startIndex = 0);
endIndex > count && (endIndex = count);
visibleStartIndex < 0 && (visibleStartIndex = 0);
visibleEndIndex > count && (visibleEndIndex = count);
totalSize = Math.ceil(count / gridItems) * itemSize;
}
}
if (endIndex - startIndex > config.itemsLimit) {
this.itemsLimitError();
}
this.totalSize = totalSize;
let view;
const continuous = startIndex <= this.$_endIndex && endIndex >= this.$_startIndex;
if (continuous) {
for (let i = 0, l2 = pool.length; i < l2; i++) {
view = pool[i];
if (view.nr.used) {
if (checkItem) {
view.nr.index = itemIndexByKey[view.item[keyField]];
}
if (view.nr.index == null || view.nr.index < startIndex || view.nr.index >= endIndex) {
this.unuseView(view);
}
}
}
}
const unusedIndex = continuous ? null : /* @__PURE__ */ new Map();
let item, type4;
let v2;
for (let i = startIndex; i < endIndex; i++) {
item = items[i];
const key = keyField ? item[keyField] : item;
if (key == null) {
throw new Error(`Key is ${key} on item (keyField is '${keyField}')`);
}
view = views.get(key);
if (!itemSize && !sizes[i].size) {
if (view) this.unuseView(view);
continue;
}
type4 = item[typeField];
let unusedPool = unusedViews.get(type4);
let newlyUsedView = false;
if (!view) {
if (continuous) {
if (unusedPool && unusedPool.length) {
view = unusedPool.pop();
} else {
view = this.addView(pool, i, item, key, type4);
}
} else {
v2 = unusedIndex.get(type4) || 0;
if (!unusedPool || v2 >= unusedPool.length) {
view = this.addView(pool, i, item, key, type4);
this.unuseView(view, true);
unusedPool = unusedViews.get(type4);
}
view = unusedPool[v2];
unusedIndex.set(type4, v2 + 1);
}
views.delete(view.nr.key);
view.nr.used = true;
view.nr.index = i;
view.nr.key = key;
view.nr.type = type4;
views.set(key, view);
newlyUsedView = true;
} else {
if (!view.nr.used) {
view.nr.used = true;
newlyUsedView = true;
if (unusedPool) {
const index = unusedPool.indexOf(view);
if (index !== -1) unusedPool.splice(index, 1);
}
}
}
view.item = item;
if (newlyUsedView) {
if (i === items.length - 1) this.$emit("scroll-end");
if (i === 0) this.$emit("scroll-start");
}
if (itemSize === null) {
view.position = sizes[i - 1].accumulator;
view.offset = 0;
} else {
view.position = Math.floor(i / gridItems) * itemSize;
view.offset = i % gridItems * itemSecondarySize;
}
}
this.$_startIndex = startIndex;
this.$_endIndex = endIndex;
if (this.emitUpdate) this.$emit("update", startIndex, endIndex, visibleStartIndex, visibleEndIndex);
clearTimeout(this.$_sortTimer);
this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300);
return {
continuous
};
},
getListenerTarget() {
let target = getScrollParent(this.$el);
if (window.document && (target === window.document.documentElement || target === window.document.body)) {
target = window;
}
return target;
},
getScroll() {
const { $el: el, direction } = this;
const isVertical = direction === "vertical";
let scrollState;
if (this.pageMode) {
const bounds = el.getBoundingClientRect();
const boundsSize = isVertical ? bounds.height : bounds.width;
let start = -(isVertical ? bounds.top : bounds.left);
let size = isVertical ? window.innerHeight : window.innerWidth;
if (start < 0) {
size += start;
start = 0;
}
if (start + size > boundsSize) {
size = boundsSize - start;
}
scrollState = {
start,
end: start + size
};
} else if (isVertical) {
scrollState = {
start: el.scrollTop,
end: el.scrollTop + el.clientHeight
};
} else {
scrollState = {
start: el.scrollLeft,
end: el.scrollLeft + el.clientWidth
};
}
return scrollState;
},
applyPageMode() {
if (this.pageMode) {
this.addListeners();
} else {
this.removeListeners();
}
},
addListeners() {
this.listenerTarget = this.getListenerTarget();
this.listenerTarget.addEventListener("scroll", this.handleScroll, supportsPassive ? {
passive: true
} : false);
this.listenerTarget.addEventListener("resize", this.handleResize);
},
removeListeners() {
if (!this.listenerTarget) {
return;
}
this.listenerTarget.removeEventListener("scroll", this.handleScroll);
this.listenerTarget.removeEventListener("resize", this.handleResize);
this.listenerTarget = null;
},
scrollToItem(index) {
let scroll3;
const gridItems = this.gridItems || 1;
if (this.itemSize === null) {
scroll3 = index > 0 ? this.sizes[index - 1].accumulator : 0;
} else {
scroll3 = Math.floor(index / gridItems) * this.itemSize;
}
this.scrollToPosition(scroll3);
},
scrollToPosition(position) {
const direction = this.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" };
let viewport;
let scrollDirection;
let scrollDistance;
if (this.pageMode) {
const viewportEl = getScrollParent(this.$el);
const scrollTop = viewportEl.tagName === "HTML" ? 0 : viewportEl[direction.scroll];
const bounds = viewportEl.getBoundingClientRect();
const scroller = this.$el.getBoundingClientRect();
const scrollerPosition = scroller[direction.start] - bounds[direction.start];
viewport = viewportEl;
scrollDirection = direction.scroll;
scrollDistance = position + scrollTop + scrollerPosition;
} else {
viewport = this.$el;
scrollDirection = direction.scroll;
scrollDistance = position;
}
viewport[scrollDirection] = scrollDistance;
},
itemsLimitError() {
setTimeout(() => {
console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", this.$el);
console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
});
throw new Error("Rendered items limit reached");
},
sortViews() {
this.pool.sort((viewA, viewB) => viewA.nr.index - viewB.nr.index);
}
}
};
const _hoisted_1$c = {
key: 0,
ref: "before",
class: "vue-recycle-scroller__slot"
};
const _hoisted_2$9 = {
key: 1,
ref: "after",
class: "vue-recycle-scroller__slot"
};
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ResizeObserver = resolveComponent("ResizeObserver");
const _directive_observe_visibility = resolveDirective("observe-visibility");
return withDirectives((openBlock(), createElementBlock(
"div",
{
class: normalizeClass(["vue-recycle-scroller", {
ready: $data.ready,
"page-mode": $props.pageMode,
[`direction-${_ctx.direction}`]: true
}]),
onScrollPassive: _cache[0] || (_cache[0] = (...args) => $options.handleScroll && $options.handleScroll(...args))
},
[
_ctx.$slots.before ? (openBlock(), createElementBlock(
"div",
_hoisted_1$c,
[
renderSlot(_ctx.$slots, "before")
],
512
/* NEED_PATCH */
)) : createCommentVNode("v-if", true),
(openBlock(), createBlock(resolveDynamicComponent($props.listTag), {
ref: "wrapper",
style: normalizeStyle({ [_ctx.direction === "vertical" ? "minHeight" : "minWidth"]: $data.totalSize + "px" }),
class: normalizeClass(["vue-recycle-scroller__item-wrapper", $props.listClass])
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(
Fragment,
null,
renderList($data.pool, (view) => {
return openBlock(), createBlock(resolveDynamicComponent($props.itemTag), mergeProps({
key: view.nr.id,
style: $data.ready ? {
transform: `translate${_ctx.direction === "vertical" ? "Y" : "X"}(${view.position}px) translate${_ctx.direction === "vertical" ? "X" : "Y"}(${view.offset}px)`,
width: $props.gridItems ? `${_ctx.direction === "vertical" ? $props.itemSecondarySize || $props.itemSize : $props.itemSize}px` : void 0,
height: $props.gridItems ? `${_ctx.direction === "horizontal" ? $props.itemSecondarySize || $props.itemSize : $props.itemSize}px` : void 0
} : null,
class: ["vue-recycle-scroller__item-view", [
$props.itemClass,
{
hover: !$props.skipHover && $data.hoverKey === view.nr.key
}
]]
}, toHandlers($props.skipHover ? {} : {
mouseenter: () => {
$data.hoverKey = view.nr.key;
},
mouseleave: () => {
$data.hoverKey = null;
}
})), {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default", {
item: view.item,
index: view.nr.index,
active: view.nr.used
})
]),
_: 2
/* DYNAMIC */
}, 1040, ["style", "class"]);
}),
128
/* KEYED_FRAGMENT */
)),
renderSlot(_ctx.$slots, "empty")
]),
_: 3
/* FORWARDED */
}, 8, ["style", "class"])),
_ctx.$slots.after ? (openBlock(), createElementBlock(
"div",
_hoisted_2$9,
[
renderSlot(_ctx.$slots, "after")
],
512
/* NEED_PATCH */
)) : createCommentVNode("v-if", true),
createVNode(_component_ResizeObserver, { onNotify: $options.handleResize }, null, 8, ["onNotify"])
],
34
/* CLASS, HYDRATE_EVENTS */
)), [
[_directive_observe_visibility, $options.handleVisibilityChange]
]);
}
script$2.render = render$1;
script$2.__file = "src/components/RecycleScroller.vue";
var script$1 = {
name: "DynamicScroller",
components: {
RecycleScroller: script$2
},
provide() {
if (typeof ResizeObserver !== "undefined") {
this.$_resizeObserver = new ResizeObserver((entries) => {
requestAnimationFrame(() => {
if (!Array.isArray(entries)) {
return;
}
for (const entry of entries) {
if (entry.target && entry.target.$_vs_onResize) {
let width, height;
if (entry.borderBoxSize) {
const resizeObserverSize = entry.borderBoxSize[0];
width = resizeObserverSize.inlineSize;
height = resizeObserverSize.blockSize;
} else {
width = entry.contentRect.width;
height = entry.contentRect.height;
}
entry.target.$_vs_onResize(entry.target.$_vs_id, width, height);
}
}
});
});
}
return {
vscrollData: this.vscrollData,
vscrollParent: this,
vscrollResizeObserver: this.$_resizeObserver
};
},
inheritAttrs: false,
props: {
...props,
minItemSize: {
type: [Number, String],
required: true
}
},
emits: [
"resize",
"visible"
],
data() {
return {
vscrollData: {
active: true,
sizes: {},
keyField: this.keyField,
simpleArray: false
}
};
},
computed: {
simpleArray,
itemsWithSize() {
const result = [];
const { items, keyField, simpleArray: simpleArray2 } = this;
const sizes = this.vscrollData.sizes;
const l2 = items.length;
for (let i = 0; i < l2; i++) {
const item = items[i];
const id = simpleArray2 ? i : item[keyField];
let size = sizes[id];
if (typeof size === "undefined" && !this.$_undefinedMap[id]) {
size = 0;
}
result.push({
item,
id,
size
});
}
return result;
}
},
watch: {
items() {
this.forceUpdate();
},
simpleArray: {
handler(value) {
this.vscrollData.simpleArray = value;
},
immediate: true
},
direction(value) {
this.forceUpdate(true);
},
itemsWithSize(next2, prev2) {
const scrollTop = this.$el.scrollTop;
let prevActiveTop = 0;
let activeTop = 0;
const length = Math.min(next2.length, prev2.length);
for (let i = 0; i < length; i++) {
if (prevActiveTop >= scrollTop) {
break;
}
prevActiveTop += prev2[i].size || this.minItemSize;
activeTop += next2[i].size || this.minItemSize;
}
const offset = activeTop - prevActiveTop;
if (offset === 0) {
return;
}
this.$el.scrollTop += offset;
}
},
beforeCreate() {
this.$_updates = [];
this.$_undefinedSizes = 0;
this.$_undefinedMap = {};
this.$_events = mitt();
},
activated() {
this.vscrollData.active = true;
},
deactivated() {
this.vscrollData.active = false;
},
unmounted() {
this.$_events.all.clear();
},
methods: {
onScrollerResize() {
const scroller = this.$refs.scroller;
if (scroller) {
this.forceUpdate();
}
this.$emit("resize");
},
onScrollerVisible() {
this.$_events.emit("vscroll:update", { force: false });
this.$emit("visible");
},
forceUpdate(clear = false) {
if (clear || this.simpleArray) {
this.vscrollData.sizes = {};
}
this.$_events.emit("vscroll:update", { force: true });
},
scrollToItem(index) {
const scroller = this.$refs.scroller;
if (scroller) scroller.scrollToItem(index);
},
getItemSize(item, index = void 0) {
const id = this.simpleArray ? index != null ? index : this.items.indexOf(item) : item[this.keyField];
return this.vscrollData.sizes[id] || 0;
},
scrollToBottom() {
if (this.$_scrollingToBottom) return;
this.$_scrollingToBottom = true;
const el = this.$el;
this.$nextTick(() => {
el.scrollTop = el.scrollHeight + 5e3;
const cb = () => {
el.scrollTop = el.scrollHeight + 5e3;
requestAnimationFrame(() => {
el.scrollTop = el.scrollHeight + 5e3;
if (this.$_undefinedSizes === 0) {
this.$_scrollingToBottom = false;
} else {
requestAnimationFrame(cb);
}
});
};
requestAnimationFrame(cb);
});
}
}
};
function render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_RecycleScroller = resolveComponent("RecycleScroller");
return openBlock(), createBlock(_component_RecycleScroller, mergeProps({
ref: "scroller",
items: $options.itemsWithSize,
"min-item-size": $props.minItemSize,
direction: _ctx.direction,
"key-field": "id",
"list-tag": _ctx.listTag,
"item-tag": _ctx.itemTag
}, _ctx.$attrs, {
onResize: $options.onScrollerResize,
onVisible: $options.onScrollerVisible
}), {
default: withCtx(({ item: itemWithSize, index, active }) => [
renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
item: itemWithSize.item,
index,
active,
itemWithSize
})))
]),
before: withCtx(() => [
renderSlot(_ctx.$slots, "before")
]),
after: withCtx(() => [
renderSlot(_ctx.$slots, "after")
]),
empty: withCtx(() => [
renderSlot(_ctx.$slots, "empty")
]),
_: 3
/* FORWARDED */
}, 16, ["items", "min-item-size", "direction", "list-tag", "item-tag", "onResize", "onVisible"]);
}
script$1.render = render;
script$1.__file = "src/components/DynamicScroller.vue";
var script = {
name: "DynamicScrollerItem",
inject: [
"vscrollData",
"vscrollParent",
"vscrollResizeObserver"
],
props: {
// eslint-disable-next-line vue/require-prop-types
item: {
required: true
},
watchData: {
type: Boolean,
default: false
},
/**
* Indicates if the view is actively used to display an item.
*/
active: {
type: Boolean,
required: true
},
index: {
type: Number,
default: void 0
},
sizeDependencies: {
type: [Array, Object],
default: null
},
emitResize: {
type: Boolean,
default: false
},
tag: {
type: String,
default: "div"
}
},
emits: [
"resize"
],
computed: {
id() {
if (this.vscrollData.simpleArray) return this.index;
if (this.vscrollData.keyField in this.item) return this.item[this.vscrollData.keyField];
throw new Error(`keyField '${this.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`);
},
size() {
return this.vscrollData.sizes[this.id] || 0;
},
finalActive() {
return this.active && this.vscrollData.active;
}
},
watch: {
watchData: "updateWatchData",
id(value, oldValue) {
this.$el.$_vs_id = this.id;
if (!this.size) {
this.onDataUpdate();
}
if (this.$_sizeObserved) {
const oldSize = this.vscrollData.sizes[oldValue];
const size = this.vscrollData.sizes[value];
if (oldSize != null && oldSize !== size) {
this.applySize(oldSize);
}
}
},
finalActive(value) {
if (!this.size) {
if (value) {
if (!this.vscrollParent.$_undefinedMap[this.id]) {
this.vscrollParent.$_undefinedSizes++;
this.vscrollParent.$_undefinedMap[this.id] = true;
}
} else {
if (this.vscrollParent.$_undefinedMap[this.id]) {
this.vscrollParent.$_undefinedSizes--;
this.vscrollParent.$_undefinedMap[this.id] = false;
}
}
}
if (this.vscrollResizeObserver) {
if (value) {
this.observeSize();
} else {
this.unobserveSize();
}
} else if (value && this.$_pendingVScrollUpdate === this.id) {
this.updateSize();
}
}
},
created() {
if (this.$isServer) return;
this.$_forceNextVScrollUpdate = null;
this.updateWatchData();
if (!this.vscrollResizeObserver) {
for (const k in this.sizeDependencies) {
this.$watch(() => this.sizeDependencies[k], this.onDataUpdate);
}
this.vscrollParent.$_events.on("vscroll:update", this.onVscrollUpdate);
}
},
mounted() {
if (this.finalActive) {
this.updateSize();
this.observeSize();
}
},
beforeUnmount() {
this.vscrollParent.$_events.off("vscroll:update", this.onVscrollUpdate);
this.unobserveSize();
},
methods: {
updateSize() {
if (this.finalActive) {
if (this.$_pendingSizeUpdate !== this.id) {
this.$_pendingSizeUpdate = this.id;
this.$_forceNextVScrollUpdate = null;
this.$_pendingVScrollUpdate = null;
this.computeSize(this.id);
}
} else {
this.$_forceNextVScrollUpdate = this.id;
}
},
updateWatchData() {
if (this.watchData && !this.vscrollResizeObserver) {
this.$_watchData = this.$watch("item", () => {
this.onDataUpdate();
}, {
deep: true
});
} else if (this.$_watchData) {
this.$_watchData();
this.$_watchData = null;
}
},
onVscrollUpdate({ force }) {
if (!this.finalActive && force) {
this.$_pendingVScrollUpdate = this.id;
}
if (this.$_forceNextVScrollUpdate === this.id || force || !this.size) {
this.updateSize();
}
},
onDataUpdate() {
this.updateSize();
},
computeSize(id) {
this.$nextTick(() => {
if (this.id === id) {
const width = this.$el.offsetWidth;
const height = this.$el.offsetHeight;
this.applyWidthHeight(width, height);
}
this.$_pendingSizeUpdate = null;
});
},
applyWidthHeight(width, height) {
const size = ~~(this.vscrollParent.direction === "vertical" ? height : width);
if (size && this.size !== size) {
this.applySize(size);
}
},
applySize(size) {
if (this.vscrollParent.$_undefinedMap[this.id]) {
this.vscrollParent.$_undefinedSizes--;
this.vscrollParent.$_undefinedMap[this.id] = void 0;
}
this.vscrollData.sizes[this.id] = size;
if (this.emitResize) this.$emit("resize", this.id);
},
observeSize() {
if (!this.vscrollResizeObserver) return;
if (this.$_sizeObserved) return;
this.vscrollResizeObserver.observe(this.$el);
this.$el.$_vs_id = this.id;
this.$el.$_vs_onResize = this.onResize;
this.$_sizeObserved = true;
},
unobserveSize() {
if (!this.vscrollResizeObserver) return;
if (!this.$_sizeObserved) return;
this.vscrollResizeObserver.unobserve(this.$el);
this.$el.$_vs_onResize = void 0;
this.$_sizeObserved = false;
},
onResize(id, width, height) {
if (this.id === id) {
this.applyWidthHeight(width, height);
}
}
},
render() {
return h$1(this.tag, this.$slots.default());
}
};
script.__file = "src/components/DynamicScrollerItem.vue";
const _hoisted_1$b = { class: "chat-main" };
const _hoisted_2$8 = { class: "message-wrapper" };
const _hoisted_3$3 = { class: "message-content" };
const _hoisted_4$2 = { class: "text-dark" };
const _hoisted_5$1 = { class: "message-options" };
const _hoisted_6$1 = { class: "message-date" };
const _hoisted_7 = { class: "date" };
const _hoisted_8 = { class: "time" };
const _hoisted_9 = { class: "chat-footer" };
const _hoisted_10 = { class: "footer-right" };
const _sfc_main$g = /* @__PURE__ */ defineComponent({
__name: "chat",
setup(__props) {
const { userInfo } = useStore$1();
const { chatMessages: chatMessages2, chatInput: chatInput2 } = useChat();
const messageScroller = ref();
const messageInput = ref();
watch(
() => chatMessages2.value.length,
() => {
var _a;
(_a = messageScroller.value) == null ? void 0 : _a.scrollToBottom();
}
);
const { ignoreUpdates } = watchIgnorable(chatInput2, () => {
var _a, _b, _c, _d;
if ((_b = (_a = messageInput.value) == null ? void 0 : _a.textarea) == null ? void 0 : _b.scrollTop) {
messageInput.value.textarea.scrollTop = ((_d = (_c = messageInput.value) == null ? void 0 : _c.textarea) == null ? void 0 : _d.scrollHeight) || 0;
}
});
function inputMsgUpdate(v2) {
if (chatInput2.input) return;
ignoreUpdates(() => {
chatInput2.content = v2;
});
}
return (_ctx, _cache) => {
var _a, _b, _c, _d;
const _component_el_icon = ElIcon;
const _component_el_avatar = ElAvatar;
const _component_el_button = ElButton;
return openBlock(), createElementBlock("div", _hoisted_1$b, [
createVNode(unref(script$1), {
ref_key: "messageScroller",
ref: messageScroller,
items: unref(chatMessages2),
"min-item-size": 100,
class: "chat-message"
}, {
default: withCtx(({ item, index, active }) => [
createVNode(unref(script), {
item,
active,
"size-dependencies": [item.content],
"data-index": index,
class: normalizeClass(["message", { self: item.role !== "boos" }])
}, {
default: withCtx(() => {
var _a2;
return [
createElementVNode("div", _hoisted_2$8, [
createElementVNode("div", _hoisted_3$3, [
createElementVNode("h6", _hoisted_4$2, toDisplayString(item.name), 1),
createElementVNode("span", null, toDisplayString(item.content), 1)
])
]),
createElementVNode("div", _hoisted_5$1, [
createVNode(_component_el_avatar, {
src: typeof item.avatar === "string" ? item.avatar : void 0,
style: normalizeStyle({
"--el-avatar-bg-color": typeof item.avatar !== "string" && ((_a2 = item.avatar) == null ? void 0 : _a2.color)
})
}, {
default: withCtx(() => [
item.avatar && typeof item.avatar !== "string" ? (openBlock(), createBlock(_component_el_icon, {
key: 0,
size: "large",
innerHTML: item.avatar.icon
}, null, 8, ["innerHTML"])) : createCommentVNode("", true)
]),
_: 2
}, 1032, ["src", "style"]),
createElementVNode("span", _hoisted_6$1, [
createElementVNode("span", _hoisted_7, toDisplayString(item.date[0]) + " ", 1),
createElementVNode("span", _hoisted_8, toDisplayString(item.date[1]), 1)
])
]),
_cache[0] || (_cache[0] = createElementVNode("div", { style: { "height": "1.25rem" } }, null, -1))
];
}),
_: 2
}, 1032, ["item", "active", "size-dependencies", "data-index", "class"])
]),
_: 1
}, 8, ["items"]),
createElementVNode("div", _hoisted_9, [
createVNode(unref(ElInput$1), {
ref_key: "messageInput",
ref: messageInput,
"model-value": unref(chatInput2).content,
autosize: { minRows: 5, maxRows: 10 },
type: "textarea",
placeholder: "输入消息...",
"onUpdate:modelValue": inputMsgUpdate
}, null, 8, ["model-value"]),
createElementVNode("div", _hoisted_10, [
createVNode(_component_el_avatar, {
src: unref(chatInput2).avatar ? void 0 : ((_a = unref(userInfo)) == null ? void 0 : _a.tinyAvatar) || ((_b = unref(userInfo)) == null ? void 0 : _b.largeAvatar),
style: normalizeStyle({ "--el-avatar-bg-color": (_d = (_c = unref(chatInput2)) == null ? void 0 : _c.avatar) == null ? void 0 : _d.color })
}, {
default: withCtx(() => [
unref(chatInput2).avatar ? (openBlock(), createBlock(_component_el_icon, {
key: 0,
size: "large",
innerHTML: unref(chatInput2).avatar.icon
}, null, 8, ["innerHTML"])) : createCommentVNode("", true)
]),
_: 1
}, 8, ["src", "style"]),
createVNode(_component_el_button, {
type: "primary",
plain: "",
round: ""
}, {
default: withCtx(() => _cache[1] || (_cache[1] = [
createTextVNode("发送")
])),
_: 1
})
])
])
]);
};
}
});
const chatVue = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-542d67e1"]]);
const _hoisted_1$a = { style: { "display": "flex", "align-items": "center" } };
const _hoisted_2$7 = {
class: "hp-about",
help: "谢谢你的关心"
};
const _hoisted_3$2 = { help: "愿为理想执着行，前路漫漫自铸金。" };
const _hoisted_4$1 = { help: "更应该感谢这些人" };
const _hoisted_5 = {
class: "hp-about",
help: "如果对你有帮助一定要Star呀!",
style: { "margin-left": "20px" }
};
const _hoisted_6 = {
help: "记得来个Star或者好评吧",
style: { "margin-top": "10px" }
};
const _sfc_main$f = /* @__PURE__ */ defineComponent({
__name: "about",
setup(__props) {
return (_ctx, _cache) => {
const _component_el_space = ElSpace;
return openBlock(), createElementBlock(Fragment, null, [
createElementVNode("div", null, [
createElementVNode("div", _hoisted_1$a, [
createElementVNode("div", _hoisted_2$7, [
createElementVNode("div", _hoisted_3$2, [
_cache[1] || (_cache[1] = createTextVNode(" 作者: ")),
createVNode(unref(ElLink$1), {
href: "https://github.com/Ocyss",
target: "_blank"
}, {
default: withCtx(() => _cache[0] || (_cache[0] = [
createTextVNode(" Ocyss_04 ")
])),
_: 1
})
]),
createElementVNode("div", _hoisted_4$1, [
_cache[3] || (_cache[3] = createTextVNode(" 鸣谢: ")),
createVNode(unref(ElLink$1), {
href: "https://github.com/yangfeng20",
target: "_blank"
}, {
default: withCtx(() => _cache[2] || (_cache[2] = [
createTextVNode(" yangfeng20 ")
])),
_: 1
})
])
]),
createElementVNode("div", _hoisted_5, [
createElementVNode("div", null, [
createVNode(unref(ElLink$1), {
href: "https://github.com/Ocyss",
target: "_blank",
type: "danger"
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode(" Boss-Helper [Boos直聘助手] ")
])),
_: 1
})
]),
createElementVNode("div", null, [
createVNode(unref(ElLink$1), {
href: "https://greasyfork.org/zh-CN/scripts/468125-boss-batch-push-boss%E7%9B%B4%E8%81%98%E6%89%B9%E9%87%8F%E6%8A%95%E7%AE%80%E5%8E%86",
target: "_blank",
type: "danger"
}, {
default: withCtx(() => _cache[5] || (_cache[5] = [
createTextVNode(" Boss Batch Push [Boss直聘批量投简历] ")
])),
_: 1
})
])
])
]),
createElementVNode("div", _hoisted_6, [
_cache[11] || (_cache[11] = createTextVNode(" 本插件完全免费开源且无广告, 如果有问题请反馈 ")),
_cache[12] || (_cache[12] = createElementVNode("br", null, null, -1)),
_cache[13] || (_cache[13] = createTextVNode(" Github开源地址: ")),
createVNode(unref(ElLink$1), {
href: "https://github.com/ocyss/boos-helper",
target: "_blank"
}, {
default: withCtx(() => _cache[6] || (_cache[6] = [
createTextVNode(" https://github.com/ocyss/boos-helper ")
])),
_: 1
}),
_cache[14] || (_cache[14] = createElementVNode("br", null, null, -1)),
_cache[15] || (_cache[15] = createTextVNode(" greasyfork地址: ")),
createVNode(unref(ElLink$1), {
href: "https://greasyfork.org/zh-CN/scripts/491340",
target: "_blank"
}, {
default: withCtx(() => _cache[7] || (_cache[7] = [
createTextVNode(" https://greasyfork.org/zh-CN/scripts/491340 ")
])),
_: 1
}),
_cache[16] || (_cache[16] = createElementVNode("br", null, null, -1)),
_cache[17] || (_cache[17] = createElementVNode("br", null, null, -1)),
createVNode(_component_el_space, { wrap: "" }, {
default: withCtx(() => [
createVNode(unref(ElLink$1), {
href: "https://gai06vrtbc0.feishu.cn/share/base/form/shrcnmEq2fxH9hM44hqEnoeaj8g",
target: "_blank"
}, {
default: withCtx(() => _cache[8] || (_cache[8] = [
createTextVNode(" 飞书反馈问卷(匿名) ")
])),
_: 1
}),
createVNode(unref(ElLink$1), {
href: "https://gai06vrtbc0.feishu.cn/share/base/view/shrcnrg8D0cbLQc89d7Jj7AZgMc",
target: "_blank"
}, {
default: withCtx(() => _cache[9] || (_cache[9] = [
createTextVNode(" 飞书问卷结果 ")
])),
_: 1
}),
createVNode(unref(ElLink$1), {
href: "https://applink.feishu.cn/client/chat/chatter/add_by_link?link_token=410v5499-7193-411f-8258-94ae0cac4fc0",
target: "_blank"
}, {
default: withCtx(() => _cache[10] || (_cache[10] = [
createTextVNode(" 飞书交流群 ")
])),
_: 1
})
]),
_: 1
})
]),
_cache[18] || (_cache[18] = createElementVNode("div", {
help: " ",
style: { "width": "60%", "margin-top": "20px", "user-select": "text", "color": "#fff" }
}, [
createTextVNode(" 除非不可抗因素，一般情况下不会停更，这个项目不止是帮助你们，也能帮到我 "),
createElementVNode("br")
], -1))
]),
createVNode(unref(ElImage), {
help: "可能并没什么用,只是不让页面空荡荡",
style: { "width": "200px", "height": "200px" },
src: "https://qiu-config.oss-cn-beijing.aliyuncs.com/reward.png",
fit: "cover",
"preview-src-list": [
"https://qiu-config.oss-cn-beijing.aliyuncs.com/reward.png"
],
loading: "lazy"
})
], 64);
};
}
});
const _hoisted_1$9 = { class: "select-form-box" };
const _hoisted_2$6 = {
class: "select-form-box",
style: { "width": "100%", "align-items": "flex-start" }
};
const _sfc_main$e = /* @__PURE__ */ defineComponent({
__name: "selectLLM",
props: /* @__PURE__ */ mergeModels({
data: {}
}, {
"modelValue": { type: Boolean, ...{ required: true } },
"modelModifiers": {}
}),
emits: ["update:modelValue"],
setup(__props) {
const { formData: formData2, confSaving, defaultFormData } = useConfFormData();
const { modelData: modelData2 } = useModel();
const props2 = __props;
const show = useModel$1(__props, "modelValue");
const model = ref(formData2[props2.data].model);
const singleMode = ref(!Array.isArray(formData2[props2.data].prompt));
const role = ["system", "user", "assistant"].map((item) => {
return {
label: item,
value: item
};
});
let _message = formData2[props2.data].prompt;
if (Array.isArray(_message)) {
_message = [..._message].map((item) => ({ ...item }));
}
const message = ref(_message);
function inputExample() {
message.value = formInfoData[props2.data].example[singleMode.value ? 0 : 1];
}
function changeMode(v2) {
if (v2) {
message.value = "";
} else {
message.value = [
{ role: "user", content: "" },
{ role: "assistant", content: "" },
{ role: "user", content: "" }
];
}
}
function removeMessage(item) {
if (Array.isArray(message.value)) {
message.value = message.value.filter((v2) => v2 !== item);
}
}
function addMessage() {
if (Array.isArray(message.value)) {
message.value.push({ role: "user", content: "" });
}
}
return (_ctx, _cache) => {
const _component_el_radio_button = ElRadioButton;
const _component_el_radio_group = ElRadioGroup;
const _component_el_form_item = ElFormItem;
const _component_el_form = ElForm;
return openBlock(), createBlock(unref(ElDialog$1), {
modelValue: show.value,
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => show.value = $event),
title: unref(formInfoData)[_ctx.data].label,
width: "70%",
"align-center": "",
"destroy-on-close": "",
"z-index": 20
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(unref(ElButton$1), {
onClick: _cache[4] || (_cache[4] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[18] || (_cache[18] = [
createTextVNode("取消")
])),
_: 1
}),
createVNode(unref(ElButton$1), {
type: "primary",
onClick: _cache[5] || (_cache[5] = () => {
unref(formData2)[_ctx.data].model = model.value;
unref(formData2)[_ctx.data].prompt = message.value;
unref(confSaving)();
show.value = false;
})
}, {
default: withCtx(() => _cache[19] || (_cache[19] = [
createTextVNode(" 保存 ")
])),
_: 1
})
])
]),
default: withCtx(() => [
createVNode(unref(ElAlert$1), {
title: "对于性能强的模型使用单对话在够用的同时也能减少tokens的使用。而性能稍弱的模型使用多对话来加强引导,但也会消耗更多的tokens",
type: "info",
closable: false
}),
createElementVNode("div", _hoisted_1$9, [
createVNode(_component_el_radio_group, {
modelValue: singleMode.value,
"onUpdate:modelValue": [
_cache[0] || (_cache[0] = ($event) => singleMode.value = $event),
changeMode
],
size: "large"
}, {
default: withCtx(() => [
createVNode(_component_el_radio_button, {
label: "单对话模式",
value: true
}),
createVNode(_component_el_radio_button, {
label: "多对话模式",
value: false
})
]),
_: 1
}, 8, ["modelValue"]),
createVNode(unref(ElButton$1), { onClick: inputExample }, {
default: withCtx(() => _cache[7] || (_cache[7] = [
createTextVNode("填入示例值")
])),
_: 1
}),
createVNode(unref(ElSelectV2), {
modelValue: model.value,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
options: unref(modelData2),
props: { label: "name", value: "key" },
placeholder: "选择模型",
style: { "width": "35%" }
}, null, 8, ["modelValue", "options"])
]),
createVNode(unref(ElText$1), {
style: { "margin": "20px 0" },
tag: "div"
}, {
default: withCtx(() => [
_cache[11] || (_cache[11] = createTextVNode(" 使用 ")),
createVNode(unref(ElLink$1), {
type: "primary",
href: "https://ygorko.github.io/mitem/",
target: "_blank"
}, {
default: withCtx(() => _cache[8] || (_cache[8] = [
createTextVNode(" mitem ")
])),
_: 1
}),
_cache[12] || (_cache[12] = createTextVNode(" 来渲染模板。在多对话模式下，只有最后的消息会使用模板。 ")),
createVNode(unref(ElLink$1), {
type: "primary",
href: "#",
target: "_blank"
}, {
default: withCtx(() => _cache[9] || (_cache[9] = [
createTextVNode("变量表")
])),
_: 1
}),
_cache[13] || (_cache[13] = createElementVNode("br", null, null, -1)),
_cache[14] || (_cache[14] = createTextVNode(" 推荐阅读 ")),
createVNode(unref(ElLink$1), {
type: "primary",
href: "https://langgptai.feishu.cn/wiki/RXdbwRyASiShtDky381ciwFEnpe",
target: "_blank"
}, {
default: withCtx(() => _cache[10] || (_cache[10] = [
createTextVNode(" 《LangGPT》 ")
])),
_: 1
}),
_cache[15] || (_cache[15] = createTextVNode(" 的提示词文档学习 ( 示例提示词写的并不好,欢迎AI大佬来提pr ) "))
]),
_: 1
}),
singleMode.value ? (openBlock(), createBlock(unref(ElInput$1), {
key: 0,
modelValue: message.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => message.value = $event),
style: { "width": "100%" },
autosize: { minRows: 10, maxRows: 18 },
type: "textarea"
}, null, 8, ["modelValue"])) : (openBlock(), createBlock(_component_el_form, {
key: 1,
modelValue: message.value,
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => message.value = $event),
"label-width": "auto",
class: "demo-dynamic"
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(message.value, (item, index) => {
return openBlock(), createBlock(_component_el_form_item, { key: index }, {
label: withCtx(() => [
createVNode(unref(ElSelectV2), {
modelValue: item.role,
"onUpdate:modelValue": ($event) => item.role = $event,
options: unref(role),
style: { "width": "140px" }
}, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
]),
default: withCtx(() => [
createElementVNode("div", _hoisted_2$6, [
createVNode(unref(ElInput$1), {
modelValue: item.content,
"onUpdate:modelValue": ($event) => item.content = $event,
type: "textarea",
autosize: { minRows: 2, maxRows: 8 }
}, null, 8, ["modelValue", "onUpdate:modelValue"]),
createVNode(unref(ElButton$1), {
style: { "margin-left": "10px" },
onClick: withModifiers(($event) => removeMessage(item), ["prevent"])
}, {
default: withCtx(() => _cache[16] || (_cache[16] = [
createTextVNode(" 删除 ")
])),
_: 2
}, 1032, ["onClick"])
])
]),
_: 2
}, 1024);
}), 128)),
createVNode(_component_el_form_item, null, {
default: withCtx(() => [
createVNode(unref(ElButton$1), { onClick: addMessage }, {
default: withCtx(() => _cache[17] || (_cache[17] = [
createTextVNode("添加消息")
])),
_: 1
})
]),
_: 1
})
]),
_: 1
}, 8, ["modelValue"]))
]),
_: 1
}, 8, ["modelValue", "title"]);
};
}
});
const _sfc_main$d = {};
const _hoisted_1$8 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
};
function _sfc_render$1(_ctx, _cache) {
return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
createElementVNode("path", {
fill: "currentColor",
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0m-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"
}, null, -1)
]));
}
const info = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$1]]);
const _sfc_main$c = /* @__PURE__ */ defineComponent({
__name: "lFormItem",
props: /* @__PURE__ */ mergeModels({
value: {},
label: {},
depth: {}
}, {
"modelValue": { required: true },
"modelModifiers": {}
}),
emits: ["update:modelValue"],
setup(__props) {
const props2 = __props;
const fromVal = useModel$1(__props, "modelValue");
function getComponent(elm) {
switch (elm) {
case "input":
return { el: ElInput$1, defaultConf: {} };
case "inputNumber":
return { el: ElInputNumber$1, defaultConf: {} };
case "select":
return { el: ElSelectV2, defaultConf: { options: [] } };
case "slider":
return {
el: ElSlider,
defaultConf: { style: "margin: 0 10px;", showInput: true }
};
case "switch":
return { el: ElSwitch, defaultConf: {} };
}
return { el: void 0, defaultConf: {} };
}
const { el, defaultConf } = getComponent(props2.value.type);
return (_ctx, _cache) => {
const _component_el_alert = ElAlert;
const _component_l_form_item = resolveComponent("l-form-item", true);
const _component_el_text = ElText;
const _component_el_icon = ElIcon;
const _component_el_tooltip = ElTooltip;
const _component_el_form_item = ElFormItem;
return _ctx.value && "alert" in _ctx.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
createVNode(_component_el_alert, {
title: _ctx.value.label || _ctx.label.toString(),
description: _ctx.value.desc,
type: _ctx.value.alert,
closable: false,
"show-icon": "",
style: normalizeStyle(`margin: 10px 0px 20px ${(props2.depth || 0) * 10}px;`)
}, null, 8, ["title", "description", "type", "style"]),
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value.value, (x2, k) => {
return openBlock(), createBlock(_component_l_form_item, {
modelValue: fromVal.value[k],
"onUpdate:modelValue": ($event) => fromVal.value[k] = $event,
value: x2,
label: k,
key: k,
depth: (_ctx.depth || 0) + 1
}, null, 8, ["modelValue", "onUpdate:modelValue", "value", "label", "depth"]);
}), 128))
], 64)) : _ctx.value ? (openBlock(), createBlock(_component_el_form_item, {
key: 1,
required: _ctx.value.required,
style: normalizeStyle(`margin-left: ${(props2.depth || 0) * 10}px;`)
}, {
label: withCtx(() => [
createVNode(_component_el_text, { size: "large" }, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.value.label || _ctx.label), 1)
]),
_: 1
}),
_ctx.value.desc ? (openBlock(), createBlock(_component_el_tooltip, {
key: 0,
content: `<span>${_ctx.value.desc}</span>`,
"raw-content": ""
}, {
default: withCtx(() => [
createVNode(_component_el_icon, { style: { "margin-left": "8px" } }, {
default: withCtx(() => [
createVNode(info)
]),
_: 1
})
]),
_: 1
}, 8, ["content"])) : createCommentVNode("", true)
]),
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(unref(el)), mergeProps({
modelValue: fromVal.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromVal.value = $event)
}, { ...unref(defaultConf), ..._ctx.value.config }), null, 16, ["modelValue"]))
]),
_: 1
}, 8, ["required", "style"])) : createCommentVNode("", true);
};
}
});
const _hoisted_1$7 = {
key: 0,
style: { "margin": "20px 0" }
};
const _hoisted_2$5 = ["innerHTML"];
const _sfc_main$b = /* @__PURE__ */ defineComponent({
__name: "lForm",
props: /* @__PURE__ */ mergeModels({
data: {}
}, {
"modelValue": { required: true },
"modelModifiers": {}
}),
emits: ["update:modelValue"],
setup(__props) {
const formData2 = useModel$1(__props, "modelValue");
const props2 = __props;
return (_ctx, _cache) => {
const _component_l_form_item = _sfc_main$c;
return openBlock(true), createElementBlock(Fragment, null, renderList(props2.data, (item, key) => {
return openBlock(), createElementBlock(Fragment, null, [
"mode" in item ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
createElementVNode("h3", {
innerHTML: item.desc
}, null, 8, _hoisted_2$5)
])) : (openBlock(), createBlock(_component_l_form_item, {
key: 1,
modelValue: formData2.value[key],
"onUpdate:modelValue": ($event) => formData2.value[key] = $event,
label: key,
value: item
}, null, 8, ["modelValue", "onUpdate:modelValue", "label", "value"]))
], 64);
}), 256);
};
}
});
const _hoisted_1$6 = { style: { "display": "flex", "align-items": "center", "justify-content": "space-between" } };
const _hoisted_2$4 = { class: "llms-select" };
const _hoisted_3$1 = { class: "test-box" };
const _hoisted_4 = { class: "mb-4" };
const _sfc_main$a = /* @__PURE__ */ defineComponent({
__name: "createLLM",
props: /* @__PURE__ */ mergeModels({
model: {}
}, {
"modelValue": { type: Boolean, ...{ required: true } },
"modelModifiers": {}
}),
emits: /* @__PURE__ */ mergeModels(["create"], ["update:modelValue"]),
setup(__props, { emit: __emit }) {
var _a, _b, _c, _d;
const props2 = __props;
function color16() {
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b2 = Math.floor(Math.random() * 256);
var color = "#" + r.toString(16) + g.toString(16) + b2.toString(16);
return color;
}
const show = useModel$1(__props, "modelValue");
const createName = ref(((_a = props2.model) == null ? void 0 : _a.name) || "");
const createColor = ref(((_b = props2.model) == null ? void 0 : _b.color) || color16());
const testShow = ref(false);
const { getGpt: getGpt2 } = useModel();
const llmsOptions = computed(
() => llms.map((v2) => {
const m2 = v2.mode;
return { ...m2, value: m2.mode };
})
);
const selectLLM = ref(((_d = (_c = props2.model) == null ? void 0 : _c.data) == null ? void 0 : _d.mode) || llms[0].mode.mode);
const formLLM = computed(
() => Math.max(
llms.findIndex((l2) => l2.mode.mode === selectLLM.value),
0
)
);
function dfs(res, data2) {
for (const key in data2) {
const v2 = data2[key];
if ("mode" in v2) {
continue;
} else if ("alert" in v2) {
res[key] = {};
dfs(res[key], v2.value);
} else res[key] = v2.value;
}
}
const llmFormData = reactiveComputed(() => {
var _a2;
const res = {};
dfs(res, llms[formLLM.value]);
deepmerge(res, (_a2 = props2.model) == null ? void 0 : _a2.data, { clone: false });
return res;
});
const updateFormLLM = (v2) => {
var _a2;
dfs(llmFormData, llms[formLLM.value]);
deepmerge(llmFormData, (_a2 = props2.model) == null ? void 0 : _a2.data, { clone: false });
};
const emit = __emit;
const testIn = ref("");
const testOut = ref("");
const testExample = {
Json: [
`我现在失业了,想找一个新工作,但岗位需求良莠不齐,我需要你对下面的岗位进行评分,我想要双休的,最好可以早九晚五,8小时的.不需要外出,不需要和客户聊天,不需要推销,最后给我Json格式的zifui
\`\`\` 岗位信息
周末双休，早十晚七，带薪年假至少半个月，法定节假日正常放假，购买社保，带薪培训。
网络销售!网络销售!不要再问我是不是纯电销啦!也不是贷款!!!公司的小伙伴很友好，面试结果当天就通知!没有kpi!放心咨询!
职位详情
1.通过公司提供的精准数据进行网络跟进和维护客户2，及时解答客户的相关问题，完成相关销售工作
工作时间:10:00-19:00午休12:00-13:30，固定周末双休，节假日全部正常休假
不需要外出，公司提供精准数据，公平起步，新老人提成一样，氛围好，好晋升
薪资待遇:
熟手无责底薪(4000-6000)起+销售提成+各种奖金，开单奖，综合薪资12-20k，缴纳社保，节日福利
新人最低无责底薪4000，没有业绩考核，有业绩的按照阶梯底薪从4000到6000不等，提成和老员工一样的提成点位没有业绩考核，底薪一直都是无责的，试用期也不会打折!
任职要求:
1.学历不限，18-35岁，男女不限
2.沟通表达能力好，抗压性强，性格外向，逻辑思维能力，复盘总结，有上进心
晋升空间:专员-组长--经理-总监 提供晋升机会
\`\`\`
输出符合下面定义的Json格式字符串
interface aiFiltering {
rating: number; // 分数, 低于40的我会筛选掉
negative: string[] | string; // 扣分项
positive: string[] | string; // 加分项
}
`,
`你叫做“妙妙”，是一款叫做“妙语笔记”的智能助手，接下来你会分析下面用户的输入：
"""
我的称呼是吴楷鹏，可以叫我大帅哥，出生于香港回归的那一年，生日是 3 月 13 号，喜欢上班
"""
设定：
1. 现在是 2025.10.01 21:21，时区是 Asia/Shanghai
2. 提取昵称、性别、出生日期，剩余全部信息整理成个人介绍
3. 要求输出结构化 JSON 对象，符合下面 TypeScript：
interface UserInfo {
nickname?: string;
gender?: 'male' | 'female';
dataOfBirth?: string;
bio?: string;
}
4. 这是例子：const userInfo = {
"nickname":"董小姐",
"gender": "female",
"dateOfBirth":"2001-03-07",
"bio": "家住在长沙，喜欢做饭"
}
接下来开始分析：const userInfo=`
],
弱智: [
"请问你怎么看待鲁迅打周树人呢?",
"小于90度的是锐角，等于90度的是直角，大于90度的是钝角\n开水有100度，所以开水是钝角吗？"
]
};
async function test() {
const data2 = JSON.parse(
JSON.stringify(props2.model || { name: "", key: "" })
);
data2.name = createName.value;
data2.data = JSON.parse(JSON.stringify(llmFormData));
data2.data.mode = selectLLM.value;
logger.debug(data2);
const gpt5 = getGpt2(data2, testIn.value);
testOut.value = "";
logger.group("LLMTest");
const msg = await gpt5.message({
data: {},
onStream: (d2) => {
logger.debug("TestResStream", d2);
testOut.value += d2;
}
});
testOut.value = msg.content || "";
logger.debug("TestRes", msg);
logger.groupEnd();
}
function create() {
const data2 = props2.model || { name: "", key: "" };
data2.name = createName.value;
data2.data = JSON.parse(JSON.stringify(llmFormData));
data2.data.mode = selectLLM.value;
data2.color = createColor.value;
emit("create", data2);
}
return (_ctx, _cache) => {
const _component_el_input = ElInput;
const _component_el_form_item = ElFormItem;
const _component_el_color_picker = ElColorPicker;
const _component_el_icon = ElIcon;
const _component_el_segmented = ElSegmented;
const _component_lForm = _sfc_main$b;
const _component_el_form = ElForm;
const _component_el_scrollbar = ElScrollbar;
const _component_el_button = ElButton;
const _component_el_dialog = ElDialog;
return openBlock(), createElementBlock(Fragment, null, [
createVNode(_component_el_dialog, {
modelValue: show.value,
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => show.value = $event),
title: unref(formInfoData).record.label,
width: "70%",
"align-center": "",
"destroy-on-close": "",
draggable: "",
"z-index": 20
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(_component_el_button, {
onClick: _cache[4] || (_cache[4] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[10] || (_cache[10] = [
createTextVNode("取消")
])),
_: 1
}),
createVNode(_component_el_button, {
type: "info",
onClick: _cache[5] || (_cache[5] = ($event) => testShow.value = true)
}, {
default: withCtx(() => _cache[11] || (_cache[11] = [
createTextVNode("测试")
])),
_: 1
}),
createVNode(_component_el_button, {
type: "primary",
onClick: create
}, {
default: withCtx(() => _cache[12] || (_cache[12] = [
createTextVNode("保存")
])),
_: 1
})
])
]),
default: withCtx(() => [
createVNode(_component_el_scrollbar, {
height: "60vh",
style: { "padding": "20px" }
}, {
default: withCtx(() => [
createElementVNode("div", _hoisted_1$6, [
createVNode(_component_el_form_item, {
label: "名称:",
style: { "width": "70%" }
}, {
default: withCtx(() => [
createVNode(_component_el_input, {
modelValue: createName.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => createName.value = $event)
}, null, 8, ["modelValue"])
]),
_: 1
}),
createVNode(_component_el_form_item, { label: "背景:" }, {
default: withCtx(() => [
createVNode(_component_el_color_picker, {
modelValue: createColor.value,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => createColor.value = $event)
}, null, 8, ["modelValue"])
]),
_: 1
})
]),
createVNode(_component_el_segmented, {
modelValue: selectLLM.value,
"onUpdate:modelValue": [
_cache[2] || (_cache[2] = ($event) => selectLLM.value = $event),
updateFormLLM
],
options: llmsOptions.value,
block: ""
}, {
default: withCtx(({ item }) => [
createElementVNode("div", _hoisted_2$4, [
createVNode(_component_el_icon, {
size: "20",
innerHTML: item.icon
}, null, 8, ["innerHTML"]),
createElementVNode("div", null, toDisplayString(item.label || item.mode), 1)
])
]),
_: 1
}, 8, ["modelValue", "options"]),
createVNode(_component_el_form, {
"label-width": "auto",
size: "large",
"label-position": "left"
}, {
default: withCtx(() => [
(openBlock(), createBlock(_component_lForm, {
key: formLLM.value,
data: unref(llms)[formLLM.value],
modelValue: unref(llmFormData),
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(llmFormData) ? llmFormData.value = $event : null)
}, null, 8, ["data", "modelValue"]))
]),
_: 1
})
]),
_: 1
})
]),
_: 1
}, 8, ["modelValue", "title"]),
createVNode(_component_el_dialog, {
modelValue: testShow.value,
"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => testShow.value = $event),
title: "模型测试",
width: "50%",
"align-center": "",
draggable: "",
"z-index": 21,
"close-on-press-escape": false,
"close-on-click-modal": false,
modal: false
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(_component_el_button, {
onClick: _cache[8] || (_cache[8] = ($event) => testShow.value = false)
}, {
default: withCtx(() => _cache[13] || (_cache[13] = [
createTextVNode("返回")
])),
_: 1
}),
createVNode(_component_el_button, {
type: "primary",
onClick: test
}, {
default: withCtx(() => _cache[14] || (_cache[14] = [
createTextVNode("请求")
])),
_: 1
})
])
]),
default: withCtx(() => [
createElementVNode("div", _hoisted_3$1, [
createElementVNode("div", _hoisted_4, [
(openBlock(), createElementBlock(Fragment, null, renderList(testExample, (example, key) => {
return openBlock(), createElementBlock(Fragment, { key }, [
(openBlock(true), createElementBlock(Fragment, null, renderList(example, (item, index) => {
return openBlock(), createBlock(_component_el_button, {
type: "info",
plain: "",
key: key + index,
onClick: ($event) => testIn.value = item
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(key) + " " + toDisplayString(index + 1), 1)
]),
_: 2
}, 1032, ["onClick"]);
}), 128))
], 64);
}), 64))
]),
createVNode(_component_el_input, {
modelValue: testIn.value,
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => testIn.value = $event),
rows: 4,
type: "textarea",
placeholder: "输入提示词"
}, null, 8, ["modelValue"]),
createVNode(_component_el_input, {
"model-value": testOut.value,
rows: 9,
type: "textarea",
placeholder: "GPT响应"
}, null, 8, ["model-value"])
])
]),
_: 1
}, 8, ["modelValue"])
], 64);
};
}
});
const _hoisted_1$5 = { style: { "align-items": "center", "display": "flex" } };
const _hoisted_2$3 = { style: { "margin-left": "8px" } };
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
__name: "configLLM",
props: {
"modelValue": { type: Boolean, ...{ required: true } },
"modelModifiers": {}
},
emits: ["update:modelValue"],
setup(__props) {
const show = useModel$1(__props, "modelValue");
const { modelData: modelData2, save: save2 } = useModel();
const createBoxShow = ref(false);
function del(d2) {
modelData2.value = modelData2.value.filter((v2) => d2.key !== v2.key);
ElMessage.success("删除成功");
}
function copy(d2) {
d2 = JSON.parse(JSON.stringify(d2));
d2.key = (/* @__PURE__ */ new Date()).getTime().toString();
d2.name = d2.name + " 副本";
modelData2.value.push(d2);
ElMessage.success("复制成功");
}
const createModelData = ref();
function edit(d2) {
createModelData.value = d2;
createBoxShow.value = true;
}
function newllm() {
createModelData.value = void 0;
createBoxShow.value = true;
}
function create(d2) {
if (d2.key) {
const old = modelData2.value.find((v2) => v2.key == d2.key);
if (old) {
deepmerge(old, d2, { clone: false });
} else {
d2.key = (/* @__PURE__ */ new Date()).getTime().toString();
modelData2.value.push(d2);
}
} else {
d2.key = (/* @__PURE__ */ new Date()).getTime().toString();
modelData2.value.push(d2);
}
createBoxShow.value = false;
}
return (_ctx, _cache) => {
const _component_el_icon = ElIcon;
const _component_el_avatar = ElAvatar;
const _component_el_table_column = ElTableColumn;
const _component_el_button = ElButton;
const _component_el_table = ElTable;
const _component_createLLM = _sfc_main$a;
const _component_el_dialog = ElDialog;
return openBlock(), createBlock(_component_el_dialog, {
modelValue: show.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => show.value = $event),
title: "Ai模型配置",
width: "70%",
"align-center": "",
"destroy-on-close": "",
"z-index": 20
}, {
footer: withCtx(() => [
createElementVNode("div", null, [
createVNode(_component_el_button, {
onClick: _cache[1] || (_cache[1] = ($event) => show.value = false)
}, {
default: withCtx(() => _cache[6] || (_cache[6] = [
createTextVNode("取消")
])),
_: 1
}),
createVNode(_component_el_button, {
type: "primary",
onClick: newllm
}, {
default: withCtx(() => _cache[7] || (_cache[7] = [
createTextVNode("新建")
])),
_: 1
}),
createVNode(_component_el_button, {
type: "primary",
onClick: unref(save2)
}, {
default: withCtx(() => _cache[8] || (_cache[8] = [
createTextVNode("保存")
])),
_: 1
}, 8, ["onClick"])
])
]),
default: withCtx(() => [
createVNode(_component_el_table, {
data: unref(modelData2),
style: { "width": "100%" },
"table-layout": "auto"
}, {
default: withCtx(() => [
createVNode(_component_el_table_column, { label: "模型" }, {
default: withCtx((scope) => [
createElementVNode("div", _hoisted_1$5, [
createVNode(_component_el_avatar, {
size: 30,
style: normalizeStyle({ "--el-avatar-bg-color": scope.row.color })
}, {
default: withCtx(() => [
createVNode(_component_el_icon, {
innerHTML: unref(llmsIcons)[scope.row.data.mode]
}, null, 8, ["innerHTML"])
]),
_: 2
}, 1032, ["style"]),
createElementVNode("span", _hoisted_2$3, toDisplayString(scope.row.name), 1)
])
]),
_: 1
}),
createVNode(_component_el_table_column, {
prop: "data.mode",
label: "类型"
}),
createVNode(_component_el_table_column, {
prop: "data.url",
label: "url"
}),
createVNode(_component_el_table_column, { label: "管理" }, {
default: withCtx((scope) => [
createVNode(_component_el_button, {
link: "",
type: "primary",
size: "small",
onClick: () => del(scope.row)
}, {
default: withCtx(() => _cache[3] || (_cache[3] = [
createTextVNode(" 删除 ")
])),
_: 2
}, 1032, ["onClick"]),
createVNode(_component_el_button, {
link: "",
type: "primary",
size: "small",
onClick: () => copy(scope.row)
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode(" 复制 ")
])),
_: 2
}, 1032, ["onClick"]),
createVNode(_component_el_button, {
link: "",
type: "primary",
size: "small",
onClick: () => edit(scope.row)
}, {
default: withCtx(() => _cache[5] || (_cache[5] = [
createTextVNode(" 编辑 ")
])),
_: 2
}, 1032, ["onClick"])
]),
_: 1
})
]),
_: 1
}, 8, ["data"]),
createBoxShow.value ? (openBlock(), createBlock(_component_createLLM, {
key: 0,
modelValue: createBoxShow.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => createBoxShow.value = $event),
model: createModelData.value,
onCreate: create
}, null, 8, ["modelValue", "model"])) : createCommentVNode("", true)
]),
_: 1
}, 8, ["modelValue"]);
};
}
});
const _sfc_main$8 = {};
const _hoisted_1$4 = {
xmlns: "http://www.w3.org/2000/svg",
"xmlns:xlink": "http://www.w3.org/1999/xlink",
viewBox: "0 0 24 24"
};
function _sfc_render(_ctx, _cache) {
return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
createElementVNode("g", { fill: "none" }, [
createElementVNode("path", {
d: "M12.01 2.25c.735.008 1.466.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.928 1.116l1.4-.615a.75.75 0 0 1 .85.174a9.793 9.793 0 0 1 2.204 3.792a.75.75 0 0 1-.271.825l-1.242.916a1.38 1.38 0 0 0 .001 2.226l1.243.915a.75.75 0 0 1 .271.826a9.798 9.798 0 0 1-2.203 3.792a.75.75 0 0 1-.849.175l-1.406-.617a1.38 1.38 0 0 0-1.927 1.114l-.169 1.526a.75.75 0 0 1-.571.647a9.518 9.518 0 0 1-4.406 0a.75.75 0 0 1-.572-.647l-.17-1.524a1.382 1.382 0 0 0-1.924-1.11l-1.407.616a.75.75 0 0 1-.849-.175a9.798 9.798 0 0 1-2.203-3.796a.75.75 0 0 1 .271-.826l1.244-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826a9.793 9.793 0 0 1 2.205-3.792a.75.75 0 0 1 .849-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.718-.159 1.45-.243 2.202-.252zM13.576 8h-3.272l3.105 4l-2.773 3.514a.3.3 0 0 0 .236.486h2.704a.3.3 0 0 0 .237-.116l2.778-3.577a.5.5 0 0 0 0-.614l-2.778-3.577A.3.3 0 0 0 13.575 8zm-3.898.803l-2.264 2.889a.5.5 0 0 0-.052.535l.052.081l2.002 2.556l.05.05a.3.3 0 0 0 .372 0l.049-.049l1.336-1.68a.3.3 0 0 0 .043-.301l-.042-.07l-.638-.814l.78-.996l-1.688-2.201z",
fill: "currentColor"
})
], -1)
]));
}
const settingsVue = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render]]);
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
__name: "formSwitch",
props: {
label: {},
lock: { type: Boolean },
help: {},
disabled: { type: Boolean },
data: {}
},
emits: ["change", "show"],
setup(__props, { emit: __emit }) {
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElButtonGroup), {
type: _ctx.data.enable ? "success" : "danger",
help: _ctx.help
}, {
default: withCtx(() => [
createVNode(unref(ElButton$1), {
disabled: _ctx.lock || _ctx.disabled,
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.data))
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.label), 1)
]),
_: 1
}, 8, ["disabled"]),
createVNode(unref(ElButton$1), {
icon: settingsVue,
disabled: _ctx.disabled,
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("show"))
}, null, 8, ["disabled"])
]),
_: 1
}, 8, ["type", "help"]);
};
}
});
const _hoisted_1$3 = { style: { "margin-top": "15px" } };
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
__name: "ai",
setup(__props) {
const { formData: formData2, confSaving } = useConfFormData();
const { deliverLock: deliverLock2 } = useCommon();
const aiBoxShow = ref(false);
const aiConfBoxShow = ref(false);
const aiBox = ref(
"aiGreeting"
);
function change(v2) {
v2.enable = !v2.enable;
confSaving();
}
const m2 = formData2.record.model || [];
ref(Array.isArray(m2) ? m2 : [m2]);
return (_ctx, _cache) => {
const _component_configLLM = _sfc_main$9;
const _component_selectLLM = _sfc_main$e;
const _directive_key = resolveDirective("key");
return openBlock(), createElementBlock(Fragment, null, [
createVNode(unref(ElSpace$1), {
wrap: "",
fill: "",
"fill-ratio": 32,
style: { "width": "100%" }
}, {
default: withCtx(() => [
createVNode(_sfc_main$7, mergeProps(unref(formInfoData).aiGreeting, {
data: unref(formData2).aiGreeting,
lock: unref(deliverLock2),
onShow: _cache[0] || (_cache[0] = ($event) => {
aiBox.value = "aiGreeting";
aiBoxShow.value = true;
}),
onChange: change
}), null, 16, ["data", "lock"]),
createVNode(_sfc_main$7, mergeProps(unref(formInfoData).aiFiltering, {
data: unref(formData2).aiFiltering,
lock: unref(deliverLock2),
onShow: _cache[1] || (_cache[1] = ($event) => {
aiBox.value = "aiFiltering";
aiBoxShow.value = true;
}),
onChange: change
}), null, 16, ["data", "lock"]),
createVNode(_sfc_main$7, mergeProps(unref(formInfoData).aiReply, {
data: unref(formData2).aiReply,
onShow: _cache[2] || (_cache[2] = ($event) => {
aiBox.value = "aiReply";
aiBoxShow.value = true;
}),
onChange: change,
disabled: ""
}), null, 16, ["data"])
]),
_: 1
}),
createElementVNode("div", _hoisted_1$3, [
createVNode(unref(ElButton$1), {
type: "primary",
help: "有那么多功能，当然要分等级了，不然岂不是浪费了这么多的模型（主要缺钱）",
onClick: _cache[3] || (_cache[3] = ($event) => aiConfBoxShow.value = true)
}, {
default: withCtx(() => _cache[6] || (_cache[6] = [
createTextVNode(" 模型配置 ")
])),
_: 1
})
]),
createVNode(_component_configLLM, {
modelValue: aiConfBoxShow.value,
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => aiConfBoxShow.value = $event)
}, null, 8, ["modelValue"]),
aiBoxShow.value && aiBox.value !== "record" ? withDirectives((openBlock(), createBlock(_component_selectLLM, {
key: 0,
data: aiBox.value,
modelValue: aiBoxShow.value,
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => aiBoxShow.value = $event)
}, null, 8, ["data", "modelValue"])), [
[_directive_key, aiBox.value]
]) : createCommentVNode("", true)
], 64);
};
}
});
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
__name: "formItem",
props: /* @__PURE__ */ mergeModels({
label: {},
help: {},
disabled: { type: Boolean }
}, {
"include": { type: Boolean, ...{
default: void 0
} },
"includeModifiers": {},
"enable": { type: Boolean, ...{ required: true } },
"enableModifiers": {}
}),
emits: ["update:include", "update:enable"],
setup(__props) {
const include = useModel$1(__props, "include");
const enable = useModel$1(__props, "enable");
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElFormItem$1), { help: _ctx.help }, {
label: withCtx(() => [
createVNode(unref(ElCheckbox$1), {
modelValue: enable.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => enable.value = $event),
label: _ctx.label,
size: "small"
}, null, 8, ["modelValue", "label"]),
include.value !== void 0 ? (openBlock(), createBlock(unref(ElLink$1), {
key: 0,
onClick: _cache[1] || (_cache[1] = withModifiers(($event) => include.value = !include.value, ["stop"])),
type: include.value ? "primary" : "warning",
size: "small",
disabled: _ctx.disabled
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(include.value ? "包含" : "排除"), 1)
]),
_: 1
}, 8, ["type", "disabled"])) : createCommentVNode("", true)
]),
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["help"]);
};
}
});
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
__name: "formSelect",
props: {
"value": { required: true },
"valueModifiers": {},
"options": { required: true },
"optionsModifiers": {}
},
emits: ["update:value", "update:options"],
setup(__props) {
const value = useModel$1(__props, "value");
const options2 = useModel$1(__props, "options");
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElSelect), {
modelValue: value.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
multiple: "",
filterable: "",
"allow-create": "",
"default-first-option": "",
"reserve-keyword": false,
placeholder: ""
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(options2.value, (item) => {
return openBlock(), createBlock(unref(ElOption), {
key: item,
label: item,
value: item
}, null, 8, ["label", "value"]);
}), 128))
]),
_: 1
}, 8, ["modelValue"]);
};
}
});
const _hoisted_1$2 = { style: { "margin-top": "20px" } };
const _hoisted_2$2 = { style: { "margin-top": "15px" } };
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
__name: "config",
setup(__props) {
const { formData: formData2, confDelete, confExport, confImport, confReload, confSaving } = useConfFormData();
const { deliverLock: deliverLock2 } = useCommon();
return (_ctx, _cache) => {
const _component_el_space = ElSpace;
const _component_el_collapse_item = ElCollapseItem;
const _component_el_input_number = ElInputNumber;
const _component_el_collapse = ElCollapse;
return openBlock(), createElementBlock(Fragment, null, [
createVNode(unref(ElForm$1), {
ref: "formRef",
inline: "",
"label-position": "left",
"label-width": "auto",
model: unref(formData2),
disabled: unref(deliverLock2)
}, {
default: withCtx(() => [
createVNode(_component_el_collapse, { accordion: "" }, {
default: withCtx(() => [
createVNode(_component_el_collapse_item, {
title: "筛选配置",
name: "1"
}, {
default: withCtx(() => [
createVNode(_component_el_space, {
wrap: "",
style: { "width": "100%" }
}, {
default: withCtx(() => [
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).company, {
enable: unref(formData2).company.enable,
"onUpdate:enable": _cache[2] || (_cache[2] = ($event) => unref(formData2).company.enable = $event),
include: unref(formData2).company.include,
"onUpdate:include": _cache[3] || (_cache[3] = ($event) => unref(formData2).company.include = $event),
disabled: unref(deliverLock2)
}), {
default: withCtx(() => [
createVNode(_sfc_main$4, {
value: unref(formData2).company.value,
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(formData2).company.value = $event),
options: unref(formData2).company.options,
"onUpdate:options": _cache[1] || (_cache[1] = ($event) => unref(formData2).company.options = $event)
}, null, 8, ["value", "options"])
]),
_: 1
}, 16, ["enable", "include", "disabled"]),
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).jobTitle, {
enable: unref(formData2).jobTitle.enable,
"onUpdate:enable": _cache[6] || (_cache[6] = ($event) => unref(formData2).jobTitle.enable = $event),
include: unref(formData2).jobTitle.include,
"onUpdate:include": _cache[7] || (_cache[7] = ($event) => unref(formData2).jobTitle.include = $event),
disabled: unref(deliverLock2)
}), {
default: withCtx(() => [
createVNode(_sfc_main$4, {
value: unref(formData2).jobTitle.value,
"onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(formData2).jobTitle.value = $event),
options: unref(formData2).jobTitle.options,
"onUpdate:options": _cache[5] || (_cache[5] = ($event) => unref(formData2).jobTitle.options = $event)
}, null, 8, ["value", "options"])
]),
_: 1
}, 16, ["enable", "include", "disabled"]),
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).jobContent, {
enable: unref(formData2).jobContent.enable,
"onUpdate:enable": _cache[10] || (_cache[10] = ($event) => unref(formData2).jobContent.enable = $event),
include: unref(formData2).jobContent.include,
"onUpdate:include": _cache[11] || (_cache[11] = ($event) => unref(formData2).jobContent.include = $event),
disabled: unref(deliverLock2)
}), {
default: withCtx(() => [
createVNode(_sfc_main$4, {
value: unref(formData2).jobContent.value,
"onUpdate:value": _cache[8] || (_cache[8] = ($event) => unref(formData2).jobContent.value = $event),
options: unref(formData2).jobContent.options,
"onUpdate:options": _cache[9] || (_cache[9] = ($event) => unref(formData2).jobContent.options = $event)
}, null, 8, ["value", "options"])
]),
_: 1
}, 16, ["enable", "include", "disabled"]),
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).hrPosition, {
enable: unref(formData2).hrPosition.enable,
"onUpdate:enable": _cache[14] || (_cache[14] = ($event) => unref(formData2).hrPosition.enable = $event),
include: unref(formData2).hrPosition.include,
"onUpdate:include": _cache[15] || (_cache[15] = ($event) => unref(formData2).hrPosition.include = $event),
disabled: unref(deliverLock2)
}), {
default: withCtx(() => [
createVNode(_sfc_main$4, {
value: unref(formData2).hrPosition.value,
"onUpdate:value": _cache[12] || (_cache[12] = ($event) => unref(formData2).hrPosition.value = $event),
options: unref(formData2).hrPosition.options,
"onUpdate:options": _cache[13] || (_cache[13] = ($event) => unref(formData2).hrPosition.options = $event)
}, null, 8, ["value", "options"])
]),
_: 1
}, 16, ["enable", "include", "disabled"]),
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).salaryRange, {
enable: unref(formData2).salaryRange.enable,
"onUpdate:enable": _cache[17] || (_cache[17] = ($event) => unref(formData2).salaryRange.enable = $event)
}), {
default: withCtx(() => [
createVNode(unref(ElInput$1), {
modelValue: unref(formData2).salaryRange.value,
"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(formData2).salaryRange.value = $event)
}, null, 8, ["modelValue"])
]),
_: 1
}, 16, ["enable"]),
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).companySizeRange, {
enable: unref(formData2).companySizeRange.enable,
"onUpdate:enable": _cache[19] || (_cache[19] = ($event) => unref(formData2).companySizeRange.enable = $event)
}), {
default: withCtx(() => [
createVNode(unref(ElInput$1), {
modelValue: unref(formData2).companySizeRange.value,
"onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => unref(formData2).companySizeRange.value = $event),
modelModifiers: { lazy: true }
}, null, 8, ["modelValue"])
]),
_: 1
}, 16, ["enable"]),
createVNode(_sfc_main$5, mergeProps(unref(formInfoData).customGreeting, {
enable: unref(formData2).customGreeting.enable,
"onUpdate:enable": _cache[21] || (_cache[21] = ($event) => unref(formData2).customGreeting.enable = $event)
}), {
default: withCtx(() => [
createVNode(unref(ElInput$1), {
type: "textarea",
modelValue: unref(formData2).customGreeting.value,
"onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => unref(formData2).customGreeting.value = $event),
modelModifiers: { lazy: true }
}, null, 8, ["modelValue"])
]),
_: 1
}, 16, ["enable"])
]),
_: 1
}),
createElementVNode("div", null, [
createVNode(unref(ElCheckbox$1), mergeProps(unref(formInfoData).activityFilter, {
modelValue: unref(formData2).activityFilter.value,
"onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => unref(formData2).activityFilter.value = $event),
border: ""
}), null, 16, ["modelValue"]),
createVNode(unref(ElCheckbox$1), mergeProps(unref(formInfoData).goldHunterFilter, {
modelValue: unref(formData2).goldHunterFilter.value,
"onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => unref(formData2).goldHunterFilter.value = $event),
border: ""
}), null, 16, ["modelValue"]),
createVNode(unref(ElCheckbox$1), mergeProps(unref(formInfoData).friendStatus, {
modelValue: unref(formData2).friendStatus.value,
"onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => unref(formData2).friendStatus.value = $event),
border: ""
}), null, 16, ["modelValue"])
])
]),
_: 1
}),
createVNode(_component_el_collapse_item, {
title: "延迟配置",
name: "2"
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(formInfoData).delay, (item, key) => {
return openBlock(), createBlock(unref(ElFormItem$1), {
key,
label: item.label,
help: item.help
}, {
default: withCtx(() => [
createVNode(_component_el_input_number, {
modelValue: unref(formData2).delay[key],
"onUpdate:modelValue": ($event) => unref(formData2).delay[key] = $event,
min: 1,
max: 99999,
disabled: item.disable
}, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
]),
_: 2
}, 1032, ["label", "help"]);
}), 128))
]),
_: 1
})
]),
_: 1
}),
createElementVNode("div", _hoisted_1$2, [
createVNode(unref(ElCheckbox$1), mergeProps(unref(formInfoData).greetingVariable, {
modelValue: unref(formData2).greetingVariable.value,
"onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => unref(formData2).greetingVariable.value = $event),
border: ""
}), null, 16, ["modelValue"]),
createVNode(unref(ElCheckbox$1), mergeProps(unref(formInfoData).notification, {
modelValue: unref(formData2).notification.value,
"onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => unref(formData2).notification.value = $event),
border: ""
}), null, 16, ["modelValue"])
])
]),
_: 1
}, 8, ["model", "disabled"]),
createElementVNode("div", _hoisted_2$2, [
createVNode(unref(ElButton$1), {
type: "primary",
help: "保存配置，用于后续直接使用当前配置。",
onClick: unref(confSaving)
}, {
default: withCtx(() => _cache[27] || (_cache[27] = [
createTextVNode(" 保存配置 ")
])),
_: 1
}, 8, ["onClick"]),
createVNode(unref(ElButton$1), {
type: "primary",
help: "重新加载本地配置",
onClick: unref(confReload)
}, {
default: withCtx(() => _cache[28] || (_cache[28] = [
createTextVNode(" 重载配置 ")
])),
_: 1
}, 8, ["onClick"]),
createVNode(unref(ElButton$1), {
type: "primary",
help: "互联网就是要分享",
onClick: unref(confExport)
}, {
default: withCtx(() => _cache[29] || (_cache[29] = [
createTextVNode(" 导出配置 ")
])),
_: 1
}, 8, ["onClick"]),
createVNode(unref(ElButton$1), {
type: "primary",
help: "互联网就是要分享",
onClick: unref(confImport)
}, {
default: withCtx(() => _cache[30] || (_cache[30] = [
createTextVNode(" 导入配置 ")
])),
_: 1
}, 8, ["onClick"]),
createVNode(unref(ElButton$1), {
type: "primary",
help: "清空配置,不会帮你保存,可以重载恢复",
onClick: unref(confDelete)
}, {
default: withCtx(() => _cache[31] || (_cache[31] = [
createTextVNode(" 删除配置 ")
])),
_: 1
}, 8, ["onClick"])
])
], 64);
};
}
});
const configVue = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d16db0ee"]]);
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
__name: "logs",
setup(__props) {
const tableRef = ref();
const { data: data2, columns: columns2, Row } = useLog();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(ElAutoResizer), { disableHeight: true }, {
default: withCtx(({ width }) => [
createVNode(unref(ElTableV2), {
ref_key: "tableRef",
ref: tableRef,
columns: unref(columns2),
data: unref(data2),
height: 360,
width
}, null, 8, ["columns", "data", "width"])
]),
_: 1
});
};
}
});
const page = ref({ page: 1, pageSize: 30 });
const pageChange = ref((v2) => {
});
const initPage = useHookVueData("#wrap .page-job-wrapper", "pageVo", page);
const initChange = useHookVueFn("#wrap .page-job-wrapper", "pageChangeAction");
const next = () => {
if (page.value.page >= 10) return;
pageChange.value(page.value.page + 1);
};
const prev = () => {
if (page.value.page <= 1) return;
pageChange.value(page.value.page - 1);
};
const usePager = () => {
return {
page,
pageChange,
next,
prev,
initPager: () => {
initPage();
pageChange.value = initChange();
}
};
};
const _hoisted_1$1 = { class: "el-dropdown-link" };
const _hoisted_2$1 = { style: { "display": "flex" } };
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
__name: "statistics",
setup(__props) {
const log2 = useLog();
const { todayData: todayData2, statisticsData } = useStatistics();
const { deliverLock: deliverLock2, deliverStop: deliverStop2 } = useCommon();
const { jobListHandle: jobListHandle2 } = useDeliver();
const { jobList: jobList2, jobMap: jobMap2 } = useJobList();
const { next: next2, page: page2, prev: prev2 } = usePager();
const { formData: formData2 } = useConfFormData();
const statisticCycle = ref(1);
const statisticCycleData = [
{
label: "近三日投递",
help: "愿你每一次投递都能得到回应",
date: 3
},
{
label: "本周投递",
help: "愿你早日找到心满意足的工作",
date: 7
},
{
label: "本月投递",
help: "愿你在面试中得到满意的结果",
date: 30
},
{
label: "历史投递",
help: "愿你能早九晚五还双休带五险",
date: -1
}
];
const cycle = computed(() => {
const date4 = statisticCycleData[statisticCycle.value].date;
let ans = 0;
for (var i = 0; (date4 == -1 || i < date4 - 1) && i < statisticsData.length; i++) {
ans += statisticsData[i].success;
}
return ans;
});
async function startBatch() {
log2.reset();
deliverLock2.value = true;
try {
logger.debug("start batch", page2);
while (page2.value.page <= 10 && !deliverStop2.value) {
await delay(formData2.delay.deliveryStarts);
await jobListHandle2(jobList2.value, jobMap2.actions);
if (deliverStop2.value) {
break;
}
await delay(formData2.delay.deliveryPageNext);
next2();
jobMap2.actions.clear();
}
} catch (e) {
logger.error("获取失败", e);
ElMessage.error(`获取失败! - ${e}`);
} finally {
logger.debug(log2.data);
if (formData2.notification.value) {
notification("投递结束");
} else {
ElMessage.info("投递结束");
}
deliverLock2.value = false;
deliverStop2.value = false;
}
}
function stopBatch() {
deliverStop2.value = true;
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [
createVNode(unref(ElRow), { gutter: 20 }, {
default: withCtx(() => [
createVNode(unref(ElCol), { span: 5 }, {
default: withCtx(() => [
createVNode(unref(ElStatistic), {
help: "统计当天脚本扫描过的所有岗位",
value: unref(todayData2).total,
title: "岗位总数：",
suffix: "份"
}, null, 8, ["value"])
]),
_: 1
}),
createVNode(unref(ElCol), { span: 5 }, {
default: withCtx(() => [
createVNode(unref(ElStatistic), {
help: "统计当天岗位过滤的比例,被过滤/总数",
value: (unref(todayData2).total - unref(todayData2).success) / unref(todayData2).total * 100,
title: "过滤比例：",
suffix: "%"
}, null, 8, ["value"])
]),
_: 1
}),
createVNode(unref(ElCol), { span: 5 }, {
default: withCtx(() => [
createVNode(unref(ElStatistic), {
help: "统计当天岗位中已沟通的比例,已沟通/总数",
value: unref(todayData2).repeat / unref(todayData2).total * 100,
title: "沟通比例：",
suffix: "%"
}, null, 8, ["value"])
]),
_: 1
}),
createVNode(unref(ElCol), { span: 5 }, {
default: withCtx(() => [
createVNode(unref(ElStatistic), {
help: "统计当天岗位中的活跃情况,不活跃/总数",
value: unref(todayData2).activityFilter / unref(todayData2).total * 100,
title: "活跃比例：",
suffix: "%"
}, null, 8, ["value"])
]),
_: 1
}),
createVNode(unref(ElCol), { span: 4 }, {
default: withCtx(() => [
createVNode(unref(ElStatistic), {
help: statisticCycleData[statisticCycle.value].help,
value: cycle.value + unref(todayData2).success,
suffix: "份"
}, {
title: withCtx(() => [
createVNode(unref(ElDropdown), {
trigger: "click",
onCommand: _cache[0] || (_cache[0] = (arg) => {
statisticCycle.value = arg;
})
}, {
dropdown: withCtx(() => [
createVNode(unref(ElDropdownMenu), null, {
default: withCtx(() => [
(openBlock(), createElementBlock(Fragment, null, renderList(statisticCycleData, (item, index) => {
return createVNode(unref(ElDropdownItem), { command: index }, {
default: withCtx(() => [
createTextVNode(toDisplayString(item.label), 1)
]),
_: 2
}, 1032, ["command"]);
}), 64))
]),
_: 1
})
]),
default: withCtx(() => [
createElementVNode("span", _hoisted_1$1, [
createTextVNode(toDisplayString(statisticCycleData[statisticCycle.value].label) + ": ", 1),
createVNode(unref(ElIcon$1), { class: "el-icon--right" }, {
default: withCtx(() => _cache[1] || (_cache[1] = [
createElementVNode("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 1024 1024"
}, [
createElementVNode("path", {
fill: "currentColor",
d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
})
], -1)
])),
_: 1
})
])
]),
_: 1
})
]),
_: 1
}, 8, ["help", "value"])
]),
_: 1
})
]),
_: 1
}),
createElementVNode("div", _hoisted_2$1, [
createVNode(unref(ElButtonGroup), { style: { "margin": "10px 30px 0 0" } }, {
default: withCtx(() => [
createVNode(unref(ElButton$1), {
type: "primary",
help: "点击开始就会开始投递",
loading: unref(deliverLock2),
onClick: startBatch
}, {
default: withCtx(() => _cache[2] || (_cache[2] = [
createTextVNode(" 开始 ")
])),
_: 1
}, 8, ["loading"]),
unref(deliverLock2) && !unref(deliverStop2) ? (openBlock(), createBlock(unref(ElButton$1), {
key: 0,
type: "warning",
help: "暂停后应该能继续",
onClick: stopBatch
}, {
default: withCtx(() => _cache[3] || (_cache[3] = [
createTextVNode(" 暂停 ")
])),
_: 1
})) : createCommentVNode("", true),
unref(deliverLock2) && !unref(deliverStop2) ? (openBlock(), createBlock(unref(ElButton$1), {
key: 1,
type: "danger",
help: "停止后应该不能继续",
onClick: stopBatch
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode(" 停止 ")
])),
_: 1
})) : createCommentVNode("", true)
]),
_: 1
}),
createVNode(unref(ElProgress), {
help: "我会统计当天脚本投递的数量,boos直聘限制100,该记录并不准确倒车的噢",
style: { "flex": "1" },
percentage: unref(todayData2).success
}, null, 8, ["percentage"])
])
], 64);
};
}
});
const netConf = ref();
fetch("https://qiu-config.oss-cn-beijing.aliyuncs.com/boos-helper-config.json").then((res) => {
return res.json();
}).then((data2) => {
var _a;
netConf.value = data2;
const now2 = (/* @__PURE__ */ new Date()).getTime();
(_a = netConf.value) == null ? void 0 : _a.notification.forEach((item) => {
if (now2 > _GM_getValue(`netConf-${item.key}`, 0)) {
if (item.type === "message") {
ElMessageBox.alert(item.data.content, item.data.title ?? "message", {
confirmButtonText: "OK",
callback: () => {
_GM_setValue(
`netConf-${item.key}`,
now2 + (item.data.duration ?? 86400) * 1e3
);
}
});
} else if (item.type === "notification") {
ElNotification({
...item.data,
duration: 0,
onClose() {
_GM_setValue(
`netConf-${item.key}`,
now2 + (item.data.duration ?? 86400) * 1e3
);
},
onClick() {
item.data.url ?? window.open(item.data.url);
}
});
}
}
});
});
const _hoisted_1 = { style: { "display": "flex", "align-items": "center" } };
const _hoisted_2 = { key: 0 };
const _hoisted_3 = {
key: 0,
class: "netAlerts"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "ui",
setup(__props) {
const { initPager } = usePager();
const { initJobList } = useJobList();
const { x: x2, y } = useMouse({ type: "client" });
const { total: total2, current: current2 } = useDeliver();
const helpVisible = ref(false);
const searchRef = ref();
const tabsRef = ref();
const helpContent = ref("鼠标移到对应元素查看提示");
const helpElWidth = ref(400);
const { isOutside } = useMouseInElement(tabsRef);
const triggerRef = computed(() => {
return {
getBoundingClientRect() {
return DOMRect.fromRect({
width: 0,
height: 0,
x: x2.value,
y: y.value
});
}
};
});
const boxStyles = computed(() => {
if (helpVisible.value && !isOutside.value) {
const element = document.elementFromPoint(x2.value, y.value);
const el = findHelp(element);
if (el) {
const bounding = el.getBoundingClientRect();
helpElWidth.value = bounding.width;
return {
width: `${bounding.width}px`,
height: `${bounding.height}px`,
left: `${bounding.left}px`,
top: `${bounding.top}px`,
display: "block",
backgroundColor: "#3eaf7c33",
transition: "all 0.08s linear"
};
}
}
return {
display: "none"
};
});
function findHelp(dom) {
if (!dom) return;
const help = dom.getAttribute("help");
if (help) {
helpContent.value = help;
return dom;
}
return findHelp(dom.parentElement);
}
onMounted(() => {
initJobList();
initPager();
elmGetter.get([
".job-search-wrapper .job-search-box.clearfix",
".job-search-wrapper .search-condition-wrapper.clearfix"
]).then(([searchEl, conditionEl]) => {
searchRef.value.$el.appendChild(searchEl);
searchRef.value.$el.appendChild(conditionEl);
elmGetter.rm(".job-search-scan", searchEl);
});
});
function tagOpen(url2) {
window.open(url2);
}
const VITE_VERSION = "0.2.4-fix2";
const now2 = (/* @__PURE__ */ new Date()).getTime();
return (_ctx, _cache) => {
var _a;
const _component_el_tag = ElTag;
const _component_el_badge = ElBadge;
const _component_el_alert = ElAlert;
const _component_el_link = ElLink;
return openBlock(), createElementBlock(Fragment, null, [
createElementVNode("h2", _hoisted_1, [
_cache[4] || (_cache[4] = createTextVNode(" Boos-Helper ")),
createVNode(_component_el_badge, {
"is-dot": (((_a = unref(netConf)) == null ? void 0 : _a.version) ?? "6") > unref(VITE_VERSION),
offset: [-2, 7],
onClick: _cache[0] || (_cache[0] = ($event) => tagOpen("https://greasyfork.org/zh-CN/scripts/491340")),
style: { "cursor": "pointer", "display": "inline-flex", "margin": "0 4px" }
}, {
default: withCtx(() => [
createVNode(_component_el_tag, { type: "primary" }, {
default: withCtx(() => [
createTextVNode("v" + toDisplayString(unref(VITE_VERSION)), 1)
]),
_: 1
})
]),
_: 1
}, 8, ["is-dot"]),
unref(total2) > 0 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(current2) + 1) + "/" + toDisplayString(unref(total2)), 1)) : createCommentVNode("", true)
]),
createElementVNode("div", {
style: normalizeStyle([{ "z-index": "999", "position": "fixed", "pointer-events": "none", "border-width": "1px" }, boxStyles.value])
}, null, 4),
unref(netConf) && unref(netConf).notification ? (openBlock(), createElementBlock("div", _hoisted_3, [
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(netConf).notification.filter(
(item) => item.type === "alert"
), (item) => {
return openBlock(), createElementBlock(Fragment, {
key: item.key ?? item.data.title
}, [
unref(now2) > unref(_GM_getValue)(`netConf-${item.key}`, 0) ? (openBlock(), createBlock(_component_el_alert, mergeProps({
key: 0,
ref_for: true
}, item.data, {
onClose: ($event) => unref(_GM_setValue)(`netConf-${item.key}`, unref(now2) + 2592e5)
}), null, 16, ["onClose"])) : createCommentVNode("", true)
], 64);
}), 128))
])) : createCommentVNode("", true),
createVNode(unref(ElTooltip$1), {
visible: helpVisible.value && !unref(isOutside),
"virtual-ref": triggerRef.value
}, {
content: withCtx(() => [
createElementVNode("div", {
style: normalizeStyle(`width: auto;max-width:${helpElWidth.value}px;font-size:17px;`)
}, toDisplayString(helpContent.value), 5)
]),
_: 1
}, 8, ["visible", "virtual-ref"]),
createVNode(unref(ElTabs), {
ref_key: "tabsRef",
ref: tabsRef,
help: "鼠标移到对应元素查看提示"
}, {
default: withCtx(() => [
createVNode(unref(ElTabPane), {
label: "统计",
help: "失败是成功她妈"
}, {
default: withCtx(() => [
createVNode(_sfc_main$1)
]),
_: 1
}),
createVNode(unref(ElTabPane), {
label: "搜索",
ref_key: "searchRef",
ref: searchRef,
help: "boos直聘原搜索, 可能出现空白bug"
}, null, 512),
createVNode(unref(ElTabPane), {
label: "筛选",
help: "好好看，好好学"
}, {
default: withCtx(() => [
createVNode(configVue)
]),
_: 1
}),
createVNode(unref(ElTabPane), {
label: "AI",
help: "AI时代，脚本怎么能落伍!"
}, {
default: withCtx(() => [
createVNode(_sfc_main$6)
]),
_: 1
}),
createVNode(unref(ElTabPane), {
label: "日志",
help: "反正你也不看"
}, {
default: withCtx(() => [
createVNode(_sfc_main$2)
]),
_: 1
}),
createVNode(unref(ElTabPane), {
label: "关于",
class: "hp-about-box",
help: "项目是写不完美的,但总要去追求完美"
}, {
default: withCtx(() => [
createVNode(_sfc_main$f)
]),
_: 1
}),
unref(netConf) && unref(netConf).feedback ? (openBlock(), createBlock(unref(ElTabPane), { key: 0 }, {
label: withCtx(() => [
createVNode(_component_el_link, {
size: "large",
onClick: _cache[1] || (_cache[1] = withModifiers(($event) => tagOpen(unref(netConf).feedback), ["stop"])),
style: { "height": "100%" }
}, {
default: withCtx(() => _cache[5] || (_cache[5] = [
createTextVNode(" 反馈 ")
])),
_: 1
})
]),
_: 1
})) : createCommentVNode("", true),
createVNode(unref(ElTabPane), null, {
label: withCtx(() => [
createVNode(unref(ElCheckbox$1), {
modelValue: helpVisible.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => helpVisible.value = $event),
label: "帮助",
size: "large",
onClick: _cache[3] || (_cache[3] = withModifiers(() => {
}, ["stop"]))
}, null, 8, ["modelValue"])
]),
_: 1
})
]),
_: 1
}, 512),
(openBlock(), createBlock(Teleport$1, { to: ".page-job-inner .page-job-content" }, [
createVNode(cardVue)
])),
(openBlock(), createBlock(Teleport$1, { to: ".page-job-wrapper" }, [
createVNode(chatVue, { style: { "position": "fixed", "top": "70px", "left": "20px", "height": "calc(100vh - 80px)", "display": "flex", "flex-direction": "column", "width": "28%", "max-width": "540px" } })
]))
], 64);
};
}
});
async function mountVue() {
const jobSearchWrapper = await elmGetter.get(".job-search-wrapper");
if (document.querySelector("#boos-helper-job")) {
return;
}
const app = createApp(_sfc_main);
const jobEl = document.createElement("div");
jobEl.id = "boos-helper-job";
jobSearchWrapper.insertBefore(jobEl, jobSearchWrapper.firstElementChild);
jobSearchWrapper.setAttribute("help", "出界了哇!");
app.mount(jobEl);
}
function removeAd() {
elmGetter.rm(".job-list-wrapper .subscribe-weixin-wrapper");
elmGetter.rm(".job-side-wrapper");
elmGetter.rm(".side-bar-box");
elmGetter.rm(".go-login-btn");
}
async function run() {
logger.info("加载/web/geek/job页面Hook");
removeAd();
mountVue();
}
})
};
}));
System.import("./__entry.js", "./");
