一个可以随意屏蔽网页上所展示内容的脚本（多数用来屏蔽广告），需要注意：部分内容屏蔽可能会导致网页崩溃！（一般不会）本脚本还包含了一些快捷键（见描述）
// ==UserScript== // @name 自定义网页内容屏蔽 // @namespace npm/vite-plugin-monkey // @version 0.2.1 // @author f-s2 // @description 一个可以随意屏蔽网页上所展示内容的脚本（多数用来屏蔽广告），需要注意：部分内容屏蔽可能会导致网页崩溃！（一般不会）本脚本还包含了一些快捷键（见描述） // @license GPL-3.0 // @icon https://f-s2.github.io/gallery/adv_plugin_image/images.jpg // @match *://*/* // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js // @grant GM_getValue // @grant GM_setValue // ==/UserScript== (a=>{const t=document.createElement("style");t.dataset.source="vite-plugin-monkey",t.textContent=a,document.head.append(t)})(' .root-dom{position:fixed;z-index:2147483647}.root-dom img{max-width:100%}.root-dom .suspend-icon{width:100%;height:100%;vertical-align:-.15em;fill:currentColor;overflow:hidden}.action-bar[data-v-d9646f53]{position:fixed;display:flex;align-items:center;z-index:99999;background-color:#535353;border-radius:4px;box-shadow:0 2px 6px 2px #b2b2b2;padding:0 6px}.action-bar div[data-v-d9646f53]{width:45px;height:35px;cursor:pointer;box-sizing:border-box}.action-bar div.clip[data-v-d9646f53]{color:#00b500;padding:3px}.action-bar div.close[data-v-d9646f53]{color:#df0000;padding:6px 4px}.canvas-box[data-v-eb220ced]{position:fixed;z-index:999;left:0;right:0;top:0;bottom:0}.canvas-box .canvas[data-v-eb220ced]{position:absolute;z-index:999;left:0;right:0;top:0;bottom:0}.box-style[data-v-a53cc8c2]{overflow:hidden}.custom-path-list[data-v-bf62da6b]{flex:1;overflow-y:auto}.custom-path-list .custom-path-box[data-v-bf62da6b]{border:1px solid #e0e0e0;margin-bottom:16px;border-radius:6px}.custom-path-list .custom-path-box .custom-path-title[data-v-bf62da6b]{padding:16px;color:var(--primary-color);border-bottom:1px dashed #eee}.custom-path-list .close-btn[data-v-bf62da6b]{color:red}.custom-path-list .disabled-item[data-v-bf62da6b]{background-color:#f6f6f6;border-radius:8px}.custom-path-list .custom-path-item[data-v-bf62da6b]{display:flex;align-items:center;padding:6px 10px;margin:8px 0;border-bottom:1px dashed #eee}.custom-path-list .custom-path-item .custom-path-item-text[data-v-bf62da6b]{flex:1;padding:6px 8px;word-break:break-all}.custom-path-list .custom-path-item .custom-path-item-text.is-remove[data-v-bf62da6b]{text-decoration:line-through}.custom-origin-add[data-v-bf62da6b]{position:relative;margin-bottom:10px;padding-left:32px}.custom-origin-add[data-v-bf62da6b]:before,.custom-origin-add[data-v-bf62da6b]:after{content:"";position:absolute;height:80%;width:1px;background-color:#000;left:26px;top:4px;transform:skew(-15deg)}.custom-origin-add[data-v-bf62da6b]:after{left:auto;right:-6px}.custom-path-add[data-v-bf62da6b]{flex-shrink:0;display:flex;align-items:center}.custom-path-add .settings[data-v-bf62da6b]{font-size:16px;margin-right:16px;cursor:pointer}.custom-path-add .settings.active[data-v-bf62da6b]{color:var(--primary-color)}.empty-tip[data-v-bf62da6b]{line-height:2;letter-spacing:1.5px;margin-top:16px}.options-wrapper[data-v-32516dd2]{display:flex;flex-direction:column;height:100%}.options-wrapper .tabs[data-v-32516dd2]{flex:1;display:flex;flex-direction:column;height:0}.options-wrapper .tabs[data-v-32516dd2] .adv-ant-tabs-content-holder{flex:1;overflow-y:auto}.options-wrapper .custom-path-add[data-v-32516dd2]{flex-shrink:0;display:flex;align-items:center;padding-top:8px}.options-wrapper .custom-path-add .settings[data-v-32516dd2]{font-size:16px;margin-right:16px;cursor:pointer}.options-wrapper .custom-path-add .settings.active[data-v-32516dd2]{color:var(--primary-color)}.custom-path-wrapper[data-v-6b1fceb4]{position:relative;height:600px;max-height:60vh;display:flex;flex-direction:column;overflow:hidden}.custom-path-wrapper .options-wrapper[data-v-6b1fceb4]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.custom-path-wrapper .custom-path-list[data-v-6b1fceb4]{position:relative;flex:1;overflow-y:auto;overflow-x:hidden}.custom-path-wrapper .custom-path-list .custom-path-box[data-v-6b1fceb4]{border:1px solid #e0e0e0;margin-bottom:16px;border-radius:6px}.custom-path-wrapper .custom-path-list .custom-path-box .custom-path-title[data-v-6b1fceb4]{padding:16px;color:var(--primary-color);border-bottom:1px dashed #eee}.custom-path-wrapper .custom-path-list .close-btn[data-v-6b1fceb4]{color:red}.custom-path-wrapper .custom-path-list .disabled-item[data-v-6b1fceb4]{background-color:#f6f6f6;border-radius:8px}.custom-path-wrapper .custom-path-list .custom-path-item[data-v-6b1fceb4]{display:flex;align-items:center;padding:6px 10px;margin:8px 0;border-bottom:1px dashed #eee}.custom-path-wrapper .custom-path-list .custom-path-item[data-v-6b1fceb4]:last-child{border:none}.custom-path-wrapper .custom-path-list .custom-path-item .custom-path-item-text[data-v-6b1fceb4]{flex:1;padding:6px 8px;word-break:break-all}.custom-path-wrapper .custom-path-list .custom-path-item .custom-path-item-text.is-remove[data-v-6b1fceb4]{text-decoration:line-through}.custom-path-wrapper .custom-origin-add-box[data-v-6b1fceb4]{display:flex}.custom-path-wrapper .custom-origin-add[data-v-6b1fceb4]{flex:1;position:relative;padding:0 16px}.custom-path-wrapper .custom-origin-add[data-v-6b1fceb4]:before,.custom-path-wrapper .custom-origin-add[data-v-6b1fceb4]:after{content:"";position:absolute;height:80%;width:1px;background-color:#000;left:10px;top:4px;transform:skew(-15deg)}.custom-path-wrapper .custom-origin-add[data-v-6b1fceb4]:after{left:auto;right:10px}.custom-path-wrapper .custom-path-add[data-v-6b1fceb4]{flex-shrink:0;display:flex;align-items:center}.custom-path-wrapper .custom-path-add .settings[data-v-6b1fceb4]{font-size:16px;margin-right:16px;cursor:pointer}.custom-path-wrapper .custom-path-add .settings.active[data-v-6b1fceb4]{color:var(--primary-color)}.custom-path-wrapper .empty-tip[data-v-6b1fceb4],.empty-tip[data-v-cdc50574]{line-height:2;letter-spacing:1.5px;margin-top:16px}.empty-tip .tips-title[data-v-cdc50574]{color:var(--primary-color)}.switch-box[data-v-54103706]{width:40px;background-color:var(--primary-color);border-radius:10px;box-shadow:0 2px 8px 1px #999;overflow:hidden;transition:all .5s ease-in-out;display:flex;flex-direction:column;justify-items:end}.switch-box .hidden-box[data-v-54103706]{width:100%}.switch-box .action-btn[data-v-54103706]{width:100%;padding:11px 6px;height:46px;cursor:pointer;box-sizing:border-box;text-align:center;color:#fff}.switch-box .action-btn.disabled[data-v-54103706]{background-color:#999;cursor:not-allowed}.tips-wrapper[data-v-54103706]{display:flex;align-items:center;justify-content:space-between}.tips-wrapper .action[data-v-54103706]{color:#000;font-weight:500;display:flex;align-items:center;gap:8px} '); (function (require$$0) { 'use strict'; var __getOwnPropNames = Object.getOwnPropertyNames; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var require_main_001 = __commonJS({ "main-7ad73f05.js"(exports, module) { window._iconfont_svg_string_4209871 = '<svg><symbol id="icon-cut" viewBox="0 0 1024 1024"><path d="M917.333333 202.666667h-96V106.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v96H277.333333c-40.533333 0-74.666667 34.133333-74.666666 74.666666v480H106.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h96V917.333333c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-96H746.666667c40.533333 0 74.666667-34.133333 74.666666-74.666666V266.666667H917.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM757.333333 746.666667c0 6.4-4.266667 10.666667-10.666666 10.666666H266.666667V277.333333c0-6.4 4.266667-10.666667 10.666666-10.666666h480V746.666667z" ></path></symbol><symbol id="icon-navigation" viewBox="0 0 1024 1024"><path d="M834.133333 213.333333c-6.4-12.8-17.066667-23.466667-29.866666-27.733333-12.8-4.266667-27.733333-4.266667-40.533334 2.133333L106.666667 501.333333c-14.933333 6.4-25.6 21.333333-29.866667 36.266667-6.4 27.733333 12.8 57.6 40.533333 64l249.6 53.333333 53.333334 249.6c4.266667 17.066667 14.933333 29.866667 29.866666 36.266667 6.4 4.266667 14.933333 4.266667 23.466667 4.266667 19.2 0 38.4-10.666667 49.066667-29.866667l313.6-657.066667c6.4-12.8 6.4-29.866667-2.133334-44.8zM477.866667 861.866667L426.666667 622.933333c-2.133333-12.8-12.8-21.333333-23.466667-23.466666L162.133333 546.133333l601.6-288-285.866666 603.733334z" ></path></symbol><symbol id="icon-ashbin" viewBox="0 0 1024 1024"><path d="M874.666667 241.066667h-202.666667V170.666667c0-40.533333-34.133333-74.666667-74.666667-74.666667h-170.666666c-40.533333 0-74.666667 34.133333-74.666667 74.666667v70.4H149.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h53.333334V853.333333c0 40.533333 34.133333 74.666667 74.666666 74.666667h469.333334c40.533333 0 74.666667-34.133333 74.666666-74.666667V305.066667H874.666667c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM416 170.666667c0-6.4 4.266667-10.666667 10.666667-10.666667h170.666666c6.4 0 10.666667 4.266667 10.666667 10.666667v70.4h-192V170.666667z m341.333333 682.666666c0 6.4-4.266667 10.666667-10.666666 10.666667H277.333333c-6.4 0-10.666667-4.266667-10.666666-10.666667V309.333333h490.666666V853.333333z" ></path><path d="M426.666667 736c17.066667 0 32-14.933333 32-32V490.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v213.333333c0 17.066667 14.933333 32 32 32zM597.333333 736c17.066667 0 32-14.933333 32-32V490.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v213.333333c0 17.066667 14.933333 32 32 32z" ></path></symbol><symbol id="icon-browse" viewBox="0 0 1024 1024"><path d="M512 836.266667C230.4 836.266667 74.666667 533.333333 68.266667 520.533333c-4.266667-8.533333-4.266667-19.2 0-29.866666 6.4-12.8 164.266667-315.733333 443.733333-315.733334 281.6 0 437.333333 305.066667 443.733333 317.866667 4.266667 8.533333 4.266667 19.2 0 29.866667-6.4 10.666667-162.133333 313.6-443.733333 313.6zM132.266667 505.6c34.133333 57.6 170.666667 266.666667 379.733333 266.666667s345.6-209.066667 379.733333-266.666667c-34.133333-57.6-170.666667-266.666667-379.733333-266.666667S166.4 448 132.266667 505.6z" ></path><path d="M512 650.666667c-76.8 0-138.666667-61.866667-138.666667-138.666667s61.866667-138.666667 138.666667-138.666667 138.666667 61.866667 138.666667 138.666667-61.866667 138.666667-138.666667 138.666667z m0-213.333334c-40.533333 0-74.666667 34.133333-74.666667 74.666667s34.133333 74.666667 74.666667 74.666667 74.666667-34.133333 74.666667-74.666667-34.133333-74.666667-74.666667-74.666667z" ></path></symbol><symbol id="icon-arrow-double-left" viewBox="0 0 1024 1024"><path d="M842.666667 864c-8.533333 0-14.933333-2.133333-21.333334-8.533333l-341.333333-309.333334c-6.4-6.4-10.666667-14.933333-10.666667-23.466666 0-8.533333 4.266667-17.066667 10.666667-23.466667l341.333333-309.333333c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133333 44.8L548.266667 522.666667l315.733333 285.866666c12.8 10.666667 14.933333 32 2.133333 44.8-6.4 6.4-14.933333 10.666667-23.466666 10.666667z" ></path><path d="M512 864c-8.533333 0-14.933333-2.133333-21.333333-8.533333L149.333333 546.133333c-6.4-6.4-10.666667-14.933333-10.666666-23.466666 0-8.533333 4.266667-17.066667 10.666666-23.466667L490.666667 189.866667c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133334 44.8L217.6 522.666667 533.333333 808.533333c12.8 12.8 14.933333 32 2.133334 44.8-6.4 6.4-14.933333 10.666667-23.466667 10.666667z" ></path></symbol><symbol id="icon-arrow-double-right" viewBox="0 0 1024 1024"><path d="M544 522.666667c0-8.533333-4.266667-17.066667-10.666667-23.466667L192 189.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733334 285.866667L149.333333 808.533333c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466667 10.666667 8.533333 0 14.933333-2.133333 21.333333-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666z" ></path><path d="M864 499.2l-341.333333-309.333333c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733333 285.866667-315.733333 285.866666c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466666 10.666667 8.533333 0 14.933333-2.133333 21.333334-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666 0-8.533333-4.266667-17.066667-10.666667-23.466667z" ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z" ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M853.333333 501.333333c-17.066667 0-32 14.933333-32 32v320c0 6.4-4.266667 10.666667-10.666666 10.666667H170.666667c-6.4 0-10.666667-4.266667-10.666667-10.666667V213.333333c0-6.4 4.266667-10.666667 10.666667-10.666666h320c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32H170.666667c-40.533333 0-74.666667 34.133333-74.666667 74.666666v640c0 40.533333 34.133333 74.666667 74.666667 74.666667h640c40.533333 0 74.666667-34.133333 74.666666-74.666667V533.333333c0-17.066667-14.933333-32-32-32z" ></path><path d="M405.333333 484.266667l-32 125.866666c-2.133333 10.666667 0 23.466667 8.533334 29.866667 6.4 6.4 14.933333 8.533333 23.466666 8.533333h8.533334l125.866666-32c6.4-2.133333 10.666667-4.266667 14.933334-8.533333l300.8-300.8c38.4-38.4 38.4-102.4 0-140.8-38.4-38.4-102.4-38.4-140.8 0L413.866667 469.333333c-4.266667 4.266667-6.4 8.533333-8.533334 14.933334z m59.733334 23.466666L761.6 213.333333c12.8-12.8 36.266667-12.8 49.066667 0 12.8 12.8 12.8 36.266667 0 49.066667L516.266667 558.933333l-66.133334 17.066667 14.933334-68.266667z" ></path></symbol><symbol id="icon-hide" viewBox="0 0 1024 1024"><path d="M917.333333 573.866667l-87.466666-87.466667c34.133333-32 66.133333-68.266667 91.733333-108.8 8.533333-14.933333 4.266667-34.133333-10.666667-44.8-14.933333-8.533333-34.133333-4.266667-44.8 10.666667-76.8 125.866667-209.066667 200.533333-356.266666 200.533333-145.066667 0-279.466667-74.666667-354.133334-198.4-8.533333-14.933333-29.866667-19.2-44.8-10.666667-14.933333 8.533333-19.2 29.866667-10.666666 44.8 25.6 40.533333 55.466667 76.8 91.733333 108.8l-85.333333 85.333334c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333l91.733333-91.733334c38.4 25.6 81.066667 46.933333 125.866667 59.733334l-34.133333 130.133333c-4.266667 17.066667 6.4 34.133333 23.466666 38.4 2.133333 0 6.4 2.133333 8.533334 2.133333 14.933333 0 27.733333-8.533333 29.866666-23.466666l36.266667-132.266667c25.6 4.266667 51.2 6.4 78.933333 6.4 27.733333 0 55.466667-2.133333 83.2-6.4l36.266667 132.266667c4.266667 14.933333 17.066667 23.466667 29.866667 23.466666 2.133333 0 6.4 0 8.533333-2.133333 17.066667-4.266667 27.733333-21.333333 23.466667-38.4L661.333333 584.533333c44.8-12.8 85.333333-34.133333 123.733334-59.733333l91.733333 91.733333c6.4 6.4 14.933333 8.533333 23.466667 8.533334s17.066667-2.133333 23.466666-8.533334c6.4-10.666667 6.4-29.866667-6.4-42.666666z" ></path></symbol><symbol id="icon-select" viewBox="0 0 1024 1024"><path d="M409.6 757.333333c-8.533333 0-17.066667-2.133333-23.466667-8.533333l-238.933333-234.666667c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l215.466667 213.333334 422.4-428.8c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L430.933333 746.666667c-4.266667 8.533333-12.8 10.666667-21.333333 10.666666z" ></path></symbol><symbol id="icon-add-circle" viewBox="0 0 1024 1024"><path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z" ></path><path d="M682.666667 480h-138.666667V341.333333c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v138.666667H341.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h138.666667V682.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-138.666667H682.666667c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z" ></path></symbol></svg>', function(e2) { var c2 = (c2 = document.getElementsByTagName("script"))[c2.length - 1], t2 = c2.getAttribute("data-injectcss"), c2 = c2.getAttribute("data-disable-injectsvg"); if (!c2) { var o2, i2, n2, l2, s2, a2 = function(c3, t3) { t3.parentNode.insertBefore(c3, t3); }; if (t2 && !e2.__iconfont__svg__cssinject__) { e2.__iconfont__svg__cssinject__ = true; try { document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>"); } catch (c3) { console && console.log(c3); } } o2 = function() { var c3, t3 = document.createElement("div"); t3.innerHTML = e2._iconfont_svg_string_4209871, (t3 = t3.getElementsByTagName("svg")[0]) && (t3.setAttribute("aria-hidden", "true"), t3.style.position = "absolute", t3.style.width = 0, t3.style.height = 0, t3.style.overflow = "hidden", t3 = t3, (c3 = document.body).firstChild ? a2(t3, c3.firstChild) : c3.appendChild(t3)); }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(o2, 0) : (i2 = function() { document.removeEventListener("DOMContentLoaded", i2, false), o2(); }, document.addEventListener("DOMContentLoaded", i2, false)) : document.attachEvent && (n2 = o2, l2 = e2.document, s2 = false, h2(), l2.onreadystatechange = function() { "complete" == l2.readyState && (l2.onreadystatechange = null, d2()); }); } function d2() { s2 || (s2 = true, n2()); } function h2() { try { l2.documentElement.doScroll("left"); } catch (c3) { return void setTimeout(h2, 50); } d2(); } }(window); function _typeof$1(o2) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o3) { return typeof o3; } : function(o3) { return o3 && "function" == typeof Symbol && o3.constructor === Symbol && o3 !== Symbol.prototype ? "symbol" : typeof o3; }, _typeof$1(o2); } function _toPrimitive(input, hint) { if (_typeof$1(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== void 0) { var res = prim.call(input, hint || "default"); if (_typeof$1(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } function _toPropertyKey(arg) { var key2 = _toPrimitive(arg, "string"); return _typeof$1(key2) === "symbol" ? key2 : String(key2); } function _defineProperty$n(obj, key2, value) { key2 = _toPropertyKey(key2); if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } function ownKeys$1(e2, r2) { var t2 = Object.keys(e2); if (Object.getOwnPropertySymbols) { var o2 = Object.getOwnPropertySymbols(e2); r2 && (o2 = o2.filter(function(r3) { return Object.getOwnPropertyDescriptor(e2, r3).enumerable; })), t2.push.apply(t2, o2); } return t2; } function _objectSpread2$1(e2) { for (var r2 = 1; r2 < arguments.length; r2++) { var t2 = null != arguments[r2] ? arguments[r2] : {}; r2 % 2 ? ownKeys$1(Object(t2), true).forEach(function(r3) { _defineProperty$n(e2, r3, t2[r3]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$1(Object(t2)).forEach(function(r3) { Object.defineProperty(e2, r3, Object.getOwnPropertyDescriptor(t2, r3)); }); } return e2; } function _extends() { _extends = Object.assign ? Object.assign.bind() : function(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2]; for (var key2 in source) { if (Object.prototype.hasOwnProperty.call(source, key2)) { target[key2] = source[key2]; } } } return target; }; return _extends.apply(this, arguments); } const isFunction$1 = (val) => typeof val === "function"; const isArray$2 = Array.isArray; const isString = (val) => typeof val === "string"; const isObject$1 = (val) => val !== null && typeof val === "object"; const onRE = /^on[^a-z]/; const isOn = (key2) => onRE.test(key2); 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, (_2, c2) => c2 ? c2.toUpperCase() : ""); }); const hyphenateRE = /\B([A-Z])/g; const hyphenate = cacheStringFunction((str) => { return str.replace(hyphenateRE, "-$1").toLowerCase(); }); const hasOwnProperty$c = Object.prototype.hasOwnProperty; const hasOwn = (val, key2) => hasOwnProperty$c.call(val, key2); function resolvePropValue(options, props2, key2, value) { const opt = options[key2]; if (opt != null) { const hasDefault = hasOwn(opt, "default"); if (hasDefault && value === void 0) { const defaultValue = opt.default; value = opt.type !== Function && isFunction$1(defaultValue) ? defaultValue() : defaultValue; } if (opt.type === Boolean) { if (!hasOwn(props2, key2) && !hasDefault) { value = false; } else if (value === "") { value = true; } } } return value; } function toPx(val) { if (typeof val === "number") return `${val}px`; return val; } function renderHelper(v2) { let props2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; let defaultV = arguments.length > 2 ? arguments[2] : void 0; if (typeof v2 === "function") { return v2(props2); } return v2 !== null && v2 !== void 0 ? v2 : defaultV; } function wrapPromiseFn(openFn) { let closeFn; const closePromise = new Promise((resolve) => { closeFn = openFn(() => { resolve(true); }); }); const result = () => { closeFn === null || closeFn === void 0 ? void 0 : closeFn(); }; result.then = (filled, rejected) => closePromise.then(filled, rejected); result.promise = closePromise; return result; } function classNames() { const classes = []; for (let i2 = 0; i2 < arguments.length; i2++) { const value = i2 < 0 || arguments.length <= i2 ? void 0 : arguments[i2]; if (!value) continue; if (isString(value)) { classes.push(value); } else if (isArray$2(value)) { for (let i3 = 0; i3 < value.length; i3++) { const inner = classNames(value[i3]); if (inner) { classes.push(inner); } } } else if (isObject$1(value)) { for (const name in value) { if (value[name]) { classes.push(name); } } } } return classes.join(" "); } var MapShim = function() { if (typeof Map !== "undefined") { return Map; } function getIndex(arr, key2) { var result = -1; arr.some(function(entry, index2) { if (entry[0] === key2) { result = index2; return true; } return false; }); return result; } return ( /** @class */ function() { function class_1() { this.__entries__ = []; } Object.defineProperty(class_1.prototype, "size", { /** * @returns {boolean} */ get: function() { return this.__entries__.length; }, enumerable: true, configurable: true }); class_1.prototype.get = function(key2) { var index2 = getIndex(this.__entries__, key2); var entry = this.__entries__[index2]; return entry && entry[1]; }; class_1.prototype.set = function(key2, value) { var index2 = getIndex(this.__entries__, key2); if (~index2) { this.__entries__[index2][1] = value; } else { this.__entries__.push([key2, value]); } }; class_1.prototype.delete = function(key2) { var entries = this.__entries__; var index2 = getIndex(entries, key2); if (~index2) { entries.splice(index2, 1); } }; class_1.prototype.has = function(key2) { return !!~getIndex(this.__entries__, key2); }; class_1.prototype.clear = function() { this.__entries__.splice(0); }; class_1.prototype.forEach = function(callback, ctx) { if (ctx === void 0) { ctx = null; } for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) { var entry = _a[_i]; callback.call(ctx, entry[1], entry[0]); } }; return class_1; }() ); }(); var isBrowser = typeof window !== "undefined" && typeof document !== "undefined" && window.document === document; var global$1 = function() { if (typeof global !== "undefined" && global.Math === Math) { return global; } if (typeof self !== "undefined" && self.Math === Math) { return self; } if (typeof window !== "undefined" && window.Math === Math) { return window; } return Function("return this")(); }(); var requestAnimationFrame$1 = function() { if (typeof requestAnimationFrame === "function") { return requestAnimationFrame.bind(global$1); } return function(callback) { return setTimeout(function() { return callback(Date.now()); }, 1e3 / 60); }; }(); var trailingTimeout = 2; function throttle(callback, delay) { var leadingCall = false, trailingCall = false, lastCallTime = 0; function resolvePending() { if (leadingCall) { leadingCall = false; callback(); } if (trailingCall) { proxy(); } } function timeoutCallback() { requestAnimationFrame$1(resolvePending); } function proxy() { var timeStamp = Date.now(); if (leadingCall) { if (timeStamp - lastCallTime < trailingTimeout) { return; } trailingCall = true; } else { leadingCall = true; trailingCall = false; setTimeout(timeoutCallback, delay); } lastCallTime = timeStamp; } return proxy; } var REFRESH_DELAY = 20; var transitionKeys = ["top", "right", "bottom", "left", "width", "height", "size", "weight"]; var mutationObserverSupported = typeof MutationObserver !== "undefined"; var ResizeObserverController = ( /** @class */ function() { function ResizeObserverController2() { this.connected_ = false; this.mutationEventsAdded_ = false; this.mutationsObserver_ = null; this.observers_ = []; this.onTransitionEnd_ = this.onTransitionEnd_.bind(this); this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY); } ResizeObserverController2.prototype.addObserver = function(observer) { if (!~this.observers_.indexOf(observer)) { this.observers_.push(observer); } if (!this.connected_) { this.connect_(); } }; ResizeObserverController2.prototype.removeObserver = function(observer) { var observers2 = this.observers_; var index2 = observers2.indexOf(observer); if (~index2) { observers2.splice(index2, 1); } if (!observers2.length && this.connected_) { this.disconnect_(); } }; ResizeObserverController2.prototype.refresh = function() { var changesDetected = this.updateObservers_(); if (changesDetected) { this.refresh(); } }; ResizeObserverController2.prototype.updateObservers_ = function() { var activeObservers = this.observers_.filter(function(observer) { return observer.gatherActive(), observer.hasActive(); }); activeObservers.forEach(function(observer) { return observer.broadcastActive(); }); return activeObservers.length > 0; }; ResizeObserverController2.prototype.connect_ = function() { if (!isBrowser || this.connected_) { return; } document.addEventListener("transitionend", this.onTransitionEnd_); window.addEventListener("resize", this.refresh); if (mutationObserverSupported) { this.mutationsObserver_ = new MutationObserver(this.refresh); this.mutationsObserver_.observe(document, { attributes: true, childList: true, characterData: true, subtree: true }); } else { document.addEventListener("DOMSubtreeModified", this.refresh); this.mutationEventsAdded_ = true; } this.connected_ = true; }; ResizeObserverController2.prototype.disconnect_ = function() { if (!isBrowser || !this.connected_) { return; } document.removeEventListener("transitionend", this.onTransitionEnd_); window.removeEventListener("resize", this.refresh); if (this.mutationsObserver_) { this.mutationsObserver_.disconnect(); } if (this.mutationEventsAdded_) { document.removeEventListener("DOMSubtreeModified", this.refresh); } this.mutationsObserver_ = null; this.mutationEventsAdded_ = false; this.connected_ = false; }; ResizeObserverController2.prototype.onTransitionEnd_ = function(_a) { var _b = _a.propertyName, propertyName = _b === void 0 ? "" : _b; var isReflowProperty = transitionKeys.some(function(key2) { return !!~propertyName.indexOf(key2); }); if (isReflowProperty) { this.refresh(); } }; ResizeObserverController2.getInstance = function() { if (!this.instance_) { this.instance_ = new ResizeObserverController2(); } return this.instance_; }; ResizeObserverController2.instance_ = null; return ResizeObserverController2; }() ); var defineConfigurable = function(target, props2) { for (var _i = 0, _a = Object.keys(props2); _i < _a.length; _i++) { var key2 = _a[_i]; Object.defineProperty(target, key2, { value: props2[key2], enumerable: false, writable: false, configurable: true }); } return target; }; var getWindowOf = function(target) { var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView; return ownerGlobal || global$1; }; var emptyRect = createRectInit(0, 0, 0, 0); function toFloat(value) { return parseFloat(value) || 0; } function getBordersSize(styles) { var positions = []; for (var _i = 1; _i < arguments.length; _i++) { positions[_i - 1] = arguments[_i]; } return positions.reduce(function(size, position2) { var value = styles["border-" + position2 + "-width"]; return size + toFloat(value); }, 0); } function getPaddings(styles) { var positions = ["top", "right", "bottom", "left"]; var paddings = {}; for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) { var position2 = positions_1[_i]; var value = styles["padding-" + position2]; paddings[position2] = toFloat(value); } return paddings; } function getSVGContentRect(target) { var bbox = target.getBBox(); return createRectInit(0, 0, bbox.width, bbox.height); } function getHTMLElementContentRect(target) { var clientWidth = target.clientWidth, clientHeight = target.clientHeight; if (!clientWidth && !clientHeight) { return emptyRect; } var styles = getWindowOf(target).getComputedStyle(target); var paddings = getPaddings(styles); var horizPad = paddings.left + paddings.right; var vertPad = paddings.top + paddings.bottom; var width = toFloat(styles.width), height = toFloat(styles.height); if (styles.boxSizing === "border-box") { if (Math.round(width + horizPad) !== clientWidth) { width -= getBordersSize(styles, "left", "right") + horizPad; } if (Math.round(height + vertPad) !== clientHeight) { height -= getBordersSize(styles, "top", "bottom") + vertPad; } } if (!isDocumentElement(target)) { var vertScrollbar = Math.round(width + horizPad) - clientWidth; var horizScrollbar = Math.round(height + vertPad) - clientHeight; if (Math.abs(vertScrollbar) !== 1) { width -= vertScrollbar; } if (Math.abs(horizScrollbar) !== 1) { height -= horizScrollbar; } } return createRectInit(paddings.left, paddings.top, width, height); } var isSVGGraphicsElement = function() { if (typeof SVGGraphicsElement !== "undefined") { return function(target) { return target instanceof getWindowOf(target).SVGGraphicsElement; }; } return function(target) { return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === "function"; }; }(); function isDocumentElement(target) { return target === getWindowOf(target).document.documentElement; } function getContentRect(target) { if (!isBrowser) { return emptyRect; } if (isSVGGraphicsElement(target)) { return getSVGContentRect(target); } return getHTMLElementContentRect(target); } function createReadOnlyRect(_a) { var x2 = _a.x, y2 = _a.y, width = _a.width, height = _a.height; var Constr = typeof DOMRectReadOnly !== "undefined" ? DOMRectReadOnly : Object; var rect = Object.create(Constr.prototype); defineConfigurable(rect, { x: x2, y: y2, width, height, top: y2, right: x2 + width, bottom: height + y2, left: x2 }); return rect; } function createRectInit(x2, y2, width, height) { return { x: x2, y: y2, width, height }; } var ResizeObservation = ( /** @class */ function() { function ResizeObservation2(target) { this.broadcastWidth = 0; this.broadcastHeight = 0; this.contentRect_ = createRectInit(0, 0, 0, 0); this.target = target; } ResizeObservation2.prototype.isActive = function() { var rect = getContentRect(this.target); this.contentRect_ = rect; return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight; }; ResizeObservation2.prototype.broadcastRect = function() { var rect = this.contentRect_; this.broadcastWidth = rect.width; this.broadcastHeight = rect.height; return rect; }; return ResizeObservation2; }() ); var ResizeObserverEntry = ( /** @class */ function() { function ResizeObserverEntry2(target, rectInit) { var contentRect = createReadOnlyRect(rectInit); defineConfigurable(this, { target, contentRect }); } return ResizeObserverEntry2; }() ); var ResizeObserverSPI = ( /** @class */ function() { function ResizeObserverSPI2(callback, controller, callbackCtx) { this.activeObservations_ = []; this.observations_ = new MapShim(); if (typeof callback !== "function") { throw new TypeError("The callback provided as parameter 1 is not a function."); } this.callback_ = callback; this.controller_ = controller; this.callbackCtx_ = callbackCtx; } ResizeObserverSPI2.prototype.observe = function(target) { if (!arguments.length) { throw new TypeError("1 argument required, but only 0 present."); } if (typeof Element === "undefined" || !(Element instanceof Object)) { return; } if (!(target instanceof getWindowOf(target).Element)) { throw new TypeError('parameter 1 is not of type "Element".'); } var observations = this.observations_; if (observations.has(target)) { return; } observations.set(target, new ResizeObservation(target)); this.controller_.addObserver(this); this.controller_.refresh(); }; ResizeObserverSPI2.prototype.unobserve = function(target) { if (!arguments.length) { throw new TypeError("1 argument required, but only 0 present."); } if (typeof Element === "undefined" || !(Element instanceof Object)) { return; } if (!(target instanceof getWindowOf(target).Element)) { throw new TypeError('parameter 1 is not of type "Element".'); } var observations = this.observations_; if (!observations.has(target)) { return; } observations.delete(target); if (!observations.size) { this.controller_.removeObserver(this); } }; ResizeObserverSPI2.prototype.disconnect = function() { this.clearActive(); this.observations_.clear(); this.controller_.removeObserver(this); }; ResizeObserverSPI2.prototype.gatherActive = function() { var _this = this; this.clearActive(); this.observations_.forEach(function(observation) { if (observation.isActive()) { _this.activeObservations_.push(observation); } }); }; ResizeObserverSPI2.prototype.broadcastActive = function() { if (!this.hasActive()) { return; } var ctx = this.callbackCtx_; var entries = this.activeObservations_.map(function(observation) { return new ResizeObserverEntry(observation.target, observation.broadcastRect()); }); this.callback_.call(ctx, entries, ctx); this.clearActive(); }; ResizeObserverSPI2.prototype.clearActive = function() { this.activeObservations_.splice(0); }; ResizeObserverSPI2.prototype.hasActive = function() { return this.activeObservations_.length > 0; }; return ResizeObserverSPI2; }() ); var observers = typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : new MapShim(); var ResizeObserver$2 = ( /** @class */ function() { function ResizeObserver2(callback) { if (!(this instanceof ResizeObserver2)) { throw new TypeError("Cannot call a class as a function."); } if (!arguments.length) { throw new TypeError("1 argument required, but only 0 present."); } var controller = ResizeObserverController.getInstance(); var observer = new ResizeObserverSPI(callback, controller, this); observers.set(this, observer); } return ResizeObserver2; }() ); [ "observe", "unobserve", "disconnect" ].forEach(function(method) { ResizeObserver$2.prototype[method] = function() { var _a; return (_a = observers.get(this))[method].apply(_a, arguments); }; }); var index = function() { if (typeof global$1.ResizeObserver !== "undefined") { return global$1.ResizeObserver; } return ResizeObserver$2; }(); const isValid$2 = (value) => { return value !== void 0 && value !== null && value !== ""; }; const isValid$3 = isValid$2; const initDefaultProps = (types, defaultProps) => { const propTypes = _extends({}, types); Object.keys(defaultProps).forEach((k2) => { const prop = propTypes[k2]; if (prop) { if (prop.type || prop.default) { prop.default = defaultProps[k2]; } else if (prop.def) { prop.def(defaultProps[k2]); } else { propTypes[k2] = { type: prop, default: defaultProps[k2] }; } } else { throw new Error(`not have ${k2} prop`); } }); return propTypes; }; const initDefaultProps$1 = initDefaultProps; const splitAttrs = (attrs) => { const allAttrs = Object.keys(attrs); const eventAttrs = {}; const onEvents = {}; const extraAttrs = {}; for (let i2 = 0, l2 = allAttrs.length; i2 < l2; i2++) { const key2 = allAttrs[i2]; if (isOn(key2)) { eventAttrs[key2[2].toLowerCase() + key2.slice(3)] = attrs[key2]; onEvents[key2] = attrs[key2]; } else { extraAttrs[key2] = attrs[key2]; } } return { onEvents, events: eventAttrs, extraAttrs }; }; const parseStyleText = function() { let cssText = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ""; let camel = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; const res = {}; const listDelimiter = /;(?![^(]*\))/g; const propertyDelimiter = /:(.+)/; if (typeof cssText === "object") return cssText; cssText.split(listDelimiter).forEach(function(item) { if (item) { const tmp = item.split(propertyDelimiter); if (tmp.length > 1) { const k2 = camel ? camelize(tmp[0].trim()) : tmp[0].trim(); res[k2] = tmp[1].trim(); } } }); return res; }; const hasProp = (instance, prop) => { return instance[prop] !== void 0; }; const skipFlattenKey = Symbol("skipFlatten"); const flattenChildren = function() { let children = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []; let filterEmpty2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true; const temp = Array.isArray(children) ? children : [children]; const res = []; temp.forEach((child) => { if (Array.isArray(child)) { res.push(...flattenChildren(child, filterEmpty2)); } else if (child && child.type === require$$0.Fragment) { if (child.key === skipFlattenKey) { res.push(child); } else { res.push(...flattenChildren(child.children, filterEmpty2)); } } else if (child && require$$0.isVNode(child)) { if (filterEmpty2 && !isEmptyElement(child)) { res.push(child); } else if (!filterEmpty2) { res.push(child); } } else if (isValid$3(child)) { res.push(child); } }); return res; }; const getSlot = function(self2) { let name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "default"; let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}; if (require$$0.isVNode(self2)) { if (self2.type === require$$0.Fragment) { return name === "default" ? flattenChildren(self2.children) : []; } else if (self2.children && self2.children[name]) { return flattenChildren(self2.children[name](options)); } else { return []; } } else { const res = self2.$slots[name] && self2.$slots[name](options); return flattenChildren(res); } }; const findDOMNode = (instance) => { var _a; let node2 = ((_a = instance === null || instance === void 0 ? void 0 : instance.vnode) === null || _a === void 0 ? void 0 : _a.el) || instance && (instance.$el || instance); while (node2 && !node2.tagName) { node2 = node2.nextSibling; } return node2; }; const getOptionProps = (instance) => { const res = {}; if (instance.$ && instance.$.vnode) { const props2 = instance.$.vnode.props || {}; Object.keys(instance.$props).forEach((k2) => { const v2 = instance.$props[k2]; const hyphenateKey = hyphenate(k2); if (v2 !== void 0 || hyphenateKey in props2) { res[k2] = v2; } }); } else if (require$$0.isVNode(instance) && typeof instance.type === "object") { const originProps = instance.props || {}; const props2 = {}; Object.keys(originProps).forEach((key2) => { props2[camelize(key2)] = originProps[key2]; }); const options = instance.type.props || {}; Object.keys(options).forEach((k2) => { const v2 = resolvePropValue(options, props2, k2, props2[k2]); if (v2 !== void 0 || k2 in props2) { res[k2] = v2; } }); } return res; }; const getComponent = function(instance) { let prop = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "default"; let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : instance; let execute = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true; let com = void 0; if (instance.$) { const temp = instance[prop]; if (temp !== void 0) { return typeof temp === "function" && execute ? temp(options) : temp; } else { com = instance.$slots[prop]; com = execute && com ? com(options) : com; } } else if (require$$0.isVNode(instance)) { const temp = instance.props && instance.props[prop]; if (temp !== void 0 && instance.props !== null) { return typeof temp === "function" && execute ? temp(options) : temp; } else if (instance.type === require$$0.Fragment) { com = instance.children; } else if (instance.children && instance.children[prop]) { com = instance.children[prop]; com = execute && com ? com(options) : com; } } if (Array.isArray(com)) { com = flattenChildren(com); com = com.length === 1 ? com[0] : com; com = com.length === 0 ? void 0 : com; } return com; }; function getEvents() { let ele = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; let on = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true; let props2 = {}; if (ele.$) { props2 = _extends(_extends({}, props2), ele.$attrs); } else { props2 = _extends(_extends({}, props2), ele.props); } return splitAttrs(props2)[on ? "onEvents" : "events"]; } function getStyle$1(ele, camel) { const props2 = (require$$0.isVNode(ele) ? ele.props : ele.$attrs) || {}; let style2 = props2.style || {}; if (typeof style2 === "string") { style2 = parseStyleText(style2, camel); } else if (camel && style2) { const res = {}; Object.keys(style2).forEach((k2) => res[camelize(k2)] = style2[k2]); return res; } return style2; } function isFragment(c2) { return c2.length === 1 && c2[0].type === require$$0.Fragment; } function isEmptyElement(c2) { return c2 && (c2.type === require$$0.Comment || c2.type === require$$0.Fragment && c2.children.length === 0 || c2.type === require$$0.Text && c2.children.trim() === ""); } function filterEmpty() { let children = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []; const res = []; children.forEach((child) => { if (Array.isArray(child)) { res.push(...child); } else if ((child === null || child === void 0 ? void 0 : child.type) === require$$0.Fragment) { res.push(...filterEmpty(child.children)); } else { res.push(child); } }); return res.filter((c2) => !isEmptyElement(c2)); } function isValidElement(element) { if (Array.isArray(element) && element.length === 1) { element = element[0]; } return element && element.__v_isVNode && typeof element.type !== "symbol"; } function getPropsSlot(slots, props2) { let prop = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "default"; var _a, _b; return (_a = props2[prop]) !== null && _a !== void 0 ? _a : (_b = slots[prop]) === null || _b === void 0 ? void 0 : _b.call(slots); } const ResizeObserver$1 = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ResizeObserver", props: { disabled: Boolean, onResize: Function }, emits: ["resize"], setup(props2, _ref) { let { slots } = _ref; const state = require$$0.reactive({ width: 0, height: 0, offsetHeight: 0, offsetWidth: 0 }); let currentElement = null; let resizeObserver = null; const destroyObserver = () => { if (resizeObserver) { resizeObserver.disconnect(); resizeObserver = null; } }; const onResize = (entries) => { const { onResize: onResize2 } = props2; const target = entries[0].target; const { width, height } = target.getBoundingClientRect(); const { offsetWidth, offsetHeight } = target; const fixedWidth = Math.floor(width); const fixedHeight = Math.floor(height); if (state.width !== fixedWidth || state.height !== fixedHeight || state.offsetWidth !== offsetWidth || state.offsetHeight !== offsetHeight) { const size = { width: fixedWidth, height: fixedHeight, offsetWidth, offsetHeight }; _extends(state, size); if (onResize2) { Promise.resolve().then(() => { onResize2(_extends(_extends({}, size), { offsetWidth, offsetHeight }), target); }); } } }; const instance = require$$0.getCurrentInstance(); const registerObserver = () => { const { disabled } = props2; if (disabled) { destroyObserver(); return; } const element = findDOMNode(instance); const elementChanged = element !== currentElement; if (elementChanged) { destroyObserver(); currentElement = element; } if (!resizeObserver && element) { resizeObserver = new index(onResize); resizeObserver.observe(element); } }; require$$0.onMounted(() => { registerObserver(); }); require$$0.onUpdated(() => { registerObserver(); }); require$$0.onUnmounted(() => { destroyObserver(); }); require$$0.watch(() => props2.disabled, () => { registerObserver(); }, { flush: "post" }); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)[0]; }; } }); let raf = (callback) => setTimeout(callback, 16); let caf = (num) => clearTimeout(num); if (typeof window !== "undefined" && "requestAnimationFrame" in window) { raf = (callback) => window.requestAnimationFrame(callback); caf = (handle) => window.cancelAnimationFrame(handle); } let rafUUID = 0; const rafIds = /* @__PURE__ */ new Map(); function cleanup(id) { rafIds.delete(id); } function wrapperRaf(callback) { let times = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1; rafUUID += 1; const id = rafUUID; function callRef(leftTimes) { if (leftTimes === 0) { cleanup(id); callback(); } else { const realId = raf(() => { callRef(leftTimes - 1); }); rafIds.set(id, realId); } } callRef(times); return id; } wrapperRaf.cancel = (id) => { const realId = rafIds.get(id); cleanup(realId); return caf(realId); }; const tuple = function() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return args; }; const withInstall = (comp) => { const c2 = comp; c2.install = function(app) { app.component(c2.displayName || c2.name, comp); }; return comp; }; function eventType() { return { type: [Function, Array] }; } function objectType(defaultVal) { return { type: Object, default: defaultVal }; } function booleanType(defaultVal) { return { type: Boolean, default: defaultVal }; } function functionType(defaultVal) { return { type: Function, default: defaultVal }; } function anyType(defaultVal, required) { const type = { validator: () => true, default: defaultVal }; return required ? type : type; } function arrayType(defaultVal) { return { type: Array, default: defaultVal }; } function stringType(defaultVal) { return { type: String, default: defaultVal }; } function someType(types, defaultVal) { return types ? { type: types, default: defaultVal } : anyType(defaultVal); } let supportsPassive = false; try { const opts = Object.defineProperty({}, "passive", { get() { supportsPassive = true; } }); window.addEventListener("testPassive", null, opts); window.removeEventListener("testPassive", null, opts); } catch (e2) { } const supportsPassive$1 = supportsPassive; function addEventListenerWrap(target, eventType2, cb, option) { if (target && target.addEventListener) { let opt = option; if (opt === void 0 && supportsPassive$1 && (eventType2 === "touchstart" || eventType2 === "touchmove" || eventType2 === "wheel")) { opt = { passive: false }; } target.addEventListener(eventType2, cb, opt); } return { remove: () => { if (target && target.removeEventListener) { target.removeEventListener(eventType2, cb); } } }; } const defaultIconPrefixCls = "anticon"; const GlobalFormContextKey = Symbol("GlobalFormContextKey"); const useProvideGlobalForm = (state) => { require$$0.provide(GlobalFormContextKey, state); }; const configProviderProps = () => ({ iconPrefixCls: String, getTargetContainer: { type: Function }, getPopupContainer: { type: Function }, prefixCls: String, getPrefixCls: { type: Function }, renderEmpty: { type: Function }, transformCellText: { type: Function }, csp: objectType(), input: objectType(), autoInsertSpaceInButton: { type: Boolean, default: void 0 }, locale: objectType(), pageHeader: objectType(), componentSize: { type: String }, componentDisabled: { type: Boolean, default: void 0 }, direction: { type: String, default: "ltr" }, space: objectType(), virtual: { type: Boolean, default: void 0 }, dropdownMatchSelectWidth: { type: [Number, Boolean], default: true }, form: objectType(), pagination: objectType(), theme: objectType(), select: objectType() }); const configProviderKey = Symbol("configProvider"); const defaultConfigProvider = { getPrefixCls: (suffixCls, customizePrefixCls) => { if (customizePrefixCls) return customizePrefixCls; return suffixCls ? `ant-${suffixCls}` : "ant"; }, iconPrefixCls: require$$0.computed(() => defaultIconPrefixCls), getPopupContainer: require$$0.computed(() => () => document.body), direction: require$$0.computed(() => "ltr") }; const useConfigContextInject = () => { return require$$0.inject(configProviderKey, defaultConfigProvider); }; const useConfigContextProvider = (props2) => { return require$$0.provide(configProviderKey, props2); }; const DisabledContextKey = Symbol("DisabledContextKey"); const useInjectDisabled = () => { return require$$0.inject(DisabledContextKey, require$$0.ref(void 0)); }; const useProviderDisabled = (disabled) => { const parentDisabled = useInjectDisabled(); require$$0.provide(DisabledContextKey, require$$0.computed(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : parentDisabled.value; })); return disabled; }; const enUS$1 = { // Options.jsx items_per_page: "/ page", jump_to: "Go to", jump_to_confirm: "confirm", page: "", // Pagination.jsx prev_page: "Previous Page", next_page: "Next Page", prev_5: "Previous 5 Pages", next_5: "Next 5 Pages", prev_3: "Previous 3 Pages", next_3: "Next 3 Pages" }; const locale$6 = { locale: "en_US", today: "Today", now: "Now", backToToday: "Back to today", ok: "Ok", clear: "Clear", month: "Month", year: "Year", timeSelect: "select time", dateSelect: "select date", weekSelect: "Choose a week", monthSelect: "Choose a month", yearSelect: "Choose a year", decadeSelect: "Choose a decade", yearFormat: "YYYY", dateFormat: "M/D/YYYY", dayFormat: "D", dateTimeFormat: "M/D/YYYY HH:mm:ss", monthBeforeYear: true, previousMonth: "Previous month (PageUp)", nextMonth: "Next month (PageDown)", previousYear: "Last year (Control + left)", nextYear: "Next year (Control + right)", previousDecade: "Last decade", nextDecade: "Next decade", previousCentury: "Last century", nextCentury: "Next century" }; const CalendarLocale$1 = locale$6; const locale$5 = { placeholder: "Select time", rangePlaceholder: ["Start time", "End time"] }; const TimePicker$1 = locale$5; const locale$4 = { lang: _extends({ placeholder: "Select date", yearPlaceholder: "Select year", quarterPlaceholder: "Select quarter", monthPlaceholder: "Select month", weekPlaceholder: "Select week", rangePlaceholder: ["Start date", "End date"], rangeYearPlaceholder: ["Start year", "End year"], rangeQuarterPlaceholder: ["Start quarter", "End quarter"], rangeMonthPlaceholder: ["Start month", "End month"], rangeWeekPlaceholder: ["Start week", "End week"] }, CalendarLocale$1), timePickerLocale: _extends({}, TimePicker$1) }; const enUS = locale$4; const typeTemplate$1 = "${label} is not a valid ${type}"; const localeValues$1 = { locale: "en", Pagination: enUS$1, DatePicker: enUS, TimePicker: TimePicker$1, Calendar: enUS, global: { placeholder: "Please select" }, Table: { filterTitle: "Filter menu", filterConfirm: "OK", filterReset: "Reset", filterEmptyText: "No filters", filterCheckall: "Select all items", filterSearchPlaceholder: "Search in filters", emptyText: "No data", selectAll: "Select current page", selectInvert: "Invert current page", selectNone: "Clear all data", selectionAll: "Select all data", sortTitle: "Sort", expand: "Expand row", collapse: "Collapse row", triggerDesc: "Click to sort descending", triggerAsc: "Click to sort ascending", cancelSort: "Click to cancel sorting" }, Tour: { Next: "Next", Previous: "Previous", Finish: "Finish" }, Modal: { okText: "OK", cancelText: "Cancel", justOkText: "OK" }, Popconfirm: { okText: "OK", cancelText: "Cancel" }, Transfer: { titles: ["", ""], searchPlaceholder: "Search here", itemUnit: "item", itemsUnit: "items", remove: "Remove", selectCurrent: "Select current page", removeCurrent: "Remove current page", selectAll: "Select all data", removeAll: "Remove all data", selectInvert: "Invert current page" }, Upload: { uploading: "Uploading...", removeFile: "Remove file", uploadError: "Upload error", previewFile: "Preview file", downloadFile: "Download file" }, Empty: { description: "No data" }, Icon: { icon: "icon" }, Text: { edit: "Edit", copy: "Copy", copied: "Copied", expand: "Expand" }, PageHeader: { back: "Back" }, Form: { optional: "(optional)", defaultValidateMessages: { default: "Field validation error for ${label}", required: "Please enter ${label}", enum: "${label} must be one of [${enum}]", whitespace: "${label} cannot be a blank character", date: { format: "${label} date format is invalid", parse: "${label} cannot be converted to a date", invalid: "${label} is an invalid date" }, types: { string: typeTemplate$1, method: typeTemplate$1, array: typeTemplate$1, object: typeTemplate$1, number: typeTemplate$1, date: typeTemplate$1, boolean: typeTemplate$1, integer: typeTemplate$1, float: typeTemplate$1, regexp: typeTemplate$1, email: typeTemplate$1, url: typeTemplate$1, hex: typeTemplate$1 }, string: { len: "${label} must be ${len} characters", min: "${label} must be at least ${min} characters", max: "${label} must be up to ${max} characters", range: "${label} must be between ${min}-${max} characters" }, number: { len: "${label} must be equal to ${len}", min: "${label} must be minimum ${min}", max: "${label} must be maximum ${max}", range: "${label} must be between ${min}-${max}" }, array: { len: "Must be ${len} ${label}", min: "At least ${min} ${label}", max: "At most ${max} ${label}", range: "The amount of ${label} must be between ${min}-${max}" }, pattern: { mismatch: "${label} does not match the pattern ${pattern}" } } }, Image: { preview: "Preview" }, QRCode: { expired: "QR code expired", refresh: "Refresh" } }; const defaultLocale = localeValues$1; const LocaleReceiver = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "LocaleReceiver", props: { componentName: String, defaultLocale: { type: [Object, Function] }, children: { type: Function } }, setup(props2, _ref) { let { slots } = _ref; const localeData = require$$0.inject("localeData", {}); const locale2 = require$$0.computed(() => { const { componentName = "global", defaultLocale: defaultLocale$1 } = props2; const locale3 = defaultLocale$1 || defaultLocale[componentName || "global"]; const { antLocale } = localeData; const localeFromContext = componentName && antLocale ? antLocale[componentName] : {}; return _extends(_extends({}, typeof locale3 === "function" ? locale3() : locale3), localeFromContext || {}); }); const localeCode = require$$0.computed(() => { const { antLocale } = localeData; const localeCode2 = antLocale && antLocale.locale; if (antLocale && antLocale.exist && !localeCode2) { return defaultLocale.locale; } return localeCode2; }); return () => { const children = props2.children || slots.default; const { antLocale } = localeData; return children === null || children === void 0 ? void 0 : children(locale2.value, localeCode.value, antLocale); }; } }); function useLocaleReceiver(componentName, defaultLocale$1, propsLocale) { const localeData = require$$0.inject("localeData", {}); const componentLocale = require$$0.computed(() => { const { antLocale } = localeData; const locale2 = require$$0.unref(defaultLocale$1) || defaultLocale[componentName || "global"]; const localeFromContext = componentName && antLocale ? antLocale[componentName] : {}; return _extends(_extends(_extends({}, typeof locale2 === "function" ? locale2() : locale2), localeFromContext || {}), require$$0.unref(propsLocale) || {}); }); return [componentLocale]; } function murmur2(str) { var h2 = 0; var k2, i2 = 0, len = str.length; for (; len >= 4; ++i2, len -= 4) { k2 = str.charCodeAt(i2) & 255 | (str.charCodeAt(++i2) & 255) << 8 | (str.charCodeAt(++i2) & 255) << 16 | (str.charCodeAt(++i2) & 255) << 24; k2 = /* Math.imul(k, m): */ (k2 & 65535) * 1540483477 + ((k2 >>> 16) * 59797 << 16); k2 ^= /* k >>> r: */ k2 >>> 24; h2 = /* Math.imul(k, m): */ (k2 & 65535) * 1540483477 + ((k2 >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16); } switch (len) { case 3: h2 ^= (str.charCodeAt(i2 + 2) & 255) << 16; case 2: h2 ^= (str.charCodeAt(i2 + 1) & 255) << 8; case 1: h2 ^= str.charCodeAt(i2) & 255; h2 = /* Math.imul(h, m): */ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16); } h2 ^= h2 >>> 13; h2 = /* Math.imul(h, m): */ (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16); return ((h2 ^ h2 >>> 15) >>> 0).toString(36); } const SPLIT = "%"; class Entity { constructor(instanceId) { this.cache = /* @__PURE__ */ new Map(); this.instanceId = instanceId; } get(keys2) { return this.cache.get(Array.isArray(keys2) ? keys2.join(SPLIT) : keys2) || null; } update(keys2, valueFn) { const path = Array.isArray(keys2) ? keys2.join(SPLIT) : keys2; const prevValue = this.cache.get(path); const nextValue = valueFn(prevValue); if (nextValue === null) { this.cache.delete(path); } else { this.cache.set(path, nextValue); } } } const CacheEntity = Entity; const ATTR_TOKEN = "data-token-hash"; const ATTR_MARK = "data-css-hash"; const CSS_IN_JS_INSTANCE = "__cssinjs_instance__"; function createCache() { const cssinjsInstanceId = Math.random().toString(12).slice(2); if (typeof document !== "undefined" && document.head && document.body) { const styles = document.body.querySelectorAll(`style[${ATTR_MARK}]`) || []; const { firstChild } = document.head; Array.from(styles).forEach((style2) => { style2[CSS_IN_JS_INSTANCE] = style2[CSS_IN_JS_INSTANCE] || cssinjsInstanceId; if (style2[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) { document.head.insertBefore(style2, firstChild); } }); const styleHash = {}; Array.from(document.querySelectorAll(`style[${ATTR_MARK}]`)).forEach((style2) => { var _a; const hash = style2.getAttribute(ATTR_MARK); if (styleHash[hash]) { if (style2[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) { (_a = style2.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(style2); } } else { styleHash[hash] = true; } }); } return new CacheEntity(cssinjsInstanceId); } const StyleContextKey = Symbol("StyleContextKey"); const defaultStyleContext = { cache: createCache(), defaultCache: true, hashPriority: "low" }; const useStyleInject = () => { return require$$0.inject(StyleContextKey, require$$0.shallowRef(_extends(_extends({}, defaultStyleContext), { cache: createCache() }))); }; const useStyleProvider = (props2) => { const parentContext = useStyleInject(); const context = require$$0.shallowRef(_extends(_extends({}, defaultStyleContext), { cache: createCache() })); require$$0.watch([() => require$$0.unref(props2), parentContext], () => { const mergedContext = _extends({}, parentContext.value); const propsValue = require$$0.unref(props2); Object.keys(propsValue).forEach((key2) => { const value = propsValue[key2]; if (propsValue[key2] !== void 0) { mergedContext[key2] = value; } }); const { cache } = propsValue; mergedContext.cache = mergedContext.cache || createCache(); mergedContext.defaultCache = !cache && parentContext.value.defaultCache; context.value = mergedContext; }, { immediate: true }); require$$0.provide(StyleContextKey, context); return context; }; const styleProviderProps = () => ({ autoClear: booleanType(), /** @private Test only. Not work in production. */ mock: stringType(), /** * Only set when you need ssr to extract style on you own. * If not provided, it will auto create <style /> on the end of Provider in server side. */ cache: objectType(), /** Tell children that this context is default generated context */ defaultCache: booleanType(), /** Use `:where` selector to reduce hashId css selector priority */ hashPriority: stringType(), /** Tell cssinjs where to inject style in */ container: someType(), /** Component wil render inline `<style />` for fallback in SSR. Not recommend. */ ssrInline: booleanType(), /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */ transformers: arrayType(), /** * Linters to lint css before inject in document. * Styles will be linted after transforming. * Please note that `linters` do not support dynamic update. */ linters: arrayType() }); withInstall(require$$0.defineComponent({ name: "AStyleProvider", inheritAttrs: false, props: styleProviderProps(), setup(props2, _ref) { let { slots } = _ref; useStyleProvider(props2); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } })); function useClientCache(prefix, keyPath, cacheFn, onCacheRemove) { const styleContext = useStyleInject(); const fullPathStr = require$$0.shallowRef(""); const res = require$$0.shallowRef(); require$$0.watchEffect(() => { fullPathStr.value = [prefix, ...keyPath.value].join("%"); }); const clearCache = (pathStr) => { styleContext.value.cache.update(pathStr, (prevCache) => { const [times = 0, cache] = prevCache || []; const nextCount = times - 1; if (nextCount === 0) { onCacheRemove === null || onCacheRemove === void 0 ? void 0 : onCacheRemove(cache, false); return null; } return [times - 1, cache]; }); }; require$$0.watch(fullPathStr, (newStr, oldStr) => { if (oldStr) clearCache(oldStr); styleContext.value.cache.update(newStr, (prevCache) => { const [times = 0, cache] = prevCache || []; let tmpCache = cache; const mergedCache = tmpCache || cacheFn(); return [times + 1, mergedCache]; }); res.value = styleContext.value.cache.get(fullPathStr.value)[1]; }, { immediate: true }); require$$0.onBeforeUnmount(() => { clearCache(fullPathStr.value); }); return res; } function canUseDom$1() { return !!(typeof window !== "undefined" && window.document && window.document.createElement); } function contains$1(root2, n2) { if (!root2) { return false; } if (root2.contains) { return root2.contains(n2); } return false; } const APPEND_ORDER$1 = "data-vc-order"; const MARK_KEY$1 = `vc-util-key`; const containerCache$1 = /* @__PURE__ */ new Map(); function getMark$1() { let { mark } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; if (mark) { return mark.startsWith("data-") ? mark : `data-${mark}`; } return MARK_KEY$1; } function getContainer$2(option) { if (option.attachTo) { return option.attachTo; } const head = document.querySelector("head"); return head || document.body; } function getOrder$1(prepend) { if (prepend === "queue") { return "prependQueue"; } return prepend ? "prepend" : "append"; } function findStyles$1(container) { return Array.from((containerCache$1.get(container) || container).children).filter((node2) => node2.tagName === "STYLE"); } function injectCSS$1(css2) { let option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; if (!canUseDom$1()) { return null; } const { csp, prepend } = option; const styleNode = document.createElement("style"); styleNode.setAttribute(APPEND_ORDER$1, getOrder$1(prepend)); if (csp === null || csp === void 0 ? void 0 : csp.nonce) { styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce; } styleNode.innerHTML = css2; const container = getContainer$2(option); const { firstChild } = container; if (prepend) { if (prepend === "queue") { const existStyle = findStyles$1(container).filter((node2) => ["prepend", "prependQueue"].includes(node2.getAttribute(APPEND_ORDER$1))); if (existStyle.length) { container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling); return styleNode; } } container.insertBefore(styleNode, firstChild); } else { container.appendChild(styleNode); } return styleNode; } function findExistNode$1(key2) { let option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; const container = getContainer$2(option); return findStyles$1(container).find((node2) => node2.getAttribute(getMark$1(option)) === key2); } function removeCSS(key2) { let option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; const existNode = findExistNode$1(key2, option); if (existNode) { const container = getContainer$2(option); container.removeChild(existNode); } } function syncRealContainer$1(container, option) { const cachedRealContainer = containerCache$1.get(container); if (!cachedRealContainer || !contains$1(document, cachedRealContainer)) { const placeholderStyle = injectCSS$1("", option); const { parentNode } = placeholderStyle; containerCache$1.set(container, parentNode); container.removeChild(placeholderStyle); } } function updateCSS$1(css2, key2) { let option = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}; var _a, _b, _c; const container = getContainer$2(option); syncRealContainer$1(container, option); const existNode = findExistNode$1(key2, option); if (existNode) { if (((_a = option.csp) === null || _a === void 0 ? void 0 : _a.nonce) && existNode.nonce !== ((_b = option.csp) === null || _b === void 0 ? void 0 : _b.nonce)) { existNode.nonce = (_c = option.csp) === null || _c === void 0 ? void 0 : _c.nonce; } if (existNode.innerHTML !== css2) { existNode.innerHTML = css2; } return existNode; } const newNode = injectCSS$1(css2, option); newNode.setAttribute(getMark$1(option), key2); return newNode; } function sameDerivativeOption(left, right) { if (left.length !== right.length) { return false; } for (let i2 = 0; i2 < left.length; i2++) { if (left[i2] !== right[i2]) { return false; } } return true; } class ThemeCache { constructor() { this.cache = /* @__PURE__ */ new Map(); this.keys = []; this.cacheCallTimes = 0; } size() { return this.keys.length; } internalGet(derivativeOption) { let updateCallTimes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; let cache = { map: this.cache }; derivativeOption.forEach((derivative2) => { var _a; if (!cache) { cache = void 0; } else { cache = (_a = cache === null || cache === void 0 ? void 0 : cache.map) === null || _a === void 0 ? void 0 : _a.get(derivative2); } }); if ((cache === null || cache === void 0 ? void 0 : cache.value) && updateCallTimes) { cache.value[1] = this.cacheCallTimes++; } return cache === null || cache === void 0 ? void 0 : cache.value; } get(derivativeOption) { var _a; return (_a = this.internalGet(derivativeOption, true)) === null || _a === void 0 ? void 0 : _a[0]; } has(derivativeOption) { return !!this.internalGet(derivativeOption); } set(derivativeOption, value) { if (!this.has(derivativeOption)) { if (this.size() + 1 > ThemeCache.MAX_CACHE_SIZE + ThemeCache.MAX_CACHE_OFFSET) { const [targetKey] = this.keys.reduce((result, key2) => { const [, callTimes] = result; if (this.internalGet(key2)[1] < callTimes) { return [key2, this.internalGet(key2)[1]]; } return result; }, [this.keys[0], this.cacheCallTimes]); this.delete(targetKey); } this.keys.push(derivativeOption); } let cache = this.cache; derivativeOption.forEach((derivative2, index2) => { if (index2 === derivativeOption.length - 1) { cache.set(derivative2, { value: [value, this.cacheCallTimes++] }); } else { const cacheValue = cache.get(derivative2); if (!cacheValue) { cache.set(derivative2, { map: /* @__PURE__ */ new Map() }); } else if (!cacheValue.map) { cacheValue.map = /* @__PURE__ */ new Map(); } cache = cache.get(derivative2).map; } }); } deleteByPath(currentCache, derivatives) { var _a; const cache = currentCache.get(derivatives[0]); if (derivatives.length === 1) { if (!cache.map) { currentCache.delete(derivatives[0]); } else { currentCache.set(derivatives[0], { map: cache.map }); } return (_a = cache.value) === null || _a === void 0 ? void 0 : _a[0]; } const result = this.deleteByPath(cache.map, derivatives.slice(1)); if ((!cache.map || cache.map.size === 0) && !cache.value) { currentCache.delete(derivatives[0]); } return result; } delete(derivativeOption) { if (this.has(derivativeOption)) { this.keys = this.keys.filter((item) => !sameDerivativeOption(item, derivativeOption)); return this.deleteByPath(this.cache, derivativeOption); } return void 0; } } ThemeCache.MAX_CACHE_SIZE = 20; ThemeCache.MAX_CACHE_OFFSET = 5; let warned = {}; function warning$3(valid, message2) { } function call(method, valid, message2) { if (!valid && !warned[message2]) { method(false, message2); warned[message2] = true; } } function warningOnce(valid, message2) { call(warning$3, valid, message2); } function noop$4() { } let warning$1 = noop$4; const warning$2 = warning$1; let uuid$4 = 0; class Theme { constructor(derivatives) { this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives]; this.id = uuid$4; if (derivatives.length === 0) { warning$2(derivatives.length > 0); } uuid$4 += 1; } getDerivativeToken(token2) { return this.derivatives.reduce((result, derivative2) => derivative2(token2, result), void 0); } } const cacheThemes = new ThemeCache(); function createTheme(derivatives) { const derivativeArr = Array.isArray(derivatives) ? derivatives : [derivatives]; if (!cacheThemes.has(derivativeArr)) { cacheThemes.set(derivativeArr, new Theme(derivativeArr)); } return cacheThemes.get(derivativeArr); } const flattenTokenCache = /* @__PURE__ */ new WeakMap(); function flattenToken(token2) { let str = flattenTokenCache.get(token2) || ""; if (!str) { Object.keys(token2).forEach((key2) => { const value = token2[key2]; str += key2; if (value instanceof Theme) { str += value.id; } else if (value && typeof value === "object") { str += flattenToken(value); } else { str += value; } }); flattenTokenCache.set(token2, str); } return str; } function token2key(token2, salt) { return murmur2(`${salt}_${flattenToken(token2)}`); } const randomSelectorKey = `random-${Date.now()}-${Math.random()}`.replace(/\./g, ""); const checkContent = "_bAmBoO_"; function supportSelector(styleStr, handleElement, supportCheck) { var _a, _b; if (canUseDom$1()) { updateCSS$1(styleStr, randomSelectorKey); const ele = document.createElement("div"); ele.style.position = "fixed"; ele.style.left = "0"; ele.style.top = "0"; handleElement === null || handleElement === void 0 ? void 0 : handleElement(ele); document.body.appendChild(ele); const support = supportCheck ? supportCheck(ele) : (_a = getComputedStyle(ele).content) === null || _a === void 0 ? void 0 : _a.includes(checkContent); (_b = ele.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(ele); removeCSS(randomSelectorKey); return support; } return false; } let canLayer = void 0; function supportLayer() { if (canLayer === void 0) { canLayer = supportSelector(`@layer ${randomSelectorKey} { .${randomSelectorKey} { content: "${checkContent}"!important; } }`, (ele) => { ele.className = randomSelectorKey; }); } return canLayer; } const EMPTY_OVERRIDE = {}; const hashPrefix = "css"; const tokenKeys = /* @__PURE__ */ new Map(); function recordCleanToken(tokenKey) { tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) + 1); } function removeStyleTags(key2, instanceId) { if (typeof document !== "undefined") { const styles = document.querySelectorAll(`style[${ATTR_TOKEN}="${key2}"]`); styles.forEach((style2) => { var _a; if (style2[CSS_IN_JS_INSTANCE] === instanceId) { (_a = style2.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(style2); } }); } } const TOKEN_THRESHOLD = 0; function cleanTokenStyle(tokenKey, instanceId) { tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1); const tokenKeyList = Array.from(tokenKeys.keys()); const cleanableKeyList = tokenKeyList.filter((key2) => { const count = tokenKeys.get(key2) || 0; return count <= 0; }); if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) { cleanableKeyList.forEach((key2) => { removeStyleTags(key2, instanceId); tokenKeys.delete(key2); }); } } const getComputedToken = (originToken, overrideToken, theme, format) => { const derivativeToken = theme.getDerivativeToken(originToken); let mergedDerivativeToken = _extends(_extends({}, derivativeToken), overrideToken); if (format) { mergedDerivativeToken = format(mergedDerivativeToken); } return mergedDerivativeToken; }; function useCacheToken(theme, tokens) { let option = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : require$$0.ref({}); const style2 = useStyleInject(); const mergedToken = require$$0.computed(() => _extends({}, ...tokens.value)); const tokenStr = require$$0.computed(() => flattenToken(mergedToken.value)); const overrideTokenStr = require$$0.computed(() => flattenToken(option.value.override || EMPTY_OVERRIDE)); const cachedToken = useClientCache("token", require$$0.computed(() => [option.value.salt || "", theme.value.id, tokenStr.value, overrideTokenStr.value]), () => { const { salt = "", override = EMPTY_OVERRIDE, formatToken: formatToken2, getComputedToken: compute } = option.value; const mergedDerivativeToken = compute ? compute(mergedToken.value, override, theme.value) : getComputedToken(mergedToken.value, override, theme.value, formatToken2); const tokenKey = token2key(mergedDerivativeToken, salt); mergedDerivativeToken._tokenKey = tokenKey; recordCleanToken(tokenKey); const hashId = `${hashPrefix}-${murmur2(tokenKey)}`; mergedDerivativeToken._hashId = hashId; return [mergedDerivativeToken, hashId]; }, (cache) => { var _a; cleanTokenStyle(cache[0]._tokenKey, (_a = style2.value) === null || _a === void 0 ? void 0 : _a.cache.instanceId); }); return cachedToken; } var unitlessKeys = { animationIterationCount: 1, aspectRatio: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }; var COMMENT = "comm"; var RULESET = "rule"; var DECLARATION = "decl"; var IMPORT = "@import"; var KEYFRAMES = "@keyframes"; var LAYER = "@layer"; var abs = Math.abs; var from = String.fromCharCode; function trim(value) { return value.trim(); } function replace(value, pattern, replacement) { return value.replace(pattern, replacement); } function indexof(value, search) { return value.indexOf(search); } function charat(value, index2) { return value.charCodeAt(index2) | 0; } function substr(value, begin, end) { return value.slice(begin, end); } function strlen(value) { return value.length; } function sizeof(value) { return value.length; } function append(value, array) { return array.push(value), value; } var line = 1; var column = 1; var length = 0; var position = 0; var character = 0; var characters = ""; function node(value, root2, parent, type, props2, children, length2, siblings) { return { value, root: root2, parent, type, props: props2, children, line, column, length: length2, return: "", siblings }; } function char() { return character; } function prev() { character = position > 0 ? charat(characters, --position) : 0; if (column--, character === 10) column = 1, line--; return character; } function next() { character = position < length ? charat(characters, position++) : 0; if (column++, character === 10) column = 1, line++; return character; } function peek() { return charat(characters, position); } function caret() { return position; } function slice(begin, end) { return substr(characters, begin, end); } function token(type) { switch (type) { case 0: case 9: case 10: case 13: case 32: return 5; case 33: case 43: case 44: case 47: case 62: case 64: case 126: case 59: case 123: case 125: return 4; case 58: return 3; case 34: case 39: case 40: case 91: return 2; case 41: case 93: return 1; } return 0; } function alloc(value) { return line = column = 1, length = strlen(characters = value), position = 0, []; } function dealloc(value) { return characters = "", value; } function delimit(type) { return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type))); } function whitespace(type) { while (character = peek()) if (character < 33) next(); else break; return token(type) > 2 || token(character) > 3 ? "" : " "; } function escaping(index2, count) { while (--count && next()) if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97) break; return slice(index2, caret() + (count < 6 && peek() == 32 && next() == 32)); } function delimiter(type) { while (next()) switch (character) { case type: return position; case 34: case 39: if (type !== 34 && type !== 39) delimiter(character); break; case 40: if (type === 41) delimiter(type); break; case 92: next(); break; } return position; } function commenter(type, index2) { while (next()) if (type + character === 47 + 10) break; else if (type + character === 42 + 42 && peek() === 47) break; return "/*" + slice(index2, position - 1) + "*" + from(type === 47 ? type : next()); } function identifier(index2) { while (!token(peek())) next(); return slice(index2, position); } function compile(value) { return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value)); } function parse(value, root2, parent, rule, rules, rulesets, pseudo, points, declarations) { var index2 = 0; var offset2 = 0; var length2 = pseudo; var atrule = 0; var property = 0; var previous = 0; var variable = 1; var scanning = 1; var ampersand = 1; var character2 = 0; var type = ""; var props2 = rules; var children = rulesets; var reference = rule; var characters2 = type; while (scanning) switch (previous = character2, character2 = next()) { case 40: if (previous != 108 && charat(characters2, length2 - 1) == 58) { if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1) ampersand = -1; break; } case 34: case 39: case 91: characters2 += delimit(character2); break; case 9: case 10: case 13: case 32: characters2 += whitespace(previous); break; case 92: characters2 += escaping(caret() - 1, 7); continue; case 47: switch (peek()) { case 42: case 47: append(comment(commenter(next(), caret()), root2, parent, declarations), declarations); break; default: characters2 += "/"; } break; case 123 * variable: points[index2++] = strlen(characters2) * ampersand; case 125 * variable: case 59: case 0: switch (character2) { case 0: case 125: scanning = 0; case 59 + offset2: if (ampersand == -1) characters2 = replace(characters2, /\f/g, ""); if (property > 0 && strlen(characters2) - length2) append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations); break; case 59: characters2 += ";"; default: append(reference = ruleset(characters2, root2, parent, index2, offset2, rules, points, type, props2 = [], children = [], length2, rulesets), rulesets); if (character2 === 123) if (offset2 === 0) parse(characters2, root2, reference, reference, props2, rulesets, length2, points, children); else switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) { case 100: case 108: case 109: case 115: parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props2 = [], length2, children), children), rules, children, length2, points, rule ? props2 : children); break; default: parse(characters2, reference, reference, reference, [""], children, 0, points, children); } } index2 = offset2 = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo; break; case 58: length2 = 1 + strlen(characters2), property = previous; default: if (variable < 1) { if (character2 == 123) --variable; else if (character2 == 125 && variable++ == 0 && prev() == 125) continue; } switch (characters2 += from(character2), character2 * variable) { case 38: ampersand = offset2 > 0 ? 1 : (characters2 += "\f", -1); break; case 44: points[index2++] = (strlen(characters2) - 1) * ampersand, ampersand = 1; break; case 64: if (peek() === 45) characters2 += delimit(next()); atrule = peek(), offset2 = length2 = strlen(type = characters2 += identifier(caret())), character2++; break; case 45: if (previous === 45 && strlen(characters2) == 2) variable = 0; } } return rulesets; } function ruleset(value, root2, parent, index2, offset2, rules, points, type, props2, children, length2, siblings) { var post = offset2 - 1; var rule = offset2 === 0 ? rules : [""]; var size = sizeof(rule); for (var i2 = 0, j2 = 0, k2 = 0; i2 < index2; ++i2) for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j2 = points[i2])), z2 = value; x2 < size; ++x2) if (z2 = trim(j2 > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2]))) props2[k2++] = z2; return node(value, root2, parent, offset2 === 0 ? RULESET : type, props2, children, length2, siblings); } function comment(value, root2, parent, siblings) { return node(value, root2, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings); } function declaration(value, root2, parent, length2, siblings) { return node(value, root2, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings); } function serialize(children, callback) { var output = ""; for (var i2 = 0; i2 < children.length; i2++) output += callback(children[i2], i2, children, callback) || ""; return output; } function stringify(element, index2, children, callback) { switch (element.type) { case LAYER: if (element.children.length) break; case IMPORT: case DECLARATION: return element.return = element.return || element.value; case COMMENT: return ""; case KEYFRAMES: return element.return = element.value + "{" + serialize(element.children, callback) + "}"; case RULESET: if (!strlen(element.value = element.props.join(","))) return ""; } return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : ""; } const ATTR_CACHE_MAP = "data-ant-cssinjs-cache-path"; const CSS_FILE_STYLE = "_FILE_STYLE__"; let cachePathMap; let fromCSSFile = true; function prepare() { var _a; if (!cachePathMap) { cachePathMap = {}; if (canUseDom$1()) { const div = document.createElement("div"); div.className = ATTR_CACHE_MAP; div.style.position = "fixed"; div.style.visibility = "hidden"; div.style.top = "-9999px"; document.body.appendChild(div); let content = getComputedStyle(div).content || ""; content = content.replace(/^"/, "").replace(/"$/, ""); content.split(";").forEach((item) => { const [path, hash] = item.split(":"); cachePathMap[path] = hash; }); const inlineMapStyle = document.querySelector(`style[${ATTR_CACHE_MAP}]`); if (inlineMapStyle) { fromCSSFile = false; (_a = inlineMapStyle.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(inlineMapStyle); } document.body.removeChild(div); } } } function existPath(path) { prepare(); return !!cachePathMap[path]; } function getStyleAndHash(path) { const hash = cachePathMap[path]; let styleStr = null; if (hash && canUseDom$1()) { if (fromCSSFile) { styleStr = CSS_FILE_STYLE; } else { const style2 = document.querySelector(`style[${ATTR_MARK}="${cachePathMap[path]}"]`); if (style2) { styleStr = style2.innerHTML; } else { delete cachePathMap[path]; } } } return [styleStr, hash]; } const isClientSide = canUseDom$1(); const SKIP_CHECK = "_skip_check_"; const MULTI_VALUE = "_multi_value_"; function normalizeStyle(styleStr) { const serialized = serialize(compile(styleStr), stringify); return serialized.replace(/\{%%%\:[^;];}/g, ";"); } function isCompoundCSSProperty(value) { return typeof value === "object" && value && (SKIP_CHECK in value || MULTI_VALUE in value); } function injectSelectorHash(key2, hashId, hashPriority) { if (!hashId) { return key2; } const hashClassName = `.${hashId}`; const hashSelector = hashPriority === "low" ? `:where(${hashClassName})` : hashClassName; const keys2 = key2.split(",").map((k2) => { var _a; const fullPath = k2.trim().split(/\s+/); let firstPath = fullPath[0] || ""; const htmlElement = ((_a = firstPath.match(/^\w+/)) === null || _a === void 0 ? void 0 : _a[0]) || ""; firstPath = `${htmlElement}${hashSelector}${firstPath.slice(htmlElement.length)}`; return [firstPath, ...fullPath.slice(1)].join(" "); }); return keys2.join(","); } const globalEffectStyleKeys = /* @__PURE__ */ new Set(); const parseStyle = function(interpolation) { let config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; let { root: root2, injectHash, parentSelectors } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { root: true, parentSelectors: [] }; const { hashId, layer, path, hashPriority, transformers = [], linters = [] } = config; let styleStr = ""; let effectStyle = {}; function parseKeyframes(keyframes) { const animationName = keyframes.getName(hashId); if (!effectStyle[animationName]) { const [parsedStr] = parseStyle(keyframes.style, config, { root: false, parentSelectors }); effectStyle[animationName] = `@keyframes ${keyframes.getName(hashId)}${parsedStr}`; } } function flattenList(list) { let fullList = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : []; list.forEach((item) => { if (Array.isArray(item)) { flattenList(item, fullList); } else if (item) { fullList.push(item); } }); return fullList; } const flattenStyleList = flattenList(Array.isArray(interpolation) ? interpolation : [interpolation]); flattenStyleList.forEach((originStyle) => { const style2 = typeof originStyle === "string" && !root2 ? {} : originStyle; if (typeof style2 === "string") { styleStr += `${style2} `; } else if (style2._keyframe) { parseKeyframes(style2); } else { const mergedStyle = transformers.reduce((prev2, trans) => { var _a; return ((_a = trans === null || trans === void 0 ? void 0 : trans.visit) === null || _a === void 0 ? void 0 : _a.call(trans, prev2)) || prev2; }, style2); Object.keys(mergedStyle).forEach((key2) => { var _a; const value = mergedStyle[key2]; if (typeof value === "object" && value && (key2 !== "animationName" || !value._keyframe) && !isCompoundCSSProperty(value)) { let subInjectHash = false; let mergedKey = key2.trim(); let nextRoot = false; if ((root2 || injectHash) && hashId) { if (mergedKey.startsWith("@")) { subInjectHash = true; } else { mergedKey = injectSelectorHash(key2, hashId, hashPriority); } } else if (root2 && !hashId && (mergedKey === "&" || mergedKey === "")) { mergedKey = ""; nextRoot = true; } const [parsedStr, childEffectStyle] = parseStyle(value, config, { root: nextRoot, injectHash: subInjectHash, parentSelectors: [...parentSelectors, mergedKey] }); effectStyle = _extends(_extends({}, effectStyle), childEffectStyle); styleStr += `${mergedKey}${parsedStr}`; } else { let appendStyle = function(cssKey, cssValue) { const styleName = cssKey.replace(/[A-Z]/g, (match2) => `-${match2.toLowerCase()}`); let formatValue = cssValue; if (!unitlessKeys[cssKey] && typeof formatValue === "number" && formatValue !== 0) { formatValue = `${formatValue}px`; } if (cssKey === "animationName" && (cssValue === null || cssValue === void 0 ? void 0 : cssValue._keyframe)) { parseKeyframes(cssValue); formatValue = cssValue.getName(hashId); } styleStr += `${styleName}:${formatValue};`; }; const actualValue = (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : value; if (typeof value === "object" && (value === null || value === void 0 ? void 0 : value[MULTI_VALUE]) && Array.isArray(actualValue)) { actualValue.forEach((item) => { appendStyle(key2, item); }); } else { appendStyle(key2, actualValue); } } }); } }); if (!root2) { styleStr = `{${styleStr}}`; } else if (layer && supportLayer()) { const layerCells = layer.split(","); const layerName = layerCells[layerCells.length - 1].trim(); styleStr = `@layer ${layerName} {${styleStr}}`; if (layerCells.length > 1) { styleStr = `@layer ${layer}{%%%:%}${styleStr}`; } } return [styleStr, effectStyle]; }; function uniqueHash(path, styleStr) { return murmur2(`${path.join("%")}${styleStr}`); } function useStyleRegister(info, styleFn) { const styleContext = useStyleInject(); const tokenKey = require$$0.computed(() => info.value.token._tokenKey); const fullPath = require$$0.computed(() => [tokenKey.value, ...info.value.path]); let isMergedClientSide = isClientSide; useClientCache( "style", fullPath, // Create cache if needed () => { const { path, hashId, layer, nonce, clientOnly, order = 0 } = info.value; const cachePath = fullPath.value.join("|"); if (existPath(cachePath)) { const [inlineCacheStyleStr, styleHash] = getStyleAndHash(cachePath); if (inlineCacheStyleStr) { return [inlineCacheStyleStr, tokenKey.value, styleHash, {}, clientOnly, order]; } } const styleObj = styleFn(); const { hashPriority, container, transformers, linters, cache } = styleContext.value; const [parsedStyle, effectStyle] = parseStyle(styleObj, { hashId, hashPriority, layer, path: path.join("-"), transformers, linters }); const styleStr = normalizeStyle(parsedStyle); const styleId = uniqueHash(fullPath.value, styleStr); if (isMergedClientSide) { const mergedCSSConfig = { mark: ATTR_MARK, prepend: "queue", attachTo: container, priority: order }; const nonceStr = typeof nonce === "function" ? nonce() : nonce; if (nonceStr) { mergedCSSConfig.csp = { nonce: nonceStr }; } const style2 = updateCSS$1(styleStr, styleId, mergedCSSConfig); style2[CSS_IN_JS_INSTANCE] = cache.instanceId; style2.setAttribute(ATTR_TOKEN, tokenKey.value); Object.keys(effectStyle).forEach((effectKey) => { if (!globalEffectStyleKeys.has(effectKey)) { globalEffectStyleKeys.add(effectKey); updateCSS$1(normalizeStyle(effectStyle[effectKey]), `_effect-${effectKey}`, { mark: ATTR_MARK, prepend: "queue", attachTo: container }); } }); } return [styleStr, tokenKey.value, styleId, effectStyle, clientOnly, order]; }, // Remove cache if no need (_ref, fromHMR) => { let [, , styleId] = _ref; if ((fromHMR || styleContext.value.autoClear) && isClientSide) { removeCSS(styleId, { mark: ATTR_MARK }); } } ); return (node2) => { return node2; }; } class Keyframe { constructor(name, style2) { this._keyframe = true; this.name = name; this.style = style2; } getName() { let hashId = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ""; return hashId ? `${hashId}-${this.name}` : this.name; } } const Keyframes = Keyframe; const version = "4.0.3"; const PresetColors = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"]; function bound01(n2, max) { if (isOnePointZero(n2)) { n2 = "100%"; } var isPercent = isPercentage(n2); n2 = max === 360 ? n2 : Math.min(max, Math.max(0, parseFloat(n2))); if (isPercent) { n2 = parseInt(String(n2 * max), 10) / 100; } if (Math.abs(n2 - max) < 1e-6) { return 1; } if (max === 360) { n2 = (n2 < 0 ? n2 % max + max : n2 % max) / parseFloat(String(max)); } else { n2 = n2 % max / parseFloat(String(max)); } return n2; } function clamp01(val) { return Math.min(1, Math.max(0, val)); } function isOnePointZero(n2) { return typeof n2 === "string" && n2.indexOf(".") !== -1 && parseFloat(n2) === 1; } function isPercentage(n2) { return typeof n2 === "string" && n2.indexOf("%") !== -1; } function boundAlpha(a2) { a2 = parseFloat(a2); if (isNaN(a2) || a2 < 0 || a2 > 1) { a2 = 1; } return a2; } function convertToPercentage(n2) { if (n2 <= 1) { return "".concat(Number(n2) * 100, "%"); } return n2; } function pad2(c2) { return c2.length === 1 ? "0" + c2 : String(c2); } function rgbToRgb(r2, g2, b2) { return { r: bound01(r2, 255) * 255, g: bound01(g2, 255) * 255, b: bound01(b2, 255) * 255 }; } function rgbToHsl(r2, g2, b2) { r2 = bound01(r2, 255); g2 = bound01(g2, 255); b2 = bound01(b2, 255); var max = Math.max(r2, g2, b2); var min = Math.min(r2, g2, b2); var h2 = 0; var s2 = 0; var l2 = (max + min) / 2; if (max === min) { s2 = 0; h2 = 0; } else { var d2 = max - min; s2 = l2 > 0.5 ? d2 / (2 - max - min) : d2 / (max + min); switch (max) { case r2: h2 = (g2 - b2) / d2 + (g2 < b2 ? 6 : 0); break; case g2: h2 = (b2 - r2) / d2 + 2; break; case b2: h2 = (r2 - g2) / d2 + 4; break; } h2 /= 6; } return { h: h2, s: s2, l: l2 }; } function hue2rgb(p, q2, t2) { if (t2 < 0) { t2 += 1; } if (t2 > 1) { t2 -= 1; } if (t2 < 1 / 6) { return p + (q2 - p) * (6 * t2); } if (t2 < 1 / 2) { return q2; } if (t2 < 2 / 3) { return p + (q2 - p) * (2 / 3 - t2) * 6; } return p; } function hslToRgb(h2, s2, l2) { var r2; var g2; var b2; h2 = bound01(h2, 360); s2 = bound01(s2, 100); l2 = bound01(l2, 100); if (s2 === 0) { g2 = l2; b2 = l2; r2 = l2; } else { var q2 = l2 < 0.5 ? l2 * (1 + s2) : l2 + s2 - l2 * s2; var p = 2 * l2 - q2; r2 = hue2rgb(p, q2, h2 + 1 / 3); g2 = hue2rgb(p, q2, h2); b2 = hue2rgb(p, q2, h2 - 1 / 3); } return { r: r2 * 255, g: g2 * 255, b: b2 * 255 }; } function rgbToHsv(r2, g2, b2) { r2 = bound01(r2, 255); g2 = bound01(g2, 255); b2 = bound01(b2, 255); var max = Math.max(r2, g2, b2); var min = Math.min(r2, g2, b2); var h2 = 0; var v2 = max; var d2 = max - min; var s2 = max === 0 ? 0 : d2 / max; if (max === min) { h2 = 0; } else { switch (max) { case r2: h2 = (g2 - b2) / d2 + (g2 < b2 ? 6 : 0); break; case g2: h2 = (b2 - r2) / d2 + 2; break; case b2: h2 = (r2 - g2) / d2 + 4; break; } h2 /= 6; } return { h: h2, s: s2, v: v2 }; } function hsvToRgb(h2, s2, v2) { h2 = bound01(h2, 360) * 6; s2 = bound01(s2, 100); v2 = bound01(v2, 100); var i2 = Math.floor(h2); var f2 = h2 - i2; var p = v2 * (1 - s2); var q2 = v2 * (1 - f2 * s2); var t2 = v2 * (1 - (1 - f2) * s2); var mod = i2 % 6; var r2 = [v2, q2, p, p, t2, v2][mod]; var g2 = [t2, v2, v2, q2, p, p][mod]; var b2 = [p, p, t2, v2, v2, q2][mod]; return { r: r2 * 255, g: g2 * 255, b: b2 * 255 }; } function rgbToHex(r2, g2, b2, allow3Char) { var hex = [ pad2(Math.round(r2).toString(16)), pad2(Math.round(g2).toString(16)), pad2(Math.round(b2).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(r2, g2, b2, a2, allow4Char) { var hex = [ pad2(Math.round(r2).toString(16)), pad2(Math.round(g2).toString(16)), pad2(Math.round(b2).toString(16)), pad2(convertDecimalToHex(a2)) ]; 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(d2) { return Math.round(parseFloat(d2) * 255).toString(16); } function convertHexToDecimal(h2) { return parseIntFromHex(h2) / 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 a2 = 1; var s2 = null; var v2 = null; var l2 = 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)) { s2 = convertToPercentage(color.s); v2 = convertToPercentage(color.v); rgb = hsvToRgb(color.h, s2, v2); ok = true; format = "hsv"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { s2 = convertToPercentage(color.s); l2 = convertToPercentage(color.l); rgb = hslToRgb(color.h, s2, l2); ok = true; format = "hsl"; } if (Object.prototype.hasOwnProperty.call(color, "a")) { a2 = color.a; } } a2 = boundAlpha(a2); 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: a2 }; } 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 match2 = matchers.rgb.exec(color); if (match2) { return { r: match2[1], g: match2[2], b: match2[3] }; } match2 = matchers.rgba.exec(color); if (match2) { return { r: match2[1], g: match2[2], b: match2[3], a: match2[4] }; } match2 = matchers.hsl.exec(color); if (match2) { return { h: match2[1], s: match2[2], l: match2[3] }; } match2 = matchers.hsla.exec(color); if (match2) { return { h: match2[1], s: match2[2], l: match2[3], a: match2[4] }; } match2 = matchers.hsv.exec(color); if (match2) { return { h: match2[1], s: match2[2], v: match2[3] }; } match2 = matchers.hsva.exec(color); if (match2) { return { h: match2[1], s: match2[2], v: match2[3], a: match2[4] }; } match2 = matchers.hex8.exec(color); if (match2) { return { r: parseIntFromHex(match2[1]), g: parseIntFromHex(match2[2]), b: parseIntFromHex(match2[3]), a: convertHexToDecimal(match2[4]), format: named ? "name" : "hex8" }; } match2 = matchers.hex6.exec(color); if (match2) { return { r: parseIntFromHex(match2[1]), g: parseIntFromHex(match2[2]), b: parseIntFromHex(match2[3]), format: named ? "name" : "hex" }; } match2 = matchers.hex4.exec(color); if (match2) { return { r: parseIntFromHex(match2[1] + match2[1]), g: parseIntFromHex(match2[2] + match2[2]), b: parseIntFromHex(match2[3] + match2[3]), a: convertHexToDecimal(match2[4] + match2[4]), format: named ? "name" : "hex8" }; } match2 = matchers.hex3.exec(color); if (match2) { return { r: parseIntFromHex(match2[1] + match2[1]), g: parseIntFromHex(match2[2] + match2[2]), b: parseIntFromHex(match2[3] + match2[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 _a; 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 = (_a = opts.format) !== null && _a !== void 0 ? _a : 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 R2; var G; var B2; var RsRGB = rgb.r / 255; var GsRGB = rgb.g / 255; var BsRGB = rgb.b / 255; if (RsRGB <= 0.03928) { R2 = RsRGB / 12.92; } else { R2 = 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) { B2 = BsRGB / 12.92; } else { B2 = Math.pow((BsRGB + 0.055) / 1.055, 2.4); } return 0.2126 * R2 + 0.7152 * G + 0.0722 * B2; }; 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 s2 = this.toHsl().s; return s2 === 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 h2 = Math.round(hsv.h * 360); var s2 = Math.round(hsv.s * 100); var v2 = Math.round(hsv.v * 100); return this.a === 1 ? "hsv(".concat(h2, ", ").concat(s2, "%, ").concat(v2, "%)") : "hsva(".concat(h2, ", ").concat(s2, "%, ").concat(v2, "%, ").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 h2 = Math.round(hsl.h * 360); var s2 = Math.round(hsl.s * 100); var l2 = Math.round(hsl.l * 100); return this.a === 1 ? "hsl(".concat(h2, ", ").concat(s2, "%, ").concat(l2, "%)") : "hsla(".concat(h2, ", ").concat(s2, "%, ").concat(l2, "%, ").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 r2 = Math.round(this.r); var g2 = Math.round(this.g); var b2 = Math.round(this.b); return this.a === 1 ? "rgb(".concat(r2, ", ").concat(g2, ", ").concat(b2, ")") : "rgba(".concat(r2, ", ").concat(g2, ", ").concat(b2, ", ").concat(this.roundA, ")"); }; TinyColor2.prototype.toPercentageRgb = function() { var fmt = function(x2) { return "".concat(Math.round(bound01(x2, 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(x2) { return Math.round(bound01(x2, 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, _a = Object.entries(names); _i < _a.length; _i++) { var _b = _a[_i], key2 = _b[0], value = _b[1]; if (hex === value) { return key2; } } 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 h2 = hsv.h; var s2 = hsv.s; var v2 = hsv.v; var res = []; var modification = 1 / results; while (results--) { res.push(new TinyColor2({ h: h2, s: s2, v: v2 })); v2 = (v2 + modification) % 1; } return res; }; TinyColor2.prototype.splitcomplement = function() { var hsl = this.toHsl(); var h2 = hsl.h; return [ this, new TinyColor2({ h: (h2 + 72) % 360, s: hsl.s, l: hsl.l }), new TinyColor2({ h: (h2 + 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(n2) { var hsl = this.toHsl(); var h2 = hsl.h; var result = [this]; var increment = 360 / n2; for (var i2 = 1; i2 < n2; i2++) { result.push(new TinyColor2({ h: (h2 + i2 * increment) % 360, s: hsl.s, l: hsl.l })); } return result; }; TinyColor2.prototype.equals = function(color) { return this.toRgbString() === new TinyColor2(color).toRgbString(); }; return TinyColor2; }() ); var hueStep = 2; var saturationStep = 0.16; var saturationStep2 = 0.05; var brightnessStep1 = 0.05; var brightnessStep2 = 0.15; var lightColorCount = 5; var darkColorCount = 4; var darkColorMap = [{ index: 7, opacity: 0.15 }, { index: 6, opacity: 0.25 }, { index: 5, opacity: 0.3 }, { index: 5, opacity: 0.45 }, { index: 5, opacity: 0.65 }, { index: 5, opacity: 0.85 }, { index: 4, opacity: 0.9 }, { index: 3, opacity: 0.95 }, { index: 2, opacity: 0.97 }, { index: 1, opacity: 0.98 }]; function toHsv(_ref) { var r2 = _ref.r, g2 = _ref.g, b2 = _ref.b; var hsv = rgbToHsv(r2, g2, b2); return { h: hsv.h * 360, s: hsv.s, v: hsv.v }; } function toHex(_ref2) { var r2 = _ref2.r, g2 = _ref2.g, b2 = _ref2.b; return "#".concat(rgbToHex(r2, g2, b2, false)); } function mix$1(rgb1, rgb2, amount) { var p = amount / 100; var rgb = { r: (rgb2.r - rgb1.r) * p + rgb1.r, g: (rgb2.g - rgb1.g) * p + rgb1.g, b: (rgb2.b - rgb1.b) * p + rgb1.b }; return rgb; } function getHue(hsv, i2, light) { var hue; if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) { hue = light ? Math.round(hsv.h) - hueStep * i2 : Math.round(hsv.h) + hueStep * i2; } else { hue = light ? Math.round(hsv.h) + hueStep * i2 : Math.round(hsv.h) - hueStep * i2; } if (hue < 0) { hue += 360; } else if (hue >= 360) { hue -= 360; } return hue; } function getSaturation(hsv, i2, light) { if (hsv.h === 0 && hsv.s === 0) { return hsv.s; } var saturation; if (light) { saturation = hsv.s - saturationStep * i2; } else if (i2 === darkColorCount) { saturation = hsv.s + saturationStep; } else { saturation = hsv.s + saturationStep2 * i2; } if (saturation > 1) { saturation = 1; } if (light && i2 === lightColorCount && saturation > 0.1) { saturation = 0.1; } if (saturation < 0.06) { saturation = 0.06; } return Number(saturation.toFixed(2)); } function getValue$1(hsv, i2, light) { var value; if (light) { value = hsv.v + brightnessStep1 * i2; } else { value = hsv.v - brightnessStep2 * i2; } if (value > 1) { value = 1; } return Number(value.toFixed(2)); } function generate$1(color) { var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; var patterns = []; var pColor = inputToRGB(color); for (var i2 = lightColorCount; i2 > 0; i2 -= 1) { var hsv = toHsv(pColor); var colorString = toHex(inputToRGB({ h: getHue(hsv, i2, true), s: getSaturation(hsv, i2, true), v: getValue$1(hsv, i2, true) })); patterns.push(colorString); } patterns.push(toHex(pColor)); for (var _i = 1; _i <= darkColorCount; _i += 1) { var _hsv = toHsv(pColor); var _colorString = toHex(inputToRGB({ h: getHue(_hsv, _i), s: getSaturation(_hsv, _i), v: getValue$1(_hsv, _i) })); patterns.push(_colorString); } if (opts.theme === "dark") { return darkColorMap.map(function(_ref3) { var index2 = _ref3.index, opacity = _ref3.opacity; var darkColorString = toHex(mix$1(inputToRGB(opts.backgroundColor || "#141414"), inputToRGB(patterns[index2]), opacity * 100)); return darkColorString; }); } return patterns; } var presetPrimaryColors = { red: "#F5222D", volcano: "#FA541C", orange: "#FA8C16", gold: "#FAAD14", yellow: "#FADB14", lime: "#A0D911", green: "#52C41A", cyan: "#13C2C2", blue: "#1890FF", geekblue: "#2F54EB", purple: "#722ED1", magenta: "#EB2F96", grey: "#666666" }; var presetPalettes = {}; var presetDarkPalettes = {}; Object.keys(presetPrimaryColors).forEach(function(key2) { presetPalettes[key2] = generate$1(presetPrimaryColors[key2]); presetPalettes[key2].primary = presetPalettes[key2][5]; presetDarkPalettes[key2] = generate$1(presetPrimaryColors[key2], { theme: "dark", backgroundColor: "#141414" }); presetDarkPalettes[key2].primary = presetDarkPalettes[key2][5]; }); var blue = presetPalettes.blue; const genControlHeight = (token2) => { const { controlHeight } = token2; return { controlHeightSM: controlHeight * 0.75, controlHeightXS: controlHeight * 0.5, controlHeightLG: controlHeight * 1.25 }; }; const genControlHeight$1 = genControlHeight; function genSizeMapToken(token2) { const { sizeUnit, sizeStep } = token2; return { sizeXXL: sizeUnit * (sizeStep + 8), sizeXL: sizeUnit * (sizeStep + 4), sizeLG: sizeUnit * (sizeStep + 2), sizeMD: sizeUnit * (sizeStep + 1), sizeMS: sizeUnit * sizeStep, size: sizeUnit * sizeStep, sizeSM: sizeUnit * (sizeStep - 1), sizeXS: sizeUnit * (sizeStep - 2), sizeXXS: sizeUnit * (sizeStep - 3) // 4 }; } const defaultPresetColors = { blue: "#1677ff", purple: "#722ED1", cyan: "#13C2C2", green: "#52C41A", magenta: "#EB2F96", pink: "#eb2f96", red: "#F5222D", orange: "#FA8C16", yellow: "#FADB14", volcano: "#FA541C", geekblue: "#2F54EB", gold: "#FAAD14", lime: "#A0D911" }; const seedToken = _extends(_extends({}, defaultPresetColors), { // Color colorPrimary: "#1677ff", colorSuccess: "#52c41a", colorWarning: "#faad14", colorError: "#ff4d4f", colorInfo: "#1677ff", colorTextBase: "", colorBgBase: "", // Font fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, fontSize: 14, // Line lineWidth: 1, lineType: "solid", // Motion motionUnit: 0.1, motionBase: 0, motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)", motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)", motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)", motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)", motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)", motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)", motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)", // Radius borderRadius: 6, // Size sizeUnit: 4, sizeStep: 4, sizePopupArrow: 16, // Control Base controlHeight: 32, // zIndex zIndexBase: 0, zIndexPopupBase: 1e3, // Image opacityImage: 1, // Wireframe wireframe: false }); const defaultSeedToken = seedToken; function genColorMapToken(seed2, _ref) { let { generateColorPalettes: generateColorPalettes2, generateNeutralColorPalettes: generateNeutralColorPalettes2 } = _ref; const { colorSuccess: colorSuccessBase, colorWarning: colorWarningBase, colorError: colorErrorBase, colorInfo: colorInfoBase, colorPrimary: colorPrimaryBase, colorBgBase, colorTextBase } = seed2; const primaryColors = generateColorPalettes2(colorPrimaryBase); const successColors = generateColorPalettes2(colorSuccessBase); const warningColors = generateColorPalettes2(colorWarningBase); const errorColors = generateColorPalettes2(colorErrorBase); const infoColors = generateColorPalettes2(colorInfoBase); const neutralColors = generateNeutralColorPalettes2(colorBgBase, colorTextBase); return _extends(_extends({}, neutralColors), { colorPrimaryBg: primaryColors[1], colorPrimaryBgHover: primaryColors[2], colorPrimaryBorder: primaryColors[3], colorPrimaryBorderHover: primaryColors[4], colorPrimaryHover: primaryColors[5], colorPrimary: primaryColors[6], colorPrimaryActive: primaryColors[7], colorPrimaryTextHover: primaryColors[8], colorPrimaryText: primaryColors[9], colorPrimaryTextActive: primaryColors[10], colorSuccessBg: successColors[1], colorSuccessBgHover: successColors[2], colorSuccessBorder: successColors[3], colorSuccessBorderHover: successColors[4], colorSuccessHover: successColors[4], colorSuccess: successColors[6], colorSuccessActive: successColors[7], colorSuccessTextHover: successColors[8], colorSuccessText: successColors[9], colorSuccessTextActive: successColors[10], colorErrorBg: errorColors[1], colorErrorBgHover: errorColors[2], colorErrorBorder: errorColors[3], colorErrorBorderHover: errorColors[4], colorErrorHover: errorColors[5], colorError: errorColors[6], colorErrorActive: errorColors[7], colorErrorTextHover: errorColors[8], colorErrorText: errorColors[9], colorErrorTextActive: errorColors[10], colorWarningBg: warningColors[1], colorWarningBgHover: warningColors[2], colorWarningBorder: warningColors[3], colorWarningBorderHover: warningColors[4], colorWarningHover: warningColors[4], colorWarning: warningColors[6], colorWarningActive: warningColors[7], colorWarningTextHover: warningColors[8], colorWarningText: warningColors[9], colorWarningTextActive: warningColors[10], colorInfoBg: infoColors[1], colorInfoBgHover: infoColors[2], colorInfoBorder: infoColors[3], colorInfoBorderHover: infoColors[4], colorInfoHover: infoColors[4], colorInfo: infoColors[6], colorInfoActive: infoColors[7], colorInfoTextHover: infoColors[8], colorInfoText: infoColors[9], colorInfoTextActive: infoColors[10], colorBgMask: new TinyColor("#000").setAlpha(0.45).toRgbString(), colorWhite: "#fff" }); } const genRadius = (radiusBase) => { let radiusLG = radiusBase; let radiusSM = radiusBase; let radiusXS = radiusBase; let radiusOuter = radiusBase; if (radiusBase < 6 && radiusBase >= 5) { radiusLG = radiusBase + 1; } else if (radiusBase < 16 && radiusBase >= 6) { radiusLG = radiusBase + 2; } else if (radiusBase >= 16) { radiusLG = 16; } if (radiusBase < 7 && radiusBase >= 5) { radiusSM = 4; } else if (radiusBase < 8 && radiusBase >= 7) { radiusSM = 5; } else if (radiusBase < 14 && radiusBase >= 8) { radiusSM = 6; } else if (radiusBase < 16 && radiusBase >= 14) { radiusSM = 7; } else if (radiusBase >= 16) { radiusSM = 8; } if (radiusBase < 6 && radiusBase >= 2) { radiusXS = 1; } else if (radiusBase >= 6) { radiusXS = 2; } if (radiusBase > 4 && radiusBase < 8) { radiusOuter = 4; } else if (radiusBase >= 8) { radiusOuter = 6; } return { borderRadius: radiusBase > 16 ? 16 : radiusBase, borderRadiusXS: radiusXS, borderRadiusSM: radiusSM, borderRadiusLG: radiusLG, borderRadiusOuter: radiusOuter }; }; const genRadius$1 = genRadius; function genCommonMapToken(token2) { const { motionUnit, motionBase, borderRadius, lineWidth } = token2; return _extends({ // motion motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`, motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`, motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`, // line lineWidthBold: lineWidth + 1 }, genRadius$1(borderRadius)); } const getAlphaColor$1 = (baseColor, alpha) => new TinyColor(baseColor).setAlpha(alpha).toRgbString(); const getSolidColor = (baseColor, brightness) => { const instance = new TinyColor(baseColor); return instance.darken(brightness).toHexString(); }; const generateColorPalettes = (baseColor) => { const colors = generate$1(baseColor); return { 1: colors[0], 2: colors[1], 3: colors[2], 4: colors[3], 5: colors[4], 6: colors[5], 7: colors[6], 8: colors[4], 9: colors[5], 10: colors[6] // 8: colors[7], // 9: colors[8], // 10: colors[9], }; }; const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => { const colorBgBase = bgBaseColor || "#fff"; const colorTextBase = textBaseColor || "#000"; return { colorBgBase, colorTextBase, colorText: getAlphaColor$1(colorTextBase, 0.88), colorTextSecondary: getAlphaColor$1(colorTextBase, 0.65), colorTextTertiary: getAlphaColor$1(colorTextBase, 0.45), colorTextQuaternary: getAlphaColor$1(colorTextBase, 0.25), colorFill: getAlphaColor$1(colorTextBase, 0.15), colorFillSecondary: getAlphaColor$1(colorTextBase, 0.06), colorFillTertiary: getAlphaColor$1(colorTextBase, 0.04), colorFillQuaternary: getAlphaColor$1(colorTextBase, 0.02), colorBgLayout: getSolidColor(colorBgBase, 4), colorBgContainer: getSolidColor(colorBgBase, 0), colorBgElevated: getSolidColor(colorBgBase, 0), colorBgSpotlight: getAlphaColor$1(colorTextBase, 0.85), colorBorder: getSolidColor(colorBgBase, 15), colorBorderSecondary: getSolidColor(colorBgBase, 6) }; }; function getFontSizes(base) { const fontSizes = new Array(10).fill(null).map((_2, index2) => { const i2 = index2 - 1; const baseSize = base * Math.pow(2.71828, i2 / 5); const intSize = index2 > 1 ? Math.floor(baseSize) : Math.ceil(baseSize); return Math.floor(intSize / 2) * 2; }); fontSizes[1] = base; return fontSizes.map((size) => { const height = size + 8; return { size, lineHeight: height / size }; }); } const genFontMapToken = (fontSize) => { const fontSizePairs = getFontSizes(fontSize); const fontSizes = fontSizePairs.map((pair) => pair.size); const lineHeights = fontSizePairs.map((pair) => pair.lineHeight); return { fontSizeSM: fontSizes[0], fontSize: fontSizes[1], fontSizeLG: fontSizes[2], fontSizeXL: fontSizes[3], fontSizeHeading1: fontSizes[6], fontSizeHeading2: fontSizes[5], fontSizeHeading3: fontSizes[4], fontSizeHeading4: fontSizes[3], fontSizeHeading5: fontSizes[2], lineHeight: lineHeights[1], lineHeightLG: lineHeights[2], lineHeightSM: lineHeights[0], lineHeightHeading1: lineHeights[6], lineHeightHeading2: lineHeights[5], lineHeightHeading3: lineHeights[4], lineHeightHeading4: lineHeights[3], lineHeightHeading5: lineHeights[2] }; }; const genFontMapToken$1 = genFontMapToken; function derivative(token2) { const colorPalettes = Object.keys(defaultPresetColors).map((colorKey) => { const colors = generate$1(token2[colorKey]); return new Array(10).fill(1).reduce((prev2, _2, i2) => { prev2[`${colorKey}-${i2 + 1}`] = colors[i2]; return prev2; }, {}); }).reduce((prev2, cur) => { prev2 = _extends(_extends({}, prev2), cur); return prev2; }, {}); return _extends(_extends(_extends(_extends(_extends(_extends(_extends({}, token2), colorPalettes), genColorMapToken(token2, { generateColorPalettes, generateNeutralColorPalettes })), genFontMapToken$1(token2.fontSize)), genSizeMapToken(token2)), genControlHeight$1(token2)), genCommonMapToken(token2)); } function isStableColor(color) { return color >= 0 && color <= 255; } function getAlphaColor(frontColor, backgroundColor) { const { r: fR, g: fG, b: fB, a: originAlpha } = new TinyColor(frontColor).toRgb(); if (originAlpha < 1) { return frontColor; } const { r: bR, g: bG, b: bB } = new TinyColor(backgroundColor).toRgb(); for (let fA = 0.01; fA <= 1; fA += 0.01) { const r2 = Math.round((fR - bR * (1 - fA)) / fA); const g2 = Math.round((fG - bG * (1 - fA)) / fA); const b2 = Math.round((fB - bB * (1 - fA)) / fA); if (isStableColor(r2) && isStableColor(g2) && isStableColor(b2)) { return new TinyColor({ r: r2, g: g2, b: b2, a: Math.round(fA * 100) / 100 }).toRgbString(); } } return new TinyColor({ r: fR, g: fG, b: fB, a: 1 }).toRgbString(); } var __rest$k = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; function formatToken(derivativeToken) { const { override } = derivativeToken, restToken = __rest$k(derivativeToken, ["override"]); const overrideTokens = _extends({}, override); Object.keys(defaultSeedToken).forEach((token2) => { delete overrideTokens[token2]; }); const mergedToken = _extends(_extends({}, restToken), overrideTokens); const screenXS = 480; const screenSM = 576; const screenMD = 768; const screenLG = 992; const screenXL = 1200; const screenXXL = 1600; const screenXXXL = 2e3; const aliasToken = _extends(_extends(_extends({}, mergedToken), { colorLink: mergedToken.colorInfoText, colorLinkHover: mergedToken.colorInfoHover, colorLinkActive: mergedToken.colorInfoActive, // ============== Background ============== // colorFillContent: mergedToken.colorFillSecondary, colorFillContentHover: mergedToken.colorFill, colorFillAlter: mergedToken.colorFillQuaternary, colorBgContainerDisabled: mergedToken.colorFillTertiary, // ============== Split ============== // colorBorderBg: mergedToken.colorBgContainer, colorSplit: getAlphaColor(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer), // ============== Text ============== // colorTextPlaceholder: mergedToken.colorTextQuaternary, colorTextDisabled: mergedToken.colorTextQuaternary, colorTextHeading: mergedToken.colorText, colorTextLabel: mergedToken.colorTextSecondary, colorTextDescription: mergedToken.colorTextTertiary, colorTextLightSolid: mergedToken.colorWhite, colorHighlight: mergedToken.colorError, colorBgTextHover: mergedToken.colorFillSecondary, colorBgTextActive: mergedToken.colorFill, colorIcon: mergedToken.colorTextTertiary, colorIconHover: mergedToken.colorText, colorErrorOutline: getAlphaColor(mergedToken.colorErrorBg, mergedToken.colorBgContainer), colorWarningOutline: getAlphaColor(mergedToken.colorWarningBg, mergedToken.colorBgContainer), // Font fontSizeIcon: mergedToken.fontSizeSM, // Control lineWidth: mergedToken.lineWidth, controlOutlineWidth: mergedToken.lineWidth * 2, // Checkbox size and expand icon size controlInteractiveSize: mergedToken.controlHeight / 2, controlItemBgHover: mergedToken.colorFillTertiary, controlItemBgActive: mergedToken.colorPrimaryBg, controlItemBgActiveHover: mergedToken.colorPrimaryBgHover, controlItemBgActiveDisabled: mergedToken.colorFill, controlTmpOutline: mergedToken.colorFillQuaternary, controlOutline: getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer), lineType: mergedToken.lineType, borderRadius: mergedToken.borderRadius, borderRadiusXS: mergedToken.borderRadiusXS, borderRadiusSM: mergedToken.borderRadiusSM, borderRadiusLG: mergedToken.borderRadiusLG, fontWeightStrong: 600, opacityLoading: 0.65, linkDecoration: "none", linkHoverDecoration: "none", linkFocusDecoration: "none", controlPaddingHorizontal: 12, controlPaddingHorizontalSM: 8, paddingXXS: mergedToken.sizeXXS, paddingXS: mergedToken.sizeXS, paddingSM: mergedToken.sizeSM, padding: mergedToken.size, paddingMD: mergedToken.sizeMD, paddingLG: mergedToken.sizeLG, paddingXL: mergedToken.sizeXL, paddingContentHorizontalLG: mergedToken.sizeLG, paddingContentVerticalLG: mergedToken.sizeMS, paddingContentHorizontal: mergedToken.sizeMS, paddingContentVertical: mergedToken.sizeSM, paddingContentHorizontalSM: mergedToken.size, paddingContentVerticalSM: mergedToken.sizeXS, marginXXS: mergedToken.sizeXXS, marginXS: mergedToken.sizeXS, marginSM: mergedToken.sizeSM, margin: mergedToken.size, marginMD: mergedToken.sizeMD, marginLG: mergedToken.sizeLG, marginXL: mergedToken.sizeXL, marginXXL: mergedToken.sizeXXL, boxShadow: ` 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02) `, boxShadowSecondary: ` 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowTertiary: ` 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02) `, screenXS, screenXSMin: screenXS, screenXSMax: screenSM - 1, screenSM, screenSMMin: screenSM, screenSMMax: screenMD - 1, screenMD, screenMDMin: screenMD, screenMDMax: screenLG - 1, screenLG, screenLGMin: screenLG, screenLGMax: screenXL - 1, screenXL, screenXLMin: screenXL, screenXLMax: screenXXL - 1, screenXXL, screenXXLMin: screenXXL, screenXXLMax: screenXXXL - 1, screenXXXL, screenXXXLMin: screenXXXL, // FIXME: component box-shadow, should be removed boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)", boxShadowCard: ` 0 1px 2px -2px ${new TinyColor("rgba(0, 0, 0, 0.16)").toRgbString()}, 0 3px 6px 0 ${new TinyColor("rgba(0, 0, 0, 0.12)").toRgbString()}, 0 5px 12px 4px ${new TinyColor("rgba(0, 0, 0, 0.09)").toRgbString()} `, boxShadowDrawerRight: ` -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowDrawerLeft: ` 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowDrawerUp: ` 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowDrawerDown: ` 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)", boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)", boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)", boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)" }), overrideTokens); return aliasToken; } const roundedArrow = (width, innerRadius, outerRadius, bgColor, boxShadow) => { const unitWidth = width / 2; const ax = 0; const ay = unitWidth; const bx = outerRadius * 1 / Math.sqrt(2); const by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2)); const cx = unitWidth - innerRadius * (1 / Math.sqrt(2)); const cy = outerRadius * (Math.sqrt(2) - 1) + innerRadius * (1 / Math.sqrt(2)); const dx = 2 * unitWidth - cx; const dy = cy; const ex = 2 * unitWidth - bx; const ey = by; const fx = 2 * unitWidth - ax; const fy = ay; const shadowWidth = unitWidth * Math.sqrt(2) + outerRadius * (Math.sqrt(2) - 2); const polygonOffset = outerRadius * (Math.sqrt(2) - 1); return { pointerEvents: "none", width, height: width, overflow: "hidden", "&::after": { content: '""', position: "absolute", width: shadowWidth, height: shadowWidth, bottom: 0, insetInline: 0, margin: "auto", borderRadius: { _skip_check_: true, value: `0 0 ${innerRadius}px 0` }, transform: "translateY(50%) rotate(-135deg)", boxShadow, zIndex: 0, background: "transparent" }, "&::before": { position: "absolute", bottom: 0, insetInlineStart: 0, width, height: width / 2, background: bgColor, clipPath: { _multi_value_: true, value: [`polygon(${polygonOffset}px 100%, 50% ${polygonOffset}px, ${2 * unitWidth - polygonOffset}px 100%, ${polygonOffset}px 100%)`, `path('M ${ax} ${ay} A ${outerRadius} ${outerRadius} 0 0 0 ${bx} ${by} L ${cx} ${cy} A ${innerRadius} ${innerRadius} 0 0 1 ${dx} ${dy} L ${ex} ${ey} A ${outerRadius} ${outerRadius} 0 0 0 ${fx} ${fy} Z')`] }, content: '""' } }; }; function genPresetColor(token2, genCss) { return PresetColors.reduce((prev2, colorKey) => { const lightColor = token2[`${colorKey}-1`]; const lightBorderColor = token2[`${colorKey}-3`]; const darkColor = token2[`${colorKey}-6`]; const textColor = token2[`${colorKey}-7`]; return _extends(_extends({}, prev2), genCss(colorKey, { lightColor, lightBorderColor, darkColor, textColor })); }, {}); } const textEllipsis = { overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }; const resetComponent = (token2) => ({ boxSizing: "border-box", margin: 0, padding: 0, color: token2.colorText, fontSize: token2.fontSize, // font-variant: @font-variant-base; lineHeight: token2.lineHeight, listStyle: "none", // font-feature-settings: @font-feature-settings-base; fontFamily: token2.fontFamily }); const resetIcon = () => ({ display: "inline-flex", alignItems: "center", color: "inherit", fontStyle: "normal", lineHeight: 0, textAlign: "center", textTransform: "none", // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 verticalAlign: "-0.125em", textRendering: "optimizeLegibility", "-webkit-font-smoothing": "antialiased", "-moz-osx-font-smoothing": "grayscale", "> *": { lineHeight: 1 }, svg: { display: "inline-block" } }); const clearFix = () => ({ // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229 "&::before": { display: "table", content: '""' }, "&::after": { // https://github.com/ant-design/ant-design/issues/21864 display: "table", clear: "both", content: '""' } }); const genLinkStyle = (token2) => ({ a: { color: token2.colorLink, textDecoration: token2.linkDecoration, backgroundColor: "transparent", outline: "none", cursor: "pointer", transition: `color ${token2.motionDurationSlow}`, "-webkit-text-decoration-skip": "objects", "&:hover": { color: token2.colorLinkHover }, "&:active": { color: token2.colorLinkActive }, [`&:active, &:hover`]: { textDecoration: token2.linkHoverDecoration, outline: 0 }, // https://github.com/ant-design/ant-design/issues/22503 "&:focus": { textDecoration: token2.linkFocusDecoration, outline: 0 }, "&[disabled]": { color: token2.colorTextDisabled, cursor: "not-allowed" } } }); const genCommonStyle = (token2, componentPrefixCls) => { const { fontFamily, fontSize } = token2; const rootPrefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`; return { [rootPrefixSelector]: { fontFamily, fontSize, boxSizing: "border-box", "&::before, &::after": { boxSizing: "border-box" }, [rootPrefixSelector]: { boxSizing: "border-box", "&::before, &::after": { boxSizing: "border-box" } } } }; }; const genFocusOutline = (token2) => ({ outline: `${token2.lineWidthBold}px solid ${token2.colorPrimaryBorder}`, outlineOffset: 1, transition: "outline-offset 0s, outline 0s" }); const genFocusStyle = (token2) => ({ "&:focus-visible": _extends({}, genFocusOutline(token2)) }); function genComponentStyleHook(component, styleFn, getDefaultToken) { return (_prefixCls) => { const prefixCls = require$$0.computed(() => _prefixCls === null || _prefixCls === void 0 ? void 0 : _prefixCls.value); const [theme, token2, hashId] = useToken(); const { getPrefixCls, iconPrefixCls } = useConfigContextInject(); const rootPrefixCls = require$$0.computed(() => getPrefixCls()); const sharedInfo = require$$0.computed(() => { return { theme: theme.value, token: token2.value, hashId: hashId.value, path: ["Shared", rootPrefixCls.value] }; }); useStyleRegister(sharedInfo, () => [{ // Link "&": genLinkStyle(token2.value) }]); const componentInfo = require$$0.computed(() => { return { theme: theme.value, token: token2.value, hashId: hashId.value, path: [component, prefixCls.value, iconPrefixCls.value] }; }); return [useStyleRegister(componentInfo, () => { const { token: proxyToken, flush } = statisticToken(token2.value); const defaultComponentToken = typeof getDefaultToken === "function" ? getDefaultToken(proxyToken) : getDefaultToken; const mergedComponentToken = _extends(_extends({}, defaultComponentToken), token2.value[component]); const componentCls = `.${prefixCls.value}`; const mergedToken = merge(proxyToken, { componentCls, prefixCls: prefixCls.value, iconCls: `.${iconPrefixCls.value}`, antCls: `.${rootPrefixCls.value}` }, mergedComponentToken); const styleInterpolation = styleFn(mergedToken, { hashId: hashId.value, prefixCls: prefixCls.value, rootPrefixCls: rootPrefixCls.value, iconPrefixCls: iconPrefixCls.value, overrideComponentToken: token2.value[component] }); flush(component, mergedComponentToken); return [genCommonStyle(token2.value, prefixCls.value), styleInterpolation]; }), hashId]; }; } const enableStatistic = typeof CSSINJS_STATISTIC !== "undefined"; let recording = true; function merge() { for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) { objs[_key] = arguments[_key]; } if (!enableStatistic) { return _extends({}, ...objs); } recording = false; const ret = {}; objs.forEach((obj) => { const keys2 = Object.keys(obj); keys2.forEach((key2) => { Object.defineProperty(ret, key2, { configurable: true, enumerable: true, get: () => obj[key2] }); }); }); recording = true; return ret; } function noop$3() { } function statisticToken(token2) { let tokenKeys2; let proxy = token2; let flush = noop$3; if (enableStatistic) { tokenKeys2 = /* @__PURE__ */ new Set(); proxy = new Proxy(token2, { get(obj, prop) { if (recording) { tokenKeys2.add(prop); } return obj[prop]; } }); flush = (componentName, componentToken) => { ({ global: Array.from(tokenKeys2), component: componentToken }); }; } return { token: proxy, keys: tokenKeys2, flush }; } function toReactive(objectRef) { if (!require$$0.isRef(objectRef)) return require$$0.reactive(objectRef); const proxy = new Proxy({}, { get(_2, p, receiver) { return Reflect.get(objectRef.value, p, receiver); }, set(_2, p, value) { objectRef.value[p] = value; return true; }, deleteProperty(_2, p) { return Reflect.deleteProperty(objectRef.value, p); }, has(_2, p) { return Reflect.has(objectRef.value, p); }, ownKeys() { return Object.keys(objectRef.value); }, getOwnPropertyDescriptor() { return { enumerable: true, configurable: true }; } }); return require$$0.reactive(proxy); } const defaultTheme = createTheme(derivative); const defaultConfig = { token: defaultSeedToken, hashed: true }; const DesignTokenContextKey = Symbol("DesignTokenContext"); const globalDesignTokenApi = require$$0.ref(); const useDesignTokenProvider = (value) => { require$$0.provide(DesignTokenContextKey, value); require$$0.watchEffect(() => { globalDesignTokenApi.value = value; }); }; const DesignTokenProvider = require$$0.defineComponent({ props: { value: objectType() }, setup(props2, _ref) { let { slots } = _ref; useDesignTokenProvider(toReactive(require$$0.computed(() => props2.value))); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); function useToken() { const designTokenContext = require$$0.inject(DesignTokenContextKey, globalDesignTokenApi.value || defaultConfig); const salt = require$$0.computed(() => `${version}-${designTokenContext.hashed || ""}`); const mergedTheme = require$$0.computed(() => designTokenContext.theme || defaultTheme); const cacheToken = useCacheToken(mergedTheme, require$$0.computed(() => [defaultSeedToken, designTokenContext.token]), require$$0.computed(() => ({ salt: salt.value, override: _extends({ override: designTokenContext.token }, designTokenContext.components), formatToken }))); return [mergedTheme, require$$0.computed(() => cacheToken.value[0]), require$$0.computed(() => designTokenContext.hashed ? cacheToken.value[1] : "")]; } const Empty$2 = require$$0.defineComponent({ compatConfig: { MODE: 3 }, setup() { const [, token2] = useToken(); const themeStyle = require$$0.computed(() => { const bgColor = new TinyColor(token2.value.colorBgBase); if (bgColor.toHsl().l < 0.5) { return { opacity: 0.65 }; } return {}; }); return () => require$$0.createVNode("svg", { "style": themeStyle.value, "width": "184", "height": "152", "viewBox": "0 0 184 152", "xmlns": "http://www.w3.org/2000/svg" }, [require$$0.createVNode("g", { "fill": "none", "fill-rule": "evenodd" }, [require$$0.createVNode("g", { "transform": "translate(24 31.67)" }, [require$$0.createVNode("ellipse", { "fill-opacity": ".8", "fill": "#F5F5F7", "cx": "67.797", "cy": "106.89", "rx": "67.797", "ry": "12.668" }, null), require$$0.createVNode("path", { "d": "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z", "fill": "#AEB8C2" }, null), require$$0.createVNode("path", { "d": "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z", "fill": "url(#linearGradient-1)", "transform": "translate(13.56)" }, null), require$$0.createVNode("path", { "d": "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z", "fill": "#F5F5F7" }, null), require$$0.createVNode("path", { "d": "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z", "fill": "#DCE0E6" }, null)]), require$$0.createVNode("path", { "d": "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z", "fill": "#DCE0E6" }, null), require$$0.createVNode("g", { "transform": "translate(149.65 15.383)", "fill": "#FFF" }, [require$$0.createVNode("ellipse", { "cx": "20.654", "cy": "3.167", "rx": "2.849", "ry": "2.815" }, null), require$$0.createVNode("path", { "d": "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" }, null)])])]); } }); Empty$2.PRESENTED_IMAGE_DEFAULT = true; const DefaultEmptyImg = Empty$2; const Simple = require$$0.defineComponent({ compatConfig: { MODE: 3 }, setup() { const [, token2] = useToken(); const color = require$$0.computed(() => { const { colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer } = token2.value; return { borderColor: new TinyColor(colorFill).onBackground(colorBgContainer).toHexString(), shadowColor: new TinyColor(colorFillTertiary).onBackground(colorBgContainer).toHexString(), contentColor: new TinyColor(colorFillQuaternary).onBackground(colorBgContainer).toHexString() }; }); return () => require$$0.createVNode("svg", { "width": "64", "height": "41", "viewBox": "0 0 64 41", "xmlns": "http://www.w3.org/2000/svg" }, [require$$0.createVNode("g", { "transform": "translate(0 1)", "fill": "none", "fill-rule": "evenodd" }, [require$$0.createVNode("ellipse", { "fill": color.value.shadowColor, "cx": "32", "cy": "33", "rx": "32", "ry": "7" }, null), require$$0.createVNode("g", { "fill-rule": "nonzero", "stroke": color.value.borderColor }, [require$$0.createVNode("path", { "d": "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }, null), require$$0.createVNode("path", { "d": "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", "fill": color.value.contentColor }, null)])])]); } }); Simple.PRESENTED_IMAGE_SIMPLE = true; const SimpleEmptyImg = Simple; const genSharedEmptyStyle = (token2) => { const { componentCls, margin, marginXS, marginXL, fontSize, lineHeight } = token2; return { [componentCls]: { marginInline: marginXS, fontSize, lineHeight, textAlign: "center", // 原来 &-image 没有父子结构，现在为了外层承担我们的hashId，改成父子结果 [`${componentCls}-image`]: { height: token2.emptyImgHeight, marginBottom: marginXS, opacity: token2.opacityImage, img: { height: "100%" }, svg: { height: "100%", margin: "auto" } }, // 原来 &-footer 没有父子结构，现在为了外层承担我们的hashId，改成父子结果 [`${componentCls}-footer`]: { marginTop: margin }, "&-normal": { marginBlock: marginXL, color: token2.colorTextDisabled, [`${componentCls}-image`]: { height: token2.emptyImgHeightMD } }, "&-small": { marginBlock: marginXS, color: token2.colorTextDisabled, [`${componentCls}-image`]: { height: token2.emptyImgHeightSM } } } }; }; const useStyle$f = genComponentStyleHook("Empty", (token2) => { const { componentCls, controlHeightLG } = token2; const emptyToken = merge(token2, { emptyImgCls: `${componentCls}-img`, emptyImgHeight: controlHeightLG * 2.5, emptyImgHeightMD: controlHeightLG, emptyImgHeightSM: controlHeightLG * 0.875 }); return [genSharedEmptyStyle(emptyToken)]; }); var __rest$j = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const defaultEmptyImg = require$$0.createVNode(DefaultEmptyImg, null, null); const simpleEmptyImg = require$$0.createVNode(SimpleEmptyImg, null, null); const emptyProps = () => ({ prefixCls: String, imageStyle: objectType(), image: anyType(), description: anyType() }); const Empty = require$$0.defineComponent({ name: "AEmpty", compatConfig: { MODE: 3 }, inheritAttrs: false, props: emptyProps(), setup(props2, _ref) { let { slots = {}, attrs } = _ref; const { direction, prefixCls: prefixClsRef } = useConfigInject("empty", props2); const [wrapSSR, hashId] = useStyle$f(prefixClsRef); return () => { var _a, _b; const prefixCls = prefixClsRef.value; const _c = _extends(_extends({}, props2), attrs), { image = ((_a = slots.image) === null || _a === void 0 ? void 0 : _a.call(slots)) || defaultEmptyImg, description = ((_b = slots.description) === null || _b === void 0 ? void 0 : _b.call(slots)) || void 0, imageStyle, class: className = "" } = _c, restProps = __rest$j(_c, ["image", "description", "imageStyle", "class"]); return wrapSSR(require$$0.createVNode(LocaleReceiver, { "componentName": "Empty", "children": (locale2) => { const des = typeof description !== "undefined" ? description : locale2.description; const alt = typeof des === "string" ? des : "empty"; let imageNode = null; if (typeof image === "string") { imageNode = require$$0.createVNode("img", { "alt": alt, "src": image }, null); } else { imageNode = image; } return require$$0.createVNode("div", _objectSpread2$1({ "class": classNames(prefixCls, className, hashId.value, { [`${prefixCls}-normal`]: image === simpleEmptyImg, [`${prefixCls}-rtl`]: direction.value === "rtl" }) }, restProps), [require$$0.createVNode("div", { "class": `${prefixCls}-image`, "style": imageStyle }, [imageNode]), des && require$$0.createVNode("p", { "class": `${prefixCls}-description` }, [des]), slots.default && require$$0.createVNode("div", { "class": `${prefixCls}-footer` }, [filterEmpty(slots.default())])]); } }, null)); }; } }); Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg; Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg; const Empty$1 = withInstall(Empty); const DefaultRenderEmpty = (props2) => { const { prefixCls } = useConfigInject("empty", props2); const renderHtml = (componentName) => { switch (componentName) { case "Table": case "List": return require$$0.createVNode(Empty$1, { "image": Empty$1.PRESENTED_IMAGE_SIMPLE }, null); case "Select": case "TreeSelect": case "Cascader": case "Transfer": case "Mentions": return require$$0.createVNode(Empty$1, { "image": Empty$1.PRESENTED_IMAGE_SIMPLE, "class": `${prefixCls.value}-small` }, null); default: return require$$0.createVNode(Empty$1, null, null); } }; return renderHtml(props2.componentName); }; function renderEmpty(componentName) { return require$$0.createVNode(DefaultRenderEmpty, { "componentName": componentName }, null); } const SizeContextKey = Symbol("SizeContextKey"); const useInjectSize = () => { return require$$0.inject(SizeContextKey, require$$0.ref(void 0)); }; const useProviderSize = (size) => { const parentSize = useInjectSize(); require$$0.provide(SizeContextKey, require$$0.computed(() => size.value || parentSize.value)); return size; }; const useConfigInject = (name, props2) => { const sizeContext = useInjectSize(); const disabledContext = useInjectDisabled(); const configProvider = require$$0.inject(configProviderKey, _extends(_extends({}, defaultConfigProvider), { renderEmpty: (name2) => require$$0.h(DefaultRenderEmpty, { componentName: name2 }) })); const prefixCls = require$$0.computed(() => configProvider.getPrefixCls(name, props2.prefixCls)); const direction = require$$0.computed(() => { var _a, _b; return (_a = props2.direction) !== null && _a !== void 0 ? _a : (_b = configProvider.direction) === null || _b === void 0 ? void 0 : _b.value; }); const iconPrefixCls = require$$0.computed(() => { var _a; return (_a = props2.iconPrefixCls) !== null && _a !== void 0 ? _a : configProvider.iconPrefixCls.value; }); const rootPrefixCls = require$$0.computed(() => configProvider.getPrefixCls()); const autoInsertSpaceInButton = require$$0.computed(() => { var _a; return (_a = configProvider.autoInsertSpaceInButton) === null || _a === void 0 ? void 0 : _a.value; }); const renderEmpty2 = configProvider.renderEmpty; const space = configProvider.space; const pageHeader = configProvider.pageHeader; const form = configProvider.form; const getTargetContainer = require$$0.computed(() => { var _a, _b; return (_a = props2.getTargetContainer) !== null && _a !== void 0 ? _a : (_b = configProvider.getTargetContainer) === null || _b === void 0 ? void 0 : _b.value; }); const getPopupContainer = require$$0.computed(() => { var _a, _b; return (_a = props2.getPopupContainer) !== null && _a !== void 0 ? _a : (_b = configProvider.getPopupContainer) === null || _b === void 0 ? void 0 : _b.value; }); const dropdownMatchSelectWidth = require$$0.computed(() => { var _a, _b; return (_a = props2.dropdownMatchSelectWidth) !== null && _a !== void 0 ? _a : (_b = configProvider.dropdownMatchSelectWidth) === null || _b === void 0 ? void 0 : _b.value; }); const virtual = require$$0.computed(() => { var _a; return (props2.virtual === void 0 ? ((_a = configProvider.virtual) === null || _a === void 0 ? void 0 : _a.value) !== false : props2.virtual !== false) && dropdownMatchSelectWidth.value !== false; }); const size = require$$0.computed(() => props2.size || sizeContext.value); const autocomplete = require$$0.computed(() => { var _a, _b, _c; return (_a = props2.autocomplete) !== null && _a !== void 0 ? _a : (_c = (_b = configProvider.input) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.autocomplete; }); const disabled = require$$0.computed(() => { var _a; return (_a = props2.disabled) !== null && _a !== void 0 ? _a : disabledContext.value; }); const csp = require$$0.computed(() => { var _a; return (_a = props2.csp) !== null && _a !== void 0 ? _a : configProvider.csp; }); return { configProvider, prefixCls, direction, size, getTargetContainer, getPopupContainer, space, pageHeader, form, autoInsertSpaceInButton, renderEmpty: renderEmpty2, virtual, dropdownMatchSelectWidth, rootPrefixCls, getPrefixCls: configProvider.getPrefixCls, autocomplete, csp, iconPrefixCls, disabled, select: configProvider.select }; }; function omit(obj, fields) { const shallowCopy = _extends({}, obj); for (let i2 = 0; i2 < fields.length; i2 += 1) { const key2 = fields[i2]; delete shallowCopy[key2]; } return shallowCopy; } function e(e2, t2) { for (var n2 = 0; n2 < t2.length; n2++) { var r2 = t2[n2]; r2.enumerable = r2.enumerable || false, r2.configurable = true, "value" in r2 && (r2.writable = true), Object.defineProperty(e2, r2.key, r2); } } function t(t2, n2, r2) { return n2 && e(t2.prototype, n2), r2 && e(t2, r2), t2; } function n() { return (n = Object.assign || function(e2) { for (var t2 = 1; t2 < arguments.length; t2++) { var n2 = arguments[t2]; for (var r2 in n2) Object.prototype.hasOwnProperty.call(n2, r2) && (e2[r2] = n2[r2]); } return e2; }).apply(this, arguments); } function r(e2, t2) { e2.prototype = Object.create(t2.prototype), e2.prototype.constructor = e2, e2.__proto__ = t2; } function i(e2, t2) { if (null == e2) return {}; var n2, r2, i2 = {}, o2 = Object.keys(e2); for (r2 = 0; r2 < o2.length; r2++) t2.indexOf(n2 = o2[r2]) >= 0 || (i2[n2] = e2[n2]); return i2; } function o(e2) { return 1 == (null != (t2 = e2) && "object" == typeof t2 && false === Array.isArray(t2)) && "[object Object]" === Object.prototype.toString.call(e2); var t2; } var u = Object.prototype, a = u.toString, f = u.hasOwnProperty, c = /^\s*function (\w+)/; function l(e2) { var t2, n2 = null !== (t2 = null == e2 ? void 0 : e2.type) && void 0 !== t2 ? t2 : e2; if (n2) { var r2 = n2.toString().match(c); return r2 ? r2[1] : ""; } return ""; } var s = function(e2) { var t2, n2; return false !== o(e2) && "function" == typeof (t2 = e2.constructor) && false !== o(n2 = t2.prototype) && false !== n2.hasOwnProperty("isPrototypeOf"); }, v = function(e2) { return e2; }, y = v; var d = function(e2, t2) { return f.call(e2, t2); }, h = Number.isInteger || function(e2) { return "number" == typeof e2 && isFinite(e2) && Math.floor(e2) === e2; }, b = Array.isArray || function(e2) { return "[object Array]" === a.call(e2); }, O = function(e2) { return "[object Function]" === a.call(e2); }, g = function(e2) { return s(e2) && d(e2, "_vueTypes_name"); }, m = function(e2) { return s(e2) && (d(e2, "type") || ["_vueTypes_name", "validator", "default", "required"].some(function(t2) { return d(e2, t2); })); }; function j(e2, t2) { return Object.defineProperty(e2.bind(t2), "__original", { value: e2 }); } function _(e2, t2, n2) { var r2; void 0 === n2 && (n2 = false); var i2 = true, o2 = ""; r2 = s(e2) ? e2 : { type: e2 }; var u2 = g(r2) ? r2._vueTypes_name + " - " : ""; if (m(r2) && null !== r2.type) { if (void 0 === r2.type || true === r2.type) return i2; if (!r2.required && void 0 === t2) return i2; b(r2.type) ? (i2 = r2.type.some(function(e3) { return true === _(e3, t2, true); }), o2 = r2.type.map(function(e3) { return l(e3); }).join(" or ")) : i2 = "Array" === (o2 = l(r2)) ? b(t2) : "Object" === o2 ? s(t2) : "String" === o2 || "Number" === o2 || "Boolean" === o2 || "Function" === o2 ? function(e3) { if (null == e3) return ""; var t3 = e3.constructor.toString().match(c); return t3 ? t3[1] : ""; }(t2) === o2 : t2 instanceof r2.type; } if (!i2) { var a2 = u2 + 'value "' + t2 + '" should be of type "' + o2 + '"'; return false === n2 ? (y(a2), false) : a2; } if (d(r2, "validator") && O(r2.validator)) { var f2 = y, v2 = []; if (y = function(e3) { v2.push(e3); }, i2 = r2.validator(t2), y = f2, !i2) { var p = (v2.length > 1 ? "* " : "") + v2.join("\n* "); return v2.length = 0, false === n2 ? (y(p), i2) : p; } } return i2; } function T(e2, t2) { var n2 = Object.defineProperties(t2, { _vueTypes_name: { value: e2, writable: true }, isRequired: { get: function() { return this.required = true, this; } }, def: { value: function(e3) { return void 0 !== e3 || this.default ? O(e3) || true === _(this, e3, true) ? (this.default = b(e3) ? function() { return [].concat(e3); } : s(e3) ? function() { return Object.assign({}, e3); } : e3, this) : (y(this._vueTypes_name + ' - invalid default value: "' + e3 + '"'), this) : this; } } }), r2 = n2.validator; return O(r2) && (n2.validator = j(r2, n2)), n2; } function w(e2, t2) { var n2 = T(e2, t2); return Object.defineProperty(n2, "validate", { value: function(e3) { return O(this.validator) && y(this._vueTypes_name + " - calling .validate() will overwrite the current custom validator function. Validator info:\n" + JSON.stringify(this)), this.validator = j(e3, this), this; } }); } function k(e2, t2, n2) { var r2, o2, u2 = (r2 = t2, o2 = {}, Object.getOwnPropertyNames(r2).forEach(function(e3) { o2[e3] = Object.getOwnPropertyDescriptor(r2, e3); }), Object.defineProperties({}, o2)); if (u2._vueTypes_name = e2, !s(n2)) return u2; var a2, f2, c2 = n2.validator, l2 = i(n2, ["validator"]); if (O(c2)) { var v2 = u2.validator; v2 && (v2 = null !== (f2 = (a2 = v2).__original) && void 0 !== f2 ? f2 : a2), u2.validator = j(v2 ? function(e3) { return v2.call(this, e3) && c2.call(this, e3); } : c2, u2); } return Object.assign(u2, l2); } function P(e2) { return e2.replace(/^(?!\s*$)/gm, " "); } var x = function() { return w("any", {}); }, A = function() { return w("function", { type: Function }); }, E = function() { return w("boolean", { type: Boolean }); }, N = function() { return w("string", { type: String }); }, q = function() { return w("number", { type: Number }); }, S = function() { return w("array", { type: Array }); }, V = function() { return w("object", { type: Object }); }, F = function() { return T("integer", { type: Number, validator: function(e2) { return h(e2); } }); }, D = function() { return T("symbol", { validator: function(e2) { return "symbol" == typeof e2; } }); }; function L(e2, t2) { if (void 0 === t2 && (t2 = "custom validation failed"), "function" != typeof e2) throw new TypeError("[VueTypes error]: You must provide a function as argument"); return T(e2.name || "<<anonymous function>>", { validator: function(n2) { var r2 = e2(n2); return r2 || y(this._vueTypes_name + " - " + t2), r2; } }); } function Y(e2) { if (!b(e2)) throw new TypeError("[VueTypes error]: You must provide an array as argument."); var t2 = 'oneOf - value should be one of "' + e2.join('", "') + '".', n2 = e2.reduce(function(e3, t3) { if (null != t3) { var n3 = t3.constructor; -1 === e3.indexOf(n3) && e3.push(n3); } return e3; }, []); return T("oneOf", { type: n2.length > 0 ? n2 : void 0, validator: function(n3) { var r2 = -1 !== e2.indexOf(n3); return r2 || y(t2), r2; } }); } function B(e2) { if (!b(e2)) throw new TypeError("[VueTypes error]: You must provide an array as argument"); for (var t2 = false, n2 = [], r2 = 0; r2 < e2.length; r2 += 1) { var i2 = e2[r2]; if (m(i2)) { if (g(i2) && "oneOf" === i2._vueTypes_name) { n2 = n2.concat(i2.type); continue; } if (O(i2.validator) && (t2 = true), true !== i2.type && i2.type) { n2 = n2.concat(i2.type); continue; } } n2.push(i2); } return n2 = n2.filter(function(e3, t3) { return n2.indexOf(e3) === t3; }), T("oneOfType", t2 ? { type: n2, validator: function(t3) { var n3 = [], r3 = e2.some(function(e3) { var r4 = _(g(e3) && "oneOf" === e3._vueTypes_name ? e3.type || null : e3, t3, true); return "string" == typeof r4 && n3.push(r4), true === r4; }); return r3 || y("oneOfType - provided value does not match any of the " + n3.length + " passed-in validators:\n" + P(n3.join("\n"))), r3; } } : { type: n2 }); } function I(e2) { return T("arrayOf", { type: Array, validator: function(t2) { var n2, r2 = t2.every(function(t3) { return true === (n2 = _(e2, t3, true)); }); return r2 || y("arrayOf - value validation error:\n" + P(n2)), r2; } }); } function J(e2) { return T("instanceOf", { type: e2 }); } function M(e2) { return T("objectOf", { type: Object, validator: function(t2) { var n2, r2 = Object.keys(t2).every(function(r3) { return true === (n2 = _(e2, t2[r3], true)); }); return r2 || y("objectOf - value validation error:\n" + P(n2)), r2; } }); } function R(e2) { var t2 = Object.keys(e2), n2 = t2.filter(function(t3) { var n3; return !!(null === (n3 = e2[t3]) || void 0 === n3 ? void 0 : n3.required); }), r2 = T("shape", { type: Object, validator: function(r3) { var i2 = this; if (!s(r3)) return false; var o2 = Object.keys(r3); if (n2.length > 0 && n2.some(function(e3) { return -1 === o2.indexOf(e3); })) { var u2 = n2.filter(function(e3) { return -1 === o2.indexOf(e3); }); return y(1 === u2.length ? 'shape - required property "' + u2[0] + '" is not defined.' : 'shape - required properties "' + u2.join('", "') + '" are not defined.'), false; } return o2.every(function(n3) { if (-1 === t2.indexOf(n3)) return true === i2._vueTypes_isLoose || (y('shape - shape definition does not include a "' + n3 + '" property. Allowed keys: "' + t2.join('", "') + '".'), false); var o3 = _(e2[n3], r3[n3], true); return "string" == typeof o3 && y('shape - "' + n3 + '" property validation error:\n ' + P(o3)), true === o3; }); } }); return Object.defineProperty(r2, "_vueTypes_isLoose", { writable: true, value: false }), Object.defineProperty(r2, "loose", { get: function() { return this._vueTypes_isLoose = true, this; } }), r2; } var $ = function() { function e2() { } return e2.extend = function(e3) { var t2 = this; if (b(e3)) return e3.forEach(function(e4) { return t2.extend(e4); }), this; var n2 = e3.name, r2 = e3.validate, o2 = void 0 !== r2 && r2, u2 = e3.getter, a2 = void 0 !== u2 && u2, f2 = i(e3, ["name", "validate", "getter"]); if (d(this, n2)) throw new TypeError('[VueTypes error]: Type "' + n2 + '" already defined'); var c2, l2 = f2.type; return g(l2) ? (delete f2.type, Object.defineProperty(this, n2, a2 ? { get: function() { return k(n2, l2, f2); } } : { value: function() { var e4, t3 = k(n2, l2, f2); return t3.validator && (t3.validator = (e4 = t3.validator).bind.apply(e4, [t3].concat([].slice.call(arguments)))), t3; } })) : (c2 = a2 ? { get: function() { var e4 = Object.assign({}, f2); return o2 ? w(n2, e4) : T(n2, e4); }, enumerable: true } : { value: function() { var e4, t3, r3 = Object.assign({}, f2); return e4 = o2 ? w(n2, r3) : T(n2, r3), r3.validator && (e4.validator = (t3 = r3.validator).bind.apply(t3, [e4].concat([].slice.call(arguments)))), e4; }, enumerable: true }, Object.defineProperty(this, n2, c2)); }, t(e2, null, [{ key: "any", get: function() { return x(); } }, { key: "func", get: function() { return A().def(this.defaults.func); } }, { key: "bool", get: function() { return E().def(this.defaults.bool); } }, { key: "string", get: function() { return N().def(this.defaults.string); } }, { key: "number", get: function() { return q().def(this.defaults.number); } }, { key: "array", get: function() { return S().def(this.defaults.array); } }, { key: "object", get: function() { return V().def(this.defaults.object); } }, { key: "integer", get: function() { return F().def(this.defaults.integer); } }, { key: "symbol", get: function() { return D(); } }]), e2; }(); function z(e2) { var i2; return void 0 === e2 && (e2 = { func: function() { }, bool: true, string: "", number: 0, array: function() { return []; }, object: function() { return {}; }, integer: 0 }), (i2 = function(i3) { function o2() { return i3.apply(this, arguments) || this; } return r(o2, i3), t(o2, null, [{ key: "sensibleDefaults", get: function() { return n({}, this.defaults); }, set: function(t2) { this.defaults = false !== t2 ? n({}, true !== t2 ? t2 : e2) : {}; } }]), o2; }($)).defaults = n({}, e2), i2; } $.defaults = {}, $.custom = L, $.oneOf = Y, $.instanceOf = J, $.oneOfType = B, $.arrayOf = I, $.objectOf = M, $.shape = R, $.utils = { validate: function(e2, t2) { return true === _(t2, e2, true); }, toType: function(e2, t2, n2) { return void 0 === n2 && (n2 = false), n2 ? w(e2, t2) : T(e2, t2); } }; (function(e2) { function t2() { return e2.apply(this, arguments) || this; } return r(t2, e2), t2; })(z()); const PropTypes = z({ func: void 0, bool: void 0, string: void 0, number: void 0, array: void 0, object: void 0, integer: void 0 }); PropTypes.extend([{ name: "looseBool", getter: true, type: Boolean, default: void 0 }, { name: "style", getter: true, type: [String, Object], default: void 0 }, { name: "VueNode", getter: true, type: null }]); const PropTypes$1 = PropTypes; const devWarning = (valid, component, message2) => { warningOnce(valid, `[ant-design-vue: ${component}] ${message2}`); }; function returnEmptyString() { return ""; } function returnDocument(element) { if (element) { return element.ownerDocument; } return window.document; } function noop$2() { } const triggerProps = () => ({ action: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]).def([]), showAction: PropTypes$1.any.def([]), hideAction: PropTypes$1.any.def([]), getPopupClassNameFromAlign: PropTypes$1.any.def(returnEmptyString), onPopupVisibleChange: Function, afterPopupVisibleChange: PropTypes$1.func.def(noop$2), popup: PropTypes$1.any, popupStyle: { type: Object, default: void 0 }, prefixCls: PropTypes$1.string.def("rc-trigger-popup"), popupClassName: PropTypes$1.string.def(""), popupPlacement: String, builtinPlacements: PropTypes$1.object, popupTransitionName: String, popupAnimation: PropTypes$1.any, mouseEnterDelay: PropTypes$1.number.def(0), mouseLeaveDelay: PropTypes$1.number.def(0.1), zIndex: Number, focusDelay: PropTypes$1.number.def(0), blurDelay: PropTypes$1.number.def(0.15), getPopupContainer: Function, getDocument: PropTypes$1.func.def(returnDocument), forceRender: { type: Boolean, default: void 0 }, destroyPopupOnHide: { type: Boolean, default: false }, mask: { type: Boolean, default: false }, maskClosable: { type: Boolean, default: true }, // onPopupAlign: PropTypes.func.def(noop), popupAlign: PropTypes$1.object.def(() => ({})), popupVisible: { type: Boolean, default: void 0 }, defaultPopupVisible: { type: Boolean, default: false }, maskTransitionName: String, maskAnimation: String, stretch: String, alignPoint: { type: Boolean, default: void 0 }, autoDestroy: { type: Boolean, default: false }, mobile: Object, getTriggerDOMNode: Function }); const innerProps = { visible: Boolean, prefixCls: String, zIndex: Number, destroyPopupOnHide: Boolean, forceRender: Boolean, // Legacy Motion animation: [String, Object], transitionName: String, // Measure stretch: { type: String }, // Align align: { type: Object }, point: { type: Object }, getRootDomNode: { type: Function }, getClassNameFromAlign: { type: Function }, onMouseenter: { type: Function }, onMouseleave: { type: Function }, onMousedown: { type: Function }, onTouchstart: { type: Function } }; const mobileProps = _extends(_extends({}, innerProps), { mobile: { type: Object } }); const popupProps = _extends(_extends({}, innerProps), { mask: Boolean, mobile: { type: Object }, maskAnimation: String, maskTransitionName: String }); function getMotion$1(_ref) { let { prefixCls, animation, transitionName: transitionName2 } = _ref; if (animation) { return { name: `${prefixCls}-${animation}` }; } if (transitionName2) { return { name: transitionName2 }; } return {}; } function Mask$1(props2) { const { prefixCls, visible, zIndex, mask, maskAnimation, maskTransitionName } = props2; if (!mask) { return null; } let motion = {}; if (maskTransitionName || maskAnimation) { motion = getMotion$1({ prefixCls, transitionName: maskTransitionName, animation: maskAnimation }); } return require$$0.createVNode(require$$0.Transition, _objectSpread2$1({ "appear": true }, motion), { default: () => [require$$0.withDirectives(require$$0.createVNode("div", { "style": { zIndex }, "class": `${prefixCls}-mask` }, null), [[require$$0.resolveDirective("if"), visible]])] }); } Mask$1.displayName = "Mask"; const MobilePopupInner = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "MobilePopupInner", inheritAttrs: false, props: mobileProps, emits: ["mouseenter", "mouseleave", "mousedown", "touchstart", "align"], setup(props2, _ref) { let { expose, slots } = _ref; const elementRef = require$$0.ref(); expose({ forceAlign: () => { }, getElement: () => elementRef.value }); return () => { var _a; const { zIndex, visible, prefixCls, mobile: { popupClassName, popupStyle, popupMotion = {}, popupRender } = {} } = props2; const mergedStyle = _extends({ zIndex }, popupStyle); let childNode = flattenChildren((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); if (childNode.length > 1) { childNode = require$$0.createVNode("div", { "class": `${prefixCls}-content` }, [childNode]); } if (popupRender) { childNode = popupRender(childNode); } const mergedClassName = classNames(prefixCls, popupClassName); return require$$0.createVNode(require$$0.Transition, _objectSpread2$1({ "ref": elementRef }, popupMotion), { default: () => [visible ? require$$0.createVNode("div", { "class": mergedClassName, "style": mergedStyle }, [childNode]) : null] }); }; } }); var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _arguments, P2, generator) { function adopt(value) { return value instanceof P2 ? value : new P2(function(resolve) { resolve(value); }); } return new (P2 || (P2 = Promise))(function(resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e2) { reject(e2); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e2) { reject(e2); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; const StatusQueue = ["measure", "align", null, "motion"]; const useVisibleStatus = (visible, doMeasure) => { const status = require$$0.shallowRef(null); const rafRef = require$$0.shallowRef(); const destroyRef = require$$0.shallowRef(false); function setStatus(nextStatus) { if (!destroyRef.value) { status.value = nextStatus; } } function cancelRaf() { wrapperRaf.cancel(rafRef.value); } function goNextStatus(callback) { cancelRaf(); rafRef.value = wrapperRaf(() => { let newStatus = status.value; switch (status.value) { case "align": newStatus = "motion"; break; case "motion": newStatus = "stable"; break; } setStatus(newStatus); callback === null || callback === void 0 ? void 0 : callback(); }); } require$$0.watch(visible, () => { setStatus("measure"); }, { immediate: true, flush: "post" }); require$$0.onMounted(() => { require$$0.watch(status, () => { switch (status.value) { case "measure": doMeasure(); break; } if (status.value) { rafRef.value = wrapperRaf(() => __awaiter(void 0, void 0, void 0, function* () { const index2 = StatusQueue.indexOf(status.value); const nextStatus = StatusQueue[index2 + 1]; if (nextStatus && index2 !== -1) { setStatus(nextStatus); } })); } }, { immediate: true, flush: "post" }); }); require$$0.onBeforeUnmount(() => { destroyRef.value = true; cancelRaf(); }); return [status, goNextStatus]; }; const useStretchStyle = (stretch) => { const targetSize = require$$0.shallowRef({ width: 0, height: 0 }); function measureStretch(element) { targetSize.value = { width: element.offsetWidth, height: element.offsetHeight }; } const style2 = require$$0.computed(() => { const sizeStyle = {}; if (stretch.value) { const { width, height } = targetSize.value; if (stretch.value.indexOf("height") !== -1 && height) { sizeStyle.height = `${height}px`; } else if (stretch.value.indexOf("minHeight") !== -1 && height) { sizeStyle.minHeight = `${height}px`; } if (stretch.value.indexOf("width") !== -1 && width) { sizeStyle.width = `${width}px`; } else if (stretch.value.indexOf("minWidth") !== -1 && width) { sizeStyle.minWidth = `${width}px`; } } return sizeStyle; }); return [style2, measureStretch]; }; function ownKeys(object, enumerableOnly) { var keys2 = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function(sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys2.push.apply(keys2, symbols); } return keys2; } function _objectSpread2(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = null != arguments[i2] ? arguments[i2] : {}; i2 % 2 ? ownKeys(Object(source), true).forEach(function(key2) { _defineProperty$m(target, key2, source[key2]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key2) { Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2)); }); } return target; } 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); } function _defineProperty$m(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var vendorPrefix; var jsCssMap = { Webkit: "-webkit-", Moz: "-moz-", // IE did it wrong again ... ms: "-ms-", O: "-o-" }; function getVendorPrefix() { if (vendorPrefix !== void 0) { return vendorPrefix; } vendorPrefix = ""; var style2 = document.createElement("p").style; var testProp = "Transform"; for (var key2 in jsCssMap) { if (key2 + testProp in style2) { vendorPrefix = key2; } } return vendorPrefix; } function getTransitionName$1() { return getVendorPrefix() ? "".concat(getVendorPrefix(), "TransitionProperty") : "transitionProperty"; } function getTransformName() { return getVendorPrefix() ? "".concat(getVendorPrefix(), "Transform") : "transform"; } function setTransitionProperty(node2, value) { var name = getTransitionName$1(); if (name) { node2.style[name] = value; if (name !== "transitionProperty") { node2.style.transitionProperty = value; } } } function setTransform(node2, value) { var name = getTransformName(); if (name) { node2.style[name] = value; if (name !== "transform") { node2.style.transform = value; } } } function getTransitionProperty(node2) { return node2.style.transitionProperty || node2.style[getTransitionName$1()]; } function getTransformXY(node2) { var style2 = window.getComputedStyle(node2, null); var transform = style2.getPropertyValue("transform") || style2.getPropertyValue(getTransformName()); if (transform && transform !== "none") { var matrix = transform.replace(/[^0-9\-.,]/g, "").split(","); return { x: parseFloat(matrix[12] || matrix[4], 0), y: parseFloat(matrix[13] || matrix[5], 0) }; } return { x: 0, y: 0 }; } var matrix2d = /matrix\((.*)\)/; var matrix3d = /matrix3d\((.*)\)/; function setTransformXY(node2, xy) { var style2 = window.getComputedStyle(node2, null); var transform = style2.getPropertyValue("transform") || style2.getPropertyValue(getTransformName()); if (transform && transform !== "none") { var arr; var match2d = transform.match(matrix2d); if (match2d) { match2d = match2d[1]; arr = match2d.split(",").map(function(item) { return parseFloat(item, 10); }); arr[4] = xy.x; arr[5] = xy.y; setTransform(node2, "matrix(".concat(arr.join(","), ")")); } else { var match3d = transform.match(matrix3d)[1]; arr = match3d.split(",").map(function(item) { return parseFloat(item, 10); }); arr[12] = xy.x; arr[13] = xy.y; setTransform(node2, "matrix3d(".concat(arr.join(","), ")")); } } else { setTransform(node2, "translateX(".concat(xy.x, "px) translateY(").concat(xy.y, "px) translateZ(0)")); } } var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source; var getComputedStyleX; function forceRelayout(elem) { var originalStyle = elem.style.display; elem.style.display = "none"; elem.offsetHeight; elem.style.display = originalStyle; } function css(el, name, v2) { var value = v2; if (_typeof(name) === "object") { for (var i2 in name) { if (name.hasOwnProperty(i2)) { css(el, i2, name[i2]); } } return void 0; } if (typeof value !== "undefined") { if (typeof value === "number") { value = "".concat(value, "px"); } el.style[name] = value; return void 0; } return getComputedStyleX(el, name); } function getClientPosition(elem) { var box2; var x2; var y2; var doc = elem.ownerDocument; var body = doc.body; var docElem = doc && doc.documentElement; box2 = elem.getBoundingClientRect(); x2 = Math.floor(box2.left); y2 = Math.floor(box2.top); x2 -= docElem.clientLeft || body.clientLeft || 0; y2 -= docElem.clientTop || body.clientTop || 0; return { left: x2, top: y2 }; } function getScroll$1(w2, top2) { var ret = w2["page".concat(top2 ? "Y" : "X", "Offset")]; var method = "scroll".concat(top2 ? "Top" : "Left"); if (typeof ret !== "number") { var d2 = w2.document; ret = d2.documentElement[method]; if (typeof ret !== "number") { ret = d2.body[method]; } } return ret; } function getScrollLeft(w2) { return getScroll$1(w2); } function getScrollTop(w2) { return getScroll$1(w2, true); } function getOffset(el) { var pos = getClientPosition(el); var doc = el.ownerDocument; var w2 = doc.defaultView || doc.parentWindow; pos.left += getScrollLeft(w2); pos.top += getScrollTop(w2); return pos; } function isWindow(obj) { return obj !== null && obj !== void 0 && obj == obj.window; } function getDocument(node2) { if (isWindow(node2)) { return node2.document; } if (node2.nodeType === 9) { return node2; } return node2.ownerDocument; } function _getComputedStyle(elem, name, cs) { var computedStyle = cs; var val = ""; var d2 = getDocument(elem); computedStyle = computedStyle || d2.defaultView.getComputedStyle(elem, null); if (computedStyle) { val = computedStyle.getPropertyValue(name) || computedStyle[name]; } return val; } var _RE_NUM_NO_PX = new RegExp("^(".concat(RE_NUM, ")(?!px)[a-z%]+$"), "i"); var RE_POS = /^(top|right|bottom|left)$/; var CURRENT_STYLE = "currentStyle"; var RUNTIME_STYLE = "runtimeStyle"; var LEFT = "left"; var PX = "px"; function _getComputedStyleIE(elem, name) { var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name]; if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) { var style2 = elem.style; var left = style2[LEFT]; var rsLeft = elem[RUNTIME_STYLE][LEFT]; elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT]; style2[LEFT] = name === "fontSize" ? "1em" : ret || 0; ret = style2.pixelLeft + PX; style2[LEFT] = left; elem[RUNTIME_STYLE][LEFT] = rsLeft; } return ret === "" ? "auto" : ret; } if (typeof window !== "undefined") { getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE; } function getOffsetDirection(dir, option) { if (dir === "left") { return option.useCssRight ? "right" : dir; } return option.useCssBottom ? "bottom" : dir; } function oppositeOffsetDirection(dir) { if (dir === "left") { return "right"; } else if (dir === "right") { return "left"; } else if (dir === "top") { return "bottom"; } else if (dir === "bottom") { return "top"; } } function setLeftTop(elem, offset2, option) { if (css(elem, "position") === "static") { elem.style.position = "relative"; } var presetH = -999; var presetV = -999; var horizontalProperty = getOffsetDirection("left", option); var verticalProperty = getOffsetDirection("top", option); var oppositeHorizontalProperty = oppositeOffsetDirection(horizontalProperty); var oppositeVerticalProperty = oppositeOffsetDirection(verticalProperty); if (horizontalProperty !== "left") { presetH = 999; } if (verticalProperty !== "top") { presetV = 999; } var originalTransition = ""; var originalOffset = getOffset(elem); if ("left" in offset2 || "top" in offset2) { originalTransition = getTransitionProperty(elem) || ""; setTransitionProperty(elem, "none"); } if ("left" in offset2) { elem.style[oppositeHorizontalProperty] = ""; elem.style[horizontalProperty] = "".concat(presetH, "px"); } if ("top" in offset2) { elem.style[oppositeVerticalProperty] = ""; elem.style[verticalProperty] = "".concat(presetV, "px"); } forceRelayout(elem); var old = getOffset(elem); var originalStyle = {}; for (var key2 in offset2) { if (offset2.hasOwnProperty(key2)) { var dir = getOffsetDirection(key2, option); var preset = key2 === "left" ? presetH : presetV; var off = originalOffset[key2] - old[key2]; if (dir === key2) { originalStyle[dir] = preset + off; } else { originalStyle[dir] = preset - off; } } } css(elem, originalStyle); forceRelayout(elem); if ("left" in offset2 || "top" in offset2) { setTransitionProperty(elem, originalTransition); } var ret = {}; for (var _key in offset2) { if (offset2.hasOwnProperty(_key)) { var _dir = getOffsetDirection(_key, option); var _off = offset2[_key] - originalOffset[_key]; if (_key === _dir) { ret[_dir] = originalStyle[_dir] + _off; } else { ret[_dir] = originalStyle[_dir] - _off; } } } css(elem, ret); } function setTransform$1(elem, offset2) { var originalOffset = getOffset(elem); var originalXY = getTransformXY(elem); var resultXY = { x: originalXY.x, y: originalXY.y }; if ("left" in offset2) { resultXY.x = originalXY.x + offset2.left - originalOffset.left; } if ("top" in offset2) { resultXY.y = originalXY.y + offset2.top - originalOffset.top; } setTransformXY(elem, resultXY); } function setOffset(elem, offset2, option) { if (option.ignoreShake) { var oriOffset = getOffset(elem); var oLeft = oriOffset.left.toFixed(0); var oTop = oriOffset.top.toFixed(0); var tLeft = offset2.left.toFixed(0); var tTop = offset2.top.toFixed(0); if (oLeft === tLeft && oTop === tTop) { return; } } if (option.useCssRight || option.useCssBottom) { setLeftTop(elem, offset2, option); } else if (option.useCssTransform && getTransformName() in document.body.style) { setTransform$1(elem, offset2); } else { setLeftTop(elem, offset2, option); } } function each(arr, fn) { for (var i2 = 0; i2 < arr.length; i2++) { fn(arr[i2]); } } function isBorderBoxFn(elem) { return getComputedStyleX(elem, "boxSizing") === "border-box"; } var BOX_MODELS = ["margin", "border", "padding"]; var CONTENT_INDEX = -1; var PADDING_INDEX = 2; var BORDER_INDEX = 1; var MARGIN_INDEX = 0; function swap(elem, options, callback) { var old = {}; var style2 = elem.style; var name; for (name in options) { if (options.hasOwnProperty(name)) { old[name] = style2[name]; style2[name] = options[name]; } } callback.call(elem); for (name in options) { if (options.hasOwnProperty(name)) { style2[name] = old[name]; } } } function getPBMWidth(elem, props2, which) { var value = 0; var prop; var j2; var i2; for (j2 = 0; j2 < props2.length; j2++) { prop = props2[j2]; if (prop) { for (i2 = 0; i2 < which.length; i2++) { var cssProp = void 0; if (prop === "border") { cssProp = "".concat(prop).concat(which[i2], "Width"); } else { cssProp = prop + which[i2]; } value += parseFloat(getComputedStyleX(elem, cssProp)) || 0; } } } return value; } var domUtils = { getParent: function getParent2(element) { var parent = element; do { if (parent.nodeType === 11 && parent.host) { parent = parent.host; } else { parent = parent.parentNode; } } while (parent && parent.nodeType !== 1 && parent.nodeType !== 9); return parent; } }; each(["Width", "Height"], function(name) { domUtils["doc".concat(name)] = function(refWin) { var d2 = refWin.document; return Math.max( // firefox chrome documentElement.scrollHeight< body.scrollHeight // ie standard mode : documentElement.scrollHeight> body.scrollHeight d2.documentElement["scroll".concat(name)], // quirks : documentElement.scrollHeight 最大等于可视窗口多一点？ d2.body["scroll".concat(name)], domUtils["viewport".concat(name)](d2) ); }; domUtils["viewport".concat(name)] = function(win) { var prop = "client".concat(name); var doc = win.document; var body = doc.body; var documentElement = doc.documentElement; var documentElementProp = documentElement[prop]; return doc.compatMode === "CSS1Compat" && documentElementProp || body && body[prop] || documentElementProp; }; }); function getWH(elem, name, ex) { var extra = ex; if (isWindow(elem)) { return name === "width" ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem); } else if (elem.nodeType === 9) { return name === "width" ? domUtils.docWidth(elem) : domUtils.docHeight(elem); } var which = name === "width" ? ["Left", "Right"] : ["Top", "Bottom"]; var borderBoxValue = name === "width" ? Math.floor(elem.getBoundingClientRect().width) : Math.floor(elem.getBoundingClientRect().height); var isBorderBox = isBorderBoxFn(elem); var cssBoxValue = 0; if (borderBoxValue === null || borderBoxValue === void 0 || borderBoxValue <= 0) { borderBoxValue = void 0; cssBoxValue = getComputedStyleX(elem, name); if (cssBoxValue === null || cssBoxValue === void 0 || Number(cssBoxValue) < 0) { cssBoxValue = elem.style[name] || 0; } cssBoxValue = Math.floor(parseFloat(cssBoxValue)) || 0; } if (extra === void 0) { extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX; } var borderBoxValueOrIsBorderBox = borderBoxValue !== void 0 || isBorderBox; var val = borderBoxValue || cssBoxValue; if (extra === CONTENT_INDEX) { if (borderBoxValueOrIsBorderBox) { return val - getPBMWidth(elem, ["border", "padding"], which); } return cssBoxValue; } else if (borderBoxValueOrIsBorderBox) { if (extra === BORDER_INDEX) { return val; } return val + (extra === PADDING_INDEX ? -getPBMWidth(elem, ["border"], which) : getPBMWidth(elem, ["margin"], which)); } return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which); } var cssShow = { position: "absolute", visibility: "hidden", display: "block" }; function getWHIgnoreDisplay() { for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) { args[_key2] = arguments[_key2]; } var val; var elem = args[0]; if (elem.offsetWidth !== 0) { val = getWH.apply(void 0, args); } else { swap(elem, cssShow, function() { val = getWH.apply(void 0, args); }); } return val; } each(["width", "height"], function(name) { var first = name.charAt(0).toUpperCase() + name.slice(1); domUtils["outer".concat(first)] = function(el, includeMargin) { return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX); }; var which = name === "width" ? ["Left", "Right"] : ["Top", "Bottom"]; domUtils[name] = function(elem, v2) { var val = v2; if (val !== void 0) { if (elem) { var isBorderBox = isBorderBoxFn(elem); if (isBorderBox) { val += getPBMWidth(elem, ["padding", "border"], which); } return css(elem, name, val); } return void 0; } return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX); }; }); function mix(to, from2) { for (var i2 in from2) { if (from2.hasOwnProperty(i2)) { to[i2] = from2[i2]; } } return to; } var utils = { getWindow: function getWindow(node2) { if (node2 && node2.document && node2.setTimeout) { return node2; } var doc = node2.ownerDocument || node2; return doc.defaultView || doc.parentWindow; }, getDocument, offset: function offset2(el, value, option) { if (typeof value !== "undefined") { setOffset(el, value, option || {}); } else { return getOffset(el); } }, isWindow, each, css, clone: function clone(obj) { var i2; var ret = {}; for (i2 in obj) { if (obj.hasOwnProperty(i2)) { ret[i2] = obj[i2]; } } var overflow = obj.overflow; if (overflow) { for (i2 in obj) { if (obj.hasOwnProperty(i2)) { ret.overflow[i2] = obj.overflow[i2]; } } } return ret; }, mix, getWindowScrollLeft: function getWindowScrollLeft(w2) { return getScrollLeft(w2); }, getWindowScrollTop: function getWindowScrollTop(w2) { return getScrollTop(w2); }, merge: function merge2() { var ret = {}; for (var i2 = 0; i2 < arguments.length; i2++) { utils.mix(ret, i2 < 0 || arguments.length <= i2 ? void 0 : arguments[i2]); } return ret; }, viewportWidth: 0, viewportHeight: 0 }; mix(utils, domUtils); var getParent$1 = utils.getParent; function getOffsetParent(element) { if (utils.isWindow(element) || element.nodeType === 9) { return null; } var doc = utils.getDocument(element); var body = doc.body; var parent; var positionStyle = utils.css(element, "position"); var skipStatic = positionStyle === "fixed" || positionStyle === "absolute"; if (!skipStatic) { return element.nodeName.toLowerCase() === "html" ? null : getParent$1(element); } for (parent = getParent$1(element); parent && parent !== body && parent.nodeType !== 9; parent = getParent$1(parent)) { positionStyle = utils.css(parent, "position"); if (positionStyle !== "static") { return parent; } } return null; } var getParent$1$1 = utils.getParent; function isAncestorFixed(element) { if (utils.isWindow(element) || element.nodeType === 9) { return false; } var doc = utils.getDocument(element); var body = doc.body; var parent = null; for ( parent = getParent$1$1(element); // 修复元素位于 document.documentElement 下导致崩溃问题 parent && parent !== body && parent !== doc; parent = getParent$1$1(parent) ) { var positionStyle = utils.css(parent, "position"); if (positionStyle === "fixed") { return true; } } return false; } function getVisibleRectForElement(element, alwaysByViewport) { var visibleRect = { left: 0, right: Infinity, top: 0, bottom: Infinity }; var el = getOffsetParent(element); var doc = utils.getDocument(element); var win = doc.defaultView || doc.parentWindow; var body = doc.body; var documentElement = doc.documentElement; while (el) { if ((navigator.userAgent.indexOf("MSIE") === -1 || el.clientWidth !== 0) && // body may have overflow set on it, yet we still get the entire // viewport. In some browsers, el.offsetParent may be // document.documentElement, so check for that too. el !== body && el !== documentElement && utils.css(el, "overflow") !== "visible") { var pos = utils.offset(el); pos.left += el.clientLeft; pos.top += el.clientTop; visibleRect.top = Math.max(visibleRect.top, pos.top); visibleRect.right = Math.min( visibleRect.right, // consider area without scrollBar pos.left + el.clientWidth ); visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight); visibleRect.left = Math.max(visibleRect.left, pos.left); } else if (el === body || el === documentElement) { break; } el = getOffsetParent(el); } var originalPosition = null; if (!utils.isWindow(element) && element.nodeType !== 9) { originalPosition = element.style.position; var position2 = utils.css(element, "position"); if (position2 === "absolute") { element.style.position = "fixed"; } } var scrollX = utils.getWindowScrollLeft(win); var scrollY = utils.getWindowScrollTop(win); var viewportWidth = utils.viewportWidth(win); var viewportHeight = utils.viewportHeight(win); var documentWidth = documentElement.scrollWidth; var documentHeight = documentElement.scrollHeight; var bodyStyle = window.getComputedStyle(body); if (bodyStyle.overflowX === "hidden") { documentWidth = win.innerWidth; } if (bodyStyle.overflowY === "hidden") { documentHeight = win.innerHeight; } if (element.style) { element.style.position = originalPosition; } if (alwaysByViewport || isAncestorFixed(element)) { visibleRect.left = Math.max(visibleRect.left, scrollX); visibleRect.top = Math.max(visibleRect.top, scrollY); visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth); visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight); } else { var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth); visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth); var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight); visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight); } return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null; } function adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) { var pos = utils.clone(elFuturePos); var size = { width: elRegion.width, height: elRegion.height }; if (overflow.adjustX && pos.left < visibleRect.left) { pos.left = visibleRect.left; } if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) { size.width -= pos.left + size.width - visibleRect.right; } if (overflow.adjustX && pos.left + size.width > visibleRect.right) { pos.left = Math.max(visibleRect.right - size.width, visibleRect.left); } if (overflow.adjustY && pos.top < visibleRect.top) { pos.top = visibleRect.top; } if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) { size.height -= pos.top + size.height - visibleRect.bottom; } if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) { pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top); } return utils.mix(pos, size); } function getRegion(node2) { var offset2; var w2; var h2; if (!utils.isWindow(node2) && node2.nodeType !== 9) { offset2 = utils.offset(node2); w2 = utils.outerWidth(node2); h2 = utils.outerHeight(node2); } else { var win = utils.getWindow(node2); offset2 = { left: utils.getWindowScrollLeft(win), top: utils.getWindowScrollTop(win) }; w2 = utils.viewportWidth(win); h2 = utils.viewportHeight(win); } offset2.width = w2; offset2.height = h2; return offset2; } function getAlignOffset(region, align) { var V2 = align.charAt(0); var H = align.charAt(1); var w2 = region.width; var h2 = region.height; var x2 = region.left; var y2 = region.top; if (V2 === "c") { y2 += h2 / 2; } else if (V2 === "b") { y2 += h2; } if (H === "c") { x2 += w2 / 2; } else if (H === "r") { x2 += w2; } return { left: x2, top: y2 }; } function getElFuturePos(elRegion, refNodeRegion, points, offset2, targetOffset2) { var p1 = getAlignOffset(refNodeRegion, points[1]); var p2 = getAlignOffset(elRegion, points[0]); var diff = [p2.left - p1.left, p2.top - p1.top]; return { left: Math.round(elRegion.left - diff[0] + offset2[0] - targetOffset2[0]), top: Math.round(elRegion.top - diff[1] + offset2[1] - targetOffset2[1]) }; } function isFailX(elFuturePos, elRegion, visibleRect) { return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right; } function isFailY(elFuturePos, elRegion, visibleRect) { return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom; } function isCompleteFailX(elFuturePos, elRegion, visibleRect) { return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left; } function isCompleteFailY(elFuturePos, elRegion, visibleRect) { return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top; } function flip(points, reg, map) { var ret = []; utils.each(points, function(p) { ret.push(p.replace(reg, function(m2) { return map[m2]; })); }); return ret; } function flipOffset(offset2, index2) { offset2[index2] = -offset2[index2]; return offset2; } function convertOffset(str, offsetLen) { var n2; if (/%$/.test(str)) { n2 = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen; } else { n2 = parseInt(str, 10); } return n2 || 0; } function normalizeOffset(offset2, el) { offset2[0] = convertOffset(offset2[0], el.width); offset2[1] = convertOffset(offset2[1], el.height); } function doAlign(el, tgtRegion, align, isTgtRegionVisible) { var points = align.points; var offset2 = align.offset || [0, 0]; var targetOffset2 = align.targetOffset || [0, 0]; var overflow = align.overflow; var source = align.source || el; offset2 = [].concat(offset2); targetOffset2 = [].concat(targetOffset2); overflow = overflow || {}; var newOverflowCfg = {}; var fail = 0; var alwaysByViewport = !!(overflow && overflow.alwaysByViewport); var visibleRect = getVisibleRectForElement(source, alwaysByViewport); var elRegion = getRegion(source); normalizeOffset(offset2, elRegion); normalizeOffset(targetOffset2, tgtRegion); var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset2, targetOffset2); var newElRegion = utils.merge(elRegion, elFuturePos); if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) { if (overflow.adjustX) { if (isFailX(elFuturePos, elRegion, visibleRect)) { var newPoints = flip(points, /[lr]/gi, { l: "r", r: "l" }); var newOffset = flipOffset(offset2, 0); var newTargetOffset = flipOffset(targetOffset2, 0); var newElFuturePos = getElFuturePos(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset); if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) { fail = 1; points = newPoints; offset2 = newOffset; targetOffset2 = newTargetOffset; } } } if (overflow.adjustY) { if (isFailY(elFuturePos, elRegion, visibleRect)) { var _newPoints = flip(points, /[tb]/gi, { t: "b", b: "t" }); var _newOffset = flipOffset(offset2, 1); var _newTargetOffset = flipOffset(targetOffset2, 1); var _newElFuturePos = getElFuturePos(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset); if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) { fail = 1; points = _newPoints; offset2 = _newOffset; targetOffset2 = _newTargetOffset; } } } if (fail) { elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset2, targetOffset2); utils.mix(newElRegion, elFuturePos); } var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect); var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect); if (isStillFailX || isStillFailY) { var _newPoints2 = points; if (isStillFailX) { _newPoints2 = flip(points, /[lr]/gi, { l: "r", r: "l" }); } if (isStillFailY) { _newPoints2 = flip(points, /[tb]/gi, { t: "b", b: "t" }); } points = _newPoints2; offset2 = align.offset || [0, 0]; targetOffset2 = align.targetOffset || [0, 0]; } newOverflowCfg.adjustX = overflow.adjustX && isStillFailX; newOverflowCfg.adjustY = overflow.adjustY && isStillFailY; if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) { newElRegion = adjustForViewport(elFuturePos, elRegion, visibleRect, newOverflowCfg); } } if (newElRegion.width !== elRegion.width) { utils.css(source, "width", utils.width(source) + newElRegion.width - elRegion.width); } if (newElRegion.height !== elRegion.height) { utils.css(source, "height", utils.height(source) + newElRegion.height - elRegion.height); } utils.offset(source, { left: newElRegion.left, top: newElRegion.top }, { useCssRight: align.useCssRight, useCssBottom: align.useCssBottom, useCssTransform: align.useCssTransform, ignoreShake: align.ignoreShake }); return { points, offset: offset2, targetOffset: targetOffset2, overflow: newOverflowCfg }; } function isOutOfVisibleRect(target, alwaysByViewport) { var visibleRect = getVisibleRectForElement(target, alwaysByViewport); var targetRegion = getRegion(target); return !visibleRect || targetRegion.left + targetRegion.width <= visibleRect.left || targetRegion.top + targetRegion.height <= visibleRect.top || targetRegion.left >= visibleRect.right || targetRegion.top >= visibleRect.bottom; } function alignElement(el, refNode, align) { var target = align.target || refNode; var refNodeRegion = getRegion(target); var isTargetNotOutOfVisible = !isOutOfVisibleRect(target, align.overflow && align.overflow.alwaysByViewport); return doAlign(el, refNodeRegion, align, isTargetNotOutOfVisible); } alignElement.__getOffsetParent = getOffsetParent; alignElement.__getVisibleRectForElement = getVisibleRectForElement; function alignPoint(el, tgtPoint, align) { var pageX; var pageY; var doc = utils.getDocument(el); var win = doc.defaultView || doc.parentWindow; var scrollX = utils.getWindowScrollLeft(win); var scrollY = utils.getWindowScrollTop(win); var viewportWidth = utils.viewportWidth(win); var viewportHeight = utils.viewportHeight(win); if ("pageX" in tgtPoint) { pageX = tgtPoint.pageX; } else { pageX = scrollX + tgtPoint.clientX; } if ("pageY" in tgtPoint) { pageY = tgtPoint.pageY; } else { pageY = scrollY + tgtPoint.clientY; } var tgtRegion = { left: pageX, top: pageY, width: 0, height: 0 }; var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight; var points = [align.points[0], "cc"]; return doAlign(el, tgtRegion, _objectSpread2(_objectSpread2({}, align), {}, { points }), pointInView); } function cloneElement(vnode) { let nodeProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; let override = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true; let mergeRef = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false; let ele = vnode; if (Array.isArray(vnode)) { ele = filterEmpty(vnode)[0]; } if (!ele) { return null; } const node2 = require$$0.cloneVNode(ele, nodeProps, mergeRef); node2.props = override ? _extends(_extends({}, node2.props), nodeProps) : node2.props; warning$2(typeof node2.props.class !== "object"); return node2; } const isVisible = (element) => { if (!element) { return false; } if (element.offsetParent) { return true; } if (element.getBBox) { const box2 = element.getBBox(); if (box2.width || box2.height) { return true; } } if (element.getBoundingClientRect) { const box2 = element.getBoundingClientRect(); if (box2.width || box2.height) { return true; } } return false; }; function isSamePoint(prev2, next2) { if (prev2 === next2) return true; if (!prev2 || !next2) return false; if ("pageX" in next2 && "pageY" in next2) { return prev2.pageX === next2.pageX && prev2.pageY === next2.pageY; } if ("clientX" in next2 && "clientY" in next2) { return prev2.clientX === next2.clientX && prev2.clientY === next2.clientY; } return false; } function restoreFocus(activeElement, container) { if (activeElement !== document.activeElement && contains$1(container, activeElement) && typeof activeElement.focus === "function") { activeElement.focus(); } } function monitorResize(element, callback) { let prevWidth = null; let prevHeight = null; function onResize(_ref) { let [{ target }] = _ref; if (!document.documentElement.contains(target)) return; const { width, height } = target.getBoundingClientRect(); const fixedWidth = Math.floor(width); const fixedHeight = Math.floor(height); if (prevWidth !== fixedWidth || prevHeight !== fixedHeight) { Promise.resolve().then(() => { callback({ width: fixedWidth, height: fixedHeight }); }); } prevWidth = fixedWidth; prevHeight = fixedHeight; } const resizeObserver = new index(onResize); if (element) { resizeObserver.observe(element); } return () => { resizeObserver.disconnect(); }; } const useBuffer = (callback, buffer) => { let called = false; let timeout = null; function cancelTrigger() { clearTimeout(timeout); } function trigger2(force) { if (!called || force === true) { if (callback() === false) { return; } called = true; cancelTrigger(); timeout = setTimeout(() => { called = false; }, buffer.value); } else { cancelTrigger(); timeout = setTimeout(() => { called = false; trigger2(); }, buffer.value); } } return [trigger2, () => { called = false; cancelTrigger(); }]; }; function listCacheClear() { this.__data__ = []; this.size = 0; } function eq(value, other) { return value === other || value !== value && other !== other; } function assocIndexOf(array, key2) { var length2 = array.length; while (length2--) { if (eq(array[length2][0], key2)) { return length2; } } return -1; } var arrayProto = Array.prototype; var splice = arrayProto.splice; function listCacheDelete(key2) { var data = this.__data__, index2 = assocIndexOf(data, key2); if (index2 < 0) { return false; } var lastIndex = data.length - 1; if (index2 == lastIndex) { data.pop(); } else { splice.call(data, index2, 1); } --this.size; return true; } function listCacheGet(key2) { var data = this.__data__, index2 = assocIndexOf(data, key2); return index2 < 0 ? void 0 : data[index2][1]; } function listCacheHas(key2) { return assocIndexOf(this.__data__, key2) > -1; } function listCacheSet(key2, value) { var data = this.__data__, index2 = assocIndexOf(data, key2); if (index2 < 0) { ++this.size; data.push([key2, value]); } else { data[index2][1] = value; } return this; } function ListCache(entries) { var index2 = -1, length2 = entries == null ? 0 : entries.length; this.clear(); while (++index2 < length2) { var entry = entries[index2]; 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; function stackClear() { this.__data__ = new ListCache(); this.size = 0; } function stackDelete(key2) { var data = this.__data__, result = data["delete"](key2); this.size = data.size; return result; } function stackGet(key2) { return this.__data__.get(key2); } function stackHas(key2) { return this.__data__.has(key2); } var freeGlobal = typeof global == "object" && global && global.Object === Object && global; const freeGlobal$1 = freeGlobal; var freeSelf = typeof self == "object" && self && self.Object === Object && self; var root = freeGlobal$1 || freeSelf || Function("return this")(); const root$1 = root; var Symbol$1 = root$1.Symbol; const Symbol$2 = Symbol$1; var objectProto$e = Object.prototype; var hasOwnProperty$b = objectProto$e.hasOwnProperty; var nativeObjectToString$1 = objectProto$e.toString; var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0; function getRawTag(value) { var isOwn = hasOwnProperty$b.call(value, symToStringTag$1), tag = value[symToStringTag$1]; try { value[symToStringTag$1] = void 0; var unmasked = true; } catch (e2) { } var result = nativeObjectToString$1.call(value); if (unmasked) { if (isOwn) { value[symToStringTag$1] = tag; } else { delete value[symToStringTag$1]; } } return result; } var objectProto$d = Object.prototype; var nativeObjectToString = objectProto$d.toString; function objectToString(value) { return nativeObjectToString.call(value); } var nullTag = "[object Null]", undefinedTag = "[object Undefined]"; var symToStringTag = Symbol$2 ? Symbol$2.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 isObject(value) { var type = typeof value; return value != null && (type == "object" || type == "function"); } var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]"; function isFunction(value) { if (!isObject(value)) { return false; } var tag = baseGetTag(value); return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag; } var coreJsData = root$1["__core-js_shared__"]; const coreJsData$1 = coreJsData; var maskSrcKey = function() { var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || ""); return uid ? "Symbol(src)_1." + uid : ""; }(); 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 (e2) { } try { return func + ""; } catch (e2) { } } return ""; } var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; var reIsHostCtor = /^\[object .+?Constructor\]$/; var funcProto$1 = Function.prototype, objectProto$c = Object.prototype; var funcToString$1 = funcProto$1.toString; var hasOwnProperty$a = objectProto$c.hasOwnProperty; var reIsNative = RegExp( "^" + funcToString$1.call(hasOwnProperty$a).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$" ); function baseIsNative(value) { if (!isObject(value) || isMasked(value)) { return false; } var pattern = isFunction(value) ? reIsNative : reIsHostCtor; return pattern.test(toSource(value)); } function getValue(object, key2) { return object == null ? void 0 : object[key2]; } function getNative(object, key2) { var value = getValue(object, key2); return baseIsNative(value) ? value : void 0; } var Map$1 = getNative(root$1, "Map"); const Map$2 = Map$1; var nativeCreate = getNative(Object, "create"); const nativeCreate$1 = nativeCreate; function hashClear() { this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {}; this.size = 0; } function hashDelete(key2) { var result = this.has(key2) && delete this.__data__[key2]; this.size -= result ? 1 : 0; return result; } var HASH_UNDEFINED$2 = "__lodash_hash_undefined__"; var objectProto$b = Object.prototype; var hasOwnProperty$9 = objectProto$b.hasOwnProperty; function hashGet(key2) { var data = this.__data__; if (nativeCreate$1) { var result = data[key2]; return result === HASH_UNDEFINED$2 ? void 0 : result; } return hasOwnProperty$9.call(data, key2) ? data[key2] : void 0; } var objectProto$a = Object.prototype; var hasOwnProperty$8 = objectProto$a.hasOwnProperty; function hashHas(key2) { var data = this.__data__; return nativeCreate$1 ? data[key2] !== void 0 : hasOwnProperty$8.call(data, key2); } var HASH_UNDEFINED$1 = "__lodash_hash_undefined__"; function hashSet(key2, value) { var data = this.__data__; this.size += this.has(key2) ? 0 : 1; data[key2] = nativeCreate$1 && value === void 0 ? HASH_UNDEFINED$1 : value; return this; } function Hash(entries) { var index2 = -1, length2 = entries == null ? 0 : entries.length; this.clear(); while (++index2 < length2) { var entry = entries[index2]; 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 mapCacheClear() { this.size = 0; this.__data__ = { "hash": new Hash(), "map": new (Map$2 || ListCache)(), "string": new Hash() }; } function isKeyable(value) { var type = typeof value; return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null; } function getMapData(map, key2) { var data = map.__data__; return isKeyable(key2) ? data[typeof key2 == "string" ? "string" : "hash"] : data.map; } function mapCacheDelete(key2) { var result = getMapData(this, key2)["delete"](key2); this.size -= result ? 1 : 0; return result; } function mapCacheGet(key2) { return getMapData(this, key2).get(key2); } function mapCacheHas(key2) { return getMapData(this, key2).has(key2); } function mapCacheSet(key2, value) { var data = getMapData(this, key2), size = data.size; data.set(key2, value); this.size += data.size == size ? 0 : 1; return this; } function MapCache(entries) { var index2 = -1, length2 = entries == null ? 0 : entries.length; this.clear(); while (++index2 < length2) { var entry = entries[index2]; 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 LARGE_ARRAY_SIZE$1 = 200; function stackSet(key2, value) { var data = this.__data__; if (data instanceof ListCache) { var pairs = data.__data__; if (!Map$2 || pairs.length < LARGE_ARRAY_SIZE$1 - 1) { pairs.push([key2, value]); this.size = ++data.size; return this; } data = this.__data__ = new MapCache(pairs); } data.set(key2, value); this.size = data.size; return this; } function Stack(entries) { var data = this.__data__ = new ListCache(entries); this.size = data.size; } Stack.prototype.clear = stackClear; Stack.prototype["delete"] = stackDelete; Stack.prototype.get = stackGet; Stack.prototype.has = stackHas; Stack.prototype.set = stackSet; 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 index2 = -1, length2 = values == null ? 0 : values.length; this.__data__ = new MapCache(); while (++index2 < length2) { this.add(values[index2]); } } SetCache.prototype.add = SetCache.prototype.push = setCacheAdd; SetCache.prototype.has = setCacheHas; function arraySome(array, predicate) { var index2 = -1, length2 = array == null ? 0 : array.length; while (++index2 < length2) { if (predicate(array[index2], index2, array)) { return true; } } return false; } function cacheHas(cache, key2) { return cache.has(key2); } var COMPARE_PARTIAL_FLAG$3 = 1, COMPARE_UNORDERED_FLAG$1 = 2; function equalArrays(array, other, bitmask, customizer, equalFunc, stack) { var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, arrLength = array.length, othLength = other.length; if (arrLength != othLength && !(isPartial && othLength > arrLength)) { return false; } var arrStacked = stack.get(array); var othStacked = stack.get(other); if (arrStacked && othStacked) { return arrStacked == other && othStacked == array; } var index2 = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$1 ? new SetCache() : void 0; stack.set(array, other); stack.set(other, array); while (++index2 < arrLength) { var arrValue = array[index2], othValue = other[index2]; if (customizer) { var compared = isPartial ? customizer(othValue, arrValue, index2, other, array, stack) : customizer(arrValue, othValue, index2, array, other, stack); } if (compared !== void 0) { if (compared) { continue; } result = false; break; } if (seen) { if (!arraySome(other, 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"](array); stack["delete"](other); return result; } var Uint8Array = root$1.Uint8Array; const Uint8Array$1 = Uint8Array; function mapToArray(map) { var index2 = -1, result = Array(map.size); map.forEach(function(value, key2) { result[++index2] = [key2, value]; }); return result; } function setToArray(set) { var index2 = -1, result = Array(set.size); set.forEach(function(value) { result[++index2] = value; }); return result; } var COMPARE_PARTIAL_FLAG$2 = 1, COMPARE_UNORDERED_FLAG = 2; var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", mapTag$3 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$3 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]"; var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]"; var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto$1 ? symbolProto$1.valueOf : void 0; function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) { switch (tag) { case dataViewTag$2: if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) { return false; } object = object.buffer; other = other.buffer; case arrayBufferTag$1: if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array$1(object), new Uint8Array$1(other))) { return false; } return true; case boolTag$1: case dateTag$1: case numberTag$1: return eq(+object, +other); case errorTag$1: return object.name == other.name && object.message == other.message; case regexpTag$1: case stringTag$1: return object == other + ""; case mapTag$3: var convert = mapToArray; case setTag$3: var isPartial = bitmask & COMPARE_PARTIAL_FLAG$2; convert || (convert = setToArray); if (object.size != other.size && !isPartial) { return false; } var stacked = stack.get(object); if (stacked) { return stacked == other; } bitmask |= COMPARE_UNORDERED_FLAG; stack.set(object, other); var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack); stack["delete"](object); return result; case symbolTag$1: if (symbolValueOf) { return symbolValueOf.call(object) == symbolValueOf.call(other); } } return false; } function arrayPush(array, values) { var index2 = -1, length2 = values.length, offset2 = array.length; while (++index2 < length2) { array[offset2 + index2] = values[index2]; } return array; } var isArray = Array.isArray; const isArray$1 = isArray; function baseGetAllKeys(object, keysFunc, symbolsFunc) { var result = keysFunc(object); return isArray$1(object) ? result : arrayPush(result, symbolsFunc(object)); } function arrayFilter(array, predicate) { var index2 = -1, length2 = array == null ? 0 : array.length, resIndex = 0, result = []; while (++index2 < length2) { var value = array[index2]; if (predicate(value, index2, array)) { result[resIndex++] = value; } } return result; } function stubArray() { return []; } var objectProto$9 = Object.prototype; var propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable; var nativeGetSymbols = Object.getOwnPropertySymbols; var getSymbols = !nativeGetSymbols ? stubArray : function(object) { if (object == null) { return []; } object = Object(object); return arrayFilter(nativeGetSymbols(object), function(symbol) { return propertyIsEnumerable$1.call(object, symbol); }); }; const getSymbols$1 = getSymbols; function baseTimes(n2, iteratee) { var index2 = -1, result = Array(n2); while (++index2 < n2) { result[index2] = iteratee(index2); } return result; } function isObjectLike(value) { return value != null && typeof value == "object"; } var argsTag$2 = "[object Arguments]"; function baseIsArguments(value) { return isObjectLike(value) && baseGetTag(value) == argsTag$2; } var objectProto$8 = Object.prototype; var hasOwnProperty$7 = objectProto$8.hasOwnProperty; var propertyIsEnumerable = objectProto$8.propertyIsEnumerable; var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) { return isObjectLike(value) && hasOwnProperty$7.call(value, "callee") && !propertyIsEnumerable.call(value, "callee"); }; const isArguments$1 = isArguments; function stubFalse() { return false; } 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 Buffer = moduleExports$1 ? root$1.Buffer : void 0; var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0; var isBuffer = nativeIsBuffer || stubFalse; const isBuffer$1 = isBuffer; var MAX_SAFE_INTEGER$1 = 9007199254740991; var reIsUint = /^(?:0|[1-9]\d*)$/; function isIndex(value, length2) { var type = typeof value; length2 = length2 == null ? MAX_SAFE_INTEGER$1 : length2; return !!length2 && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length2); } var MAX_SAFE_INTEGER = 9007199254740991; function isLength(value) { return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; } var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag = "[object Number]", objectTag$3 = "[object Object]", regexpTag = "[object RegExp]", setTag$2 = "[object Set]", stringTag = "[object String]", weakMapTag$1 = "[object WeakMap]"; var arrayBufferTag = "[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 typedArrayTags = {}; typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true; typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag] = typedArrayTags[setTag$2] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag$1] = false; function baseIsTypedArray(value) { return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)]; } function baseUnary(func) { return function(value) { return func(value); }; } 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 freeProcess = moduleExports && freeGlobal$1.process; var nodeUtil = function() { try { var types = freeModule && freeModule.require && freeModule.require("util").types; if (types) { return types; } return freeProcess && freeProcess.binding && freeProcess.binding("util"); } catch (e2) { } }(); const nodeUtil$1 = nodeUtil; var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray; var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray; const isTypedArray$1 = isTypedArray; var objectProto$7 = Object.prototype; var hasOwnProperty$6 = objectProto$7.hasOwnProperty; function arrayLikeKeys(value, inherited) { var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length2 = result.length; for (var key2 in value) { if ((inherited || hasOwnProperty$6.call(value, key2)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode. (key2 == "length" || // Node.js 0.10 has enumerable non-index properties on buffers. isBuff && (key2 == "offset" || key2 == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays. isType && (key2 == "buffer" || key2 == "byteLength" || key2 == "byteOffset") || // Skip index properties. isIndex(key2, length2)))) { result.push(key2); } } return result; } var objectProto$6 = Object.prototype; function isPrototype(value) { var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$6; return value === proto; } function overArg(func, transform) { return function(arg) { return func(transform(arg)); }; } var nativeKeys = overArg(Object.keys, Object); const nativeKeys$1 = nativeKeys; var objectProto$5 = Object.prototype; var hasOwnProperty$5 = objectProto$5.hasOwnProperty; function baseKeys(object) { if (!isPrototype(object)) { return nativeKeys$1(object); } var result = []; for (var key2 in Object(object)) { if (hasOwnProperty$5.call(object, key2) && key2 != "constructor") { result.push(key2); } } return result; } function isArrayLike(value) { return value != null && isLength(value.length) && !isFunction(value); } function keys(object) { return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object); } function getAllKeys(object) { return baseGetAllKeys(object, keys, getSymbols$1); } var COMPARE_PARTIAL_FLAG$1 = 1; var objectProto$4 = Object.prototype; var hasOwnProperty$4 = objectProto$4.hasOwnProperty; function equalObjects(object, other, bitmask, customizer, equalFunc, stack) { var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length; if (objLength != othLength && !isPartial) { return false; } var index2 = objLength; while (index2--) { var key2 = objProps[index2]; if (!(isPartial ? key2 in other : hasOwnProperty$4.call(other, key2))) { return false; } } var objStacked = stack.get(object); var othStacked = stack.get(other); if (objStacked && othStacked) { return objStacked == other && othStacked == object; } var result = true; stack.set(object, other); stack.set(other, object); var skipCtor = isPartial; while (++index2 < objLength) { key2 = objProps[index2]; var objValue = object[key2], othValue = other[key2]; if (customizer) { var compared = isPartial ? customizer(othValue, objValue, key2, other, object, stack) : customizer(objValue, othValue, key2, object, other, stack); } if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack) : compared)) { result = false; break; } skipCtor || (skipCtor = key2 == "constructor"); } if (result && !skipCtor) { var objCtor = object.constructor, othCtor = other.constructor; if (objCtor != othCtor && ("constructor" in object && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) { result = false; } } stack["delete"](object); stack["delete"](other); return result; } var DataView = getNative(root$1, "DataView"); const DataView$1 = DataView; var Promise$1 = getNative(root$1, "Promise"); const Promise$2 = Promise$1; var Set$1 = getNative(root$1, "Set"); const Set$2 = Set$1; var WeakMap$1 = getNative(root$1, "WeakMap"); const WeakMap$2 = WeakMap$1; var mapTag$1 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]"; var dataViewTag = "[object DataView]"; var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$2), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$2), weakMapCtorString = toSource(WeakMap$2); var getTag = baseGetTag; if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag || Map$2 && getTag(new Map$2()) != mapTag$1 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$1 || WeakMap$2 && getTag(new WeakMap$2()) != weakMapTag) { 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; case mapCtorString: return mapTag$1; case promiseCtorString: return promiseTag; case setCtorString: return setTag$1; case weakMapCtorString: return weakMapTag; } } return result; }; } const getTag$1 = getTag; var COMPARE_PARTIAL_FLAG = 1; var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag$1 = "[object Object]"; var objectProto$3 = Object.prototype; var hasOwnProperty$3 = objectProto$3.hasOwnProperty; function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) { var objIsArr = isArray$1(object), othIsArr = isArray$1(other), objTag = objIsArr ? arrayTag : getTag$1(object), othTag = othIsArr ? arrayTag : getTag$1(other); objTag = objTag == argsTag ? objectTag$1 : objTag; othTag = othTag == argsTag ? objectTag$1 : othTag; var objIsObj = objTag == objectTag$1, othIsObj = othTag == objectTag$1, isSameTag = objTag == othTag; if (isSameTag && isBuffer$1(object)) { if (!isBuffer$1(other)) { return false; } objIsArr = true; objIsObj = false; } if (isSameTag && !objIsObj) { stack || (stack = new Stack()); return objIsArr || isTypedArray$1(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack); } if (!(bitmask & COMPARE_PARTIAL_FLAG)) { var objIsWrapped = objIsObj && hasOwnProperty$3.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$3.call(other, "__wrapped__"); if (objIsWrapped || othIsWrapped) { var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other; stack || (stack = new Stack()); return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack); } } if (!isSameTag) { return false; } stack || (stack = new Stack()); return equalObjects(object, other, bitmask, customizer, equalFunc, stack); } function baseIsEqual(value, other, bitmask, customizer, stack) { if (value === other) { return true; } if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) { return value !== value && other !== other; } return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack); } function isEqual(value, other) { return baseIsEqual(value, other); } const alignProps = { align: Object, target: [Object, Function], onAlign: Function, monitorBufferTime: Number, monitorWindowResize: Boolean, disabled: Boolean }; function getElement(func) { if (typeof func !== "function") return null; return func(); } function getPoint(point) { if (typeof point !== "object" || !point) return null; return point; } const Align = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Align", props: alignProps, emits: ["align"], setup(props2, _ref) { let { expose, slots } = _ref; const cacheRef = require$$0.ref({}); const nodeRef = require$$0.ref(); const [forceAlign, cancelForceAlign] = useBuffer(() => { const { disabled: latestDisabled, target: latestTarget, align: latestAlign, onAlign: latestOnAlign } = props2; if (!latestDisabled && latestTarget && nodeRef.value) { const source = nodeRef.value; let result; const element = getElement(latestTarget); const point = getPoint(latestTarget); cacheRef.value.element = element; cacheRef.value.point = point; cacheRef.value.align = latestAlign; const { activeElement } = document; if (element && isVisible(element)) { result = alignElement(source, element, latestAlign); } else if (point) { result = alignPoint(source, point, latestAlign); } restoreFocus(activeElement, source); if (latestOnAlign && result) { latestOnAlign(source, result); } return true; } return false; }, require$$0.computed(() => props2.monitorBufferTime)); const resizeMonitor = require$$0.ref({ cancel: () => { } }); const sourceResizeMonitor = require$$0.ref({ cancel: () => { } }); const goAlign = () => { const target = props2.target; const element = getElement(target); const point = getPoint(target); if (nodeRef.value !== sourceResizeMonitor.value.element) { sourceResizeMonitor.value.cancel(); sourceResizeMonitor.value.element = nodeRef.value; sourceResizeMonitor.value.cancel = monitorResize(nodeRef.value, forceAlign); } if (cacheRef.value.element !== element || !isSamePoint(cacheRef.value.point, point) || !isEqual(cacheRef.value.align, props2.align)) { forceAlign(); if (resizeMonitor.value.element !== element) { resizeMonitor.value.cancel(); resizeMonitor.value.element = element; resizeMonitor.value.cancel = monitorResize(element, forceAlign); } } }; require$$0.onMounted(() => { require$$0.nextTick(() => { goAlign(); }); }); require$$0.onUpdated(() => { require$$0.nextTick(() => { goAlign(); }); }); require$$0.watch(() => props2.disabled, (disabled) => { if (!disabled) { forceAlign(); } else { cancelForceAlign(); } }, { immediate: true, flush: "post" }); const winResizeRef = require$$0.ref(null); require$$0.watch(() => props2.monitorWindowResize, (monitorWindowResize) => { if (monitorWindowResize) { if (!winResizeRef.value) { winResizeRef.value = addEventListenerWrap(window, "resize", forceAlign); } } else if (winResizeRef.value) { winResizeRef.value.remove(); winResizeRef.value = null; } }, { flush: "post" }); require$$0.onUnmounted(() => { resizeMonitor.value.cancel(); sourceResizeMonitor.value.cancel(); if (winResizeRef.value) winResizeRef.value.remove(); cancelForceAlign(); }); expose({ forceAlign: () => forceAlign(true) }); return () => { const child = slots === null || slots === void 0 ? void 0 : slots.default(); if (child) { return cloneElement(child[0], { ref: nodeRef }, true, true); } return null; }; } }); tuple("bottomLeft", "bottomRight", "topLeft", "topRight"); const getTransitionProps = function(transitionName2) { let opt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; const transitionProps = transitionName2 ? _extends({ name: transitionName2, appear: true, // type: 'animation', // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`, // appearActiveClass: `antdv-base-transtion`, // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`, enterFromClass: `${transitionName2}-enter ${transitionName2}-enter-prepare ${transitionName2}-enter-start`, enterActiveClass: `${transitionName2}-enter ${transitionName2}-enter-prepare`, enterToClass: `${transitionName2}-enter ${transitionName2}-enter-active`, leaveFromClass: ` ${transitionName2}-leave`, leaveActiveClass: `${transitionName2}-leave ${transitionName2}-leave-active`, leaveToClass: `${transitionName2}-leave ${transitionName2}-leave-active` }, opt) : _extends({ css: false }, opt); return transitionProps; }; const getTransitionGroupProps = function(transitionName2) { let opt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; const transitionProps = transitionName2 ? _extends({ name: transitionName2, appear: true, // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`, appearActiveClass: `${transitionName2}`, appearToClass: `${transitionName2}-appear ${transitionName2}-appear-active`, enterFromClass: `${transitionName2}-appear ${transitionName2}-enter ${transitionName2}-appear-prepare ${transitionName2}-enter-prepare`, enterActiveClass: `${transitionName2}`, enterToClass: `${transitionName2}-enter ${transitionName2}-appear ${transitionName2}-appear-active ${transitionName2}-enter-active`, leaveActiveClass: `${transitionName2} ${transitionName2}-leave`, leaveToClass: `${transitionName2}-leave-active` }, opt) : _extends({ css: false }, opt); return transitionProps; }; const getTransitionName = (rootPrefixCls, motion, transitionName2) => { if (transitionName2 !== void 0) { return transitionName2; } return `${rootPrefixCls}-${motion}`; }; const PopupInner = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "PopupInner", inheritAttrs: false, props: innerProps, emits: ["mouseenter", "mouseleave", "mousedown", "touchstart", "align"], setup(props2, _ref) { let { expose, attrs, slots } = _ref; const alignRef = require$$0.shallowRef(); const elementRef = require$$0.shallowRef(); const alignedClassName = require$$0.shallowRef(); const [stretchStyle, measureStretchStyle] = useStretchStyle(require$$0.toRef(props2, "stretch")); const doMeasure = () => { if (props2.stretch) { measureStretchStyle(props2.getRootDomNode()); } }; const visible = require$$0.shallowRef(false); let timeoutId; require$$0.watch(() => props2.visible, (val) => { clearTimeout(timeoutId); if (val) { timeoutId = setTimeout(() => { visible.value = props2.visible; }); } else { visible.value = false; } }, { immediate: true }); const [status, goNextStatus] = useVisibleStatus(visible, doMeasure); const prepareResolveRef = require$$0.shallowRef(); const getAlignTarget = () => { if (props2.point) { return props2.point; } return props2.getRootDomNode; }; const forceAlign = () => { var _a; (_a = alignRef.value) === null || _a === void 0 ? void 0 : _a.forceAlign(); }; const onInternalAlign = (popupDomNode, matchAlign) => { var _a; const nextAlignedClassName = props2.getClassNameFromAlign(matchAlign); const preAlignedClassName = alignedClassName.value; if (alignedClassName.value !== nextAlignedClassName) { alignedClassName.value = nextAlignedClassName; } if (status.value === "align") { if (preAlignedClassName !== nextAlignedClassName) { Promise.resolve().then(() => { forceAlign(); }); } else { goNextStatus(() => { var _a2; (_a2 = prepareResolveRef.value) === null || _a2 === void 0 ? void 0 : _a2.call(prepareResolveRef); }); } (_a = props2.onAlign) === null || _a === void 0 ? void 0 : _a.call(props2, popupDomNode, matchAlign); } }; const motion = require$$0.computed(() => { const m2 = typeof props2.animation === "object" ? props2.animation : getMotion$1(props2); ["onAfterEnter", "onAfterLeave"].forEach((eventName) => { const originFn = m2[eventName]; m2[eventName] = (node2) => { goNextStatus(); status.value = "stable"; originFn === null || originFn === void 0 ? void 0 : originFn(node2); }; }); return m2; }); const onShowPrepare = () => { return new Promise((resolve) => { prepareResolveRef.value = resolve; }); }; require$$0.watch([motion, status], () => { if (!motion.value && status.value === "motion") { goNextStatus(); } }, { immediate: true }); expose({ forceAlign, getElement: () => { return elementRef.value.$el || elementRef.value; } }); const alignDisabled = require$$0.computed(() => { var _a; if (((_a = props2.align) === null || _a === void 0 ? void 0 : _a.points) && (status.value === "align" || status.value === "stable")) { return false; } return true; }); return () => { var _a; const { zIndex, align, prefixCls, destroyPopupOnHide, onMouseenter, onMouseleave, onTouchstart = () => { }, onMousedown } = props2; const statusValue = status.value; const mergedStyle = [_extends(_extends({}, stretchStyle.value), { zIndex, opacity: statusValue === "motion" || statusValue === "stable" || !visible.value ? null : 0, // pointerEvents: statusValue === 'stable' ? null : 'none', pointerEvents: !visible.value && statusValue !== "stable" ? "none" : null }), attrs.style]; let childNode = flattenChildren((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, { visible: props2.visible })); if (childNode.length > 1) { childNode = require$$0.createVNode("div", { "class": `${prefixCls}-content` }, [childNode]); } const mergedClassName = classNames(prefixCls, attrs.class, alignedClassName.value); const hasAnimate = visible.value || !props2.visible; const transitionProps = hasAnimate ? getTransitionProps(motion.value.name, motion.value) : {}; return require$$0.createVNode(require$$0.Transition, _objectSpread2$1(_objectSpread2$1({ "ref": elementRef }, transitionProps), {}, { "onBeforeEnter": onShowPrepare }), { default: () => { return !destroyPopupOnHide || props2.visible ? require$$0.withDirectives(require$$0.createVNode(Align, { "target": getAlignTarget(), "key": "popup", "ref": alignRef, "monitorWindowResize": true, "disabled": alignDisabled.value, "align": align, "onAlign": onInternalAlign }, { default: () => require$$0.createVNode("div", { "class": mergedClassName, "onMouseenter": onMouseenter, "onMouseleave": onMouseleave, "onMousedown": require$$0.withModifiers(onMousedown, ["capture"]), [supportsPassive$1 ? "onTouchstartPassive" : "onTouchstart"]: require$$0.withModifiers(onTouchstart, ["capture"]), "style": mergedStyle }, [childNode]) }), [[require$$0.vShow, visible.value]]) : null; } }); }; } }); const Popup = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Popup", inheritAttrs: false, props: popupProps, setup(props2, _ref) { let { attrs, slots, expose } = _ref; const innerVisible = require$$0.shallowRef(false); const inMobile = require$$0.shallowRef(false); const popupRef = require$$0.shallowRef(); const rootRef = require$$0.shallowRef(); require$$0.watch([() => props2.visible, () => props2.mobile], () => { innerVisible.value = props2.visible; if (props2.visible && props2.mobile) { inMobile.value = true; } }, { immediate: true, flush: "post" }); expose({ forceAlign: () => { var _a; (_a = popupRef.value) === null || _a === void 0 ? void 0 : _a.forceAlign(); }, getElement: () => { var _a; return (_a = popupRef.value) === null || _a === void 0 ? void 0 : _a.getElement(); } }); return () => { const cloneProps = _extends(_extends(_extends({}, props2), attrs), { visible: innerVisible.value }); const popupNode = inMobile.value ? require$$0.createVNode(MobilePopupInner, _objectSpread2$1(_objectSpread2$1({}, cloneProps), {}, { "mobile": props2.mobile, "ref": popupRef }), { default: slots.default }) : require$$0.createVNode(PopupInner, _objectSpread2$1(_objectSpread2$1({}, cloneProps), {}, { "ref": popupRef }), { default: slots.default }); return require$$0.createVNode("div", { "ref": rootRef }, [require$$0.createVNode(Mask$1, cloneProps, null), popupNode]); }; } }); function isPointsEq(a1, a2, isAlignPoint) { if (isAlignPoint) { return a1[0] === a2[0]; } return a1[0] === a2[0] && a1[1] === a2[1]; } function getAlignFromPlacement(builtinPlacements, placementStr, align) { const baseAlign = builtinPlacements[placementStr] || {}; return _extends(_extends({}, baseAlign), align); } function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) { const { points } = align; const placements2 = Object.keys(builtinPlacements); for (let i2 = 0; i2 < placements2.length; i2 += 1) { const placement = placements2[i2]; if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) { return `${prefixCls}-placement-${placement}`; } } return ""; } const BaseMixin = { methods: { setState() { let state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; let callback = arguments.length > 1 ? arguments[1] : void 0; let newState = typeof state === "function" ? state(this.$data, this.$props) : state; if (this.getDerivedStateFromProps) { const s2 = this.getDerivedStateFromProps(getOptionProps(this), _extends(_extends({}, this.$data), newState)); if (s2 === null) { return; } else { newState = _extends(_extends({}, newState), s2 || {}); } } _extends(this.$data, newState); if (this._.isMounted) { this.$forceUpdate(); } require$$0.nextTick(() => { callback && callback(); }); }, __emit() { const args = [].slice.call(arguments, 0); let eventName = args[0]; eventName = `on${eventName[0].toUpperCase()}${eventName.substring(1)}`; const event = this.$props[eventName] || this.$attrs[eventName]; if (args.length && event) { if (Array.isArray(event)) { for (let i2 = 0, l2 = event.length; i2 < l2; i2++) { event[i2](...args.slice(1)); } } else { event(...args.slice(1)); } } } } }; const PortalContextKey = Symbol("PortalContextKey"); const useProvidePortal = function(instance) { let config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { inTriggerContext: true }; require$$0.provide(PortalContextKey, { inTriggerContext: config.inTriggerContext, shouldRender: require$$0.computed(() => { const { sPopupVisible, popupRef, forceRender, autoDestroy } = instance || {}; let shouldRender = false; if (sPopupVisible || popupRef || forceRender) { shouldRender = true; } if (!sPopupVisible && autoDestroy) { shouldRender = false; } return shouldRender; }) }); }; const useInjectPortal = () => { useProvidePortal({}, { inTriggerContext: false }); const portalContext = require$$0.inject(PortalContextKey, { shouldRender: require$$0.computed(() => false), inTriggerContext: false }); return { shouldRender: require$$0.computed(() => portalContext.shouldRender.value || portalContext.inTriggerContext === false) }; }; const Portal$1 = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Portal", inheritAttrs: false, props: { getContainer: PropTypes$1.func.isRequired, didUpdate: Function }, setup(props2, _ref) { let { slots } = _ref; let isSSR = true; let container; const { shouldRender } = useInjectPortal(); require$$0.onBeforeMount(() => { isSSR = false; if (shouldRender.value) { container = props2.getContainer(); } }); const stopWatch = require$$0.watch(shouldRender, () => { if (shouldRender.value && !container) { container = props2.getContainer(); } if (container) { stopWatch(); } }); require$$0.onUpdated(() => { require$$0.nextTick(() => { var _a; if (shouldRender.value) { (_a = props2.didUpdate) === null || _a === void 0 ? void 0 : _a.call(props2, props2); } }); }); return () => { var _a; if (!shouldRender.value) return null; if (isSSR) { return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } return container ? require$$0.createVNode(require$$0.Teleport, { "to": container }, slots) : null; }; } }); let cached; function getScrollBarSize(fresh) { if (typeof document === "undefined") { return 0; } if (fresh || cached === void 0) { const inner = document.createElement("div"); inner.style.width = "100%"; inner.style.height = "200px"; const outer = document.createElement("div"); const outerStyle = outer.style; outerStyle.position = "absolute"; outerStyle.top = "0"; outerStyle.left = "0"; outerStyle.pointerEvents = "none"; outerStyle.visibility = "hidden"; outerStyle.width = "200px"; outerStyle.height = "150px"; outerStyle.overflow = "hidden"; outer.appendChild(inner); document.body.appendChild(outer); const widthContained = inner.offsetWidth; outer.style.overflow = "scroll"; let widthScroll = inner.offsetWidth; if (widthContained === widthScroll) { widthScroll = outer.clientWidth; } document.body.removeChild(outer); cached = widthContained - widthScroll; } return cached; } const UNIQUE_ID = `vc-util-locker-${Date.now()}`; let uuid$3 = 0; function isBodyOverflowing() { return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth; } function useScrollLocker(lock) { const mergedLock = require$$0.computed(() => !!lock && !!lock.value); uuid$3 += 1; const id = `${UNIQUE_ID}_${uuid$3}`; require$$0.watchEffect((onClear) => { if (!canUseDom$1()) { return; } if (mergedLock.value) { const scrollbarSize = getScrollBarSize(); const isOverflow = isBodyOverflowing(); updateCSS$1(` html body { overflow-y: hidden; ${isOverflow ? `width: calc(100% - ${scrollbarSize}px);` : ""} }`, id); } else { removeCSS(id); } onClear(() => { removeCSS(id); }); }, { flush: "post" }); } let openCount = 0; const supportDom = canUseDom$1(); const getParent = (getContainer2) => { if (!supportDom) { return null; } if (getContainer2) { if (typeof getContainer2 === "string") { return document.querySelectorAll(getContainer2)[0]; } if (typeof getContainer2 === "function") { return getContainer2(); } if (typeof getContainer2 === "object" && getContainer2 instanceof window.HTMLElement) { return getContainer2; } } return document.body; }; const Portal = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "PortalWrapper", inheritAttrs: false, props: { wrapperClassName: String, forceRender: { type: Boolean, default: void 0 }, getContainer: PropTypes$1.any, visible: { type: Boolean, default: void 0 }, autoLock: booleanType(), didUpdate: Function }, setup(props2, _ref) { let { slots } = _ref; const container = require$$0.shallowRef(); const componentRef = require$$0.shallowRef(); const rafId = require$$0.shallowRef(); const defaultContainer = canUseDom$1() && document.createElement("div"); const removeCurrentContainer = () => { var _a, _b; if (container.value === defaultContainer) { (_b = (_a = container.value) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(container.value); } container.value = null; }; let parent = null; const attachToParent = function() { let force = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false; if (force || container.value && !container.value.parentNode) { parent = getParent(props2.getContainer); if (parent) { parent.appendChild(container.value); return true; } return false; } return true; }; const getContainer2 = () => { if (!supportDom) { return null; } if (!container.value) { container.value = defaultContainer; attachToParent(true); } setWrapperClassName(); return container.value; }; const setWrapperClassName = () => { const { wrapperClassName } = props2; if (container.value && wrapperClassName && wrapperClassName !== container.value.className) { container.value.className = wrapperClassName; } }; require$$0.onUpdated(() => { setWrapperClassName(); attachToParent(); }); const instance = require$$0.getCurrentInstance(); useScrollLocker(require$$0.computed(() => { return props2.autoLock && props2.visible && canUseDom$1() && (container.value === document.body || container.value === defaultContainer); })); require$$0.onMounted(() => { let init = false; require$$0.watch([() => props2.visible, () => props2.getContainer], (_ref2, _ref3) => { let [visible, getContainer3] = _ref2; let [prevVisible, prevGetContainer] = _ref3; if (supportDom) { parent = getParent(props2.getContainer); if (parent === document.body) { if (visible && !prevVisible) { openCount += 1; } else if (init) { openCount -= 1; } } } if (init) { const getContainerIsFunc = typeof getContainer3 === "function" && typeof prevGetContainer === "function"; if (getContainerIsFunc ? getContainer3.toString() !== prevGetContainer.toString() : getContainer3 !== prevGetContainer) { removeCurrentContainer(); } } init = true; }, { immediate: true, flush: "post" }); require$$0.nextTick(() => { if (!attachToParent()) { rafId.value = wrapperRaf(() => { instance.update(); }); } }); }); require$$0.onBeforeUnmount(() => { const { visible } = props2; if (supportDom && parent === document.body) { openCount = visible && openCount ? openCount - 1 : openCount; } removeCurrentContainer(); wrapperRaf.cancel(rafId.value); }); return () => { const { forceRender, visible } = props2; let portal = null; const childProps = { getOpenCount: () => openCount, getContainer: getContainer2 }; if (forceRender || visible || componentRef.value) { portal = require$$0.createVNode(Portal$1, { "getContainer": getContainer2, "ref": componentRef, "didUpdate": props2.didUpdate }, { default: () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, childProps); } }); } return portal; }; } }); const ALL_HANDLERS = ["onClick", "onMousedown", "onTouchstart", "onMouseenter", "onMouseleave", "onFocus", "onBlur", "onContextmenu"]; const Trigger = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Trigger", mixins: [BaseMixin], inheritAttrs: false, props: triggerProps(), setup(props2) { const align = require$$0.computed(() => { const { popupPlacement, popupAlign, builtinPlacements } = props2; if (popupPlacement && builtinPlacements) { return getAlignFromPlacement(builtinPlacements, popupPlacement, popupAlign); } return popupAlign; }); const popupRef = require$$0.shallowRef(null); const setPopupRef = (val) => { popupRef.value = val; }; return { vcTriggerContext: require$$0.inject("vcTriggerContext", {}), popupRef, setPopupRef, triggerRef: require$$0.shallowRef(null), align, focusTime: null, clickOutsideHandler: null, contextmenuOutsideHandler1: null, contextmenuOutsideHandler2: null, touchOutsideHandler: null, attachId: null, delayTimer: null, hasPopupMouseDown: false, preClickTime: null, preTouchTime: null, mouseDownTimeout: null, childOriginEvents: {} }; }, data() { const props2 = this.$props; let popupVisible; if (this.popupVisible !== void 0) { popupVisible = !!props2.popupVisible; } else { popupVisible = !!props2.defaultPopupVisible; } ALL_HANDLERS.forEach((h2) => { this[`fire${h2}`] = (e2) => { this.fireEvents(h2, e2); }; }); return { prevPopupVisible: popupVisible, sPopupVisible: popupVisible, point: null }; }, watch: { popupVisible(val) { if (val !== void 0) { this.prevPopupVisible = this.sPopupVisible; this.sPopupVisible = val; } } }, created() { require$$0.provide("vcTriggerContext", { onPopupMouseDown: this.onPopupMouseDown, onPopupMouseenter: this.onPopupMouseenter, onPopupMouseleave: this.onPopupMouseleave }); useProvidePortal(this); }, deactivated() { this.setPopupVisible(false); }, mounted() { this.$nextTick(() => { this.updatedCal(); }); }, updated() { this.$nextTick(() => { this.updatedCal(); }); }, beforeUnmount() { this.clearDelayTimer(); this.clearOutsideHandler(); clearTimeout(this.mouseDownTimeout); wrapperRaf.cancel(this.attachId); }, methods: { updatedCal() { const props2 = this.$props; const state = this.$data; if (state.sPopupVisible) { let currentDocument; if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextmenuToShow())) { currentDocument = props2.getDocument(this.getRootDomNode()); this.clickOutsideHandler = addEventListenerWrap(currentDocument, "mousedown", this.onDocumentClick); } if (!this.touchOutsideHandler) { currentDocument = currentDocument || props2.getDocument(this.getRootDomNode()); this.touchOutsideHandler = addEventListenerWrap(currentDocument, "touchstart", this.onDocumentClick, supportsPassive$1 ? { passive: false } : false); } if (!this.contextmenuOutsideHandler1 && this.isContextmenuToShow()) { currentDocument = currentDocument || props2.getDocument(this.getRootDomNode()); this.contextmenuOutsideHandler1 = addEventListenerWrap(currentDocument, "scroll", this.onContextmenuClose); } if (!this.contextmenuOutsideHandler2 && this.isContextmenuToShow()) { this.contextmenuOutsideHandler2 = addEventListenerWrap(window, "blur", this.onContextmenuClose); } } else { this.clearOutsideHandler(); } }, onMouseenter(e2) { const { mouseEnterDelay } = this.$props; this.fireEvents("onMouseenter", e2); this.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e2); }, onMouseMove(e2) { this.fireEvents("onMousemove", e2); this.setPoint(e2); }, onMouseleave(e2) { this.fireEvents("onMouseleave", e2); this.delaySetPopupVisible(false, this.$props.mouseLeaveDelay); }, onPopupMouseenter() { const { vcTriggerContext = {} } = this; if (vcTriggerContext.onPopupMouseenter) { vcTriggerContext.onPopupMouseenter(); } this.clearDelayTimer(); }, onPopupMouseleave(e2) { var _a; if (e2 && e2.relatedTarget && !e2.relatedTarget.setTimeout && contains$1((_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.getElement(), e2.relatedTarget)) { return; } this.delaySetPopupVisible(false, this.$props.mouseLeaveDelay); const { vcTriggerContext = {} } = this; if (vcTriggerContext.onPopupMouseleave) { vcTriggerContext.onPopupMouseleave(e2); } }, onFocus(e2) { this.fireEvents("onFocus", e2); this.clearDelayTimer(); if (this.isFocusToShow()) { this.focusTime = Date.now(); this.delaySetPopupVisible(true, this.$props.focusDelay); } }, onMousedown(e2) { this.fireEvents("onMousedown", e2); this.preClickTime = Date.now(); }, onTouchstart(e2) { this.fireEvents("onTouchstart", e2); this.preTouchTime = Date.now(); }, onBlur(e2) { if (!contains$1(e2.target, e2.relatedTarget || document.activeElement)) { this.fireEvents("onBlur", e2); this.clearDelayTimer(); if (this.isBlurToHide()) { this.delaySetPopupVisible(false, this.$props.blurDelay); } } }, onContextmenu(e2) { e2.preventDefault(); this.fireEvents("onContextmenu", e2); this.setPopupVisible(true, e2); }, onContextmenuClose() { if (this.isContextmenuToShow()) { this.close(); } }, onClick(event) { this.fireEvents("onClick", event); if (this.focusTime) { let preTime; if (this.preClickTime && this.preTouchTime) { preTime = Math.min(this.preClickTime, this.preTouchTime); } else if (this.preClickTime) { preTime = this.preClickTime; } else if (this.preTouchTime) { preTime = this.preTouchTime; } if (Math.abs(preTime - this.focusTime) < 20) { return; } this.focusTime = 0; } this.preClickTime = 0; this.preTouchTime = 0; if (this.isClickToShow() && (this.isClickToHide() || this.isBlurToHide()) && event && event.preventDefault) { event.preventDefault(); } if (event && event.domEvent) { event.domEvent.preventDefault(); } const nextVisible = !this.$data.sPopupVisible; if (this.isClickToHide() && !nextVisible || nextVisible && this.isClickToShow()) { this.setPopupVisible(!this.$data.sPopupVisible, event); } }, onPopupMouseDown() { const { vcTriggerContext = {} } = this; this.hasPopupMouseDown = true; clearTimeout(this.mouseDownTimeout); this.mouseDownTimeout = setTimeout(() => { this.hasPopupMouseDown = false; }, 0); if (vcTriggerContext.onPopupMouseDown) { vcTriggerContext.onPopupMouseDown(...arguments); } }, onDocumentClick(event) { if (this.$props.mask && !this.$props.maskClosable) { return; } const target = event.target; const root2 = this.getRootDomNode(); const popupNode = this.getPopupDomNode(); if ( // mousedown on the target should also close popup when action is contextMenu. // https://github.com/ant-design/ant-design/issues/29853 (!contains$1(root2, target) || this.isContextMenuOnly()) && !contains$1(popupNode, target) && !this.hasPopupMouseDown ) { this.delaySetPopupVisible(false, 0.1); } }, getPopupDomNode() { var _a; return ((_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.getElement()) || null; }, getRootDomNode() { var _a, _b, _c, _d; const { getTriggerDOMNode } = this.$props; if (getTriggerDOMNode) { const domNode = ((_b = (_a = this.triggerRef) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.nodeName) === "#comment" ? null : findDOMNode(this.triggerRef); return findDOMNode(getTriggerDOMNode(domNode)); } try { const domNode = ((_d = (_c = this.triggerRef) === null || _c === void 0 ? void 0 : _c.$el) === null || _d === void 0 ? void 0 : _d.nodeName) === "#comment" ? null : findDOMNode(this.triggerRef); if (domNode) { return domNode; } } catch (err) { } return findDOMNode(this); }, handleGetPopupClassFromAlign(align) { const className = []; const props2 = this.$props; const { popupPlacement, builtinPlacements, prefixCls, alignPoint: alignPoint2, getPopupClassNameFromAlign } = props2; if (popupPlacement && builtinPlacements) { className.push(getAlignPopupClassName(builtinPlacements, prefixCls, align, alignPoint2)); } if (getPopupClassNameFromAlign) { className.push(getPopupClassNameFromAlign(align)); } return className.join(" "); }, getPopupAlign() { const props2 = this.$props; const { popupPlacement, popupAlign, builtinPlacements } = props2; if (popupPlacement && builtinPlacements) { return getAlignFromPlacement(builtinPlacements, popupPlacement, popupAlign); } return popupAlign; }, getComponent() { const mouseProps = {}; if (this.isMouseEnterToShow()) { mouseProps.onMouseenter = this.onPopupMouseenter; } if (this.isMouseLeaveToHide()) { mouseProps.onMouseleave = this.onPopupMouseleave; } mouseProps.onMousedown = this.onPopupMouseDown; mouseProps[supportsPassive$1 ? "onTouchstartPassive" : "onTouchstart"] = this.onPopupMouseDown; const { handleGetPopupClassFromAlign, getRootDomNode, $attrs } = this; const { prefixCls, destroyPopupOnHide, popupClassName, popupAnimation, popupTransitionName, popupStyle, mask, maskAnimation, maskTransitionName, zIndex, stretch, alignPoint: alignPoint2, mobile, forceRender } = this.$props; const { sPopupVisible, point } = this.$data; const popupProps2 = _extends(_extends({ prefixCls, destroyPopupOnHide, visible: sPopupVisible, point: alignPoint2 ? point : null, align: this.align, animation: popupAnimation, getClassNameFromAlign: handleGetPopupClassFromAlign, stretch, getRootDomNode, mask, zIndex, transitionName: popupTransitionName, maskAnimation, maskTransitionName, class: popupClassName, style: popupStyle, onAlign: $attrs.onPopupAlign || noop$2 }, mouseProps), { ref: this.setPopupRef, mobile, forceRender }); return require$$0.createVNode(Popup, popupProps2, { default: this.$slots.popup || (() => getComponent(this, "popup")) }); }, attachParent(popupContainer) { wrapperRaf.cancel(this.attachId); const { getPopupContainer, getDocument: getDocument2 } = this.$props; const domNode = this.getRootDomNode(); let mountNode; if (!getPopupContainer) { mountNode = getDocument2(this.getRootDomNode()).body; } else if (domNode || getPopupContainer.length === 0) { mountNode = getPopupContainer(domNode); } if (mountNode) { mountNode.appendChild(popupContainer); } else { this.attachId = wrapperRaf(() => { this.attachParent(popupContainer); }); } }, getContainer() { const { $props: props2 } = this; const { getDocument: getDocument2 } = props2; const popupContainer = getDocument2(this.getRootDomNode()).createElement("div"); popupContainer.style.position = "absolute"; popupContainer.style.top = "0"; popupContainer.style.left = "0"; popupContainer.style.width = "100%"; this.attachParent(popupContainer); return popupContainer; }, setPopupVisible(sPopupVisible, event) { const { alignPoint: alignPoint2, sPopupVisible: prevPopupVisible, onPopupVisibleChange } = this; this.clearDelayTimer(); if (prevPopupVisible !== sPopupVisible) { if (!hasProp(this, "popupVisible")) { this.setState({ sPopupVisible, prevPopupVisible }); } onPopupVisibleChange && onPopupVisibleChange(sPopupVisible); } if (alignPoint2 && event && sPopupVisible) { this.setPoint(event); } }, setPoint(point) { const { alignPoint: alignPoint2 } = this.$props; if (!alignPoint2 || !point) return; this.setState({ point: { pageX: point.pageX, pageY: point.pageY } }); }, handlePortalUpdate() { if (this.prevPopupVisible !== this.sPopupVisible) { this.afterPopupVisibleChange(this.sPopupVisible); } }, delaySetPopupVisible(visible, delayS, event) { const delay = delayS * 1e3; this.clearDelayTimer(); if (delay) { const point = event ? { pageX: event.pageX, pageY: event.pageY } : null; this.delayTimer = setTimeout(() => { this.setPopupVisible(visible, point); this.clearDelayTimer(); }, delay); } else { this.setPopupVisible(visible, event); } }, clearDelayTimer() { if (this.delayTimer) { clearTimeout(this.delayTimer); this.delayTimer = null; } }, clearOutsideHandler() { if (this.clickOutsideHandler) { this.clickOutsideHandler.remove(); this.clickOutsideHandler = null; } if (this.contextmenuOutsideHandler1) { this.contextmenuOutsideHandler1.remove(); this.contextmenuOutsideHandler1 = null; } if (this.contextmenuOutsideHandler2) { this.contextmenuOutsideHandler2.remove(); this.contextmenuOutsideHandler2 = null; } if (this.touchOutsideHandler) { this.touchOutsideHandler.remove(); this.touchOutsideHandler = null; } }, createTwoChains(event) { let fn = () => { }; const events = getEvents(this); if (this.childOriginEvents[event] && events[event]) { return this[`fire${event}`]; } fn = this.childOriginEvents[event] || events[event] || fn; return fn; }, isClickToShow() { const { action, showAction } = this.$props; return action.indexOf("click") !== -1 || showAction.indexOf("click") !== -1; }, isContextMenuOnly() { const { action } = this.$props; return action === "contextmenu" || action.length === 1 && action[0] === "contextmenu"; }, isContextmenuToShow() { const { action, showAction } = this.$props; return action.indexOf("contextmenu") !== -1 || showAction.indexOf("contextmenu") !== -1; }, isClickToHide() { const { action, hideAction } = this.$props; return action.indexOf("click") !== -1 || hideAction.indexOf("click") !== -1; }, isMouseEnterToShow() { const { action, showAction } = this.$props; return action.indexOf("hover") !== -1 || showAction.indexOf("mouseenter") !== -1; }, isMouseLeaveToHide() { const { action, hideAction } = this.$props; return action.indexOf("hover") !== -1 || hideAction.indexOf("mouseleave") !== -1; }, isFocusToShow() { const { action, showAction } = this.$props; return action.indexOf("focus") !== -1 || showAction.indexOf("focus") !== -1; }, isBlurToHide() { const { action, hideAction } = this.$props; return action.indexOf("focus") !== -1 || hideAction.indexOf("blur") !== -1; }, forcePopupAlign() { var _a; if (this.$data.sPopupVisible) { (_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.forceAlign(); } }, fireEvents(type, e2) { if (this.childOriginEvents[type]) { this.childOriginEvents[type](e2); } const event = this.$props[type] || this.$attrs[type]; if (event) { event(e2); } }, close() { this.setPopupVisible(false); } }, render() { const { $attrs } = this; const children = filterEmpty(getSlot(this)); const { alignPoint: alignPoint2, getPopupContainer } = this.$props; const child = children[0]; this.childOriginEvents = getEvents(child); const newChildProps = { key: "trigger" }; if (this.isContextmenuToShow()) { newChildProps.onContextmenu = this.onContextmenu; } else { newChildProps.onContextmenu = this.createTwoChains("onContextmenu"); } if (this.isClickToHide() || this.isClickToShow()) { newChildProps.onClick = this.onClick; newChildProps.onMousedown = this.onMousedown; newChildProps[supportsPassive$1 ? "onTouchstartPassive" : "onTouchstart"] = this.onTouchstart; } else { newChildProps.onClick = this.createTwoChains("onClick"); newChildProps.onMousedown = this.createTwoChains("onMousedown"); newChildProps[supportsPassive$1 ? "onTouchstartPassive" : "onTouchstart"] = this.createTwoChains("onTouchstart"); } if (this.isMouseEnterToShow()) { newChildProps.onMouseenter = this.onMouseenter; if (alignPoint2) { newChildProps.onMousemove = this.onMouseMove; } } else { newChildProps.onMouseenter = this.createTwoChains("onMouseenter"); } if (this.isMouseLeaveToHide()) { newChildProps.onMouseleave = this.onMouseleave; } else { newChildProps.onMouseleave = this.createTwoChains("onMouseleave"); } if (this.isFocusToShow() || this.isBlurToHide()) { newChildProps.onFocus = this.onFocus; newChildProps.onBlur = this.onBlur; } else { newChildProps.onFocus = this.createTwoChains("onFocus"); newChildProps.onBlur = (e2) => { if (e2 && (!e2.relatedTarget || !contains$1(e2.target, e2.relatedTarget))) { this.createTwoChains("onBlur")(e2); } }; } const childrenClassName = classNames(child && child.props && child.props.class, $attrs.class); if (childrenClassName) { newChildProps.class = childrenClassName; } const trigger2 = cloneElement(child, _extends(_extends({}, newChildProps), { ref: "triggerRef" }), true, true); const portal = require$$0.createVNode(Portal, { "key": "portal", "getContainer": getPopupContainer && (() => getPopupContainer(this.getRootDomNode())), "didUpdate": this.handlePortalUpdate, "visible": this.$data.sPopupVisible }, { default: this.getComponent }); return require$$0.createVNode(require$$0.Fragment, null, [trigger2, portal]); } }); const KeyCode = { /** * MAC_ENTER */ MAC_ENTER: 3, /** * BACKSPACE */ BACKSPACE: 8, /** * TAB */ TAB: 9, /** * NUMLOCK on FF/Safari Mac */ NUM_CENTER: 12, /** * ENTER */ ENTER: 13, /** * SHIFT */ SHIFT: 16, /** * CTRL */ CTRL: 17, /** * ALT */ ALT: 18, /** * PAUSE */ PAUSE: 19, /** * CAPS_LOCK */ CAPS_LOCK: 20, /** * ESC */ ESC: 27, /** * SPACE */ SPACE: 32, /** * PAGE_UP */ PAGE_UP: 33, /** * PAGE_DOWN */ PAGE_DOWN: 34, /** * END */ END: 35, /** * HOME */ HOME: 36, /** * LEFT */ LEFT: 37, /** * UP */ UP: 38, /** * RIGHT */ RIGHT: 39, /** * DOWN */ DOWN: 40, /** * PRINT_SCREEN */ PRINT_SCREEN: 44, /** * INSERT */ INSERT: 45, /** * DELETE */ DELETE: 46, /** * ZERO */ ZERO: 48, /** * ONE */ ONE: 49, /** * TWO */ TWO: 50, /** * THREE */ THREE: 51, /** * FOUR */ FOUR: 52, /** * FIVE */ FIVE: 53, /** * SIX */ SIX: 54, /** * SEVEN */ SEVEN: 55, /** * EIGHT */ EIGHT: 56, /** * NINE */ NINE: 57, /** * QUESTION_MARK */ QUESTION_MARK: 63, /** * A */ A: 65, /** * B */ B: 66, /** * C */ C: 67, /** * D */ D: 68, /** * E */ E: 69, /** * F */ F: 70, /** * G */ G: 71, /** * H */ H: 72, /** * I */ I: 73, /** * J */ J: 74, /** * K */ K: 75, /** * L */ L: 76, /** * M */ M: 77, /** * N */ N: 78, /** * O */ O: 79, /** * P */ P: 80, /** * Q */ Q: 81, /** * R */ R: 82, /** * S */ S: 83, /** * T */ T: 84, /** * U */ U: 85, /** * V */ V: 86, /** * W */ W: 87, /** * X */ X: 88, /** * Y */ Y: 89, /** * Z */ Z: 90, /** * META */ META: 91, /** * WIN_KEY_RIGHT */ WIN_KEY_RIGHT: 92, /** * CONTEXT_MENU */ CONTEXT_MENU: 93, /** * NUM_ZERO */ NUM_ZERO: 96, /** * NUM_ONE */ NUM_ONE: 97, /** * NUM_TWO */ NUM_TWO: 98, /** * NUM_THREE */ NUM_THREE: 99, /** * NUM_FOUR */ NUM_FOUR: 100, /** * NUM_FIVE */ NUM_FIVE: 101, /** * NUM_SIX */ NUM_SIX: 102, /** * NUM_SEVEN */ NUM_SEVEN: 103, /** * NUM_EIGHT */ NUM_EIGHT: 104, /** * NUM_NINE */ NUM_NINE: 105, /** * NUM_MULTIPLY */ NUM_MULTIPLY: 106, /** * NUM_PLUS */ NUM_PLUS: 107, /** * NUM_MINUS */ NUM_MINUS: 109, /** * NUM_PERIOD */ NUM_PERIOD: 110, /** * NUM_DIVISION */ NUM_DIVISION: 111, /** * F1 */ F1: 112, /** * F2 */ F2: 113, /** * F3 */ F3: 114, /** * F4 */ F4: 115, /** * F5 */ F5: 116, /** * F6 */ F6: 117, /** * F7 */ F7: 118, /** * F8 */ F8: 119, /** * F9 */ F9: 120, /** * F10 */ F10: 121, /** * F11 */ F11: 122, /** * F12 */ F12: 123, /** * NUMLOCK */ NUMLOCK: 144, /** * SEMICOLON */ SEMICOLON: 186, /** * DASH */ DASH: 189, /** * EQUALS */ EQUALS: 187, /** * COMMA */ COMMA: 188, /** * PERIOD */ PERIOD: 190, /** * SLASH */ SLASH: 191, /** * APOSTROPHE */ APOSTROPHE: 192, /** * SINGLE_QUOTE */ SINGLE_QUOTE: 222, /** * OPEN_SQUARE_BRACKET */ OPEN_SQUARE_BRACKET: 219, /** * BACKSLASH */ BACKSLASH: 220, /** * CLOSE_SQUARE_BRACKET */ CLOSE_SQUARE_BRACKET: 221, /** * WIN_KEY */ WIN_KEY: 224, /** * MAC_FF_META */ MAC_FF_META: 224, /** * WIN_IME */ WIN_IME: 229, // ======================== Function ======================== /** * whether text and modified key is entered at the same time. */ isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e2) { const { keyCode } = e2; if (e2.altKey && !e2.ctrlKey || e2.metaKey || // Function keys don't generate text keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) { return false; } switch (keyCode) { case KeyCode.ALT: case KeyCode.CAPS_LOCK: case KeyCode.CONTEXT_MENU: case KeyCode.CTRL: case KeyCode.DOWN: case KeyCode.END: case KeyCode.ESC: case KeyCode.HOME: case KeyCode.INSERT: case KeyCode.LEFT: case KeyCode.MAC_FF_META: case KeyCode.META: case KeyCode.NUMLOCK: case KeyCode.NUM_CENTER: case KeyCode.PAGE_DOWN: case KeyCode.PAGE_UP: case KeyCode.PAUSE: case KeyCode.PRINT_SCREEN: case KeyCode.RIGHT: case KeyCode.SHIFT: case KeyCode.UP: case KeyCode.WIN_KEY: case KeyCode.WIN_KEY_RIGHT: return false; default: return true; } }, /** * whether character is entered. */ isCharacterKey: function isCharacterKey(keyCode) { if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) { return true; } if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) { return true; } if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) { return true; } if (window.navigator.userAgent.indexOf("WebKit") !== -1 && keyCode === 0) { return true; } switch (keyCode) { case KeyCode.SPACE: case KeyCode.QUESTION_MARK: case KeyCode.NUM_PLUS: case KeyCode.NUM_MINUS: case KeyCode.NUM_PERIOD: case KeyCode.NUM_DIVISION: case KeyCode.SEMICOLON: case KeyCode.DASH: case KeyCode.EQUALS: case KeyCode.COMMA: case KeyCode.PERIOD: case KeyCode.SLASH: case KeyCode.APOSTROPHE: case KeyCode.SINGLE_QUOTE: case KeyCode.OPEN_SQUARE_BRACKET: case KeyCode.BACKSLASH: case KeyCode.CLOSE_SQUARE_BRACKET: return true; default: return false; } } }; const KeyCode$1 = KeyCode; function onCompositionStart(e2) { e2.target.composing = true; } function onCompositionEnd(e2) { if (!e2.target.composing) return; e2.target.composing = false; trigger(e2.target, "input"); } function trigger(el, type) { const e2 = document.createEvent("HTMLEvents"); e2.initEvent(type, true, true); el.dispatchEvent(e2); } function addEventListener(el, event, handler, options) { el.addEventListener(event, handler, options); } const antInput = { created(el, binding) { if (!binding.modifiers || !binding.modifiers.lazy) { addEventListener(el, "compositionstart", onCompositionStart); addEventListener(el, "compositionend", onCompositionEnd); addEventListener(el, "change", onCompositionEnd); } } }; const antInputDirective = antInput; const attributes = `accept acceptcharset accesskey action allowfullscreen allowtransparency alt async autocomplete autofocus autoplay capture cellpadding cellspacing challenge charset checked classid classname colspan cols content contenteditable contextmenu controls coords crossorigin data datetime default defer dir disabled download draggable enctype form formaction formenctype formmethod formnovalidate formtarget frameborder headers height hidden high href hreflang htmlfor for httpequiv icon id inputmode integrity is keyparams keytype kind label lang list loop low manifest marginheight marginwidth max maxlength media mediagroup method min minlength multiple muted name novalidate nonce open optimum pattern placeholder poster preload radiogroup readonly rel required reversed role rowspan rows sandbox scope scoped scrolling seamless selected shape size sizes span spellcheck src srcdoc srclang srcset start step style summary tabindex target title type usemap value width wmode wrap`; const eventsName = `onCopy onCut onPaste onCompositionend onCompositionstart onCompositionupdate onKeydown onKeypress onKeyup onFocus onBlur onChange onInput onSubmit onClick onContextmenu onDoubleclick onDblclick onDrag onDragend onDragenter onDragexit onDragleave onDragover onDragstart onDrop onMousedown onMouseenter onMouseleave onMousemove onMouseout onMouseover onMouseup onSelect onTouchcancel onTouchend onTouchmove onTouchstart onTouchstartPassive onTouchmovePassive onScroll onWheel onAbort onCanplay onCanplaythrough onDurationchange onEmptied onEncrypted onEnded onError onLoadeddata onLoadedmetadata onLoadstart onPause onPlay onPlaying onProgress onRatechange onSeeked onSeeking onStalled onSuspend onTimeupdate onVolumechange onWaiting onLoad onError`; const propList = `${attributes} ${eventsName}`.split(/[\s\n]+/); const ariaPrefix = "aria-"; const dataPrefix = "data-"; function match(key2, prefix) { return key2.indexOf(prefix) === 0; } function pickAttrs(props2) { let ariaOnly = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; let mergedConfig; if (ariaOnly === false) { mergedConfig = { aria: true, data: true, attr: true }; } else if (ariaOnly === true) { mergedConfig = { aria: true }; } else { mergedConfig = _extends({}, ariaOnly); } const attrs = {}; Object.keys(props2).forEach((key2) => { if ( // Aria mergedConfig.aria && (key2 === "role" || match(key2, ariaPrefix)) || // Data mergedConfig.data && match(key2, dataPrefix) || // Attr mergedConfig.attr && (propList.includes(key2) || propList.includes(key2.toLowerCase())) ) { attrs[key2] = props2[key2]; } }); return attrs; } const OverflowContextProviderKey = Symbol("OverflowContextProviderKey"); const OverflowContextProvider = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "OverflowContextProvider", inheritAttrs: false, props: { value: { type: Object } }, setup(props2, _ref) { let { slots } = _ref; require$$0.provide(OverflowContextProviderKey, require$$0.computed(() => props2.value)); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const useInjectOverflowContext = () => { return require$$0.inject(OverflowContextProviderKey, require$$0.computed(() => null)); }; var __rest$i = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const UNDEFINED = void 0; const Item = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Item", props: { prefixCls: String, item: PropTypes$1.any, renderItem: Function, responsive: Boolean, itemKey: { type: [String, Number] }, registerSize: Function, display: Boolean, order: Number, component: PropTypes$1.any, invalidate: Boolean }, setup(props2, _ref) { let { slots, expose } = _ref; const mergedHidden = require$$0.computed(() => props2.responsive && !props2.display); const itemNodeRef = require$$0.ref(); expose({ itemNodeRef }); function internalRegisterSize(width) { props2.registerSize(props2.itemKey, width); } require$$0.onUnmounted(() => { internalRegisterSize(null); }); return () => { var _a; const { prefixCls, invalidate, item, renderItem, responsive, registerSize, itemKey, display, order, component: Component = "div" } = props2, restProps = __rest$i(props2, ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "display", "order", "component"]); const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); const childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children; let overflowStyle; if (!invalidate) { overflowStyle = { opacity: mergedHidden.value ? 0 : 1, height: mergedHidden.value ? 0 : UNDEFINED, overflowY: mergedHidden.value ? "hidden" : UNDEFINED, order: responsive ? order : UNDEFINED, pointerEvents: mergedHidden.value ? "none" : UNDEFINED, position: mergedHidden.value ? "absolute" : UNDEFINED }; } const overflowProps2 = {}; if (mergedHidden.value) { overflowProps2["aria-hidden"] = true; } return require$$0.createVNode(ResizeObserver$1, { "disabled": !responsive, "onResize": (_ref2) => { let { offsetWidth } = _ref2; internalRegisterSize(offsetWidth); } }, { default: () => require$$0.createVNode(Component, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({ "class": classNames(!invalidate && prefixCls), "style": overflowStyle }, overflowProps2), restProps), {}, { "ref": itemNodeRef }), { default: () => [childNode] }) }); }; } }); var __rest$h = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const RawItem = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "RawItem", inheritAttrs: false, props: { component: PropTypes$1.any, title: PropTypes$1.any, id: String, onMouseenter: { type: Function }, onMouseleave: { type: Function }, onClick: { type: Function }, onKeydown: { type: Function }, onFocus: { type: Function }, role: String, tabindex: Number }, setup(props2, _ref) { let { slots, attrs } = _ref; const context = useInjectOverflowContext(); return () => { var _a; if (!context.value) { const { component: Component = "div" } = props2, restProps2 = __rest$h(props2, ["component"]); return require$$0.createVNode(Component, _objectSpread2$1(_objectSpread2$1({}, restProps2), attrs), { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }); } const _b = context.value, { className: contextClassName } = _b, restContext = __rest$h(_b, ["className"]); const { class: className } = attrs, restProps = __rest$h(attrs, ["class"]); return require$$0.createVNode(OverflowContextProvider, { "value": null }, { default: () => [require$$0.createVNode(Item, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({ "class": classNames(contextClassName, className) }, restContext), restProps), props2), slots)] }); }; } }); var __rest$g = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const RESPONSIVE = "responsive"; const INVALIDATE = "invalidate"; function defaultRenderRest(omittedItems) { return `+ ${omittedItems.length} ...`; } const overflowProps = () => { return { id: String, prefixCls: String, data: Array, itemKey: [String, Number, Function], /** Used for `responsive`. It will limit render node to avoid perf issue */ itemWidth: { type: Number, default: 10 }, renderItem: Function, /** @private Do not use in your production. Render raw node that need wrap Item by developer self */ renderRawItem: Function, maxCount: [Number, String], renderRest: Function, /** @private Do not use in your production. Render raw node that need wrap Item by developer self */ renderRawRest: Function, suffix: PropTypes$1.any, component: String, itemComponent: PropTypes$1.any, /** @private This API may be refactor since not well design */ onVisibleChange: Function, /** When set to `full`, ssr will render full items by default and remove at client side */ ssr: String, onMousedown: Function }; }; const Overflow = require$$0.defineComponent({ name: "Overflow", inheritAttrs: false, props: overflowProps(), emits: ["visibleChange"], setup(props2, _ref) { let { attrs, emit, slots } = _ref; const fullySSR = require$$0.computed(() => props2.ssr === "full"); const containerWidth = require$$0.shallowRef(null); const mergedContainerWidth = require$$0.computed(() => containerWidth.value || 0); const itemWidths = require$$0.shallowRef(/* @__PURE__ */ new Map()); const prevRestWidth = require$$0.shallowRef(0); const restWidth = require$$0.shallowRef(0); const suffixWidth = require$$0.shallowRef(0); const suffixFixedStart = require$$0.shallowRef(null); const displayCount = require$$0.shallowRef(null); const mergedDisplayCount = require$$0.computed(() => { if (displayCount.value === null && fullySSR.value) { return Number.MAX_SAFE_INTEGER; } return displayCount.value || 0; }); const restReady = require$$0.shallowRef(false); const itemPrefixCls = require$$0.computed(() => `${props2.prefixCls}-item`); const mergedRestWidth = require$$0.computed(() => Math.max(prevRestWidth.value, restWidth.value)); const isResponsive = require$$0.computed(() => !!(props2.data.length && props2.maxCount === RESPONSIVE)); const invalidate = require$$0.computed(() => props2.maxCount === INVALIDATE); const showRest = require$$0.computed(() => isResponsive.value || typeof props2.maxCount === "number" && props2.data.length > props2.maxCount); const mergedData = require$$0.computed(() => { let items = props2.data; if (isResponsive.value) { if (containerWidth.value === null && fullySSR.value) { items = props2.data; } else { items = props2.data.slice(0, Math.min(props2.data.length, mergedContainerWidth.value / props2.itemWidth)); } } else if (typeof props2.maxCount === "number") { items = props2.data.slice(0, props2.maxCount); } return items; }); const omittedItems = require$$0.computed(() => { if (isResponsive.value) { return props2.data.slice(mergedDisplayCount.value + 1); } return props2.data.slice(mergedData.value.length); }); const getKey = (item, index2) => { var _a; if (typeof props2.itemKey === "function") { return props2.itemKey(item); } return (_a = props2.itemKey && (item === null || item === void 0 ? void 0 : item[props2.itemKey])) !== null && _a !== void 0 ? _a : index2; }; const mergedRenderItem = require$$0.computed(() => props2.renderItem || ((item) => item)); const updateDisplayCount = (count, notReady) => { displayCount.value = count; if (!notReady) { restReady.value = count < props2.data.length - 1; emit("visibleChange", count); } }; const onOverflowResize = (_2, element) => { containerWidth.value = element.clientWidth; }; const registerSize = (key2, width) => { const clone = new Map(itemWidths.value); if (width === null) { clone.delete(key2); } else { clone.set(key2, width); } itemWidths.value = clone; }; const registerOverflowSize = (_2, width) => { prevRestWidth.value = restWidth.value; restWidth.value = width; }; const registerSuffixSize = (_2, width) => { suffixWidth.value = width; }; const getItemWidth = (index2) => { return itemWidths.value.get(getKey(mergedData.value[index2], index2)); }; require$$0.watch([mergedContainerWidth, itemWidths, restWidth, suffixWidth, () => props2.itemKey, mergedData], () => { if (mergedContainerWidth.value && mergedRestWidth.value && mergedData.value) { let totalWidth = suffixWidth.value; const len = mergedData.value.length; const lastIndex = len - 1; if (!len) { updateDisplayCount(0); suffixFixedStart.value = null; return; } for (let i2 = 0; i2 < len; i2 += 1) { const currentItemWidth = getItemWidth(i2); if (currentItemWidth === void 0) { updateDisplayCount(i2 - 1, true); break; } totalWidth += currentItemWidth; if ( // Only one means `totalWidth` is the final width lastIndex === 0 && totalWidth <= mergedContainerWidth.value || // Last two width will be the final width i2 === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth.value ) { updateDisplayCount(lastIndex); suffixFixedStart.value = null; break; } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) { updateDisplayCount(i2 - 1); suffixFixedStart.value = totalWidth - currentItemWidth - suffixWidth.value + restWidth.value; break; } } if (props2.suffix && getItemWidth(0) + suffixWidth.value > mergedContainerWidth.value) { suffixFixedStart.value = null; } } }); return () => { const displayRest = restReady.value && !!omittedItems.value.length; const { itemComponent, renderRawItem, renderRawRest, renderRest, prefixCls = "rc-overflow", suffix, component: Component = "div", id, onMousedown } = props2; const { class: className, style: style2 } = attrs, restAttrs = __rest$g(attrs, ["class", "style"]); let suffixStyle = {}; if (suffixFixedStart.value !== null && isResponsive.value) { suffixStyle = { position: "absolute", left: `${suffixFixedStart.value}px`, top: 0 }; } const itemSharedProps = { prefixCls: itemPrefixCls.value, responsive: isResponsive.value, component: itemComponent, invalidate: invalidate.value }; const internalRenderItemNode = renderRawItem ? (item, index2) => { const key2 = getKey(item, index2); return require$$0.createVNode(OverflowContextProvider, { "key": key2, "value": _extends(_extends({}, itemSharedProps), { order: index2, item, itemKey: key2, registerSize, display: index2 <= mergedDisplayCount.value }) }, { default: () => [renderRawItem(item, index2)] }); } : (item, index2) => { const key2 = getKey(item, index2); return require$$0.createVNode(Item, _objectSpread2$1(_objectSpread2$1({}, itemSharedProps), {}, { "order": index2, "key": key2, "item": item, "renderItem": mergedRenderItem.value, "itemKey": key2, "registerSize": registerSize, "display": index2 <= mergedDisplayCount.value }), null); }; let restNode = () => null; const restContextProps = { order: displayRest ? mergedDisplayCount.value : Number.MAX_SAFE_INTEGER, className: `${itemPrefixCls.value} ${itemPrefixCls.value}-rest`, registerSize: registerOverflowSize, display: displayRest }; if (!renderRawRest) { const mergedRenderRest = renderRest || defaultRenderRest; restNode = () => require$$0.createVNode(Item, _objectSpread2$1(_objectSpread2$1({}, itemSharedProps), restContextProps), { default: () => typeof mergedRenderRest === "function" ? mergedRenderRest(omittedItems.value) : mergedRenderRest }); } else if (renderRawRest) { restNode = () => require$$0.createVNode(OverflowContextProvider, { "value": _extends(_extends({}, itemSharedProps), restContextProps) }, { default: () => [renderRawRest(omittedItems.value)] }); } const overflowNode = () => { var _a; return require$$0.createVNode(Component, _objectSpread2$1({ "id": id, "class": classNames(!invalidate.value && prefixCls, className), "style": style2, "onMousedown": onMousedown }, restAttrs), { default: () => [mergedData.value.map(internalRenderItemNode), showRest.value ? restNode() : null, suffix && require$$0.createVNode(Item, _objectSpread2$1(_objectSpread2$1({}, itemSharedProps), {}, { "order": mergedDisplayCount.value, "class": `${itemPrefixCls.value}-suffix`, "registerSize": registerSuffixSize, "display": true, "style": suffixStyle }), { default: () => suffix }), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }); }; return require$$0.createVNode(ResizeObserver$1, { "disabled": !isResponsive.value, "onResize": onOverflowResize }, { default: overflowNode }); }; } }); Overflow.Item = RawItem; Overflow.RESPONSIVE = RESPONSIVE; Overflow.INVALIDATE = INVALIDATE; const Overflow$1 = Overflow; const isMobile = () => { if (typeof navigator === "undefined" || typeof window === "undefined") { return false; } const agent = navigator.userAgent || navigator.vendor || window.opera; return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substr(0, 4)); }; function useMergedState(defaultStateValue, option) { const { defaultValue, value = require$$0.ref() } = option || {}; let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue; if (value.value !== void 0) { initValue = require$$0.unref(value); } if (defaultValue !== void 0) { initValue = typeof defaultValue === "function" ? defaultValue() : defaultValue; } const innerValue = require$$0.ref(initValue); const mergedValue = require$$0.ref(initValue); require$$0.watchEffect(() => { let val = value.value !== void 0 ? value.value : innerValue.value; if (option.postState) { val = option.postState(val); } mergedValue.value = val; }); function triggerChange(newValue) { const preVal = mergedValue.value; innerValue.value = newValue; if (require$$0.toRaw(mergedValue.value) !== newValue && option.onChange) { option.onChange(newValue, preVal); } } require$$0.watch(value, () => { innerValue.value = value.value; }); return [mergedValue, triggerChange]; } function useState(defaultStateValue) { const initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue; const innerValue = require$$0.ref(initValue); function triggerChange(newValue) { innerValue.value = newValue; } return [innerValue, triggerChange]; } var contextKey = Symbol("iconContext"); var useInjectIconContext = function useInjectIconContext2() { return require$$0.inject(contextKey, { prefixCls: require$$0.ref("anticon"), rootClassName: require$$0.ref(""), csp: require$$0.ref() }); }; function canUseDom() { return !!(typeof window !== "undefined" && window.document && window.document.createElement); } function contains(root2, n2) { if (!root2) { return false; } if (root2.contains) { return root2.contains(n2); } return false; } var APPEND_ORDER = "data-vc-order"; var MARK_KEY = "vc-icon-key"; var containerCache = /* @__PURE__ */ new Map(); function getMark() { var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, mark = _ref.mark; if (mark) { return mark.startsWith("data-") ? mark : "data-".concat(mark); } return MARK_KEY; } function getContainer$1(option) { if (option.attachTo) { return option.attachTo; } var head = document.querySelector("head"); return head || document.body; } function getOrder(prepend) { if (prepend === "queue") { return "prependQueue"; } return prepend ? "prepend" : "append"; } function findStyles(container) { return Array.from((containerCache.get(container) || container).children).filter(function(node2) { return node2.tagName === "STYLE"; }); } function injectCSS(css2) { var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; if (!canUseDom()) { return null; } var csp = option.csp, prepend = option.prepend; var styleNode = document.createElement("style"); styleNode.setAttribute(APPEND_ORDER, getOrder(prepend)); if (csp && csp.nonce) { styleNode.nonce = csp.nonce; } styleNode.innerHTML = css2; var container = getContainer$1(option); var firstChild = container.firstChild; if (prepend) { if (prepend === "queue") { var existStyle = findStyles(container).filter(function(node2) { return ["prepend", "prependQueue"].includes(node2.getAttribute(APPEND_ORDER)); }); if (existStyle.length) { container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling); return styleNode; } } container.insertBefore(styleNode, firstChild); } else { container.appendChild(styleNode); } return styleNode; } function findExistNode(key2) { var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; var container = getContainer$1(option); return findStyles(container).find(function(node2) { return node2.getAttribute(getMark(option)) === key2; }); } function syncRealContainer(container, option) { var cachedRealContainer = containerCache.get(container); if (!cachedRealContainer || !contains(document, cachedRealContainer)) { var placeholderStyle = injectCSS("", option); var parentNode = placeholderStyle.parentNode; containerCache.set(container, parentNode); container.removeChild(placeholderStyle); } } function updateCSS(css2, key2) { var option = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}; var container = getContainer$1(option); syncRealContainer(container, option); var existNode = findExistNode(key2, option); if (existNode) { if (option.csp && option.csp.nonce && existNode.nonce !== option.csp.nonce) { existNode.nonce = option.csp.nonce; } if (existNode.innerHTML !== css2) { existNode.innerHTML = css2; } return existNode; } var newNode = injectCSS(css2, option); newNode.setAttribute(getMark(option), key2); return newNode; } function _objectSpread$l(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$l(target, key2, source[key2]); }); } return target; } function _defineProperty$l(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } function warning(valid, message2) { } function isIconDefinition(target) { return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function"); } function generate(node2, key2, rootProps) { if (!rootProps) { return require$$0.h(node2.tag, _objectSpread$l({ key: key2 }, node2.attrs), (node2.children || []).map(function(child, index2) { return generate(child, "".concat(key2, "-").concat(node2.tag, "-").concat(index2)); })); } return require$$0.h(node2.tag, _objectSpread$l({ key: key2 }, rootProps, node2.attrs), (node2.children || []).map(function(child, index2) { return generate(child, "".concat(key2, "-").concat(node2.tag, "-").concat(index2)); })); } function getSecondaryColor(primaryColor) { return generate$1(primaryColor)[0]; } function normalizeTwoToneColors(twoToneColor) { if (!twoToneColor) { return []; } return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor]; } var svgBaseProps = { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false" }; var iconStyles = "\n.anticon {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n"; function getRoot(ele) { return ele && ele.getRootNode && ele.getRootNode(); } function inShadow(ele) { if (!canUseDom()) { return false; } return getRoot(ele) instanceof ShadowRoot; } function getShadowRoot(ele) { return inShadow(ele) ? getRoot(ele) : null; } var useInsertStyles = function useInsertStyles2() { var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, csp = _useInjectIconContext.csp; var instance = require$$0.getCurrentInstance(); var mergedStyleStr = iconStyles; if (prefixCls) { mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls.value); } require$$0.nextTick(function() { if (!canUseDom()) { return; } var ele = instance.vnode.el; var shadowRoot = getShadowRoot(ele); updateCSS(mergedStyleStr, "@ant-design-vue-icons", { prepend: true, csp: csp.value, attachTo: shadowRoot }); }); }; var _excluded$2 = ["icon", "primaryColor", "secondaryColor"]; function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key2, i2; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) { key2 = sourceSymbolKeys[i2]; if (excluded.indexOf(key2) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key2)) continue; target[key2] = source[key2]; } } return target; } function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key2, i2; for (i2 = 0; i2 < sourceKeys.length; i2++) { key2 = sourceKeys[i2]; if (excluded.indexOf(key2) >= 0) continue; target[key2] = source[key2]; } return target; } function _objectSpread$k(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$k(target, key2, source[key2]); }); } return target; } function _defineProperty$k(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var twoToneColorPalette = require$$0.reactive({ primaryColor: "#333", secondaryColor: "#E6E6E6", calculated: false }); function setTwoToneColors(_ref) { var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor; twoToneColorPalette.primaryColor = primaryColor; twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor); twoToneColorPalette.calculated = !!secondaryColor; } function getTwoToneColors() { return _objectSpread$k({}, twoToneColorPalette); } var IconBase = function IconBase2(props2, context) { var _props$context$attrs = _objectSpread$k({}, props2, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties$2(_props$context$attrs, _excluded$2); var colors = twoToneColorPalette; if (primaryColor) { colors = { primaryColor, secondaryColor: secondaryColor || getSecondaryColor(primaryColor) }; } warning(isIconDefinition(icon)); if (!isIconDefinition(icon)) { return null; } var target = icon; if (target && typeof target.icon === "function") { target = _objectSpread$k({}, target, { icon: target.icon(colors.primaryColor, colors.secondaryColor) }); } return generate(target.icon, "svg-".concat(target.name), _objectSpread$k({}, restProps, { "data-icon": target.name, width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" })); }; IconBase.props = { icon: Object, primaryColor: String, secondaryColor: String, focusable: String }; IconBase.inheritAttrs = false; IconBase.displayName = "IconBase"; IconBase.getTwoToneColors = getTwoToneColors; IconBase.setTwoToneColors = setTwoToneColors; const VueIcon = IconBase; function _slicedToArray$1(arr, i2) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i2) || _unsupportedIterableToArray$1(arr, i2) || _nonIterableRest$1(); } function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray$1(o2, minLen) { if (!o2) return; if (typeof o2 === "string") return _arrayLikeToArray$1(o2, minLen); var n2 = Object.prototype.toString.call(o2).slice(8, -1); if (n2 === "Object" && o2.constructor) n2 = o2.constructor.name; if (n2 === "Map" || n2 === "Set") return Array.from(o2); if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2)) return _arrayLikeToArray$1(o2, minLen); } function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++) { arr2[i2] = arr[i2]; } return arr2; } function _iterableToArrayLimit$1(arr, i2) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i2 && _arr.length === i2) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } function _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; } function setTwoToneColor(twoToneColor) { var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray$1(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1]; return VueIcon.setTwoToneColors({ primaryColor, secondaryColor }); } function getTwoToneColor() { var colors = VueIcon.getTwoToneColors(); if (!colors.calculated) { return colors.primaryColor; } return [colors.primaryColor, colors.secondaryColor]; } var InsertStyles = require$$0.defineComponent({ name: "InsertStyles", setup: function setup() { useInsertStyles(); return function() { return null; }; } }); var _excluded$1 = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"]; function _slicedToArray(arr, i2) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i2) || _unsupportedIterableToArray(arr, i2) || _nonIterableRest(); } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray(o2, minLen) { if (!o2) return; if (typeof o2 === "string") return _arrayLikeToArray(o2, minLen); var n2 = Object.prototype.toString.call(o2).slice(8, -1); if (n2 === "Object" && o2.constructor) n2 = o2.constructor.name; if (n2 === "Map" || n2 === "Set") return Array.from(o2); if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2)) return _arrayLikeToArray(o2, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++) { arr2[i2] = arr[i2]; } return arr2; } function _iterableToArrayLimit(arr, i2) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i2 && _arr.length === i2) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } function _objectSpread$j(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$j(target, key2, source[key2]); }); } return target; } function _defineProperty$j(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key2, i2; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) { key2 = sourceSymbolKeys[i2]; if (excluded.indexOf(key2) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key2)) continue; target[key2] = source[key2]; } } return target; } function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key2, i2; for (i2 = 0; i2 < sourceKeys.length; i2++) { key2 = sourceKeys[i2]; if (excluded.indexOf(key2) >= 0) continue; target[key2] = source[key2]; } return target; } setTwoToneColor(blue.primary); var Icon$1 = function Icon2(props2, context) { var _classObj; var _props$context$attrs = _objectSpread$j({}, props2, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties$1(_props$context$attrs, _excluded$1); var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName; var classObj = (_classObj = {}, _defineProperty$j(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$j(_classObj, prefixCls.value, true), _defineProperty$j(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$j(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj); var iconTabIndex = tabindex; if (iconTabIndex === void 0 && onClick) { iconTabIndex = -1; } var svgStyle = rotate ? { msTransform: "rotate(".concat(rotate, "deg)"), transform: "rotate(".concat(rotate, "deg)") } : void 0; var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1]; return require$$0.createVNode("span", _objectSpread$j({ "role": "img", "aria-label": icon.name }, restProps, { "onClick": onClick, "class": [classObj, cls], "tabindex": iconTabIndex }), [require$$0.createVNode(VueIcon, { "icon": icon, "primaryColor": primaryColor, "secondaryColor": secondaryColor, "style": svgStyle }, null), require$$0.createVNode(InsertStyles, null, null)]); }; Icon$1.props = { spin: Boolean, rotate: Number, icon: Object, twoToneColor: [String, Array] }; Icon$1.displayName = "AntdIcon"; Icon$1.inheritAttrs = false; Icon$1.getTwoToneColor = getTwoToneColor; Icon$1.setTwoToneColor = setTwoToneColor; const AntdIcon = Icon$1; var LoadingOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" }; const LoadingOutlinedSvg = LoadingOutlined$2; function _objectSpread$i(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$i(target, key2, source[key2]); }); } return target; } function _defineProperty$i(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var LoadingOutlined = function LoadingOutlined2(props2, context) { var p = _objectSpread$i({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$i({}, p, { "icon": LoadingOutlinedSvg }), null); }; LoadingOutlined.displayName = "LoadingOutlined"; LoadingOutlined.inheritAttrs = false; const LoadingOutlined$1 = LoadingOutlined; var CloseOutlined$3 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" }; const CloseOutlinedSvg = CloseOutlined$3; function _objectSpread$h(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$h(target, key2, source[key2]); }); } return target; } function _defineProperty$h(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var CloseOutlined$1 = function CloseOutlined2(props2, context) { var p = _objectSpread$h({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$h({}, p, { "icon": CloseOutlinedSvg }), null); }; CloseOutlined$1.displayName = "CloseOutlined"; CloseOutlined$1.inheritAttrs = false; const CloseOutlined$2 = CloseOutlined$1; var CloseCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" }; const CloseCircleFilledSvg = CloseCircleFilled$2; function _objectSpread$g(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$g(target, key2, source[key2]); }); } return target; } function _defineProperty$g(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var CloseCircleFilled = function CloseCircleFilled2(props2, context) { var p = _objectSpread$g({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$g({}, p, { "icon": CloseCircleFilledSvg }), null); }; CloseCircleFilled.displayName = "CloseCircleFilled"; CloseCircleFilled.inheritAttrs = false; const CloseCircleFilled$1 = CloseCircleFilled; var SearchOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" }; const SearchOutlinedSvg = SearchOutlined$2; function _objectSpread$f(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$f(target, key2, source[key2]); }); } return target; } function _defineProperty$f(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var SearchOutlined = function SearchOutlined2(props2, context) { var p = _objectSpread$f({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$f({}, p, { "icon": SearchOutlinedSvg }), null); }; SearchOutlined.displayName = "SearchOutlined"; SearchOutlined.inheritAttrs = false; const SearchOutlined$1 = SearchOutlined; function createContext(defaultValue) { const contextKey2 = Symbol("contextKey"); const useProvide = (props2, newProps) => { const mergedProps = require$$0.reactive({}); require$$0.provide(contextKey2, mergedProps); require$$0.watchEffect(() => { _extends(mergedProps, props2, newProps || {}); }); return mergedProps; }; const useInject = () => { return require$$0.inject(contextKey2, defaultValue) || {}; }; return { useProvide, useInject }; } const ContextKey = Symbol("ContextProps"); const InternalContextKey = Symbol("InternalContextProps"); const defaultContext = { id: require$$0.computed(() => void 0), onFieldBlur: () => { }, onFieldChange: () => { }, clearValidate: () => { } }; const defaultInternalContext = { addFormItemField: () => { }, removeFormItemField: () => { } }; const useInjectFormItemContext = () => { const internalContext = require$$0.inject(InternalContextKey, defaultInternalContext); const formItemFieldKey = Symbol("FormItemFieldKey"); const instance = require$$0.getCurrentInstance(); internalContext.addFormItemField(formItemFieldKey, instance.type); require$$0.onBeforeUnmount(() => { internalContext.removeFormItemField(formItemFieldKey); }); require$$0.provide(InternalContextKey, defaultInternalContext); require$$0.provide(ContextKey, defaultContext); return require$$0.inject(ContextKey, defaultContext); }; require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AFormItemRest", setup(_2, _ref) { let { slots } = _ref; require$$0.provide(InternalContextKey, defaultInternalContext); require$$0.provide(ContextKey, defaultContext); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const FormItemInputContext = createContext({}); const NoFormStatus = require$$0.defineComponent({ name: "NoFormStatus", setup(_2, _ref2) { let { slots } = _ref2; FormItemInputContext.useProvide({}); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); function getStatusClassNames(prefixCls, status, hasFeedback) { return classNames({ [`${prefixCls}-status-success`]: status === "success", [`${prefixCls}-status-warning`]: status === "warning", [`${prefixCls}-status-error`]: status === "error", [`${prefixCls}-status-validating`]: status === "validating", [`${prefixCls}-has-feedback`]: hasFeedback }); } const getMergedStatus = (contextStatus, customStatus) => customStatus || contextStatus; const genSpaceCompactStyle = (token2) => { const { componentCls } = token2; return { [componentCls]: { display: "inline-flex", "&-block": { display: "flex", width: "100%" }, "&-vertical": { flexDirection: "column" } } }; }; const genSpaceCompactStyle$1 = genSpaceCompactStyle; const genSpaceStyle = (token2) => { const { componentCls } = token2; return { [componentCls]: { display: "inline-flex", "&-rtl": { direction: "rtl" }, "&-vertical": { flexDirection: "column" }, "&-align": { flexDirection: "column", "&-center": { alignItems: "center" }, "&-start": { alignItems: "flex-start" }, "&-end": { alignItems: "flex-end" }, "&-baseline": { alignItems: "baseline" } }, [`${componentCls}-space-item`]: { "&:empty": { display: "none" } } } }; }; const useStyle$e = genComponentStyleHook("Space", (token2) => [genSpaceStyle(token2), genSpaceCompactStyle$1(token2)]); var symbolTag = "[object Symbol]"; function isSymbol(value) { return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag; } function arrayMap(array, iteratee) { var index2 = -1, length2 = array == null ? 0 : array.length, result = Array(length2); while (++index2 < length2) { result[index2] = iteratee(array[index2], index2, array); } return result; } var INFINITY$2 = 1 / 0; var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0; function baseToString(value) { if (typeof value == "string") { return value; } if (isArray$1(value)) { return arrayMap(value, baseToString) + ""; } if (isSymbol(value)) { return symbolToString ? symbolToString.call(value) : ""; } var result = value + ""; return result == "0" && 1 / value == -INFINITY$2 ? "-0" : result; } function identity(value) { return value; } 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 noop$1() { } 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 (e2) { } }(); const defineProperty$1 = defineProperty; var baseSetToString = !defineProperty$1 ? identity : function(func, string) { return defineProperty$1(func, "toString", { "configurable": true, "enumerable": false, "value": constant(string), "writable": true }); }; const baseSetToString$1 = baseSetToString; var setToString = shortOut(baseSetToString$1); const setToString$1 = setToString; function baseFindIndex(array, predicate, fromIndex, fromRight) { var length2 = array.length, index2 = fromIndex + (fromRight ? 1 : -1); while (fromRight ? index2-- : ++index2 < length2) { if (predicate(array[index2], index2, array)) { return index2; } } return -1; } function baseIsNaN(value) { return value !== value; } function strictIndexOf(array, value, fromIndex) { var index2 = fromIndex - 1, length2 = array.length; while (++index2 < length2) { if (array[index2] === value) { return index2; } } return -1; } function baseIndexOf(array, value, fromIndex) { return value === value ? strictIndexOf(array, value, fromIndex) : baseFindIndex(array, baseIsNaN, fromIndex); } function arrayIncludes(array, value) { var length2 = array == null ? 0 : array.length; return !!length2 && baseIndexOf(array, value, 0) > -1; } function baseAssignValue(object, key2, value) { if (key2 == "__proto__" && defineProperty$1) { defineProperty$1(object, key2, { "configurable": true, "enumerable": true, "value": value, "writable": true }); } else { object[key2] = value; } } var objectProto$2 = Object.prototype; var hasOwnProperty$2 = objectProto$2.hasOwnProperty; function assignValue(object, key2, value) { var objValue = object[key2]; if (!(hasOwnProperty$2.call(object, key2) && eq(objValue, value)) || value === void 0 && !(key2 in object)) { baseAssignValue(object, key2, value); } } var nativeMax = Math.max; function overRest(func, start, transform) { start = nativeMax(start === void 0 ? func.length - 1 : start, 0); return function() { var args = arguments, index2 = -1, length2 = nativeMax(args.length - start, 0), array = Array(length2); while (++index2 < length2) { array[index2] = args[start + index2]; } index2 = -1; var otherArgs = Array(start + 1); while (++index2 < start) { otherArgs[index2] = args[index2]; } otherArgs[start] = transform(array); return apply(func, this, otherArgs); }; } var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/; function isKey(value, object) { if (isArray$1(value)) { return false; } var type = typeof value; if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) { return true; } return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object); } var FUNC_ERROR_TEXT = "Expected a function"; function memoize(func, resolver) { if (typeof func != "function" || resolver != null && typeof resolver != "function") { throw new TypeError(FUNC_ERROR_TEXT); } var memoized = function() { var args = arguments, key2 = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache; if (cache.has(key2)) { return cache.get(key2); } var result = func.apply(this, args); memoized.cache = cache.set(key2, 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(key2) { if (cache.size === MAX_MEMOIZE_SIZE) { cache.clear(); } return key2; }); var cache = result.cache; return result; } var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; var reEscapeChar = /\\(\\)?/g; var stringToPath = memoizeCapped(function(string) { var result = []; if (string.charCodeAt(0) === 46) { result.push(""); } string.replace(rePropName, function(match2, number, quote, subString) { result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match2); }); return result; }); const stringToPath$1 = stringToPath; function toString(value) { return value == null ? "" : baseToString(value); } function castPath(value, object) { if (isArray$1(value)) { return value; } return isKey(value, object) ? [value] : stringToPath$1(toString(value)); } var INFINITY$1 = 1 / 0; function toKey(value) { if (typeof value == "string" || isSymbol(value)) { return value; } var result = value + ""; return result == "0" && 1 / value == -INFINITY$1 ? "-0" : result; } function baseGet(object, path) { path = castPath(path, object); var index2 = 0, length2 = path.length; while (object != null && index2 < length2) { object = object[toKey(path[index2++])]; } return index2 && index2 == length2 ? object : void 0; } var spreadableSymbol = Symbol$2 ? Symbol$2.isConcatSpreadable : void 0; function isFlattenable(value) { return isArray$1(value) || isArguments$1(value) || !!(spreadableSymbol && value && value[spreadableSymbol]); } function baseFlatten(array, depth, predicate, isStrict, result) { var index2 = -1, length2 = array.length; predicate || (predicate = isFlattenable); result || (result = []); while (++index2 < length2) { var value = array[index2]; if (depth > 0 && predicate(value)) { if (depth > 1) { baseFlatten(value, depth - 1, predicate, isStrict, result); } else { arrayPush(result, value); } } else if (!isStrict) { result[result.length] = value; } } return result; } function flatten(array) { var length2 = array == null ? 0 : array.length; return length2 ? baseFlatten(array, 1) : []; } function flatRest(func) { return setToString$1(overRest(func, void 0, flatten), func + ""); } var getPrototype = overArg(Object.getPrototypeOf, Object); const getPrototype$1 = getPrototype; var objectTag = "[object Object]"; var funcProto = Function.prototype, objectProto$1 = Object.prototype; var funcToString = funcProto.toString; var hasOwnProperty$1 = objectProto$1.hasOwnProperty; var objectCtorString = funcToString.call(Object); function isPlainObject(value) { if (!isObjectLike(value) || baseGetTag(value) != objectTag) { return false; } var proto = getPrototype$1(value); if (proto === null) { return true; } var Ctor = hasOwnProperty$1.call(proto, "constructor") && proto.constructor; return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString; } function baseHasIn(object, key2) { return object != null && key2 in Object(object); } function hasPath(object, path, hasFunc) { path = castPath(path, object); var index2 = -1, length2 = path.length, result = false; while (++index2 < length2) { var key2 = toKey(path[index2]); if (!(result = object != null && hasFunc(object, key2))) { break; } object = object[key2]; } if (result || ++index2 != length2) { return result; } length2 = object == null ? 0 : object.length; return !!length2 && isLength(length2) && isIndex(key2, length2) && (isArray$1(object) || isArguments$1(object)); } function hasIn(object, path) { return object != null && hasPath(object, path, baseHasIn); } function arrayIncludesWith(array, value, comparator) { var index2 = -1, length2 = array == null ? 0 : array.length; while (++index2 < length2) { if (comparator(value, array[index2])) { return true; } } return false; } var mapTag = "[object Map]", setTag = "[object Set]"; var objectProto = Object.prototype; var hasOwnProperty = objectProto.hasOwnProperty; function isEmpty(value) { if (value == null) { return true; } if (isArrayLike(value) && (isArray$1(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer$1(value) || isTypedArray$1(value) || isArguments$1(value))) { return !value.length; } var tag = getTag$1(value); if (tag == mapTag || tag == setTag) { return !value.size; } if (isPrototype(value)) { return !baseKeys(value).length; } for (var key2 in value) { if (hasOwnProperty.call(value, key2)) { return false; } } return true; } function baseSet(object, path, value, customizer) { if (!isObject(object)) { return object; } path = castPath(path, object); var index2 = -1, length2 = path.length, lastIndex = length2 - 1, nested = object; while (nested != null && ++index2 < length2) { var key2 = toKey(path[index2]), newValue = value; if (key2 === "__proto__" || key2 === "constructor" || key2 === "prototype") { return object; } if (index2 != lastIndex) { var objValue = nested[key2]; newValue = customizer ? customizer(objValue, key2, nested) : void 0; if (newValue === void 0) { newValue = isObject(objValue) ? objValue : isIndex(path[index2 + 1]) ? [] : {}; } } assignValue(nested, key2, newValue); nested = nested[key2]; } return object; } function basePickBy(object, paths, predicate) { var index2 = -1, length2 = paths.length, result = {}; while (++index2 < length2) { var path = paths[index2], value = baseGet(object, path); if (predicate(value, path)) { baseSet(result, castPath(path, object), value); } } return result; } function basePick(object, paths) { return basePickBy(object, paths, function(value, path) { return hasIn(object, path); }); } var pick = flatRest(function(object, paths) { return object == null ? {} : basePick(object, paths); }); const pick$1 = pick; var INFINITY = 1 / 0; var createSet = !(Set$2 && 1 / setToArray(new Set$2([, -0]))[1] == INFINITY) ? noop$1 : function(values) { return new Set$2(values); }; const createSet$1 = createSet; var LARGE_ARRAY_SIZE = 200; function baseUniq(array, iteratee, comparator) { var index2 = -1, includes = arrayIncludes, length2 = array.length, isCommon = true, result = [], seen = result; if (comparator) { isCommon = false; includes = arrayIncludesWith; } else if (length2 >= LARGE_ARRAY_SIZE) { var set = iteratee ? null : createSet$1(array); if (set) { return setToArray(set); } isCommon = false; includes = cacheHas; seen = new SetCache(); } else { seen = iteratee ? [] : result; } outer: while (++index2 < length2) { var value = array[index2], computed2 = iteratee ? iteratee(value) : value; value = comparator || value !== 0 ? value : 0; if (isCommon && computed2 === computed2) { var seenIndex = seen.length; while (seenIndex--) { if (seen[seenIndex] === computed2) { continue outer; } } if (iteratee) { seen.push(computed2); } result.push(value); } else if (!includes(seen, computed2, comparator)) { if (seen !== result) { seen.push(computed2); } result.push(value); } } return result; } function uniq(array) { return array && array.length ? baseUniq(array) : []; } const spaceCompactItemProps = () => ({ compactSize: String, compactDirection: PropTypes$1.oneOf(tuple("horizontal", "vertical")).def("horizontal"), isFirstItem: booleanType(), isLastItem: booleanType() }); const SpaceCompactItemContext = createContext(null); const useCompactItemContext = (prefixCls, direction) => { const compactItemContext = SpaceCompactItemContext.useInject(); const compactItemClassnames = require$$0.computed(() => { if (!compactItemContext || isEmpty(compactItemContext)) return ""; const { compactDirection, isFirstItem, isLastItem } = compactItemContext; const separator = compactDirection === "vertical" ? "-vertical-" : "-"; return classNames({ [`${prefixCls.value}-compact${separator}item`]: true, [`${prefixCls.value}-compact${separator}first-item`]: isFirstItem, [`${prefixCls.value}-compact${separator}last-item`]: isLastItem, [`${prefixCls.value}-compact${separator}item-rtl`]: direction.value === "rtl" }); }); return { compactSize: require$$0.computed(() => compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize), compactDirection: require$$0.computed(() => compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection), compactItemClassnames }; }; const NoCompactStyle = require$$0.defineComponent({ name: "NoCompactStyle", setup(_2, _ref) { let { slots } = _ref; SpaceCompactItemContext.useProvide(null); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const spaceCompactProps = () => ({ prefixCls: String, size: { type: String }, direction: PropTypes$1.oneOf(tuple("horizontal", "vertical")).def("horizontal"), align: PropTypes$1.oneOf(tuple("start", "end", "center", "baseline")), block: { type: Boolean, default: void 0 } }); const CompactItem = require$$0.defineComponent({ name: "CompactItem", props: spaceCompactItemProps(), setup(props2, _ref2) { let { slots } = _ref2; SpaceCompactItemContext.useProvide(props2); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); require$$0.defineComponent({ name: "ASpaceCompact", inheritAttrs: false, props: spaceCompactProps(), setup(props2, _ref3) { let { attrs, slots } = _ref3; const { prefixCls, direction: directionConfig } = useConfigInject("space-compact", props2); const compactItemContext = SpaceCompactItemContext.useInject(); const [wrapSSR, hashId] = useStyle$e(prefixCls); const clx = require$$0.computed(() => { return classNames(prefixCls.value, hashId.value, { [`${prefixCls.value}-rtl`]: directionConfig.value === "rtl", [`${prefixCls.value}-block`]: props2.block, [`${prefixCls.value}-vertical`]: props2.direction === "vertical" }); }); return () => { var _a; const childNodes = flattenChildren(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []); if (childNodes.length === 0) { return null; } return wrapSSR(require$$0.createVNode("div", _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "class": [clx.value, attrs.class] }), [childNodes.map((child, i2) => { var _a2; const key2 = child && child.key || `${prefixCls.value}-item-${i2}`; const noCompactItemContext = !compactItemContext || isEmpty(compactItemContext); return require$$0.createVNode(CompactItem, { "key": key2, "compactSize": (_a2 = props2.size) !== null && _a2 !== void 0 ? _a2 : "middle", "compactDirection": props2.direction, "isFirstItem": i2 === 0 && (noCompactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isFirstItem)), "isLastItem": i2 === childNodes.length - 1 && (noCompactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isLastItem)) }, { default: () => [child] }); })])); }; } }); const initMotionCommon = (duration) => ({ animationDuration: duration, animationFillMode: "both" }); const initMotionCommonLeave = (duration) => ({ animationDuration: duration, animationFillMode: "both" }); const initMotion = function(motionCls, inKeyframes, outKeyframes, duration) { let sameLevel = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false; const sameLevelPrefix = sameLevel ? "&" : ""; return { [` ${sameLevelPrefix}${motionCls}-enter, ${sameLevelPrefix}${motionCls}-appear `]: _extends(_extends({}, initMotionCommon(duration)), { animationPlayState: "paused" }), [`${sameLevelPrefix}${motionCls}-leave`]: _extends(_extends({}, initMotionCommonLeave(duration)), { animationPlayState: "paused" }), [` ${sameLevelPrefix}${motionCls}-enter${motionCls}-enter-active, ${sameLevelPrefix}${motionCls}-appear${motionCls}-appear-active `]: { animationName: inKeyframes, animationPlayState: "running" }, [`${sameLevelPrefix}${motionCls}-leave${motionCls}-leave-active`]: { animationName: outKeyframes, animationPlayState: "running", pointerEvents: "none" } }; }; const fadeIn = new Keyframes("antFadeIn", { "0%": { opacity: 0 }, "100%": { opacity: 1 } }); const fadeOut = new Keyframes("antFadeOut", { "0%": { opacity: 1 }, "100%": { opacity: 0 } }); const initFadeMotion = function(token2) { let sameLevel = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; const { antCls } = token2; const motionCls = `${antCls}-fade`; const sameLevelPrefix = sameLevel ? "&" : ""; return [initMotion(motionCls, fadeIn, fadeOut, token2.motionDurationMid, sameLevel), { [` ${sameLevelPrefix}${motionCls}-enter, ${sameLevelPrefix}${motionCls}-appear `]: { opacity: 0, animationTimingFunction: "linear" }, [`${sameLevelPrefix}${motionCls}-leave`]: { animationTimingFunction: "linear" } }]; }; const slideUpIn = new Keyframes("antSlideUpIn", { "0%": { transform: "scaleY(0.8)", transformOrigin: "0% 0%", opacity: 0 }, "100%": { transform: "scaleY(1)", transformOrigin: "0% 0%", opacity: 1 } }); const slideUpOut = new Keyframes("antSlideUpOut", { "0%": { transform: "scaleY(1)", transformOrigin: "0% 0%", opacity: 1 }, "100%": { transform: "scaleY(0.8)", transformOrigin: "0% 0%", opacity: 0 } }); const slideDownIn = new Keyframes("antSlideDownIn", { "0%": { transform: "scaleY(0.8)", transformOrigin: "100% 100%", opacity: 0 }, "100%": { transform: "scaleY(1)", transformOrigin: "100% 100%", opacity: 1 } }); const slideDownOut = new Keyframes("antSlideDownOut", { "0%": { transform: "scaleY(1)", transformOrigin: "100% 100%", opacity: 1 }, "100%": { transform: "scaleY(0.8)", transformOrigin: "100% 100%", opacity: 0 } }); const slideLeftIn = new Keyframes("antSlideLeftIn", { "0%": { transform: "scaleX(0.8)", transformOrigin: "0% 0%", opacity: 0 }, "100%": { transform: "scaleX(1)", transformOrigin: "0% 0%", opacity: 1 } }); const slideLeftOut = new Keyframes("antSlideLeftOut", { "0%": { transform: "scaleX(1)", transformOrigin: "0% 0%", opacity: 1 }, "100%": { transform: "scaleX(0.8)", transformOrigin: "0% 0%", opacity: 0 } }); const slideRightIn = new Keyframes("antSlideRightIn", { "0%": { transform: "scaleX(0.8)", transformOrigin: "100% 0%", opacity: 0 }, "100%": { transform: "scaleX(1)", transformOrigin: "100% 0%", opacity: 1 } }); const slideRightOut = new Keyframes("antSlideRightOut", { "0%": { transform: "scaleX(1)", transformOrigin: "100% 0%", opacity: 1 }, "100%": { transform: "scaleX(0.8)", transformOrigin: "100% 0%", opacity: 0 } }); const slideMotion = { "slide-up": { inKeyframes: slideUpIn, outKeyframes: slideUpOut }, "slide-down": { inKeyframes: slideDownIn, outKeyframes: slideDownOut }, "slide-left": { inKeyframes: slideLeftIn, outKeyframes: slideLeftOut }, "slide-right": { inKeyframes: slideRightIn, outKeyframes: slideRightOut } }; const initSlideMotion = (token2, motionName) => { const { antCls } = token2; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = slideMotion[motionName]; return [initMotion(motionCls, inKeyframes, outKeyframes, token2.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { transform: "scale(0)", transformOrigin: "0% 0%", opacity: 0, animationTimingFunction: token2.motionEaseOutQuint }, [`${motionCls}-leave`]: { animationTimingFunction: token2.motionEaseInQuint } }]; }; const zoomIn = new Keyframes("antZoomIn", { "0%": { transform: "scale(0.2)", opacity: 0 }, "100%": { transform: "scale(1)", opacity: 1 } }); const zoomOut = new Keyframes("antZoomOut", { "0%": { transform: "scale(1)" }, "100%": { transform: "scale(0.2)", opacity: 0 } }); const zoomBigIn = new Keyframes("antZoomBigIn", { "0%": { transform: "scale(0.8)", opacity: 0 }, "100%": { transform: "scale(1)", opacity: 1 } }); const zoomBigOut = new Keyframes("antZoomBigOut", { "0%": { transform: "scale(1)" }, "100%": { transform: "scale(0.8)", opacity: 0 } }); const zoomUpIn = new Keyframes("antZoomUpIn", { "0%": { transform: "scale(0.8)", transformOrigin: "50% 0%", opacity: 0 }, "100%": { transform: "scale(1)", transformOrigin: "50% 0%" } }); const zoomUpOut = new Keyframes("antZoomUpOut", { "0%": { transform: "scale(1)", transformOrigin: "50% 0%" }, "100%": { transform: "scale(0.8)", transformOrigin: "50% 0%", opacity: 0 } }); const zoomLeftIn = new Keyframes("antZoomLeftIn", { "0%": { transform: "scale(0.8)", transformOrigin: "0% 50%", opacity: 0 }, "100%": { transform: "scale(1)", transformOrigin: "0% 50%" } }); const zoomLeftOut = new Keyframes("antZoomLeftOut", { "0%": { transform: "scale(1)", transformOrigin: "0% 50%" }, "100%": { transform: "scale(0.8)", transformOrigin: "0% 50%", opacity: 0 } }); const zoomRightIn = new Keyframes("antZoomRightIn", { "0%": { transform: "scale(0.8)", transformOrigin: "100% 50%", opacity: 0 }, "100%": { transform: "scale(1)", transformOrigin: "100% 50%" } }); const zoomRightOut = new Keyframes("antZoomRightOut", { "0%": { transform: "scale(1)", transformOrigin: "100% 50%" }, "100%": { transform: "scale(0.8)", transformOrigin: "100% 50%", opacity: 0 } }); const zoomDownIn = new Keyframes("antZoomDownIn", { "0%": { transform: "scale(0.8)", transformOrigin: "50% 100%", opacity: 0 }, "100%": { transform: "scale(1)", transformOrigin: "50% 100%" } }); const zoomDownOut = new Keyframes("antZoomDownOut", { "0%": { transform: "scale(1)", transformOrigin: "50% 100%" }, "100%": { transform: "scale(0.8)", transformOrigin: "50% 100%", opacity: 0 } }); const zoomMotion = { zoom: { inKeyframes: zoomIn, outKeyframes: zoomOut }, "zoom-big": { inKeyframes: zoomBigIn, outKeyframes: zoomBigOut }, "zoom-big-fast": { inKeyframes: zoomBigIn, outKeyframes: zoomBigOut }, "zoom-left": { inKeyframes: zoomLeftIn, outKeyframes: zoomLeftOut }, "zoom-right": { inKeyframes: zoomRightIn, outKeyframes: zoomRightOut }, "zoom-up": { inKeyframes: zoomUpIn, outKeyframes: zoomUpOut }, "zoom-down": { inKeyframes: zoomDownIn, outKeyframes: zoomDownOut } }; const initZoomMotion = (token2, motionName) => { const { antCls } = token2; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = zoomMotion[motionName]; return [initMotion(motionCls, inKeyframes, outKeyframes, motionName === "zoom-big-fast" ? token2.motionDurationFast : token2.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { transform: "scale(0)", opacity: 0, animationTimingFunction: token2.motionEaseOutCirc, "&-prepare": { transform: "none" } }, [`${motionCls}-leave`]: { animationTimingFunction: token2.motionEaseInOutCirc } }]; }; const genCollapseMotion = (token2) => ({ [token2.componentCls]: { // For common/openAnimation [`${token2.antCls}-motion-collapse-legacy`]: { overflow: "hidden", "&-active": { transition: `height ${token2.motionDurationMid} ${token2.motionEaseInOut}, opacity ${token2.motionDurationMid} ${token2.motionEaseInOut} !important` } }, [`${token2.antCls}-motion-collapse`]: { overflow: "hidden", transition: `height ${token2.motionDurationMid} ${token2.motionEaseInOut}, opacity ${token2.motionDurationMid} ${token2.motionEaseInOut} !important` } } }); const genCollapseMotion$1 = genCollapseMotion; function compactItemBorder(token2, parentCls, options) { const { focusElCls, focus, borderElCls } = options; const childCombinator = borderElCls ? "> *" : ""; const hoverEffects = ["hover", focus ? "focus" : null, "active"].filter(Boolean).map((n2) => `&:${n2} ${childCombinator}`).join(","); return { [`&-item:not(${parentCls}-last-item)`]: { marginInlineEnd: -token2.lineWidth }, "&-item": _extends(_extends({ [hoverEffects]: { zIndex: 2 } }, focusElCls ? { [`&${focusElCls}`]: { zIndex: 2 } } : {}), { [`&[disabled] ${childCombinator}`]: { zIndex: 0 } }) }; } function compactItemBorderRadius(prefixCls, parentCls, options) { const { borderElCls } = options; const childCombinator = borderElCls ? `> ${borderElCls}` : ""; return { [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item) ${childCombinator}`]: { borderRadius: 0 }, [`&-item:not(${parentCls}-last-item)${parentCls}-first-item`]: { [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, [`&-item:not(${parentCls}-first-item)${parentCls}-last-item`]: { [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } } }; } function genCompactItemStyle(token2) { let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { focus: true }; const { componentCls } = token2; const compactCls = `${componentCls}-compact`; return { [compactCls]: _extends(_extends({}, compactItemBorder(token2, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options)) }; } var CheckCircleOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z" } }, { "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "check-circle", "theme": "outlined" }; const CheckCircleOutlinedSvg = CheckCircleOutlined$2; function _objectSpread$e(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$e(target, key2, source[key2]); }); } return target; } function _defineProperty$e(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var CheckCircleOutlined = function CheckCircleOutlined2(props2, context) { var p = _objectSpread$e({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$e({}, p, { "icon": CheckCircleOutlinedSvg }), null); }; CheckCircleOutlined.displayName = "CheckCircleOutlined"; CheckCircleOutlined.inheritAttrs = false; const CheckCircleOutlined$1 = CheckCircleOutlined; var ExclamationCircleOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" }; const ExclamationCircleOutlinedSvg = ExclamationCircleOutlined$2; function _objectSpread$d(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$d(target, key2, source[key2]); }); } return target; } function _defineProperty$d(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var ExclamationCircleOutlined = function ExclamationCircleOutlined2(props2, context) { var p = _objectSpread$d({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$d({}, p, { "icon": ExclamationCircleOutlinedSvg }), null); }; ExclamationCircleOutlined.displayName = "ExclamationCircleOutlined"; ExclamationCircleOutlined.inheritAttrs = false; const ExclamationCircleOutlined$1 = ExclamationCircleOutlined; var InfoCircleOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" }; const InfoCircleOutlinedSvg = InfoCircleOutlined$2; function _objectSpread$c(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$c(target, key2, source[key2]); }); } return target; } function _defineProperty$c(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var InfoCircleOutlined = function InfoCircleOutlined2(props2, context) { var p = _objectSpread$c({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$c({}, p, { "icon": InfoCircleOutlinedSvg }), null); }; InfoCircleOutlined.displayName = "InfoCircleOutlined"; InfoCircleOutlined.inheritAttrs = false; const InfoCircleOutlined$1 = InfoCircleOutlined; var CloseCircleOutlined$2 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm128.01 198.83c.03 0 .05.01.09.06l45.02 45.01a.2.2 0 01.05.09.12.12 0 010 .07c0 .02-.01.04-.05.08L557.25 512l127.87 127.86a.27.27 0 01.05.06v.02a.12.12 0 010 .07c0 .03-.01.05-.05.09l-45.02 45.02a.2.2 0 01-.09.05.12.12 0 01-.07 0c-.02 0-.04-.01-.08-.05L512 557.25 384.14 685.12c-.04.04-.06.05-.08.05a.12.12 0 01-.07 0c-.03 0-.05-.01-.09-.05l-45.02-45.02a.2.2 0 01-.05-.09.12.12 0 010-.07c0-.02.01-.04.06-.08L466.75 512 338.88 384.14a.27.27 0 01-.05-.06l-.01-.02a.12.12 0 010-.07c0-.03.01-.05.05-.09l45.02-45.02a.2.2 0 01.09-.05.12.12 0 01.07 0c.02 0 .04.01.08.06L512 466.75l127.86-127.86c.04-.05.06-.06.08-.06a.12.12 0 01.07 0z" } }] }, "name": "close-circle", "theme": "outlined" }; const CloseCircleOutlinedSvg = CloseCircleOutlined$2; function _objectSpread$b(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$b(target, key2, source[key2]); }); } return target; } function _defineProperty$b(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var CloseCircleOutlined = function CloseCircleOutlined2(props2, context) { var p = _objectSpread$b({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$b({}, p, { "icon": CloseCircleOutlinedSvg }), null); }; CloseCircleOutlined.displayName = "CloseCircleOutlined"; CloseCircleOutlined.inheritAttrs = false; const CloseCircleOutlined$1 = CloseCircleOutlined; var CheckCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, "name": "check-circle", "theme": "filled" }; const CheckCircleFilledSvg = CheckCircleFilled$2; function _objectSpread$a(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$a(target, key2, source[key2]); }); } return target; } function _defineProperty$a(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var CheckCircleFilled = function CheckCircleFilled2(props2, context) { var p = _objectSpread$a({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$a({}, p, { "icon": CheckCircleFilledSvg }), null); }; CheckCircleFilled.displayName = "CheckCircleFilled"; CheckCircleFilled.inheritAttrs = false; const CheckCircleFilled$1 = CheckCircleFilled; var ExclamationCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" }; const ExclamationCircleFilledSvg = ExclamationCircleFilled$2; function _objectSpread$9(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$9(target, key2, source[key2]); }); } return target; } function _defineProperty$9(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var ExclamationCircleFilled = function ExclamationCircleFilled2(props2, context) { var p = _objectSpread$9({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$9({}, p, { "icon": ExclamationCircleFilledSvg }), null); }; ExclamationCircleFilled.displayName = "ExclamationCircleFilled"; ExclamationCircleFilled.inheritAttrs = false; const ExclamationCircleFilled$1 = ExclamationCircleFilled; var InfoCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" }; const InfoCircleFilledSvg = InfoCircleFilled$2; function _objectSpread$8(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$8(target, key2, source[key2]); }); } return target; } function _defineProperty$8(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var InfoCircleFilled = function InfoCircleFilled2(props2, context) { var p = _objectSpread$8({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$8({}, p, { "icon": InfoCircleFilledSvg }), null); }; InfoCircleFilled.displayName = "InfoCircleFilled"; InfoCircleFilled.inheritAttrs = false; const InfoCircleFilled$1 = InfoCircleFilled; const genAlertTypeStyle = (bgColor, borderColor, iconColor, token2, alertCls) => ({ backgroundColor: bgColor, border: `${token2.lineWidth}px ${token2.lineType} ${borderColor}`, [`${alertCls}-icon`]: { color: iconColor } }); const genBaseStyle = (token2) => { const { componentCls, motionDurationSlow: duration, marginXS, marginSM, fontSize, fontSizeLG, lineHeight, borderRadiusLG: borderRadius, motionEaseInOutCirc, alertIconSizeLG, colorText, paddingContentVerticalSM, alertPaddingHorizontal, paddingMD, paddingContentHorizontalLG } = token2; return { [componentCls]: _extends(_extends({}, resetComponent(token2)), { position: "relative", display: "flex", alignItems: "center", padding: `${paddingContentVerticalSM}px ${alertPaddingHorizontal}px`, wordWrap: "break-word", borderRadius, [`&${componentCls}-rtl`]: { direction: "rtl" }, [`${componentCls}-content`]: { flex: 1, minWidth: 0 }, [`${componentCls}-icon`]: { marginInlineEnd: marginXS, lineHeight: 0 }, [`&-description`]: { display: "none", fontSize, lineHeight }, "&-message": { color: colorText }, [`&${componentCls}-motion-leave`]: { overflow: "hidden", opacity: 1, transition: `max-height ${duration} ${motionEaseInOutCirc}, opacity ${duration} ${motionEaseInOutCirc}, padding-top ${duration} ${motionEaseInOutCirc}, padding-bottom ${duration} ${motionEaseInOutCirc}, margin-bottom ${duration} ${motionEaseInOutCirc}` }, [`&${componentCls}-motion-leave-active`]: { maxHeight: 0, marginBottom: "0 !important", paddingTop: 0, paddingBottom: 0, opacity: 0 } }), [`${componentCls}-with-description`]: { alignItems: "flex-start", paddingInline: paddingContentHorizontalLG, paddingBlock: paddingMD, [`${componentCls}-icon`]: { marginInlineEnd: marginSM, fontSize: alertIconSizeLG, lineHeight: 0 }, [`${componentCls}-message`]: { display: "block", marginBottom: marginXS, color: colorText, fontSize: fontSizeLG }, [`${componentCls}-description`]: { display: "block" } }, [`${componentCls}-banner`]: { marginBottom: 0, border: "0 !important", borderRadius: 0 } }; }; const genTypeStyle = (token2) => { const { componentCls, colorSuccess, colorSuccessBorder, colorSuccessBg, colorWarning, colorWarningBorder, colorWarningBg, colorError, colorErrorBorder, colorErrorBg, colorInfo, colorInfoBorder, colorInfoBg } = token2; return { [componentCls]: { "&-success": genAlertTypeStyle(colorSuccessBg, colorSuccessBorder, colorSuccess, token2, componentCls), "&-info": genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token2, componentCls), "&-warning": genAlertTypeStyle(colorWarningBg, colorWarningBorder, colorWarning, token2, componentCls), "&-error": _extends(_extends({}, genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token2, componentCls)), { [`${componentCls}-description > pre`]: { margin: 0, padding: 0 } }) } }; }; const genActionStyle = (token2) => { const { componentCls, iconCls, motionDurationMid, marginXS, fontSizeIcon, colorIcon, colorIconHover } = token2; return { [componentCls]: { [`&-action`]: { marginInlineStart: marginXS }, [`${componentCls}-close-icon`]: { marginInlineStart: marginXS, padding: 0, overflow: "hidden", fontSize: fontSizeIcon, lineHeight: `${fontSizeIcon}px`, backgroundColor: "transparent", border: "none", outline: "none", cursor: "pointer", [`${iconCls}-close`]: { color: colorIcon, transition: `color ${motionDurationMid}`, "&:hover": { color: colorIconHover } } }, "&-close-text": { color: colorIcon, transition: `color ${motionDurationMid}`, "&:hover": { color: colorIconHover } } } }; }; const genAlertStyle = (token2) => [genBaseStyle(token2), genTypeStyle(token2), genActionStyle(token2)]; const useStyle$d = genComponentStyleHook("Alert", (token2) => { const { fontSizeHeading3 } = token2; const alertToken = merge(token2, { alertIconSizeLG: fontSizeHeading3, alertPaddingHorizontal: 12 // Fixed value here. }); return [genAlertStyle(alertToken)]; }); const iconMapFilled = { success: CheckCircleFilled$1, info: InfoCircleFilled$1, error: CloseCircleFilled$1, warning: ExclamationCircleFilled$1 }; const iconMapOutlined = { success: CheckCircleOutlined$1, info: InfoCircleOutlined$1, error: CloseCircleOutlined$1, warning: ExclamationCircleOutlined$1 }; const AlertTypes = tuple("success", "info", "warning", "error"); const alertProps = () => ({ /** * Type of Alert styles, options: `success`, `info`, `warning`, `error` */ type: PropTypes$1.oneOf(AlertTypes), /** Whether Alert can be closed */ closable: { type: Boolean, default: void 0 }, /** Close text to show */ closeText: PropTypes$1.any, /** Content of Alert */ message: PropTypes$1.any, /** Additional content of Alert */ description: PropTypes$1.any, /** Trigger when animation ending of Alert */ afterClose: Function, /** Whether to show icon */ showIcon: { type: Boolean, default: void 0 }, prefixCls: String, banner: { type: Boolean, default: void 0 }, icon: PropTypes$1.any, closeIcon: PropTypes$1.any, onClose: Function }); const Alert = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AAlert", inheritAttrs: false, props: alertProps(), setup(props2, _ref) { let { slots, emit, attrs, expose } = _ref; const { prefixCls, direction } = useConfigInject("alert", props2); const [wrapSSR, hashId] = useStyle$d(prefixCls); const closing = require$$0.shallowRef(false); const closed = require$$0.shallowRef(false); const alertNode = require$$0.shallowRef(); const handleClose = (e2) => { e2.preventDefault(); const dom = alertNode.value; dom.style.height = `${dom.offsetHeight}px`; dom.style.height = `${dom.offsetHeight}px`; closing.value = true; emit("close", e2); }; const animationEnd = () => { var _a; closing.value = false; closed.value = true; (_a = props2.afterClose) === null || _a === void 0 ? void 0 : _a.call(props2); }; const mergedType = require$$0.computed(() => { const { type } = props2; if (type !== void 0) { return type; } return props2.banner ? "warning" : "info"; }); expose({ animationEnd }); const motionStyle = require$$0.shallowRef({}); return () => { var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k; const { banner, closeIcon: customCloseIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots) } = props2; let { closable, showIcon } = props2; const closeText = (_b = props2.closeText) !== null && _b !== void 0 ? _b : (_c = slots.closeText) === null || _c === void 0 ? void 0 : _c.call(slots); const description = (_d = props2.description) !== null && _d !== void 0 ? _d : (_e = slots.description) === null || _e === void 0 ? void 0 : _e.call(slots); const message2 = (_f = props2.message) !== null && _f !== void 0 ? _f : (_g = slots.message) === null || _g === void 0 ? void 0 : _g.call(slots); const icon = (_h = props2.icon) !== null && _h !== void 0 ? _h : (_j = slots.icon) === null || _j === void 0 ? void 0 : _j.call(slots); const action = (_k = slots.action) === null || _k === void 0 ? void 0 : _k.call(slots); showIcon = banner && showIcon === void 0 ? true : showIcon; const IconType = (description ? iconMapOutlined : iconMapFilled)[mergedType.value] || null; if (closeText) { closable = true; } const prefixClsValue = prefixCls.value; const alertCls = classNames(prefixClsValue, { [`${prefixClsValue}-${mergedType.value}`]: true, [`${prefixClsValue}-closing`]: closing.value, [`${prefixClsValue}-with-description`]: !!description, [`${prefixClsValue}-no-icon`]: !showIcon, [`${prefixClsValue}-banner`]: !!banner, [`${prefixClsValue}-closable`]: closable, [`${prefixClsValue}-rtl`]: direction.value === "rtl", [hashId.value]: true }); const closeIcon = closable ? require$$0.createVNode("button", { "type": "button", "onClick": handleClose, "class": `${prefixClsValue}-close-icon`, "tabindex": 0 }, [closeText ? require$$0.createVNode("span", { "class": `${prefixClsValue}-close-text` }, [closeText]) : customCloseIcon === void 0 ? require$$0.createVNode(CloseOutlined$2, null, null) : customCloseIcon]) : null; const iconNode = icon && (isValidElement(icon) ? cloneElement(icon, { class: `${prefixClsValue}-icon` }) : require$$0.createVNode("span", { "class": `${prefixClsValue}-icon` }, [icon])) || require$$0.createVNode(IconType, { "class": `${prefixClsValue}-icon` }, null); const transitionProps = getTransitionProps(`${prefixClsValue}-motion`, { appear: false, css: true, onAfterLeave: animationEnd, onBeforeLeave: (node2) => { node2.style.maxHeight = `${node2.offsetHeight}px`; }, onLeave: (node2) => { node2.style.maxHeight = "0px"; } }); return wrapSSR(closed.value ? null : require$$0.createVNode(require$$0.Transition, transitionProps, { default: () => [require$$0.withDirectives(require$$0.createVNode("div", _objectSpread2$1(_objectSpread2$1({ "role": "alert" }, attrs), {}, { "style": [attrs.style, motionStyle.value], "class": [attrs.class, alertCls], "data-show": !closing.value, "ref": alertNode }), [showIcon ? iconNode : null, require$$0.createVNode("div", { "class": `${prefixClsValue}-content` }, [message2 ? require$$0.createVNode("div", { "class": `${prefixClsValue}-message` }, [message2]) : null, description ? require$$0.createVNode("div", { "class": `${prefixClsValue}-description` }, [description]) : null]), action ? require$$0.createVNode("div", { "class": `${prefixClsValue}-action` }, [action]) : null, closeIcon]), [[require$$0.vShow, !closing.value]])] })); }; } }); const __unplugin_components_0$2 = withInstall(Alert); const autoAdjustOverflow$2 = { adjustX: 1, adjustY: 1 }; const targetOffset$2 = [0, 0]; const placements$3 = { left: { points: ["cr", "cl"], overflow: autoAdjustOverflow$2, offset: [-4, 0], targetOffset: targetOffset$2 }, right: { points: ["cl", "cr"], overflow: autoAdjustOverflow$2, offset: [4, 0], targetOffset: targetOffset$2 }, top: { points: ["bc", "tc"], overflow: autoAdjustOverflow$2, offset: [0, -4], targetOffset: targetOffset$2 }, bottom: { points: ["tc", "bc"], overflow: autoAdjustOverflow$2, offset: [0, 4], targetOffset: targetOffset$2 }, topLeft: { points: ["bl", "tl"], overflow: autoAdjustOverflow$2, offset: [0, -4], targetOffset: targetOffset$2 }, leftTop: { points: ["tr", "tl"], overflow: autoAdjustOverflow$2, offset: [-4, 0], targetOffset: targetOffset$2 }, topRight: { points: ["br", "tr"], overflow: autoAdjustOverflow$2, offset: [0, -4], targetOffset: targetOffset$2 }, rightTop: { points: ["tl", "tr"], overflow: autoAdjustOverflow$2, offset: [4, 0], targetOffset: targetOffset$2 }, bottomRight: { points: ["tr", "br"], overflow: autoAdjustOverflow$2, offset: [0, 4], targetOffset: targetOffset$2 }, rightBottom: { points: ["bl", "br"], overflow: autoAdjustOverflow$2, offset: [4, 0], targetOffset: targetOffset$2 }, bottomLeft: { points: ["tl", "bl"], overflow: autoAdjustOverflow$2, offset: [0, 4], targetOffset: targetOffset$2 }, leftBottom: { points: ["br", "bl"], overflow: autoAdjustOverflow$2, offset: [-4, 0], targetOffset: targetOffset$2 } }; const tooltipContentProps = { prefixCls: String, id: String, overlayInnerStyle: PropTypes$1.any }; const Content$1 = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "TooltipContent", props: tooltipContentProps, setup(props2, _ref) { let { slots } = _ref; return () => { var _a; return require$$0.createVNode("div", { "class": `${props2.prefixCls}-inner`, "id": props2.id, "role": "tooltip", "style": props2.overlayInnerStyle }, [(_a = slots.overlay) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } }); var __rest$f = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; function noop() { } const Tooltip$1 = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Tooltip", inheritAttrs: false, props: { trigger: PropTypes$1.any.def(["hover"]), defaultVisible: { type: Boolean, default: void 0 }, visible: { type: Boolean, default: void 0 }, placement: PropTypes$1.string.def("right"), transitionName: String, animation: PropTypes$1.any, afterVisibleChange: PropTypes$1.func.def(() => { }), overlayStyle: { type: Object, default: void 0 }, overlayClassName: String, prefixCls: PropTypes$1.string.def("rc-tooltip"), mouseEnterDelay: PropTypes$1.number.def(0.1), mouseLeaveDelay: PropTypes$1.number.def(0.1), getPopupContainer: Function, destroyTooltipOnHide: { type: Boolean, default: false }, align: PropTypes$1.object.def(() => ({})), arrowContent: PropTypes$1.any.def(null), tipId: String, builtinPlacements: PropTypes$1.object, overlayInnerStyle: { type: Object, default: void 0 }, popupVisible: { type: Boolean, default: void 0 }, onVisibleChange: Function, onPopupAlign: Function }, setup(props2, _ref) { let { slots, attrs, expose } = _ref; const triggerDOM = require$$0.shallowRef(); const getPopupElement = () => { const { prefixCls, tipId, overlayInnerStyle } = props2; return [require$$0.createVNode("div", { "class": `${prefixCls}-arrow`, "key": "arrow" }, [getPropsSlot(slots, props2, "arrowContent")]), require$$0.createVNode(Content$1, { "key": "content", "prefixCls": prefixCls, "id": tipId, "overlayInnerStyle": overlayInnerStyle }, { overlay: slots.overlay })]; }; const getPopupDomNode = () => { return triggerDOM.value.getPopupDomNode(); }; expose({ getPopupDomNode, triggerDOM, forcePopupAlign: () => { var _a; return (_a = triggerDOM.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); } }); const destroyTooltip = require$$0.shallowRef(false); const autoDestroy = require$$0.shallowRef(false); require$$0.watchEffect(() => { const { destroyTooltipOnHide } = props2; if (typeof destroyTooltipOnHide === "boolean") { destroyTooltip.value = destroyTooltipOnHide; } else if (destroyTooltipOnHide && typeof destroyTooltipOnHide === "object") { const { keepParent } = destroyTooltipOnHide; destroyTooltip.value = keepParent === true; autoDestroy.value = keepParent === false; } }); return () => { const { overlayClassName, trigger: trigger2, mouseEnterDelay, mouseLeaveDelay, overlayStyle, prefixCls, afterVisibleChange, transitionName: transitionName2, animation, placement, align, destroyTooltipOnHide, defaultVisible } = props2, restProps = __rest$f(props2, ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "afterVisibleChange", "transitionName", "animation", "placement", "align", "destroyTooltipOnHide", "defaultVisible"]); const extraProps = _extends({}, restProps); if (props2.visible !== void 0) { extraProps.popupVisible = props2.visible; } const triggerProps2 = _extends(_extends(_extends({ popupClassName: overlayClassName, prefixCls, action: trigger2, builtinPlacements: placements$3, popupPlacement: placement, popupAlign: align, afterPopupVisibleChange: afterVisibleChange, popupTransitionName: transitionName2, popupAnimation: animation, defaultPopupVisible: defaultVisible, destroyPopupOnHide: destroyTooltip.value, autoDestroy: autoDestroy.value, mouseLeaveDelay, popupStyle: overlayStyle, mouseEnterDelay }, extraProps), attrs), { onPopupVisibleChange: props2.onVisibleChange || noop, onPopupAlign: props2.onPopupAlign || noop, ref: triggerDOM, popup: getPopupElement() }); return require$$0.createVNode(Trigger, triggerProps2, { default: slots.default }); }; } }); const abstractTooltipProps = () => ({ trigger: [String, Array], open: { type: Boolean, default: void 0 }, /** @deprecated Please use `open` instead. */ visible: { type: Boolean, default: void 0 }, placement: String, color: String, transitionName: String, overlayStyle: objectType(), overlayInnerStyle: objectType(), overlayClassName: String, openClassName: String, prefixCls: String, mouseEnterDelay: Number, mouseLeaveDelay: Number, getPopupContainer: Function, arrowPointAtCenter: { type: Boolean, default: void 0 }, autoAdjustOverflow: { type: [Boolean, Object], default: void 0 }, destroyTooltipOnHide: { type: Boolean, default: void 0 }, align: objectType(), builtinPlacements: objectType(), children: Array, /** @deprecated Please use `onOpenChange` instead. */ onVisibleChange: Function, /** @deprecated Please use `onUpdate:open` instead. */ "onUpdate:visible": Function, onOpenChange: Function, "onUpdate:open": Function }); const autoAdjustOverflowEnabled = { adjustX: 1, adjustY: 1 }; const autoAdjustOverflowDisabled = { adjustX: 0, adjustY: 0 }; const targetOffset$1 = [0, 0]; function getOverflowOptions(autoAdjustOverflow2) { if (typeof autoAdjustOverflow2 === "boolean") { return autoAdjustOverflow2 ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled; } return _extends(_extends({}, autoAdjustOverflowDisabled), autoAdjustOverflow2); } function getPlacements(config) { const { arrowWidth = 4, horizontalArrowShift = 16, verticalArrowShift = 8, autoAdjustOverflow: autoAdjustOverflow2, arrowPointAtCenter } = config; const placementMap = { left: { points: ["cr", "cl"], offset: [-4, 0] }, right: { points: ["cl", "cr"], offset: [4, 0] }, top: { points: ["bc", "tc"], offset: [0, -4] }, bottom: { points: ["tc", "bc"], offset: [0, 4] }, topLeft: { points: ["bl", "tc"], offset: [-(horizontalArrowShift + arrowWidth), -4] }, leftTop: { points: ["tr", "cl"], offset: [-4, -(verticalArrowShift + arrowWidth)] }, topRight: { points: ["br", "tc"], offset: [horizontalArrowShift + arrowWidth, -4] }, rightTop: { points: ["tl", "cr"], offset: [4, -(verticalArrowShift + arrowWidth)] }, bottomRight: { points: ["tr", "bc"], offset: [horizontalArrowShift + arrowWidth, 4] }, rightBottom: { points: ["bl", "cr"], offset: [4, verticalArrowShift + arrowWidth] }, bottomLeft: { points: ["tl", "bc"], offset: [-(horizontalArrowShift + arrowWidth), 4] }, leftBottom: { points: ["br", "cl"], offset: [-4, verticalArrowShift + arrowWidth] } }; Object.keys(placementMap).forEach((key2) => { placementMap[key2] = arrowPointAtCenter ? _extends(_extends({}, placementMap[key2]), { overflow: getOverflowOptions(autoAdjustOverflow2), targetOffset: targetOffset$1 }) : _extends(_extends({}, placements$3[key2]), { overflow: getOverflowOptions(autoAdjustOverflow2) }); placementMap[key2].ignoreShake = true; }); return placementMap; } function firstNotUndefined() { let arr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []; for (let i2 = 0, len = arr.length; i2 < len; i2++) { if (arr[i2] !== void 0) { return arr[i2]; } } return void 0; } const inverseColors = PresetColors.map((color) => `${color}-inverse`); function isPresetColor(color) { let includeInverse = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true; if (includeInverse) { return [...inverseColors, ...PresetColors].includes(color); } return PresetColors.includes(color); } function parseColor(prefixCls, color) { const isInternalColor = isPresetColor(color); const className = classNames({ [`${prefixCls}-${color}`]: color && isInternalColor }); const overlayStyle = {}; const arrowStyle = {}; if (color && !isInternalColor) { overlayStyle.background = color; arrowStyle["--antd-arrow-background-color"] = color; } return { className, overlayStyle, arrowStyle }; } function connectArrowCls(classList) { let showArrowCls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ""; return classList.map((cls) => `${showArrowCls}${cls}`).join(","); } const MAX_VERTICAL_CONTENT_RADIUS = 8; function getArrowOffset(options) { const maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS; const { sizePopupArrow, contentRadius, borderRadiusOuter, limitVerticalRadius } = options; const arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(borderRadiusOuter * (Math.sqrt(2) - 1)); const dropdownArrowOffset = (contentRadius > 12 ? contentRadius + 2 : 12) - arrowInnerOffset; const dropdownArrowOffsetVertical = limitVerticalRadius ? maxVerticalContentRadius - arrowInnerOffset : dropdownArrowOffset; return { dropdownArrowOffset, dropdownArrowOffsetVertical }; } function getArrowStyle(token2, options) { const { componentCls, sizePopupArrow, marginXXS, borderRadiusXS, borderRadiusOuter, boxShadowPopoverArrow } = token2; const { colorBg, showArrowCls, contentRadius = token2.borderRadiusLG, limitVerticalRadius } = options; const { dropdownArrowOffsetVertical, dropdownArrowOffset } = getArrowOffset({ sizePopupArrow, contentRadius, borderRadiusOuter, limitVerticalRadius }); const dropdownArrowDistance = sizePopupArrow / 2 + marginXXS; return { [componentCls]: { // ============================ Basic ============================ [`${componentCls}-arrow`]: [_extends(_extends({ position: "absolute", zIndex: 1, display: "block" }, roundedArrow(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBg, boxShadowPopoverArrow)), { "&:before": { background: colorBg } })], // ========================== Placement ========================== // Here handle the arrow position and rotate stuff // >>>>> Top [[`&-placement-top ${componentCls}-arrow`, `&-placement-topLeft ${componentCls}-arrow`, `&-placement-topRight ${componentCls}-arrow`].join(",")]: { bottom: 0, transform: "translateY(100%) rotate(180deg)" }, [`&-placement-top ${componentCls}-arrow`]: { left: { _skip_check_: true, value: "50%" }, transform: "translateX(-50%) translateY(100%) rotate(180deg)" }, [`&-placement-topLeft ${componentCls}-arrow`]: { left: { _skip_check_: true, value: dropdownArrowOffset } }, [`&-placement-topRight ${componentCls}-arrow`]: { right: { _skip_check_: true, value: dropdownArrowOffset } }, // >>>>> Bottom [[`&-placement-bottom ${componentCls}-arrow`, `&-placement-bottomLeft ${componentCls}-arrow`, `&-placement-bottomRight ${componentCls}-arrow`].join(",")]: { top: 0, transform: `translateY(-100%)` }, [`&-placement-bottom ${componentCls}-arrow`]: { left: { _skip_check_: true, value: "50%" }, transform: `translateX(-50%) translateY(-100%)` }, [`&-placement-bottomLeft ${componentCls}-arrow`]: { left: { _skip_check_: true, value: dropdownArrowOffset } }, [`&-placement-bottomRight ${componentCls}-arrow`]: { right: { _skip_check_: true, value: dropdownArrowOffset } }, // >>>>> Left [[`&-placement-left ${componentCls}-arrow`, `&-placement-leftTop ${componentCls}-arrow`, `&-placement-leftBottom ${componentCls}-arrow`].join(",")]: { right: { _skip_check_: true, value: 0 }, transform: "translateX(100%) rotate(90deg)" }, [`&-placement-left ${componentCls}-arrow`]: { top: { _skip_check_: true, value: "50%" }, transform: "translateY(-50%) translateX(100%) rotate(90deg)" }, [`&-placement-leftTop ${componentCls}-arrow`]: { top: dropdownArrowOffsetVertical }, [`&-placement-leftBottom ${componentCls}-arrow`]: { bottom: dropdownArrowOffsetVertical }, // >>>>> Right [[`&-placement-right ${componentCls}-arrow`, `&-placement-rightTop ${componentCls}-arrow`, `&-placement-rightBottom ${componentCls}-arrow`].join(",")]: { left: { _skip_check_: true, value: 0 }, transform: "translateX(-100%) rotate(-90deg)" }, [`&-placement-right ${componentCls}-arrow`]: { top: { _skip_check_: true, value: "50%" }, transform: "translateY(-50%) translateX(-100%) rotate(-90deg)" }, [`&-placement-rightTop ${componentCls}-arrow`]: { top: dropdownArrowOffsetVertical }, [`&-placement-rightBottom ${componentCls}-arrow`]: { bottom: dropdownArrowOffsetVertical }, // =========================== Offset ============================ // Offset the popover to account for the dropdown arrow // >>>>> Top [connectArrowCls([`&-placement-topLeft`, `&-placement-top`, `&-placement-topRight`], showArrowCls)]: { paddingBottom: dropdownArrowDistance }, // >>>>> Bottom [connectArrowCls([`&-placement-bottomLeft`, `&-placement-bottom`, `&-placement-bottomRight`], showArrowCls)]: { paddingTop: dropdownArrowDistance }, // >>>>> Left [connectArrowCls([`&-placement-leftTop`, `&-placement-left`, `&-placement-leftBottom`], showArrowCls)]: { paddingRight: { _skip_check_: true, value: dropdownArrowDistance } }, // >>>>> Right [connectArrowCls([`&-placement-rightTop`, `&-placement-right`, `&-placement-rightBottom`], showArrowCls)]: { paddingLeft: { _skip_check_: true, value: dropdownArrowDistance } } } }; } const genTooltipStyle = (token2) => { const { componentCls, // ant-tooltip tooltipMaxWidth, tooltipColor, tooltipBg, tooltipBorderRadius, zIndexPopup, controlHeight, boxShadowSecondary, paddingSM, paddingXS, tooltipRadiusOuter } = token2; return [ { [componentCls]: _extends(_extends(_extends(_extends({}, resetComponent(token2)), { position: "absolute", zIndex: zIndexPopup, display: "block", "&": [{ width: "max-content" }, { width: "intrinsic" }], maxWidth: tooltipMaxWidth, visibility: "visible", "&-hidden": { display: "none" }, "--antd-arrow-background-color": tooltipBg, // Wrapper for the tooltip content [`${componentCls}-inner`]: { minWidth: controlHeight, minHeight: controlHeight, padding: `${paddingSM / 2}px ${paddingXS}px`, color: tooltipColor, textAlign: "start", textDecoration: "none", wordWrap: "break-word", backgroundColor: tooltipBg, borderRadius: tooltipBorderRadius, boxShadow: boxShadowSecondary }, // Limit left and right placement radius [[`&-placement-left`, `&-placement-leftTop`, `&-placement-leftBottom`, `&-placement-right`, `&-placement-rightTop`, `&-placement-rightBottom`].join(",")]: { [`${componentCls}-inner`]: { borderRadius: Math.min(tooltipBorderRadius, MAX_VERTICAL_CONTENT_RADIUS) } }, [`${componentCls}-content`]: { position: "relative" } }), genPresetColor(token2, (colorKey, _ref) => { let { darkColor } = _ref; return { [`&${componentCls}-${colorKey}`]: { [`${componentCls}-inner`]: { backgroundColor: darkColor }, [`${componentCls}-arrow`]: { "--antd-arrow-background-color": darkColor } } }; })), { // RTL "&-rtl": { direction: "rtl" } }) }, // Arrow Style getArrowStyle(merge(token2, { borderRadiusOuter: tooltipRadiusOuter }), { colorBg: "var(--antd-arrow-background-color)", showArrowCls: "", contentRadius: tooltipBorderRadius, limitVerticalRadius: true }), // Pure Render { [`${componentCls}-pure`]: { position: "relative", maxWidth: "none" } } ]; }; const useStyle$c = (prefixCls, injectStyle) => { const useOriginHook = genComponentStyleHook("Tooltip", (token2) => { if ((injectStyle === null || injectStyle === void 0 ? void 0 : injectStyle.value) === false) { return []; } const { borderRadius, colorTextLightSolid, colorBgDefault, borderRadiusOuter } = token2; const TooltipToken = merge(token2, { // default variables tooltipMaxWidth: 250, tooltipColor: colorTextLightSolid, tooltipBorderRadius: borderRadius, tooltipBg: colorBgDefault, tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter }); return [genTooltipStyle(TooltipToken), initZoomMotion(token2, "zoom-big-fast")]; }, (_ref2) => { let { zIndexPopupBase, colorBgSpotlight } = _ref2; return { zIndexPopup: zIndexPopupBase + 70, colorBgDefault: colorBgSpotlight }; }); return useOriginHook(prefixCls); }; const splitObject = (obj, keys2) => { const picked = {}; const omitted = _extends({}, obj); keys2.forEach((key2) => { if (obj && key2 in obj) { picked[key2] = obj[key2]; delete omitted[key2]; } }); return { picked, omitted }; }; const tooltipProps = () => _extends(_extends({}, abstractTooltipProps()), { title: PropTypes$1.any }); const ToolTip = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ATooltip", inheritAttrs: false, props: initDefaultProps$1(tooltipProps(), { trigger: "hover", align: {}, placement: "top", mouseEnterDelay: 0.1, mouseLeaveDelay: 0.1, arrowPointAtCenter: false, autoAdjustOverflow: true }), slots: Object, // emits: ['update:visible', 'visibleChange'], setup(props2, _ref) { let { slots, emit, attrs, expose } = _ref; const { prefixCls, getPopupContainer, direction, rootPrefixCls } = useConfigInject("tooltip", props2); const mergedOpen = require$$0.computed(() => { var _a; return (_a = props2.open) !== null && _a !== void 0 ? _a : props2.visible; }); const innerOpen = require$$0.ref(firstNotUndefined([props2.open, props2.visible])); const tooltip = require$$0.ref(); let rafId; require$$0.watch(mergedOpen, (val) => { wrapperRaf.cancel(rafId); rafId = wrapperRaf(() => { innerOpen.value = !!val; }); }); const isNoTitle = () => { var _a; const title = (_a = props2.title) !== null && _a !== void 0 ? _a : slots.title; return !title && title !== 0; }; const handleVisibleChange = (val) => { const noTitle = isNoTitle(); if (mergedOpen.value === void 0) { innerOpen.value = noTitle ? false : val; } if (!noTitle) { emit("update:visible", val); emit("visibleChange", val); emit("update:open", val); emit("openChange", val); } }; const getPopupDomNode = () => { return tooltip.value.getPopupDomNode(); }; expose({ getPopupDomNode, open: innerOpen, forcePopupAlign: () => { var _a; return (_a = tooltip.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); } }); const tooltipPlacements = require$$0.computed(() => { const { builtinPlacements, arrowPointAtCenter, autoAdjustOverflow: autoAdjustOverflow2 } = props2; return builtinPlacements || getPlacements({ arrowPointAtCenter, autoAdjustOverflow: autoAdjustOverflow2 }); }); const isTrueProps = (val) => { return val || val === ""; }; const getDisabledCompatibleChildren = (ele) => { const elementType = ele.type; if (typeof elementType === "object" && ele.props) { if ((elementType.__ANT_BUTTON === true || elementType === "button") && isTrueProps(ele.props.disabled) || elementType.__ANT_SWITCH === true && (isTrueProps(ele.props.disabled) || isTrueProps(ele.props.loading)) || elementType.__ANT_RADIO === true && isTrueProps(ele.props.disabled)) { const { picked, omitted } = splitObject(getStyle$1(ele), ["position", "left", "right", "top", "bottom", "float", "display", "zIndex"]); const spanStyle = _extends(_extends({ display: "inline-block" }, picked), { cursor: "not-allowed", lineHeight: 1, width: ele.props && ele.props.block ? "100%" : void 0 }); const buttonStyle = _extends(_extends({}, omitted), { pointerEvents: "none" }); const child = cloneElement(ele, { style: buttonStyle }, true); return require$$0.createVNode("span", { "style": spanStyle, "class": `${prefixCls.value}-disabled-compatible-wrapper` }, [child]); } } return ele; }; const getOverlay = () => { var _a, _b; return (_a = props2.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); }; const onPopupAlign = (domNode, align) => { const placements2 = tooltipPlacements.value; const placement = Object.keys(placements2).find((key2) => { var _a, _b; return placements2[key2].points[0] === ((_a = align.points) === null || _a === void 0 ? void 0 : _a[0]) && placements2[key2].points[1] === ((_b = align.points) === null || _b === void 0 ? void 0 : _b[1]); }); if (placement) { const rect = domNode.getBoundingClientRect(); const transformOrigin = { top: "50%", left: "50%" }; if (placement.indexOf("top") >= 0 || placement.indexOf("Bottom") >= 0) { transformOrigin.top = `${rect.height - align.offset[1]}px`; } else if (placement.indexOf("Top") >= 0 || placement.indexOf("bottom") >= 0) { transformOrigin.top = `${-align.offset[1]}px`; } if (placement.indexOf("left") >= 0 || placement.indexOf("Right") >= 0) { transformOrigin.left = `${rect.width - align.offset[0]}px`; } else if (placement.indexOf("right") >= 0 || placement.indexOf("Left") >= 0) { transformOrigin.left = `${-align.offset[0]}px`; } domNode.style.transformOrigin = `${transformOrigin.left} ${transformOrigin.top}`; } }; const colorInfo = require$$0.computed(() => parseColor(prefixCls.value, props2.color)); const injectFromPopover = require$$0.computed(() => attrs["data-popover-inject"]); const [wrapSSR, hashId] = useStyle$c(prefixCls, require$$0.computed(() => !injectFromPopover.value)); return () => { var _a, _b; const { openClassName, overlayClassName, overlayStyle, overlayInnerStyle } = props2; let children = (_b = filterEmpty((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))) !== null && _b !== void 0 ? _b : null; children = children.length === 1 ? children[0] : children; let tempVisible = innerOpen.value; if (mergedOpen.value === void 0 && isNoTitle()) { tempVisible = false; } if (!children) { return null; } const child = getDisabledCompatibleChildren(isValidElement(children) && !isFragment(children) ? children : require$$0.createVNode("span", null, [children])); const childCls = classNames({ [openClassName || `${prefixCls.value}-open`]: true, [child.props && child.props.class]: child.props && child.props.class }); const customOverlayClassName = classNames(overlayClassName, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" }, colorInfo.value.className, hashId.value); const formattedOverlayInnerStyle = _extends(_extends({}, colorInfo.value.overlayStyle), overlayInnerStyle); const arrowContentStyle = colorInfo.value.arrowStyle; const vcTooltipProps = _extends(_extends(_extends({}, attrs), props2), { prefixCls: prefixCls.value, getPopupContainer: getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, builtinPlacements: tooltipPlacements.value, visible: tempVisible, ref: tooltip, overlayClassName: customOverlayClassName, overlayStyle: _extends(_extends({}, arrowContentStyle), overlayStyle), overlayInnerStyle: formattedOverlayInnerStyle, onVisibleChange: handleVisibleChange, onPopupAlign, transitionName: getTransitionName(rootPrefixCls.value, "zoom-big-fast", props2.transitionName) }); return wrapSSR(require$$0.createVNode(Tooltip$1, vcTooltipProps, { default: () => [innerOpen.value ? cloneElement(child, { class: childCls }) : child], arrowContent: () => require$$0.createVNode("span", { "class": `${prefixCls.value}-arrow-content` }, null), overlay: getOverlay })); }; } }); const Tooltip = withInstall(ToolTip); const isNumeric = (value) => { return !isNaN(parseFloat(value)) && isFinite(value); }; const isNumeric$1 = isNumeric; const autoAdjustOverflow$1 = { adjustX: 1, adjustY: 1 }; const targetOffset = [0, 0]; const placements$1 = { topLeft: { points: ["bl", "tl"], overflow: autoAdjustOverflow$1, offset: [0, -4], targetOffset }, topCenter: { points: ["bc", "tc"], overflow: autoAdjustOverflow$1, offset: [0, -4], targetOffset }, topRight: { points: ["br", "tr"], overflow: autoAdjustOverflow$1, offset: [0, -4], targetOffset }, bottomLeft: { points: ["tl", "bl"], overflow: autoAdjustOverflow$1, offset: [0, 4], targetOffset }, bottomCenter: { points: ["tc", "bc"], overflow: autoAdjustOverflow$1, offset: [0, 4], targetOffset }, bottomRight: { points: ["tr", "br"], overflow: autoAdjustOverflow$1, offset: [0, 4], targetOffset } }; const placements$2 = placements$1; var __rest$e = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const Dropdown = require$$0.defineComponent({ compatConfig: { MODE: 3 }, props: { minOverlayWidthMatchTrigger: { type: Boolean, default: void 0 }, arrow: { type: Boolean, default: false }, prefixCls: PropTypes$1.string.def("rc-dropdown"), transitionName: String, overlayClassName: PropTypes$1.string.def(""), openClassName: String, animation: PropTypes$1.any, align: PropTypes$1.object, overlayStyle: { type: Object, default: void 0 }, placement: PropTypes$1.string.def("bottomLeft"), overlay: PropTypes$1.any, trigger: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]).def("hover"), alignPoint: { type: Boolean, default: void 0 }, showAction: PropTypes$1.array, hideAction: PropTypes$1.array, getPopupContainer: Function, visible: { type: Boolean, default: void 0 }, defaultVisible: { type: Boolean, default: false }, mouseEnterDelay: PropTypes$1.number.def(0.15), mouseLeaveDelay: PropTypes$1.number.def(0.1) }, emits: ["visibleChange", "overlayClick"], setup(props2, _ref) { let { slots, emit, expose } = _ref; const triggerVisible = require$$0.ref(!!props2.visible); require$$0.watch(() => props2.visible, (val) => { if (val !== void 0) { triggerVisible.value = val; } }); const triggerRef = require$$0.ref(); expose({ triggerRef }); const onClick = (e2) => { if (props2.visible === void 0) { triggerVisible.value = false; } emit("overlayClick", e2); }; const onVisibleChange = (visible) => { if (props2.visible === void 0) { triggerVisible.value = visible; } emit("visibleChange", visible); }; const getMenuElement = () => { var _a; const overlayElement = (_a = slots.overlay) === null || _a === void 0 ? void 0 : _a.call(slots); const extraOverlayProps = { prefixCls: `${props2.prefixCls}-menu`, onClick }; return require$$0.createVNode(require$$0.Fragment, { "key": skipFlattenKey }, [props2.arrow && require$$0.createVNode("div", { "class": `${props2.prefixCls}-arrow` }, null), cloneElement(overlayElement, extraOverlayProps, false)]); }; const minOverlayWidthMatchTrigger = require$$0.computed(() => { const { minOverlayWidthMatchTrigger: matchTrigger = !props2.alignPoint } = props2; return matchTrigger; }); const renderChildren = () => { var _a; const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); return triggerVisible.value && children ? cloneElement(children[0], { class: props2.openClassName || `${props2.prefixCls}-open` }, false) : children; }; const triggerHideAction = require$$0.computed(() => { if (!props2.hideAction && props2.trigger.indexOf("contextmenu") !== -1) { return ["click"]; } return props2.hideAction; }); return () => { const { prefixCls, arrow, showAction, overlayStyle, trigger: trigger2, placement, align, getPopupContainer, transitionName: transitionName2, animation, overlayClassName } = props2, otherProps = __rest$e(props2, ["prefixCls", "arrow", "showAction", "overlayStyle", "trigger", "placement", "align", "getPopupContainer", "transitionName", "animation", "overlayClassName"]); return require$$0.createVNode(Trigger, _objectSpread2$1(_objectSpread2$1({}, otherProps), {}, { "prefixCls": prefixCls, "ref": triggerRef, "popupClassName": classNames(overlayClassName, { [`${prefixCls}-show-arrow`]: arrow }), "popupStyle": overlayStyle, "builtinPlacements": placements$2, "action": trigger2, "showAction": showAction, "hideAction": triggerHideAction.value || [], "popupPlacement": placement, "popupAlign": align, "popupTransitionName": transitionName2, "popupAnimation": animation, "popupVisible": triggerVisible.value, "stretch": minOverlayWidthMatchTrigger.value ? "minWidth" : "", "onPopupVisibleChange": onVisibleChange, "getPopupContainer": getPopupContainer }), { popup: getMenuElement, default: renderChildren }); }; } }); const genWaveStyle = (token2) => { const { componentCls, colorPrimary } = token2; return { [componentCls]: { position: "absolute", background: "transparent", pointerEvents: "none", boxSizing: "border-box", color: `var(--wave-color, ${colorPrimary})`, boxShadow: `0 0 0 0 currentcolor`, opacity: 0.2, // =================== Motion =================== "&.wave-motion-appear": { transition: [`box-shadow 0.4s ${token2.motionEaseOutCirc}`, `opacity 2s ${token2.motionEaseOutCirc}`].join(","), "&-active": { boxShadow: `0 0 0 6px currentcolor`, opacity: 0 } } } }; }; const useStyle$b = genComponentStyleHook("Wave", (token2) => [genWaveStyle(token2)]); function isNotGrey(color) { const match2 = (color || "").match(/rgba?\((\d*), (\d*), (\d*)(, [\d.]*)?\)/); if (match2 && match2[1] && match2[2] && match2[3]) { return !(match2[1] === match2[2] && match2[2] === match2[3]); } return true; } function isValidWaveColor(color) { return color && color !== "#fff" && color !== "#ffffff" && color !== "rgb(255, 255, 255)" && color !== "rgba(255, 255, 255, 1)" && isNotGrey(color) && !/rgba\((?:\d*, ){3}0\)/.test(color) && // any transparent rgba color color !== "transparent"; } function getTargetWaveColor(node2) { const { borderTopColor, borderColor, backgroundColor } = getComputedStyle(node2); if (isValidWaveColor(borderTopColor)) { return borderTopColor; } if (isValidWaveColor(borderColor)) { return borderColor; } if (isValidWaveColor(backgroundColor)) { return backgroundColor; } return null; } function validateNum(value) { return Number.isNaN(value) ? 0 : value; } const WaveEffect = require$$0.defineComponent({ props: { target: objectType(), className: String }, setup(props2) { const divRef = require$$0.shallowRef(null); const [color, setWaveColor] = useState(null); const [borderRadius, setBorderRadius] = useState([]); const [left, setLeft] = useState(0); const [top2, setTop] = useState(0); const [width, setWidth] = useState(0); const [height, setHeight] = useState(0); const [enabled, setEnabled] = useState(false); function syncPos() { const { target } = props2; const nodeStyle = getComputedStyle(target); setWaveColor(getTargetWaveColor(target)); const isStatic = nodeStyle.position === "static"; const { borderLeftWidth, borderTopWidth } = nodeStyle; setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth))); setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth))); setWidth(target.offsetWidth); setHeight(target.offsetHeight); const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } = nodeStyle; setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map((radius) => validateNum(parseFloat(radius)))); } let resizeObserver; let rafId; let timeoutId; const clear = () => { clearTimeout(timeoutId); wrapperRaf.cancel(rafId); resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect(); }; const removeDom = () => { var _a; const holder = (_a = divRef.value) === null || _a === void 0 ? void 0 : _a.parentElement; if (holder) { require$$0.render(null, holder); if (holder.parentElement) { holder.parentElement.removeChild(holder); } } }; require$$0.onMounted(() => { clear(); timeoutId = setTimeout(() => { removeDom(); }, 5e3); const { target } = props2; if (target) { rafId = wrapperRaf(() => { syncPos(); setEnabled(true); }); if (typeof ResizeObserver !== "undefined") { resizeObserver = new ResizeObserver(syncPos); resizeObserver.observe(target); } } }); require$$0.onBeforeUnmount(() => { clear(); }); const onTransitionend = (e2) => { if (e2.propertyName === "opacity") { removeDom(); } }; return () => { if (!enabled.value) { return null; } const waveStyle = { left: `${left.value}px`, top: `${top2.value}px`, width: `${width.value}px`, height: `${height.value}px`, borderRadius: borderRadius.value.map((radius) => `${radius}px`).join(" ") }; if (color) { waveStyle["--wave-color"] = color.value; } return require$$0.createVNode(require$$0.Transition, { "appear": true, "name": "wave-motion", "appearFromClass": "wave-motion-appear", "appearActiveClass": "wave-motion-appear", "appearToClass": "wave-motion-appear wave-motion-appear-active" }, { default: () => [require$$0.createVNode("div", { "ref": divRef, "class": props2.className, "style": waveStyle, "onTransitionend": onTransitionend }, null)] }); }; } }); function showWaveEffect(node2, className) { const holder = document.createElement("div"); holder.style.position = "absolute"; holder.style.left = `0px`; holder.style.top = `0px`; node2 === null || node2 === void 0 ? void 0 : node2.insertBefore(holder, node2 === null || node2 === void 0 ? void 0 : node2.firstChild); require$$0.render(require$$0.createVNode(WaveEffect, { "target": node2, "className": className }, null), holder); } function useWave(instance, className) { function showWave() { const node2 = findDOMNode(instance); showWaveEffect(node2, className.value); } return showWave; } const Wave = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "Wave", props: { disabled: Boolean }, setup(props2, _ref) { let { slots } = _ref; const instance = require$$0.getCurrentInstance(); const { prefixCls } = useConfigInject("wave", props2); const [, hashId] = useStyle$b(prefixCls); const showWave = useWave(instance, require$$0.computed(() => classNames(prefixCls.value, hashId.value))); let onClick; const clear = () => { const node2 = findDOMNode(instance); node2.removeEventListener("click", onClick, true); }; require$$0.onMounted(() => { require$$0.watch(() => props2.disabled, () => { clear(); require$$0.nextTick(() => { const node2 = findDOMNode(instance); node2 === null || node2 === void 0 ? void 0 : node2.removeEventListener("click", onClick, true); if (!node2 || node2.nodeType !== 1 || props2.disabled) { return; } onClick = (e2) => { if (e2.target.tagName === "INPUT" || !isVisible(e2.target) || // No need wave !node2.getAttribute || node2.getAttribute("disabled") || node2.disabled || node2.className.includes("disabled") || node2.className.includes("-leave")) { return; } showWave(); }; node2.addEventListener("click", onClick, true); }); }, { immediate: true, flush: "post" }); }); require$$0.onBeforeUnmount(() => { clear(); }); return () => { var _a; const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)[0]; return children; }; } }); function convertLegacyProps(type) { if (type === "danger") { return { danger: true }; } return { type }; } const buttonProps = () => ({ prefixCls: String, type: String, htmlType: { type: String, default: "button" }, shape: { type: String }, size: { type: String }, loading: { type: [Boolean, Object], default: () => false }, disabled: { type: Boolean, default: void 0 }, ghost: { type: Boolean, default: void 0 }, block: { type: Boolean, default: void 0 }, danger: { type: Boolean, default: void 0 }, icon: PropTypes$1.any, href: String, target: String, title: String, onClick: eventType(), onMousedown: eventType() }); const buttonTypes = buttonProps; const getCollapsedWidth = (node2) => { if (node2) { node2.style.width = "0px"; node2.style.opacity = "0"; node2.style.transform = "scale(0)"; } }; const getRealWidth = (node2) => { require$$0.nextTick(() => { if (node2) { node2.style.width = `${node2.scrollWidth}px`; node2.style.opacity = "1"; node2.style.transform = "scale(1)"; } }); }; const resetStyle = (node2) => { if (node2 && node2.style) { node2.style.width = null; node2.style.opacity = null; node2.style.transform = null; } }; const LoadingIcon = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "LoadingIcon", props: { prefixCls: String, loading: [Boolean, Object], existIcon: Boolean }, setup(props2) { return () => { const { existIcon, prefixCls, loading } = props2; if (existIcon) { return require$$0.createVNode("span", { "class": `${prefixCls}-loading-icon` }, [require$$0.createVNode(LoadingOutlined$1, null, null)]); } const visible = !!loading; return require$$0.createVNode(require$$0.Transition, { "name": `${prefixCls}-loading-icon-motion`, "onBeforeEnter": getCollapsedWidth, "onEnter": getRealWidth, "onAfterEnter": resetStyle, "onBeforeLeave": getRealWidth, "onLeave": (node2) => { setTimeout(() => { getCollapsedWidth(node2); }); }, "onAfterLeave": resetStyle }, { default: () => [visible ? require$$0.createVNode("span", { "class": `${prefixCls}-loading-icon` }, [require$$0.createVNode(LoadingOutlined$1, null, null)]) : null] }); }; } }); const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({ // Border [`> span, > ${buttonTypeCls}`]: { "&:not(:last-child)": { [`&, & > ${buttonTypeCls}`]: { "&:not(:disabled)": { borderInlineEndColor: borderColor } } }, "&:not(:first-child)": { [`&, & > ${buttonTypeCls}`]: { "&:not(:disabled)": { borderInlineStartColor: borderColor } } } } }); const genGroupStyle$1 = (token2) => { const { componentCls, fontSize, lineWidth, colorPrimaryHover, colorErrorHover } = token2; return { [`${componentCls}-group`]: [ { position: "relative", display: "inline-flex", // Border [`> span, > ${componentCls}`]: { "&:not(:last-child)": { [`&, & > ${componentCls}`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, "&:not(:first-child)": { marginInlineStart: -lineWidth, [`&, & > ${componentCls}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } } }, [componentCls]: { position: "relative", zIndex: 1, [`&:hover, &:focus, &:active`]: { zIndex: 2 }, "&[disabled]": { zIndex: 0 } }, [`${componentCls}-icon-only`]: { fontSize } }, // Border Color genButtonBorderStyle(`${componentCls}-primary`, colorPrimaryHover), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover) ] }; }; const genGroupStyle$2 = genGroupStyle$1; function compactItemVerticalBorder(token2, parentCls) { return { // border collapse [`&-item:not(${parentCls}-last-item)`]: { marginBottom: -token2.lineWidth }, "&-item": { "&:hover,&:focus,&:active": { zIndex: 2 }, "&[disabled]": { zIndex: 0 } } }; } function compactItemBorderVerticalRadius(prefixCls, parentCls) { return { [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: { borderRadius: 0 }, [`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: { [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: { borderEndEndRadius: 0, borderEndStartRadius: 0 } }, [`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: { [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: { borderStartStartRadius: 0, borderStartEndRadius: 0 } } }; } function genCompactItemVerticalStyle(token2) { const compactCls = `${token2.componentCls}-compact-vertical`; return { [compactCls]: _extends(_extends({}, compactItemVerticalBorder(token2, compactCls)), compactItemBorderVerticalRadius(token2.componentCls, compactCls)) }; } const genSharedButtonStyle = (token2) => { const { componentCls, iconCls } = token2; return { [componentCls]: { outline: "none", position: "relative", display: "inline-block", fontWeight: 400, whiteSpace: "nowrap", textAlign: "center", backgroundImage: "none", backgroundColor: "transparent", border: `${token2.lineWidth}px ${token2.lineType} transparent`, cursor: "pointer", transition: `all ${token2.motionDurationMid} ${token2.motionEaseInOut}`, userSelect: "none", touchAction: "manipulation", lineHeight: token2.lineHeight, color: token2.colorText, "> span": { display: "inline-block" }, // Leave a space between icon and text. [`> ${iconCls} + span, > span + ${iconCls}`]: { marginInlineStart: token2.marginXS }, "> a": { color: "currentColor" }, "&:not(:disabled)": _extends({}, genFocusStyle(token2)), // make `btn-icon-only` not too narrow [`&-icon-only${componentCls}-compact-item`]: { flex: "none" }, // Special styles for Primary Button [`&-compact-item${componentCls}-primary`]: { [`&:not([disabled]) + ${componentCls}-compact-item${componentCls}-primary:not([disabled])`]: { position: "relative", "&:before": { position: "absolute", top: -token2.lineWidth, insetInlineStart: -token2.lineWidth, display: "inline-block", width: token2.lineWidth, height: `calc(100% + ${token2.lineWidth * 2}px)`, backgroundColor: token2.colorPrimaryHover, content: '""' } } }, // Special styles for Primary Button "&-compact-vertical-item": { [`&${componentCls}-primary`]: { [`&:not([disabled]) + ${componentCls}-compact-vertical-item${componentCls}-primary:not([disabled])`]: { position: "relative", "&:before": { position: "absolute", top: -token2.lineWidth, insetInlineStart: -token2.lineWidth, display: "inline-block", width: `calc(100% + ${token2.lineWidth * 2}px)`, height: token2.lineWidth, backgroundColor: token2.colorPrimaryHover, content: '""' } } } } } }; }; const genHoverActiveButtonStyle = (hoverStyle, activeStyle) => ({ "&:not(:disabled)": { "&:hover": hoverStyle, "&:active": activeStyle } }); const genCircleButtonStyle = (token2) => ({ minWidth: token2.controlHeight, paddingInlineStart: 0, paddingInlineEnd: 0, borderRadius: "50%" }); const genRoundButtonStyle = (token2) => ({ borderRadius: token2.controlHeight, paddingInlineStart: token2.controlHeight / 2, paddingInlineEnd: token2.controlHeight / 2 }); const genDisabledStyle$1 = (token2) => ({ cursor: "not-allowed", borderColor: token2.colorBorder, color: token2.colorTextDisabled, backgroundColor: token2.colorBgContainerDisabled, boxShadow: "none" }); const genGhostButtonStyle = (btnCls, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) => ({ [`&${btnCls}-background-ghost`]: _extends(_extends({ color: textColor || void 0, backgroundColor: "transparent", borderColor: borderColor || void 0, boxShadow: "none" }, genHoverActiveButtonStyle(_extends({ backgroundColor: "transparent" }, hoverStyle), _extends({ backgroundColor: "transparent" }, activeStyle))), { "&:disabled": { cursor: "not-allowed", color: textColorDisabled || void 0, borderColor: borderColorDisabled || void 0 } }) }); const genSolidDisabledButtonStyle = (token2) => ({ "&:disabled": _extends({}, genDisabledStyle$1(token2)) }); const genSolidButtonStyle = (token2) => _extends({}, genSolidDisabledButtonStyle(token2)); const genPureDisabledButtonStyle = (token2) => ({ "&:disabled": { cursor: "not-allowed", color: token2.colorTextDisabled } }); const genDefaultButtonStyle = (token2) => _extends(_extends(_extends(_extends(_extends({}, genSolidButtonStyle(token2)), { backgroundColor: token2.colorBgContainer, borderColor: token2.colorBorder, boxShadow: `0 ${token2.controlOutlineWidth}px 0 ${token2.controlTmpOutline}` }), genHoverActiveButtonStyle({ color: token2.colorPrimaryHover, borderColor: token2.colorPrimaryHover }, { color: token2.colorPrimaryActive, borderColor: token2.colorPrimaryActive })), genGhostButtonStyle(token2.componentCls, token2.colorBgContainer, token2.colorBgContainer, token2.colorTextDisabled, token2.colorBorder)), { [`&${token2.componentCls}-dangerous`]: _extends(_extends(_extends({ color: token2.colorError, borderColor: token2.colorError }, genHoverActiveButtonStyle({ color: token2.colorErrorHover, borderColor: token2.colorErrorBorderHover }, { color: token2.colorErrorActive, borderColor: token2.colorErrorActive })), genGhostButtonStyle(token2.componentCls, token2.colorError, token2.colorError, token2.colorTextDisabled, token2.colorBorder)), genSolidDisabledButtonStyle(token2)) }); const genPrimaryButtonStyle = (token2) => _extends(_extends(_extends(_extends(_extends({}, genSolidButtonStyle(token2)), { color: token2.colorTextLightSolid, backgroundColor: token2.colorPrimary, boxShadow: `0 ${token2.controlOutlineWidth}px 0 ${token2.controlOutline}` }), genHoverActiveButtonStyle({ color: token2.colorTextLightSolid, backgroundColor: token2.colorPrimaryHover }, { color: token2.colorTextLightSolid, backgroundColor: token2.colorPrimaryActive })), genGhostButtonStyle(token2.componentCls, token2.colorPrimary, token2.colorPrimary, token2.colorTextDisabled, token2.colorBorder, { color: token2.colorPrimaryHover, borderColor: token2.colorPrimaryHover }, { color: token2.colorPrimaryActive, borderColor: token2.colorPrimaryActive })), { [`&${token2.componentCls}-dangerous`]: _extends(_extends(_extends({ backgroundColor: token2.colorError, boxShadow: `0 ${token2.controlOutlineWidth}px 0 ${token2.colorErrorOutline}` }, genHoverActiveButtonStyle({ backgroundColor: token2.colorErrorHover }, { backgroundColor: token2.colorErrorActive })), genGhostButtonStyle(token2.componentCls, token2.colorError, token2.colorError, token2.colorTextDisabled, token2.colorBorder, { color: token2.colorErrorHover, borderColor: token2.colorErrorHover }, { color: token2.colorErrorActive, borderColor: token2.colorErrorActive })), genSolidDisabledButtonStyle(token2)) }); const genDashedButtonStyle = (token2) => _extends(_extends({}, genDefaultButtonStyle(token2)), { borderStyle: "dashed" }); const genLinkButtonStyle = (token2) => _extends(_extends(_extends({ color: token2.colorLink }, genHoverActiveButtonStyle({ color: token2.colorLinkHover }, { color: token2.colorLinkActive })), genPureDisabledButtonStyle(token2)), { [`&${token2.componentCls}-dangerous`]: _extends(_extends({ color: token2.colorError }, genHoverActiveButtonStyle({ color: token2.colorErrorHover }, { color: token2.colorErrorActive })), genPureDisabledButtonStyle(token2)) }); const genTextButtonStyle = (token2) => _extends(_extends(_extends({}, genHoverActiveButtonStyle({ color: token2.colorText, backgroundColor: token2.colorBgTextHover }, { color: token2.colorText, backgroundColor: token2.colorBgTextActive })), genPureDisabledButtonStyle(token2)), { [`&${token2.componentCls}-dangerous`]: _extends(_extends({ color: token2.colorError }, genPureDisabledButtonStyle(token2)), genHoverActiveButtonStyle({ color: token2.colorErrorHover, backgroundColor: token2.colorErrorBg }, { color: token2.colorErrorHover, backgroundColor: token2.colorErrorBg })) }); const genDisabledButtonStyle = (token2) => _extends(_extends({}, genDisabledStyle$1(token2)), { [`&${token2.componentCls}:hover`]: _extends({}, genDisabledStyle$1(token2)) }); const genTypeButtonStyle = (token2) => { const { componentCls } = token2; return { [`${componentCls}-default`]: genDefaultButtonStyle(token2), [`${componentCls}-primary`]: genPrimaryButtonStyle(token2), [`${componentCls}-dashed`]: genDashedButtonStyle(token2), [`${componentCls}-link`]: genLinkButtonStyle(token2), [`${componentCls}-text`]: genTextButtonStyle(token2), [`${componentCls}-disabled`]: genDisabledButtonStyle(token2) }; }; const genSizeButtonStyle = function(token2) { let sizePrefixCls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ""; const { componentCls, iconCls, controlHeight, fontSize, lineHeight, lineWidth, borderRadius, buttonPaddingHorizontal } = token2; const paddingVertical = Math.max(0, (controlHeight - fontSize * lineHeight) / 2 - lineWidth); const paddingHorizontal = buttonPaddingHorizontal - lineWidth; const iconOnlyCls = `${componentCls}-icon-only`; return [ // Size { [`${componentCls}${sizePrefixCls}`]: { fontSize, height: controlHeight, padding: `${paddingVertical}px ${paddingHorizontal}px`, borderRadius, [`&${iconOnlyCls}`]: { width: controlHeight, paddingInlineStart: 0, paddingInlineEnd: 0, [`&${componentCls}-round`]: { width: "auto" }, "> span": { transform: "scale(1.143)" // 14px -> 16px } }, // Loading [`&${componentCls}-loading`]: { opacity: token2.opacityLoading, cursor: "default" }, [`${componentCls}-loading-icon`]: { transition: `width ${token2.motionDurationSlow} ${token2.motionEaseInOut}, opacity ${token2.motionDurationSlow} ${token2.motionEaseInOut}` }, [`&:not(${iconOnlyCls}) ${componentCls}-loading-icon > ${iconCls}`]: { marginInlineEnd: token2.marginXS } } }, // Shape - patch prefixCls again to override solid border radius style { [`${componentCls}${componentCls}-circle${sizePrefixCls}`]: genCircleButtonStyle(token2) }, { [`${componentCls}${componentCls}-round${sizePrefixCls}`]: genRoundButtonStyle(token2) } ]; }; const genSizeBaseButtonStyle = (token2) => genSizeButtonStyle(token2); const genSizeSmallButtonStyle = (token2) => { const smallToken = merge(token2, { controlHeight: token2.controlHeightSM, padding: token2.paddingXS, buttonPaddingHorizontal: 8, borderRadius: token2.borderRadiusSM }); return genSizeButtonStyle(smallToken, `${token2.componentCls}-sm`); }; const genSizeLargeButtonStyle = (token2) => { const largeToken = merge(token2, { controlHeight: token2.controlHeightLG, fontSize: token2.fontSizeLG, borderRadius: token2.borderRadiusLG }); return genSizeButtonStyle(largeToken, `${token2.componentCls}-lg`); }; const genBlockButtonStyle = (token2) => { const { componentCls } = token2; return { [componentCls]: { [`&${componentCls}-block`]: { width: "100%" } } }; }; const useStyle$a = genComponentStyleHook("Button", (token2) => { const { controlTmpOutline, paddingContentHorizontal } = token2; const buttonToken = merge(token2, { colorOutlineDefault: controlTmpOutline, buttonPaddingHorizontal: paddingContentHorizontal }); return [ // Shared genSharedButtonStyle(buttonToken), // Size genSizeSmallButtonStyle(buttonToken), genSizeBaseButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken), // Block genBlockButtonStyle(buttonToken), // Group (type, ghost, danger, disabled, loading) genTypeButtonStyle(buttonToken), // Button Group genGroupStyle$2(buttonToken), // Space Compact genCompactItemStyle(token2, { focus: false }), genCompactItemVerticalStyle(token2) ]; }); const buttonGroupProps = () => ({ prefixCls: String, size: { type: String } }); const GroupSizeContext = createContext(); const ButtonGroup = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AButtonGroup", props: buttonGroupProps(), setup(props2, _ref) { let { slots } = _ref; const { prefixCls, direction } = useConfigInject("btn-group", props2); const [, , hashId] = useToken(); GroupSizeContext.useProvide(require$$0.reactive({ size: require$$0.computed(() => props2.size) })); const classes = require$$0.computed(() => { const { size } = props2; let sizeCls = ""; switch (size) { case "large": sizeCls = "lg"; break; case "small": sizeCls = "sm"; break; case "middle": case void 0: break; default: devWarning(!size, "Button.Group", "Invalid prop `size`."); } return { [`${prefixCls.value}`]: true, [`${prefixCls.value}-${sizeCls}`]: sizeCls, [`${prefixCls.value}-rtl`]: direction.value === "rtl", [hashId.value]: true }; }); return () => { var _a; return require$$0.createVNode("div", { "class": classes.value }, [flattenChildren((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))]); }; } }); const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/; const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar); function isUnBorderedButtonType(type) { return type === "text" || type === "link"; } const Button = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AButton", inheritAttrs: false, __ANT_BUTTON: true, props: initDefaultProps$1(buttonTypes(), { type: "default" }), slots: Object, // emits: ['click', 'mousedown'], setup(props2, _ref) { let { slots, attrs, emit, expose } = _ref; const { prefixCls, autoInsertSpaceInButton, direction, size } = useConfigInject("btn", props2); const [wrapSSR, hashId] = useStyle$a(prefixCls); const groupSizeContext = GroupSizeContext.useInject(); const disabledContext = useInjectDisabled(); const mergedDisabled = require$$0.computed(() => { var _a; return (_a = props2.disabled) !== null && _a !== void 0 ? _a : disabledContext.value; }); const buttonNodeRef = require$$0.shallowRef(null); const delayTimeoutRef = require$$0.shallowRef(void 0); let isNeedInserted = false; const innerLoading = require$$0.shallowRef(false); const hasTwoCNChar = require$$0.shallowRef(false); const autoInsertSpace = require$$0.computed(() => autoInsertSpaceInButton.value !== false); const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction); const loadingOrDelay = require$$0.computed(() => typeof props2.loading === "object" && props2.loading.delay ? props2.loading.delay || true : !!props2.loading); require$$0.watch(loadingOrDelay, (val) => { clearTimeout(delayTimeoutRef.value); if (typeof loadingOrDelay.value === "number") { delayTimeoutRef.value = setTimeout(() => { innerLoading.value = val; }, loadingOrDelay.value); } else { innerLoading.value = val; } }, { immediate: true }); const classes = require$$0.computed(() => { const { type, shape = "default", ghost, block, danger } = props2; const pre = prefixCls.value; const sizeClassNameMap = { large: "lg", small: "sm", middle: void 0 }; const sizeFullname = compactSize.value || (groupSizeContext === null || groupSizeContext === void 0 ? void 0 : groupSizeContext.size) || size.value; const sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || "" : ""; return [compactItemClassnames.value, { [hashId.value]: true, [`${pre}`]: true, [`${pre}-${shape}`]: shape !== "default" && shape, [`${pre}-${type}`]: type, [`${pre}-${sizeCls}`]: sizeCls, [`${pre}-loading`]: innerLoading.value, [`${pre}-background-ghost`]: ghost && !isUnBorderedButtonType(type), [`${pre}-two-chinese-chars`]: hasTwoCNChar.value && autoInsertSpace.value, [`${pre}-block`]: block, [`${pre}-dangerous`]: !!danger, [`${pre}-rtl`]: direction.value === "rtl" }]; }); const fixTwoCNChar = () => { const node2 = buttonNodeRef.value; if (!node2 || autoInsertSpaceInButton.value === false) { return; } const buttonText = node2.textContent; if (isNeedInserted && isTwoCNChar(buttonText)) { if (!hasTwoCNChar.value) { hasTwoCNChar.value = true; } } else if (hasTwoCNChar.value) { hasTwoCNChar.value = false; } }; const handleClick = (event) => { if (innerLoading.value || mergedDisabled.value) { event.preventDefault(); return; } emit("click", event); }; const handleMousedown = (event) => { emit("mousedown", event); }; const insertSpace = (child, needInserted) => { const SPACE = needInserted ? " " : ""; if (child.type === require$$0.Text) { let text2 = child.children.trim(); if (isTwoCNChar(text2)) { text2 = text2.split("").join(SPACE); } return require$$0.createVNode("span", null, [text2]); } return child; }; require$$0.watchEffect(() => { devWarning(!(props2.ghost && isUnBorderedButtonType(props2.type)), "Button", "`link` or `text` button can't be a `ghost` button."); }); require$$0.onMounted(fixTwoCNChar); require$$0.onUpdated(fixTwoCNChar); require$$0.onBeforeUnmount(() => { delayTimeoutRef.value && clearTimeout(delayTimeoutRef.value); }); const focus = () => { var _a; (_a = buttonNodeRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = buttonNodeRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); return () => { var _a, _b; const { icon = (_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots) } = props2; const children = flattenChildren((_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)); isNeedInserted = children.length === 1 && !icon && !isUnBorderedButtonType(props2.type); const { type, htmlType, href, title, target } = props2; const iconType = innerLoading.value ? "loading" : icon; const buttonProps2 = _extends(_extends({}, attrs), { title, disabled: mergedDisabled.value, class: [classes.value, attrs.class, { [`${prefixCls.value}-icon-only`]: children.length === 0 && !!iconType }], onClick: handleClick, onMousedown: handleMousedown }); if (!mergedDisabled.value) { delete buttonProps2.disabled; } const iconNode = icon && !innerLoading.value ? icon : require$$0.createVNode(LoadingIcon, { "existIcon": !!icon, "prefixCls": prefixCls.value, "loading": !!innerLoading.value }, null); const kids = children.map((child) => insertSpace(child, isNeedInserted && autoInsertSpace.value)); if (href !== void 0) { return wrapSSR(require$$0.createVNode("a", _objectSpread2$1(_objectSpread2$1({}, buttonProps2), {}, { "href": href, "target": target, "ref": buttonNodeRef }), [iconNode, kids])); } let buttonNode = require$$0.createVNode("button", _objectSpread2$1(_objectSpread2$1({}, buttonProps2), {}, { "ref": buttonNodeRef, "type": htmlType }), [iconNode, kids]); if (!isUnBorderedButtonType(type)) { const _buttonNode = function() { return buttonNode; }(); buttonNode = require$$0.createVNode(Wave, { "ref": "wave", "disabled": !!innerLoading.value }, { default: () => [_buttonNode] }); } return wrapSSR(buttonNode); }; } }); Button.Group = ButtonGroup; Button.install = function(app) { app.component(Button.name, Button); app.component(ButtonGroup.name, ButtonGroup); return app; }; var EllipsisOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" }; const EllipsisOutlinedSvg = EllipsisOutlined$2; function _objectSpread$7(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$7(target, key2, source[key2]); }); } return target; } function _defineProperty$7(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var EllipsisOutlined = function EllipsisOutlined2(props2, context) { var p = _objectSpread$7({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$7({}, p, { "icon": EllipsisOutlinedSvg }), null); }; EllipsisOutlined.displayName = "EllipsisOutlined"; EllipsisOutlined.inheritAttrs = false; const EllipsisOutlined$1 = EllipsisOutlined; const OverrideContextKey = Symbol("OverrideContextKey"); const useInjectOverride = () => { return require$$0.inject(OverrideContextKey, void 0); }; const useProvideOverride = (props2) => { var _a, _b, _c; const { prefixCls, mode, selectable, validator, onClick, expandIcon } = useInjectOverride() || {}; require$$0.provide(OverrideContextKey, { prefixCls: require$$0.computed(() => { var _a2, _b2; return (_b2 = (_a2 = props2.prefixCls) === null || _a2 === void 0 ? void 0 : _a2.value) !== null && _b2 !== void 0 ? _b2 : prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.value; }), mode: require$$0.computed(() => { var _a2, _b2; return (_b2 = (_a2 = props2.mode) === null || _a2 === void 0 ? void 0 : _a2.value) !== null && _b2 !== void 0 ? _b2 : mode === null || mode === void 0 ? void 0 : mode.value; }), selectable: require$$0.computed(() => { var _a2, _b2; return (_b2 = (_a2 = props2.selectable) === null || _a2 === void 0 ? void 0 : _a2.value) !== null && _b2 !== void 0 ? _b2 : selectable === null || selectable === void 0 ? void 0 : selectable.value; }), validator: (_a = props2.validator) !== null && _a !== void 0 ? _a : validator, onClick: (_b = props2.onClick) !== null && _b !== void 0 ? _b : onClick, expandIcon: (_c = props2.expandIcon) !== null && _c !== void 0 ? _c : expandIcon === null || expandIcon === void 0 ? void 0 : expandIcon.value }); }; function shallowEqual(objA, objB, compare, compareContext) { let ret = compare ? compare.call(compareContext, objA, objB) : void 0; if (ret !== void 0) { return !!ret; } if (objA === objB) { return true; } if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) { return false; } const keysA = Object.keys(objA); const keysB = Object.keys(objB); if (keysA.length !== keysB.length) { return false; } const bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB); for (let idx = 0; idx < keysA.length; idx++) { const key2 = keysA[idx]; if (!bHasOwnProperty(key2)) { return false; } const valueA = objA[key2]; const valueB = objB[key2]; ret = compare ? compare.call(compareContext, valueA, valueB, key2) : void 0; if (ret === false || ret === void 0 && valueA !== valueB) { return false; } } return true; } function shallowequal(value, other) { return shallowEqual(require$$0.toRaw(value), require$$0.toRaw(other)); } const MenuContextKey = Symbol("menuContextKey"); const useProvideMenu = (props2) => { require$$0.provide(MenuContextKey, props2); }; const useInjectMenu = () => { return require$$0.inject(MenuContextKey); }; const ForceRenderKey = Symbol("ForceRenderKey"); const useProvideForceRender = (forceRender) => { require$$0.provide(ForceRenderKey, forceRender); }; const useInjectForceRender = () => { return require$$0.inject(ForceRenderKey, false); }; const MenuFirstLevelContextKey = Symbol("menuFirstLevelContextKey"); const useProvideFirstLevel = (firstLevel) => { require$$0.provide(MenuFirstLevelContextKey, firstLevel); }; const useInjectFirstLevel = () => { return require$$0.inject(MenuFirstLevelContextKey, true); }; const MenuContextProvider = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "MenuContextProvider", inheritAttrs: false, props: { mode: { type: String, default: void 0 }, overflowDisabled: { type: Boolean, default: void 0 } }, setup(props2, _ref) { let { slots } = _ref; const menuContext = useInjectMenu(); const newContext = _extends({}, menuContext); if (props2.mode !== void 0) { newContext.mode = require$$0.toRef(props2, "mode"); } if (props2.overflowDisabled !== void 0) { newContext.overflowDisabled = require$$0.toRef(props2, "overflowDisabled"); } useProvideMenu(newContext); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const useProvideMenu$1 = useProvideMenu; const SiderCollapsedKey = Symbol("siderCollapsed"); const OVERFLOW_KEY = "$$__vc-menu-more__key"; const KeyPathContext = Symbol("KeyPathContext"); const useInjectKeyPath = () => { return require$$0.inject(KeyPathContext, { parentEventKeys: require$$0.computed(() => []), parentKeys: require$$0.computed(() => []), parentInfo: {} }); }; const useProvideKeyPath = (eventKey, key2, menuInfo) => { const { parentEventKeys, parentKeys } = useInjectKeyPath(); const eventKeys = require$$0.computed(() => [...parentEventKeys.value, eventKey]); const keys2 = require$$0.computed(() => [...parentKeys.value, key2]); require$$0.provide(KeyPathContext, { parentEventKeys: eventKeys, parentKeys: keys2, parentInfo: menuInfo }); return keys2; }; const measure = Symbol("measure"); const PathContext = require$$0.defineComponent({ compatConfig: { MODE: 3 }, setup(_props, _ref) { let { slots } = _ref; require$$0.provide(measure, true); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const useMeasure = () => { return require$$0.inject(measure, false); }; const useProvideKeyPath$1 = useProvideKeyPath; function useDirectionStyle(level) { const { mode, rtl: rtl2, inlineIndent } = useInjectMenu(); return require$$0.computed(() => mode.value !== "inline" ? null : rtl2.value ? { paddingRight: `${level.value * inlineIndent.value}px` } : { paddingLeft: `${level.value * inlineIndent.value}px` }); } let indexGuid$1 = 0; const menuItemProps = () => ({ id: String, role: String, disabled: Boolean, danger: Boolean, title: { type: [String, Boolean], default: void 0 }, icon: PropTypes$1.any, onMouseenter: Function, onMouseleave: Function, onClick: Function, onKeydown: Function, onFocus: Function, // Internal user prop originItemValue: objectType() }); const MenuItem = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AMenuItem", inheritAttrs: false, props: menuItemProps(), slots: Object, setup(props2, _ref) { let { slots, emit, attrs } = _ref; const instance = require$$0.getCurrentInstance(); const isMeasure = useMeasure(); const key2 = typeof instance.vnode.key === "symbol" ? String(instance.vnode.key) : instance.vnode.key; devWarning(typeof instance.vnode.key !== "symbol", "MenuItem", `MenuItem \`:key="${String(key2)}"\` not support Symbol type`); const eventKey = `menu_item_${++indexGuid$1}_$$_${key2}`; const { parentEventKeys, parentKeys } = useInjectKeyPath(); const { prefixCls, activeKeys, disabled, changeActiveKeys, rtl: rtl2, inlineCollapsed, siderCollapsed, onItemClick, selectedKeys, registerMenuInfo, unRegisterMenuInfo } = useInjectMenu(); const firstLevel = useInjectFirstLevel(); const isActive = require$$0.shallowRef(false); const keysPath = require$$0.computed(() => { return [...parentKeys.value, key2]; }); const menuInfo = { eventKey, key: key2, parentEventKeys, parentKeys, isLeaf: true }; registerMenuInfo(eventKey, menuInfo); require$$0.onBeforeUnmount(() => { unRegisterMenuInfo(eventKey); }); require$$0.watch(activeKeys, () => { isActive.value = !!activeKeys.value.find((val) => val === key2); }, { immediate: true }); const mergedDisabled = require$$0.computed(() => disabled.value || props2.disabled); const selected = require$$0.computed(() => selectedKeys.value.includes(key2)); const classNames2 = require$$0.computed(() => { const itemCls = `${prefixCls.value}-item`; return { [`${itemCls}`]: true, [`${itemCls}-danger`]: props2.danger, [`${itemCls}-active`]: isActive.value, [`${itemCls}-selected`]: selected.value, [`${itemCls}-disabled`]: mergedDisabled.value }; }); const getEventInfo = (e2) => { return { key: key2, eventKey, keyPath: keysPath.value, eventKeyPath: [...parentEventKeys.value, eventKey], domEvent: e2, item: _extends(_extends({}, props2), attrs) }; }; const onInternalClick = (e2) => { if (mergedDisabled.value) { return; } const info = getEventInfo(e2); emit("click", e2); onItemClick(info); }; const onMouseEnter = (event) => { if (!mergedDisabled.value) { changeActiveKeys(keysPath.value); emit("mouseenter", event); } }; const onMouseLeave = (event) => { if (!mergedDisabled.value) { changeActiveKeys([]); emit("mouseleave", event); } }; const onInternalKeyDown = (e2) => { emit("keydown", e2); if (e2.which === KeyCode$1.ENTER) { const info = getEventInfo(e2); emit("click", e2); onItemClick(info); } }; const onInternalFocus = (e2) => { changeActiveKeys(keysPath.value); emit("focus", e2); }; const renderItemChildren = (icon, children) => { const wrapNode = require$$0.createVNode("span", { "class": `${prefixCls.value}-title-content` }, [children]); if (!icon || isValidElement(children) && children.type === "span") { if (children && inlineCollapsed.value && firstLevel && typeof children === "string") { return require$$0.createVNode("div", { "class": `${prefixCls.value}-inline-collapsed-noicon` }, [children.charAt(0)]); } } return wrapNode; }; const directionStyle = useDirectionStyle(require$$0.computed(() => keysPath.value.length)); return () => { var _a, _b, _c, _d, _e; if (isMeasure) return null; const title = (_a = props2.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); const children = flattenChildren((_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots)); const childrenLength = children.length; let tooltipTitle = title; if (typeof title === "undefined") { tooltipTitle = firstLevel && childrenLength ? children : ""; } else if (title === false) { tooltipTitle = ""; } const tooltipProps2 = { title: tooltipTitle }; if (!siderCollapsed.value && !inlineCollapsed.value) { tooltipProps2.title = null; tooltipProps2.open = false; } const optionRoleProps = {}; if (props2.role === "option") { optionRoleProps["aria-selected"] = selected.value; } const icon = (_d = props2.icon) !== null && _d !== void 0 ? _d : (_e = slots.icon) === null || _e === void 0 ? void 0 : _e.call(slots, props2); return require$$0.createVNode(Tooltip, _objectSpread2$1(_objectSpread2$1({}, tooltipProps2), {}, { "placement": rtl2.value ? "left" : "right", "overlayClassName": `${prefixCls.value}-inline-collapsed-tooltip` }), { default: () => [require$$0.createVNode(Overflow$1.Item, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({ "component": "li" }, attrs), {}, { "id": props2.id, "style": _extends(_extends({}, attrs.style || {}), directionStyle.value), "class": [classNames2.value, { [`${attrs.class}`]: !!attrs.class, [`${prefixCls.value}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1 }], "role": props2.role || "menuitem", "tabindex": props2.disabled ? null : -1, "data-menu-id": key2, "aria-disabled": props2.disabled }, optionRoleProps), {}, { "onMouseenter": onMouseEnter, "onMouseleave": onMouseLeave, "onClick": onInternalClick, "onKeydown": onInternalKeyDown, "onFocus": onInternalFocus, "title": typeof title === "string" ? title : void 0 }), { default: () => [cloneElement(typeof icon === "function" ? icon(props2.originItemValue) : icon, { class: `${prefixCls.value}-item-icon` }, false), renderItemChildren(icon, children)] })] }); }; } }); const autoAdjustOverflow = { adjustX: 1, adjustY: 1 }; const placements = { topLeft: { points: ["bl", "tl"], overflow: autoAdjustOverflow, offset: [0, -7] }, bottomLeft: { points: ["tl", "bl"], overflow: autoAdjustOverflow, offset: [0, 7] }, leftTop: { points: ["tr", "tl"], overflow: autoAdjustOverflow, offset: [-4, 0] }, rightTop: { points: ["tl", "tr"], overflow: autoAdjustOverflow, offset: [4, 0] } }; const placementsRtl = { topLeft: { points: ["bl", "tl"], overflow: autoAdjustOverflow, offset: [0, -7] }, bottomLeft: { points: ["tl", "bl"], overflow: autoAdjustOverflow, offset: [0, 7] }, rightTop: { points: ["tr", "tl"], overflow: autoAdjustOverflow, offset: [-4, 0] }, leftTop: { points: ["tl", "tr"], overflow: autoAdjustOverflow, offset: [4, 0] } }; const popupPlacementMap = { horizontal: "bottomLeft", vertical: "rightTop", "vertical-left": "rightTop", "vertical-right": "leftTop" }; const PopupTrigger = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "PopupTrigger", inheritAttrs: false, props: { prefixCls: String, mode: String, visible: Boolean, // popup: React.ReactNode; popupClassName: String, popupOffset: Array, disabled: Boolean, onVisibleChange: Function }, slots: Object, emits: ["visibleChange"], setup(props2, _ref) { let { slots, emit } = _ref; const innerVisible = require$$0.shallowRef(false); const { getPopupContainer, rtl: rtl2, subMenuOpenDelay, subMenuCloseDelay, builtinPlacements, triggerSubMenuAction, forceSubMenuRender, motion, defaultMotions, rootClassName } = useInjectMenu(); const forceRender = useInjectForceRender(); const placement = require$$0.computed(() => rtl2.value ? _extends(_extends({}, placementsRtl), builtinPlacements.value) : _extends(_extends({}, placements), builtinPlacements.value)); const popupPlacement = require$$0.computed(() => popupPlacementMap[props2.mode]); const visibleRef = require$$0.shallowRef(); require$$0.watch(() => props2.visible, (visible) => { wrapperRaf.cancel(visibleRef.value); visibleRef.value = wrapperRaf(() => { innerVisible.value = visible; }); }, { immediate: true }); require$$0.onBeforeUnmount(() => { wrapperRaf.cancel(visibleRef.value); }); const onVisibleChange = (visible) => { emit("visibleChange", visible); }; const mergedMotion = require$$0.computed(() => { var _a, _b; const m2 = motion.value || ((_a = defaultMotions.value) === null || _a === void 0 ? void 0 : _a[props2.mode]) || ((_b = defaultMotions.value) === null || _b === void 0 ? void 0 : _b.other); const res = typeof m2 === "function" ? m2() : m2; return res ? getTransitionProps(res.name, { css: true }) : void 0; }); return () => { const { prefixCls, popupClassName, mode, popupOffset, disabled } = props2; return require$$0.createVNode(Trigger, { "prefixCls": prefixCls, "popupClassName": classNames(`${prefixCls}-popup`, { [`${prefixCls}-rtl`]: rtl2.value }, popupClassName, rootClassName.value), "stretch": mode === "horizontal" ? "minWidth" : null, "getPopupContainer": getPopupContainer.value, "builtinPlacements": placement.value, "popupPlacement": popupPlacement.value, "popupVisible": innerVisible.value, "popupAlign": popupOffset && { offset: popupOffset }, "action": disabled ? [] : [triggerSubMenuAction.value], "mouseEnterDelay": subMenuOpenDelay.value, "mouseLeaveDelay": subMenuCloseDelay.value, "onPopupVisibleChange": onVisibleChange, "forceRender": forceRender || forceSubMenuRender.value, "popupAnimation": mergedMotion.value }, { popup: slots.popup, default: slots.default }); }; } }); const InternalSubMenuList = (_props, _ref) => { let { slots, attrs } = _ref; var _a; const { prefixCls, mode } = useInjectMenu(); return require$$0.createVNode("ul", _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "class": classNames(prefixCls.value, `${prefixCls.value}-sub`, `${prefixCls.value}-${mode.value === "inline" ? "inline" : "vertical"}`), "data-menu-list": true }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; InternalSubMenuList.displayName = "SubMenuList"; const SubMenuList = InternalSubMenuList; const InlineSubMenuList = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "InlineSubMenuList", inheritAttrs: false, props: { id: String, open: Boolean, keyPath: Array }, setup(props2, _ref) { let { slots } = _ref; const fixedMode = require$$0.computed(() => "inline"); const { motion, mode, defaultMotions } = useInjectMenu(); const sameModeRef = require$$0.computed(() => mode.value === fixedMode.value); const destroy = require$$0.ref(!sameModeRef.value); const mergedOpen = require$$0.computed(() => sameModeRef.value ? props2.open : false); require$$0.watch(mode, () => { if (sameModeRef.value) { destroy.value = false; } }, { flush: "post" }); const mergedMotion = require$$0.computed(() => { var _a, _b; const m2 = motion.value || ((_a = defaultMotions.value) === null || _a === void 0 ? void 0 : _a[fixedMode.value]) || ((_b = defaultMotions.value) === null || _b === void 0 ? void 0 : _b.other); const res = typeof m2 === "function" ? m2() : m2; return _extends(_extends({}, res), { appear: props2.keyPath.length <= 1 }); }); return () => { var _a; if (destroy.value) { return null; } return require$$0.createVNode(MenuContextProvider, { "mode": fixedMode.value }, { default: () => [require$$0.createVNode(require$$0.Transition, mergedMotion.value, { default: () => [require$$0.withDirectives(require$$0.createVNode(SubMenuList, { "id": props2.id }, { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }), [[require$$0.vShow, mergedOpen.value]])] })] }); }; } }); let indexGuid = 0; const subMenuProps = () => ({ icon: PropTypes$1.any, title: PropTypes$1.any, disabled: Boolean, level: Number, popupClassName: String, popupOffset: Array, internalPopupClose: Boolean, eventKey: String, expandIcon: Function, theme: String, onMouseenter: Function, onMouseleave: Function, onTitleClick: Function, // Internal user prop originItemValue: objectType() }); const SubMenu = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ASubMenu", inheritAttrs: false, props: subMenuProps(), slots: Object, setup(props2, _ref) { let { slots, attrs, emit } = _ref; var _a, _b; useProvideFirstLevel(false); const isMeasure = useMeasure(); const instance = require$$0.getCurrentInstance(); const vnodeKey = typeof instance.vnode.key === "symbol" ? String(instance.vnode.key) : instance.vnode.key; devWarning(typeof instance.vnode.key !== "symbol", "SubMenu", `SubMenu \`:key="${String(vnodeKey)}"\` not support Symbol type`); const key2 = isValid$3(vnodeKey) ? vnodeKey : `sub_menu_${++indexGuid}_$$_not_set_key`; const eventKey = (_a = props2.eventKey) !== null && _a !== void 0 ? _a : isValid$3(vnodeKey) ? `sub_menu_${++indexGuid}_$$_${vnodeKey}` : key2; const { parentEventKeys, parentInfo, parentKeys } = useInjectKeyPath(); const keysPath = require$$0.computed(() => [...parentKeys.value, key2]); const childrenEventKeys = require$$0.shallowRef([]); const menuInfo = { eventKey, key: key2, parentEventKeys, childrenEventKeys, parentKeys }; (_b = parentInfo.childrenEventKeys) === null || _b === void 0 ? void 0 : _b.value.push(eventKey); require$$0.onBeforeUnmount(() => { var _a2; if (parentInfo.childrenEventKeys) { parentInfo.childrenEventKeys.value = (_a2 = parentInfo.childrenEventKeys) === null || _a2 === void 0 ? void 0 : _a2.value.filter((k2) => k2 != eventKey); } }); useProvideKeyPath$1(eventKey, key2, menuInfo); const { prefixCls, activeKeys, disabled: contextDisabled, changeActiveKeys, mode, inlineCollapsed, openKeys, overflowDisabled, onOpenChange, registerMenuInfo, unRegisterMenuInfo, selectedSubMenuKeys, expandIcon: menuExpandIcon, theme } = useInjectMenu(); const hasKey = vnodeKey !== void 0 && vnodeKey !== null; const forceRender = !isMeasure && (useInjectForceRender() || !hasKey); useProvideForceRender(forceRender); if (isMeasure && hasKey || !isMeasure && !hasKey || forceRender) { registerMenuInfo(eventKey, menuInfo); require$$0.onBeforeUnmount(() => { unRegisterMenuInfo(eventKey); }); } const subMenuPrefixCls = require$$0.computed(() => `${prefixCls.value}-submenu`); const mergedDisabled = require$$0.computed(() => contextDisabled.value || props2.disabled); const elementRef = require$$0.shallowRef(); const popupRef = require$$0.shallowRef(); const originOpen = require$$0.computed(() => openKeys.value.includes(key2)); const open = require$$0.computed(() => !overflowDisabled.value && originOpen.value); const childrenSelected = require$$0.computed(() => { return selectedSubMenuKeys.value.includes(key2); }); const isActive = require$$0.shallowRef(false); require$$0.watch(activeKeys, () => { isActive.value = !!activeKeys.value.find((val) => val === key2); }, { immediate: true }); const onInternalTitleClick = (e2) => { if (mergedDisabled.value) { return; } emit("titleClick", e2, key2); if (mode.value === "inline") { onOpenChange(key2, !originOpen.value); } }; const onMouseEnter = (event) => { if (!mergedDisabled.value) { changeActiveKeys(keysPath.value); emit("mouseenter", event); } }; const onMouseLeave = (event) => { if (!mergedDisabled.value) { changeActiveKeys([]); emit("mouseleave", event); } }; const directionStyle = useDirectionStyle(require$$0.computed(() => keysPath.value.length)); const onPopupVisibleChange = (newVisible) => { if (mode.value !== "inline") { onOpenChange(key2, newVisible); } }; const onInternalFocus = () => { changeActiveKeys(keysPath.value); }; const popupId = eventKey && `${eventKey}-popup`; const popupClassName = require$$0.computed(() => classNames(prefixCls.value, `${prefixCls.value}-${props2.theme || theme.value}`, props2.popupClassName)); const renderTitle = (title, icon) => { if (!icon) { return inlineCollapsed.value && !parentKeys.value.length && title && typeof title === "string" ? require$$0.createVNode("div", { "class": `${prefixCls.value}-inline-collapsed-noicon` }, [title.charAt(0)]) : require$$0.createVNode("span", { "class": `${prefixCls.value}-title-content` }, [title]); } const titleIsSpan = isValidElement(title) && title.type === "span"; return require$$0.createVNode(require$$0.Fragment, null, [cloneElement(typeof icon === "function" ? icon(props2.originItemValue) : icon, { class: `${prefixCls.value}-item-icon` }, false), titleIsSpan ? title : require$$0.createVNode("span", { "class": `${prefixCls.value}-title-content` }, [title])]); }; const triggerModeRef = require$$0.computed(() => { return mode.value !== "inline" && keysPath.value.length > 1 ? "vertical" : mode.value; }); const renderMode = require$$0.computed(() => mode.value === "horizontal" ? "vertical" : mode.value); const subMenuTriggerModeRef = require$$0.computed(() => triggerModeRef.value === "horizontal" ? "vertical" : triggerModeRef.value); const baseTitleNode = () => { var _a2, _b2; const subMenuPrefixClsValue = subMenuPrefixCls.value; const icon = (_a2 = props2.icon) !== null && _a2 !== void 0 ? _a2 : (_b2 = slots.icon) === null || _b2 === void 0 ? void 0 : _b2.call(slots, props2); const expandIcon = props2.expandIcon || slots.expandIcon || menuExpandIcon.value; const title = renderTitle(getPropsSlot(slots, props2, "title"), icon); return require$$0.createVNode("div", { "style": directionStyle.value, "class": `${subMenuPrefixClsValue}-title`, "tabindex": mergedDisabled.value ? null : -1, "ref": elementRef, "title": typeof title === "string" ? title : null, "data-menu-id": key2, "aria-expanded": open.value, "aria-haspopup": true, "aria-controls": popupId, "aria-disabled": mergedDisabled.value, "onClick": onInternalTitleClick, "onFocus": onInternalFocus }, [title, mode.value !== "horizontal" && expandIcon ? expandIcon(_extends(_extends({}, props2), { isOpen: open.value })) : require$$0.createVNode("i", { "class": `${subMenuPrefixClsValue}-arrow` }, null)]); }; return () => { var _a2; if (isMeasure) { if (!hasKey) { return null; } return (_a2 = slots.default) === null || _a2 === void 0 ? void 0 : _a2.call(slots); } const subMenuPrefixClsValue = subMenuPrefixCls.value; let titleNode = () => null; if (!overflowDisabled.value && mode.value !== "inline") { const popupOffset = mode.value === "horizontal" ? [0, 8] : [10, 0]; titleNode = () => require$$0.createVNode(PopupTrigger, { "mode": triggerModeRef.value, "prefixCls": subMenuPrefixClsValue, "visible": !props2.internalPopupClose && open.value, "popupClassName": popupClassName.value, "popupOffset": props2.popupOffset || popupOffset, "disabled": mergedDisabled.value, "onVisibleChange": onPopupVisibleChange }, { default: () => [baseTitleNode()], popup: () => require$$0.createVNode(MenuContextProvider, { "mode": subMenuTriggerModeRef.value }, { default: () => [require$$0.createVNode(SubMenuList, { "id": popupId, "ref": popupRef }, { default: slots.default })] }) }); } else { titleNode = () => require$$0.createVNode(PopupTrigger, null, { default: baseTitleNode }); } return require$$0.createVNode(MenuContextProvider, { "mode": renderMode.value }, { default: () => [require$$0.createVNode(Overflow$1.Item, _objectSpread2$1(_objectSpread2$1({ "component": "li" }, attrs), {}, { "role": "none", "class": classNames(subMenuPrefixClsValue, `${subMenuPrefixClsValue}-${mode.value}`, attrs.class, { [`${subMenuPrefixClsValue}-open`]: open.value, [`${subMenuPrefixClsValue}-active`]: isActive.value, [`${subMenuPrefixClsValue}-selected`]: childrenSelected.value, [`${subMenuPrefixClsValue}-disabled`]: mergedDisabled.value }), "onMouseenter": onMouseEnter, "onMouseleave": onMouseLeave, "data-submenu-id": key2 }), { default: () => { return require$$0.createVNode(require$$0.Fragment, null, [titleNode(), !overflowDisabled.value && require$$0.createVNode(InlineSubMenuList, { "id": popupId, "open": open.value, "keyPath": keysPath.value }, { default: slots.default })]); } })] }); }; } }); function hasClass(node2, className) { if (node2.classList) { return node2.classList.contains(className); } const originClass = node2.className; return ` ${originClass} `.indexOf(` ${className} `) > -1; } function addClass(node2, className) { if (node2.classList) { node2.classList.add(className); } else { if (!hasClass(node2, className)) { node2.className = `${node2.className} ${className}`; } } } function removeClass(node2, className) { if (node2.classList) { node2.classList.remove(className); } else { if (hasClass(node2, className)) { const originClass = node2.className; node2.className = ` ${originClass} `.replace(` ${className} `, " "); } } } const collapseMotion = function() { let name = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "ant-motion-collapse"; let appear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true; return { name, appear, css: true, onBeforeEnter: (node2) => { node2.style.height = "0px"; node2.style.opacity = "0"; addClass(node2, name); }, onEnter: (node2) => { require$$0.nextTick(() => { node2.style.height = `${node2.scrollHeight}px`; node2.style.opacity = "1"; }); }, onAfterEnter: (node2) => { if (node2) { removeClass(node2, name); node2.style.height = null; node2.style.opacity = null; } }, onBeforeLeave: (node2) => { addClass(node2, name); node2.style.height = `${node2.offsetHeight}px`; node2.style.opacity = null; }, onLeave: (node2) => { setTimeout(() => { node2.style.height = "0px"; node2.style.opacity = "0"; }); }, onAfterLeave: (node2) => { if (node2) { removeClass(node2, name); if (node2.style) { node2.style.height = null; node2.style.opacity = null; } } } }; }; const collapseMotion$1 = collapseMotion; const menuItemGroupProps = () => ({ title: PropTypes$1.any, // Internal user prop originItemValue: objectType() }); const ItemGroup = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AMenuItemGroup", inheritAttrs: false, props: menuItemGroupProps(), slots: Object, setup(props2, _ref) { let { slots, attrs } = _ref; const { prefixCls } = useInjectMenu(); const groupPrefixCls = require$$0.computed(() => `${prefixCls.value}-item-group`); const isMeasure = useMeasure(); return () => { var _a, _b; if (isMeasure) return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); return require$$0.createVNode("li", _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "onClick": (e2) => e2.stopPropagation(), "class": groupPrefixCls.value }), [require$$0.createVNode("div", { "title": typeof props2.title === "string" ? props2.title : void 0, "class": `${groupPrefixCls.value}-title` }, [getPropsSlot(slots, props2, "title")]), require$$0.createVNode("ul", { "class": `${groupPrefixCls.value}-list` }, [(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)])]); }; } }); const menuDividerProps = () => ({ prefixCls: String, dashed: Boolean }); const Divider = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AMenuDivider", props: menuDividerProps(), setup(props2) { const { prefixCls } = useInjectMenu(); const cls = require$$0.computed(() => { return { [`${prefixCls.value}-item-divider`]: true, [`${prefixCls.value}-item-divider-dashed`]: !!props2.dashed }; }); return () => { return require$$0.createVNode("li", { "class": cls.value }, null); }; } }); var __rest$d = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; function convertItemsToNodes(list, store, parentMenuInfo) { return (list || []).map((opt, index2) => { if (opt && typeof opt === "object") { const _a = opt, { label, children, key: key2, type } = _a, restProps = __rest$d(_a, ["label", "children", "key", "type"]); const mergedKey = key2 !== null && key2 !== void 0 ? key2 : `tmp-${index2}`; const parentKeys = parentMenuInfo ? parentMenuInfo.parentKeys.slice() : []; const childrenEventKeys = []; const menuInfo = { eventKey: mergedKey, key: mergedKey, parentEventKeys: require$$0.ref(parentKeys), parentKeys: require$$0.ref(parentKeys), childrenEventKeys: require$$0.ref(childrenEventKeys), isLeaf: false }; if (children || type === "group") { if (type === "group") { const childrenNodes2 = convertItemsToNodes(children, store, parentMenuInfo); return require$$0.createVNode(ItemGroup, _objectSpread2$1(_objectSpread2$1({ "key": mergedKey }, restProps), {}, { "title": label, "originItemValue": opt }), { default: () => [childrenNodes2] }); } store.set(mergedKey, menuInfo); if (parentMenuInfo) { parentMenuInfo.childrenEventKeys.push(mergedKey); } const childrenNodes = convertItemsToNodes(children, store, { childrenEventKeys, parentKeys: [].concat(parentKeys, mergedKey) }); return require$$0.createVNode(SubMenu, _objectSpread2$1(_objectSpread2$1({ "key": mergedKey }, restProps), {}, { "title": label, "originItemValue": opt }), { default: () => [childrenNodes] }); } if (type === "divider") { return require$$0.createVNode(Divider, _objectSpread2$1({ "key": mergedKey }, restProps), null); } menuInfo.isLeaf = true; store.set(mergedKey, menuInfo); return require$$0.createVNode(MenuItem, _objectSpread2$1(_objectSpread2$1({ "key": mergedKey }, restProps), {}, { "originItemValue": opt }), { default: () => [label] }); } return null; }).filter((opt) => opt); } function useItems(props2) { const itemsNodes = require$$0.shallowRef([]); const hasItmes = require$$0.shallowRef(false); const store = require$$0.shallowRef(/* @__PURE__ */ new Map()); require$$0.watch(() => props2.items, () => { const newStore = /* @__PURE__ */ new Map(); hasItmes.value = false; if (props2.items) { hasItmes.value = true; itemsNodes.value = convertItemsToNodes(props2.items, newStore); } else { itemsNodes.value = void 0; } store.value = newStore; }, { immediate: true, deep: true }); return { itemsNodes, store, hasItmes }; } const getHorizontalStyle = (token2) => { const { componentCls, motionDurationSlow, menuHorizontalHeight, colorSplit, lineWidth, lineType, menuItemPaddingInline } = token2; return { [`${componentCls}-horizontal`]: { lineHeight: `${menuHorizontalHeight}px`, border: 0, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, boxShadow: "none", "&::after": { display: "block", clear: "both", height: 0, content: '"\\20"' }, // ======================= Item ======================= [`${componentCls}-item, ${componentCls}-submenu`]: { position: "relative", display: "inline-block", verticalAlign: "bottom", paddingInline: menuItemPaddingInline }, [`> ${componentCls}-item:hover, > ${componentCls}-item-active, > ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: { backgroundColor: "transparent" }, [`${componentCls}-item, ${componentCls}-submenu-title`]: { transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(",") }, // ===================== Sub Menu ===================== [`${componentCls}-submenu-arrow`]: { display: "none" } } }; }; const getHorizontalStyle$1 = getHorizontalStyle; const getRTLStyle = (_ref) => { let { componentCls, menuArrowOffset } = _ref; return { [`${componentCls}-rtl`]: { direction: "rtl" }, [`${componentCls}-submenu-rtl`]: { transformOrigin: "100% 0" }, // Vertical Arrow [`${componentCls}-rtl${componentCls}-vertical, ${componentCls}-submenu-rtl ${componentCls}-vertical`]: { [`${componentCls}-submenu-arrow`]: { "&::before": { transform: `rotate(-45deg) translateY(-${menuArrowOffset})` }, "&::after": { transform: `rotate(45deg) translateY(${menuArrowOffset})` } } } }; }; const getRTLStyle$1 = getRTLStyle; const accessibilityFocus = (token2) => _extends({}, genFocusOutline(token2)); const getThemeStyle = (token2, themeSuffix) => { const { componentCls, colorItemText, colorItemTextSelected, colorGroupTitle, colorItemBg, colorSubItemBg, colorItemBgSelected, colorActiveBarHeight, colorActiveBarWidth, colorActiveBarBorderSize, motionDurationSlow, motionEaseInOut, motionEaseOut, menuItemPaddingInline, motionDurationMid, colorItemTextHover, lineType, colorSplit, // Disabled colorItemTextDisabled, // Danger colorDangerItemText, colorDangerItemTextHover, colorDangerItemTextSelected, colorDangerItemBgActive, colorDangerItemBgSelected, colorItemBgHover, menuSubMenuBg, // Horizontal colorItemTextSelectedHorizontal, colorItemBgSelectedHorizontal } = token2; return { [`${componentCls}-${themeSuffix}`]: { color: colorItemText, background: colorItemBg, [`&${componentCls}-root:focus-visible`]: _extends({}, accessibilityFocus(token2)), // ======================== Item ======================== [`${componentCls}-item-group-title`]: { color: colorGroupTitle }, [`${componentCls}-submenu-selected`]: { [`> ${componentCls}-submenu-title`]: { color: colorItemTextSelected } }, // Disabled [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: { color: `${colorItemTextDisabled} !important` }, // Hover [`${componentCls}-item:hover, ${componentCls}-submenu-title:hover`]: { [`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: { color: colorItemTextHover } }, [`&:not(${componentCls}-horizontal)`]: { [`${componentCls}-item:not(${componentCls}-item-selected)`]: { "&:hover": { backgroundColor: colorItemBgHover }, "&:active": { backgroundColor: colorItemBgSelected } }, [`${componentCls}-submenu-title`]: { "&:hover": { backgroundColor: colorItemBgHover }, "&:active": { backgroundColor: colorItemBgSelected } } }, // Danger - only Item has [`${componentCls}-item-danger`]: { color: colorDangerItemText, [`&${componentCls}-item:hover`]: { [`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: { color: colorDangerItemTextHover } }, [`&${componentCls}-item:active`]: { background: colorDangerItemBgActive } }, [`${componentCls}-item a`]: { "&, &:hover": { color: "inherit" } }, [`${componentCls}-item-selected`]: { color: colorItemTextSelected, // Danger [`&${componentCls}-item-danger`]: { color: colorDangerItemTextSelected }, [`a, a:hover`]: { color: "inherit" } }, [`& ${componentCls}-item-selected`]: { backgroundColor: colorItemBgSelected, // Danger [`&${componentCls}-item-danger`]: { backgroundColor: colorDangerItemBgSelected } }, [`${componentCls}-item, ${componentCls}-submenu-title`]: { [`&:not(${componentCls}-item-disabled):focus-visible`]: _extends({}, accessibilityFocus(token2)) }, [`&${componentCls}-submenu > ${componentCls}`]: { backgroundColor: menuSubMenuBg }, [`&${componentCls}-popup > ${componentCls}`]: { backgroundColor: colorItemBg }, // ====================== Horizontal ====================== [`&${componentCls}-horizontal`]: _extends(_extends({}, themeSuffix === "dark" ? { borderBottom: 0 } : {}), { [`> ${componentCls}-item, > ${componentCls}-submenu`]: { top: colorActiveBarBorderSize, marginTop: -colorActiveBarBorderSize, marginBottom: 0, borderRadius: 0, "&::after": { position: "absolute", insetInline: menuItemPaddingInline, bottom: 0, borderBottom: `${colorActiveBarHeight}px solid transparent`, transition: `border-color ${motionDurationSlow} ${motionEaseInOut}`, content: '""' }, [`&:hover, &-active, &-open`]: { "&::after": { borderBottomWidth: colorActiveBarHeight, borderBottomColor: colorItemTextSelectedHorizontal } }, [`&-selected`]: { color: colorItemTextSelectedHorizontal, backgroundColor: colorItemBgSelectedHorizontal, "&::after": { borderBottomWidth: colorActiveBarHeight, borderBottomColor: colorItemTextSelectedHorizontal } } } }), // ================== Inline & Vertical =================== // [`&${componentCls}-root`]: { [`&${componentCls}-inline, &${componentCls}-vertical`]: { borderInlineEnd: `${colorActiveBarBorderSize}px ${lineType} ${colorSplit}` } }, // ======================== Inline ======================== [`&${componentCls}-inline`]: { // Sub [`${componentCls}-sub${componentCls}-inline`]: { background: colorSubItemBg }, // Item [`${componentCls}-item, ${componentCls}-submenu-title`]: colorActiveBarBorderSize && colorActiveBarWidth ? { width: `calc(100% + ${colorActiveBarBorderSize}px)` } : {}, [`${componentCls}-item`]: { position: "relative", "&::after": { position: "absolute", insetBlock: 0, insetInlineEnd: 0, borderInlineEnd: `${colorActiveBarWidth}px solid ${colorItemTextSelected}`, transform: "scaleY(0.0001)", opacity: 0, transition: [`transform ${motionDurationMid} ${motionEaseOut}`, `opacity ${motionDurationMid} ${motionEaseOut}`].join(","), content: '""' }, // Danger [`&${componentCls}-item-danger`]: { "&::after": { borderInlineEndColor: colorDangerItemTextSelected } } }, [`${componentCls}-selected, ${componentCls}-item-selected`]: { "&::after": { transform: "scaleY(1)", opacity: 1, transition: [`transform ${motionDurationMid} ${motionEaseInOut}`, `opacity ${motionDurationMid} ${motionEaseInOut}`].join(",") } } } } }; }; const getThemeStyle$1 = getThemeStyle; const getVerticalInlineStyle = (token2) => { const { componentCls, menuItemHeight, itemMarginInline, padding, menuArrowSize, marginXS, marginXXS } = token2; const paddingWithArrow = padding + menuArrowSize + marginXS; return { [`${componentCls}-item`]: { position: "relative" }, [`${componentCls}-item, ${componentCls}-submenu-title`]: { height: menuItemHeight, lineHeight: `${menuItemHeight}px`, paddingInline: padding, overflow: "hidden", textOverflow: "ellipsis", marginInline: itemMarginInline, marginBlock: marginXXS, width: `calc(100% - ${itemMarginInline * 2}px)` }, // disable margin collapsed [`${componentCls}-submenu`]: { paddingBottom: 0.02 }, [`> ${componentCls}-item, > ${componentCls}-submenu > ${componentCls}-submenu-title`]: { height: menuItemHeight, lineHeight: `${menuItemHeight}px` }, [`${componentCls}-item-group-list ${componentCls}-submenu-title, ${componentCls}-submenu-title`]: { paddingInlineEnd: paddingWithArrow } }; }; const getVerticalStyle = (token2) => { const { componentCls, iconCls, menuItemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, motionDurationMid, motionEaseOut, paddingXL, fontSizeSM, fontSizeLG, motionDurationSlow, paddingXS, boxShadowSecondary } = token2; const inlineItemStyle = { height: menuItemHeight, lineHeight: `${menuItemHeight}px`, listStylePosition: "inside", listStyleType: "disc" }; return [ { [componentCls]: { [`&-inline, &-vertical`]: _extends({ [`&${componentCls}-root`]: { boxShadow: "none" } }, getVerticalInlineStyle(token2)) }, [`${componentCls}-submenu-popup`]: { [`${componentCls}-vertical`]: _extends(_extends({}, getVerticalInlineStyle(token2)), { boxShadow: boxShadowSecondary }) } }, // Vertical only { [`${componentCls}-submenu-popup ${componentCls}-vertical${componentCls}-sub`]: { minWidth: dropdownWidth, maxHeight: `calc(100vh - ${controlHeightLG * 2.5}px)`, padding: "0", overflow: "hidden", borderInlineEnd: 0, // https://github.com/ant-design/ant-design/issues/22244 // https://github.com/ant-design/ant-design/issues/26812 "&:not([class*='-active'])": { overflowX: "hidden", overflowY: "auto" } } }, // Inline Only { [`${componentCls}-inline`]: { width: "100%", // Motion enhance for first level [`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu-title`]: { display: "flex", alignItems: "center", transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationMid} ${motionEaseOut}`].join(","), [`> ${componentCls}-title-content`]: { flex: "auto", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" }, "> *": { flex: "none" } } }, // >>>>> Sub [`${componentCls}-sub${componentCls}-inline`]: { padding: 0, border: 0, borderRadius: 0, boxShadow: "none", [`& > ${componentCls}-submenu > ${componentCls}-submenu-title`]: inlineItemStyle, [`& ${componentCls}-item-group-title`]: { paddingInlineStart: paddingXL } }, // >>>>> Item [`${componentCls}-item`]: inlineItemStyle } }, // Inline Collapse Only { [`${componentCls}-inline-collapsed`]: { width: menuItemHeight * 2, [`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: { [`> ${componentCls}-inline-collapsed-noicon`]: { fontSize: fontSizeLG, textAlign: "center" } } }, [`> ${componentCls}-item, > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item, > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title, > ${componentCls}-submenu > ${componentCls}-submenu-title`]: { insetInlineStart: 0, paddingInline: `calc(50% - ${fontSizeSM}px)`, textOverflow: "clip", [` ${componentCls}-submenu-arrow, ${componentCls}-submenu-expand-icon `]: { opacity: 0 }, [`${componentCls}-item-icon, ${iconCls}`]: { margin: 0, fontSize: fontSizeLG, lineHeight: `${menuItemHeight}px`, "+ span": { display: "inline-block", opacity: 0 } } }, [`${componentCls}-item-icon, ${iconCls}`]: { display: "inline-block" }, "&-tooltip": { pointerEvents: "none", [`${componentCls}-item-icon, ${iconCls}`]: { display: "none" }, "a, a:hover": { color: colorTextLightSolid } }, [`${componentCls}-item-group-title`]: _extends(_extends({}, textEllipsis), { paddingInline: paddingXS }) } } ]; }; const getVerticalStyle$1 = getVerticalStyle; const genMenuItemStyle = (token2) => { const { componentCls, fontSize, motionDurationSlow, motionDurationMid, motionEaseInOut, motionEaseOut, iconCls, controlHeightSM } = token2; return { // >>>>> Item [`${componentCls}-item, ${componentCls}-submenu-title`]: { position: "relative", display: "block", margin: 0, whiteSpace: "nowrap", cursor: "pointer", transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(","), [`${componentCls}-item-icon, ${iconCls}`]: { minWidth: fontSize, fontSize, transition: [`font-size ${motionDurationMid} ${motionEaseOut}`, `margin ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow}`].join(","), "+ span": { marginInlineStart: controlHeightSM - fontSize, opacity: 1, transition: [`opacity ${motionDurationSlow} ${motionEaseInOut}`, `margin ${motionDurationSlow}`, `color ${motionDurationSlow}`].join(",") } }, [`${componentCls}-item-icon`]: _extends({}, resetIcon()), [`&${componentCls}-item-only-child`]: { [`> ${iconCls}, > ${componentCls}-item-icon`]: { marginInlineEnd: 0 } } }, // Disabled state sets text to gray and nukes hover/tab effects [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: { background: "none !important", cursor: "not-allowed", "&::after": { borderColor: "transparent !important" }, a: { color: "inherit !important" }, [`> ${componentCls}-submenu-title`]: { color: "inherit !important", cursor: "not-allowed" } } }; }; const genSubMenuArrowStyle = (token2) => { const { componentCls, motionDurationSlow, motionEaseInOut, borderRadius, menuArrowSize, menuArrowOffset } = token2; return { [`${componentCls}-submenu`]: { [`&-expand-icon, &-arrow`]: { position: "absolute", top: "50%", insetInlineEnd: token2.margin, width: menuArrowSize, color: "currentcolor", transform: "translateY(-50%)", transition: `transform ${motionDurationSlow} ${motionEaseInOut}, opacity ${motionDurationSlow}` }, "&-arrow": { // → "&::before, &::after": { position: "absolute", width: menuArrowSize * 0.6, height: menuArrowSize * 0.15, backgroundColor: "currentcolor", borderRadius, transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `transform ${motionDurationSlow} ${motionEaseInOut}`, `top ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow} ${motionEaseInOut}`].join(","), content: '""' }, "&::before": { transform: `rotate(45deg) translateY(-${menuArrowOffset})` }, "&::after": { transform: `rotate(-45deg) translateY(${menuArrowOffset})` } } } }; }; const getBaseStyle = (token2) => { const { antCls, componentCls, fontSize, motionDurationSlow, motionDurationMid, motionEaseInOut, lineHeight, paddingXS, padding, colorSplit, lineWidth, zIndexPopup, borderRadiusLG, radiusSubMenuItem, menuArrowSize, menuArrowOffset, lineType, menuPanelMaskInset } = token2; return [ // Misc { "": { [`${componentCls}`]: _extends(_extends({}, clearFix()), { // Hidden [`&-hidden`]: { display: "none" } }) }, [`${componentCls}-submenu-hidden`]: { display: "none" } }, { [componentCls]: _extends(_extends(_extends(_extends(_extends(_extends(_extends({}, resetComponent(token2)), clearFix()), { marginBottom: 0, paddingInlineStart: 0, // Override default ul/ol fontSize, lineHeight: 0, listStyle: "none", outline: "none", transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`, [`ul, ol`]: { margin: 0, padding: 0, listStyle: "none" }, // Overflow ellipsis [`&-overflow`]: { display: "flex", [`${componentCls}-item`]: { flex: "none" } }, [`${componentCls}-item, ${componentCls}-submenu, ${componentCls}-submenu-title`]: { borderRadius: token2.radiusItem }, [`${componentCls}-item-group-title`]: { padding: `${paddingXS}px ${padding}px`, fontSize, lineHeight, transition: `all ${motionDurationSlow}` }, [`&-horizontal ${componentCls}-submenu`]: { transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(",") }, [`${componentCls}-submenu, ${componentCls}-submenu-inline`]: { transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationMid} ${motionEaseInOut}`].join(",") }, [`${componentCls}-submenu ${componentCls}-sub`]: { cursor: "initial", transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(",") }, [`${componentCls}-title-content`]: { transition: `color ${motionDurationSlow}` }, [`${componentCls}-item a`]: { "&::before": { position: "absolute", inset: 0, backgroundColor: "transparent", content: '""' } }, // Removed a Badge related style seems it's safe // https://github.com/ant-design/ant-design/issues/19809 // >>>>> Divider [`${componentCls}-item-divider`]: { overflow: "hidden", lineHeight: 0, borderColor: colorSplit, borderStyle: lineType, borderWidth: 0, borderTopWidth: lineWidth, marginBlock: lineWidth, padding: 0, "&-dashed": { borderStyle: "dashed" } } }), genMenuItemStyle(token2)), { [`${componentCls}-item-group`]: { [`${componentCls}-item-group-list`]: { margin: 0, padding: 0, [`${componentCls}-item, ${componentCls}-submenu-title`]: { paddingInline: `${fontSize * 2}px ${padding}px` } } }, // ======================= Sub Menu ======================= "&-submenu": { "&-popup": { position: "absolute", zIndex: zIndexPopup, background: "transparent", borderRadius: borderRadiusLG, boxShadow: "none", transformOrigin: "0 0", // https://github.com/ant-design/ant-design/issues/13955 "&::before": { position: "absolute", inset: `${menuPanelMaskInset}px 0 0`, zIndex: -1, width: "100%", height: "100%", opacity: 0, content: '""' } }, // https://github.com/ant-design/ant-design/issues/13955 "&-placement-rightTop::before": { top: 0, insetInlineStart: menuPanelMaskInset }, [`> ${componentCls}`]: _extends(_extends(_extends({ borderRadius: borderRadiusLG }, genMenuItemStyle(token2)), genSubMenuArrowStyle(token2)), { [`${componentCls}-item, ${componentCls}-submenu > ${componentCls}-submenu-title`]: { borderRadius: radiusSubMenuItem }, [`${componentCls}-submenu-title::after`]: { transition: `transform ${motionDurationSlow} ${motionEaseInOut}` } }) } }), genSubMenuArrowStyle(token2)), { [`&-inline-collapsed ${componentCls}-submenu-arrow, &-inline ${componentCls}-submenu-arrow`]: { // ↓ "&::before": { transform: `rotate(-45deg) translateX(${menuArrowOffset})` }, "&::after": { transform: `rotate(45deg) translateX(-${menuArrowOffset})` } }, [`${componentCls}-submenu-open${componentCls}-submenu-inline > ${componentCls}-submenu-title > ${componentCls}-submenu-arrow`]: { // ↑ transform: `translateY(-${menuArrowSize * 0.2}px)`, "&::after": { transform: `rotate(-45deg) translateX(-${menuArrowOffset})` }, "&::before": { transform: `rotate(45deg) translateX(${menuArrowOffset})` } } }) }, // Integration with header element so menu items have the same height { [`${antCls}-layout-header`]: { [componentCls]: { lineHeight: "inherit" } } } ]; }; const useStyle$9 = (prefixCls, injectStyle) => { const useOriginHook = genComponentStyleHook("Menu", (token2, _ref) => { let { overrideComponentToken } = _ref; if ((injectStyle === null || injectStyle === void 0 ? void 0 : injectStyle.value) === false) { return []; } const { colorBgElevated, colorPrimary, colorError, colorErrorHover, colorTextLightSolid } = token2; const { controlHeightLG, fontSize } = token2; const menuArrowSize = fontSize / 7 * 5; const menuToken = merge(token2, { menuItemHeight: controlHeightLG, menuItemPaddingInline: token2.margin, menuArrowSize, menuHorizontalHeight: controlHeightLG * 1.15, menuArrowOffset: `${menuArrowSize * 0.25}px`, menuPanelMaskInset: -7, menuSubMenuBg: colorBgElevated }); const colorTextDark = new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(); const menuDarkToken = merge(menuToken, { colorItemText: colorTextDark, colorItemTextHover: colorTextLightSolid, colorGroupTitle: colorTextDark, colorItemTextSelected: colorTextLightSolid, colorItemBg: "#001529", colorSubItemBg: "#000c17", colorItemBgActive: "transparent", colorItemBgSelected: colorPrimary, colorActiveBarWidth: 0, colorActiveBarHeight: 0, colorActiveBarBorderSize: 0, // Disabled colorItemTextDisabled: new TinyColor(colorTextLightSolid).setAlpha(0.25).toRgbString(), // Danger colorDangerItemText: colorError, colorDangerItemTextHover: colorErrorHover, colorDangerItemTextSelected: colorTextLightSolid, colorDangerItemBgActive: colorError, colorDangerItemBgSelected: colorError, menuSubMenuBg: "#001529", // Horizontal colorItemTextSelectedHorizontal: colorTextLightSolid, colorItemBgSelectedHorizontal: colorPrimary }, _extends({}, overrideComponentToken)); return [ // Basic getBaseStyle(menuToken), // Horizontal getHorizontalStyle$1(menuToken), // Vertical getVerticalStyle$1(menuToken), // Theme getThemeStyle$1(menuToken, "light"), getThemeStyle$1(menuDarkToken, "dark"), // RTL getRTLStyle$1(menuToken), // Motion genCollapseMotion$1(menuToken), initSlideMotion(menuToken, "slide-up"), initSlideMotion(menuToken, "slide-down"), initZoomMotion(menuToken, "zoom-big") ]; }, (token2) => { const { colorPrimary, colorError, colorTextDisabled, colorErrorBg, colorText, colorTextDescription, colorBgContainer, colorFillAlter, colorFillContent, lineWidth, lineWidthBold, controlItemBgActive, colorBgTextHover } = token2; return { dropdownWidth: 160, zIndexPopup: token2.zIndexPopupBase + 50, radiusItem: token2.borderRadiusLG, radiusSubMenuItem: token2.borderRadiusSM, colorItemText: colorText, colorItemTextHover: colorText, colorItemTextHoverHorizontal: colorPrimary, colorGroupTitle: colorTextDescription, colorItemTextSelected: colorPrimary, colorItemTextSelectedHorizontal: colorPrimary, colorItemBg: colorBgContainer, colorItemBgHover: colorBgTextHover, colorItemBgActive: colorFillContent, colorSubItemBg: colorFillAlter, colorItemBgSelected: controlItemBgActive, colorItemBgSelectedHorizontal: "transparent", colorActiveBarWidth: 0, colorActiveBarHeight: lineWidthBold, colorActiveBarBorderSize: lineWidth, // Disabled colorItemTextDisabled: colorTextDisabled, // Danger colorDangerItemText: colorError, colorDangerItemTextHover: colorError, colorDangerItemTextSelected: colorError, colorDangerItemBgActive: colorErrorBg, colorDangerItemBgSelected: colorErrorBg, itemMarginInline: token2.marginXXS }; }); return useOriginHook(prefixCls); }; const menuProps = () => ({ id: String, prefixCls: String, // donot use items, now only support inner use items: Array, disabled: Boolean, inlineCollapsed: Boolean, disabledOverflow: Boolean, forceSubMenuRender: Boolean, openKeys: Array, selectedKeys: Array, activeKey: String, selectable: { type: Boolean, default: true }, multiple: { type: Boolean, default: false }, tabindex: { type: [Number, String] }, motion: Object, role: String, theme: { type: String, default: "light" }, mode: { type: String, default: "vertical" }, inlineIndent: { type: Number, default: 24 }, subMenuOpenDelay: { type: Number, default: 0 }, subMenuCloseDelay: { type: Number, default: 0.1 }, builtinPlacements: { type: Object }, triggerSubMenuAction: { type: String, default: "hover" }, getPopupContainer: Function, expandIcon: Function, onOpenChange: Function, onSelect: Function, onDeselect: Function, onClick: [Function, Array], onFocus: Function, onBlur: Function, onMousedown: Function, "onUpdate:openKeys": Function, "onUpdate:selectedKeys": Function, "onUpdate:activeKey": Function }); const EMPTY_LIST = []; const Menu = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AMenu", inheritAttrs: false, props: menuProps(), slots: Object, setup(props2, _ref) { let { slots, emit, attrs } = _ref; const { direction, getPrefixCls } = useConfigInject("menu", props2); const override = useInjectOverride(); const prefixCls = require$$0.computed(() => { var _a; return getPrefixCls("menu", props2.prefixCls || ((_a = override === null || override === void 0 ? void 0 : override.prefixCls) === null || _a === void 0 ? void 0 : _a.value)); }); const [wrapSSR, hashId] = useStyle$9(prefixCls, require$$0.computed(() => { return !override; })); const store = require$$0.shallowRef(/* @__PURE__ */ new Map()); const siderCollapsed = require$$0.inject(SiderCollapsedKey, require$$0.ref(void 0)); const inlineCollapsed = require$$0.computed(() => { if (siderCollapsed.value !== void 0) { return siderCollapsed.value; } return props2.inlineCollapsed; }); const { itemsNodes } = useItems(props2); const isMounted = require$$0.shallowRef(false); require$$0.onMounted(() => { isMounted.value = true; }); require$$0.watchEffect(() => { devWarning(!(props2.inlineCollapsed === true && props2.mode !== "inline"), "Menu", "`inlineCollapsed` should only be used when `mode` is inline."); devWarning(!(siderCollapsed.value !== void 0 && props2.inlineCollapsed === true), "Menu", "`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead."); }); const activeKeys = require$$0.ref([]); const mergedSelectedKeys = require$$0.ref([]); const keyMapStore = require$$0.ref({}); require$$0.watch(store, () => { const newKeyMapStore = {}; for (const menuInfo of store.value.values()) { newKeyMapStore[menuInfo.key] = menuInfo; } keyMapStore.value = newKeyMapStore; }, { flush: "post" }); require$$0.watchEffect(() => { if (props2.activeKey !== void 0) { let keys2 = []; const menuInfo = props2.activeKey ? keyMapStore.value[props2.activeKey] : void 0; if (menuInfo && props2.activeKey !== void 0) { keys2 = uniq([].concat(require$$0.unref(menuInfo.parentKeys), props2.activeKey)); } else { keys2 = []; } if (!shallowequal(activeKeys.value, keys2)) { activeKeys.value = keys2; } } }); require$$0.watch(() => props2.selectedKeys, (selectedKeys) => { if (selectedKeys) { mergedSelectedKeys.value = selectedKeys.slice(); } }, { immediate: true, deep: true }); const selectedSubMenuKeys = require$$0.ref([]); require$$0.watch([keyMapStore, mergedSelectedKeys], () => { let subMenuParentKeys = []; mergedSelectedKeys.value.forEach((key2) => { const menuInfo = keyMapStore.value[key2]; if (menuInfo) { subMenuParentKeys = subMenuParentKeys.concat(require$$0.unref(menuInfo.parentKeys)); } }); subMenuParentKeys = uniq(subMenuParentKeys); if (!shallowequal(selectedSubMenuKeys.value, subMenuParentKeys)) { selectedSubMenuKeys.value = subMenuParentKeys; } }, { immediate: true }); const triggerSelection = (info) => { if (props2.selectable) { const { key: targetKey } = info; const exist = mergedSelectedKeys.value.includes(targetKey); let newSelectedKeys; if (props2.multiple) { if (exist) { newSelectedKeys = mergedSelectedKeys.value.filter((key2) => key2 !== targetKey); } else { newSelectedKeys = [...mergedSelectedKeys.value, targetKey]; } } else { newSelectedKeys = [targetKey]; } const selectInfo = _extends(_extends({}, info), { selectedKeys: newSelectedKeys }); if (!shallowequal(newSelectedKeys, mergedSelectedKeys.value)) { if (props2.selectedKeys === void 0) { mergedSelectedKeys.value = newSelectedKeys; } emit("update:selectedKeys", newSelectedKeys); if (exist && props2.multiple) { emit("deselect", selectInfo); } else { emit("select", selectInfo); } } } if (mergedMode.value !== "inline" && !props2.multiple && mergedOpenKeys.value.length) { triggerOpenKeys(EMPTY_LIST); } }; const mergedOpenKeys = require$$0.ref([]); require$$0.watch(() => props2.openKeys, function() { let openKeys = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : mergedOpenKeys.value; if (!shallowequal(mergedOpenKeys.value, openKeys)) { mergedOpenKeys.value = openKeys.slice(); } }, { immediate: true, deep: true }); let timeout; const changeActiveKeys = (keys2) => { clearTimeout(timeout); timeout = setTimeout(() => { if (props2.activeKey === void 0) { activeKeys.value = keys2; } emit("update:activeKey", keys2[keys2.length - 1]); }); }; const disabled = require$$0.computed(() => !!props2.disabled); const isRtl = require$$0.computed(() => direction.value === "rtl"); const mergedMode = require$$0.ref("vertical"); const mergedInlineCollapsed = require$$0.shallowRef(false); require$$0.watchEffect(() => { var _a; if ((props2.mode === "inline" || props2.mode === "vertical") && inlineCollapsed.value) { mergedMode.value = "vertical"; mergedInlineCollapsed.value = inlineCollapsed.value; } else { mergedMode.value = props2.mode; mergedInlineCollapsed.value = false; } if ((_a = override === null || override === void 0 ? void 0 : override.mode) === null || _a === void 0 ? void 0 : _a.value) { mergedMode.value = override.mode.value; } }); const isInlineMode = require$$0.computed(() => mergedMode.value === "inline"); const triggerOpenKeys = (keys2) => { mergedOpenKeys.value = keys2; emit("update:openKeys", keys2); emit("openChange", keys2); }; const inlineCacheOpenKeys = require$$0.ref(mergedOpenKeys.value); const mountRef = require$$0.shallowRef(false); require$$0.watch(mergedOpenKeys, () => { if (isInlineMode.value) { inlineCacheOpenKeys.value = mergedOpenKeys.value; } }, { immediate: true }); require$$0.watch(isInlineMode, () => { if (!mountRef.value) { mountRef.value = true; return; } if (isInlineMode.value) { mergedOpenKeys.value = inlineCacheOpenKeys.value; } else { triggerOpenKeys(EMPTY_LIST); } }, { immediate: true }); const className = require$$0.computed(() => { return { [`${prefixCls.value}`]: true, [`${prefixCls.value}-root`]: true, [`${prefixCls.value}-${mergedMode.value}`]: true, [`${prefixCls.value}-inline-collapsed`]: mergedInlineCollapsed.value, [`${prefixCls.value}-rtl`]: isRtl.value, [`${prefixCls.value}-${props2.theme}`]: true }; }); const rootPrefixCls = require$$0.computed(() => getPrefixCls()); const defaultMotions = require$$0.computed(() => ({ horizontal: { name: `${rootPrefixCls.value}-slide-up` }, inline: collapseMotion$1, other: { name: `${rootPrefixCls.value}-zoom-big` } })); useProvideFirstLevel(true); const getChildrenKeys = function() { let eventKeys = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []; const keys2 = []; const storeValue = store.value; eventKeys.forEach((eventKey) => { const { key: key2, childrenEventKeys } = storeValue.get(eventKey); keys2.push(key2, ...getChildrenKeys(require$$0.unref(childrenEventKeys))); }); return keys2; }; const onInternalClick = (info) => { var _a; emit("click", info); triggerSelection(info); (_a = override === null || override === void 0 ? void 0 : override.onClick) === null || _a === void 0 ? void 0 : _a.call(override); }; const onInternalOpenChange = (key2, open) => { var _a; const childrenEventKeys = ((_a = keyMapStore.value[key2]) === null || _a === void 0 ? void 0 : _a.childrenEventKeys) || []; let newOpenKeys = mergedOpenKeys.value.filter((k2) => k2 !== key2); if (open) { newOpenKeys.push(key2); } else if (mergedMode.value !== "inline") { const subPathKeys = getChildrenKeys(require$$0.unref(childrenEventKeys)); newOpenKeys = uniq(newOpenKeys.filter((k2) => !subPathKeys.includes(k2))); } if (!shallowequal(mergedOpenKeys, newOpenKeys)) { triggerOpenKeys(newOpenKeys); } }; const registerMenuInfo = (key2, info) => { store.value.set(key2, info); store.value = new Map(store.value); }; const unRegisterMenuInfo = (key2) => { store.value.delete(key2); store.value = new Map(store.value); }; const lastVisibleIndex = require$$0.ref(0); const expandIcon = require$$0.computed(() => { var _a; return props2.expandIcon || slots.expandIcon || ((_a = override === null || override === void 0 ? void 0 : override.expandIcon) === null || _a === void 0 ? void 0 : _a.value) ? (opt) => { let icon = props2.expandIcon || slots.expandIcon; icon = typeof icon === "function" ? icon(opt) : icon; return cloneElement(icon, { class: `${prefixCls.value}-submenu-expand-icon` }, false); } : null; }); useProvideMenu$1({ prefixCls, activeKeys, openKeys: mergedOpenKeys, selectedKeys: mergedSelectedKeys, changeActiveKeys, disabled, rtl: isRtl, mode: mergedMode, inlineIndent: require$$0.computed(() => props2.inlineIndent), subMenuCloseDelay: require$$0.computed(() => props2.subMenuCloseDelay), subMenuOpenDelay: require$$0.computed(() => props2.subMenuOpenDelay), builtinPlacements: require$$0.computed(() => props2.builtinPlacements), triggerSubMenuAction: require$$0.computed(() => props2.triggerSubMenuAction), getPopupContainer: require$$0.computed(() => props2.getPopupContainer), inlineCollapsed: mergedInlineCollapsed, theme: require$$0.computed(() => props2.theme), siderCollapsed, defaultMotions: require$$0.computed(() => isMounted.value ? defaultMotions.value : null), motion: require$$0.computed(() => isMounted.value ? props2.motion : null), overflowDisabled: require$$0.shallowRef(void 0), onOpenChange: onInternalOpenChange, onItemClick: onInternalClick, registerMenuInfo, unRegisterMenuInfo, selectedSubMenuKeys, expandIcon, forceSubMenuRender: require$$0.computed(() => props2.forceSubMenuRender), rootClassName: hashId }); return () => { var _a, _b; const childList = itemsNodes.value || flattenChildren((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); const allVisible = lastVisibleIndex.value >= childList.length - 1 || mergedMode.value !== "horizontal" || props2.disabledOverflow; const wrappedChildList = mergedMode.value !== "horizontal" || props2.disabledOverflow ? childList : ( // Need wrap for overflow dropdown that do not response for open childList.map((child, index2) => ( // Always wrap provider to avoid sub node re-mount require$$0.createVNode(MenuContextProvider, { "key": child.key, "overflowDisabled": index2 > lastVisibleIndex.value }, { default: () => child }) )) ); const overflowedIndicator = ((_b = slots.overflowedIndicator) === null || _b === void 0 ? void 0 : _b.call(slots)) || require$$0.createVNode(EllipsisOutlined$1, null, null); return wrapSSR(require$$0.createVNode(Overflow$1, _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "onMousedown": props2.onMousedown, "prefixCls": `${prefixCls.value}-overflow`, "component": "ul", "itemComponent": MenuItem, "class": [className.value, attrs.class, hashId.value], "role": "menu", "id": props2.id, "data": wrappedChildList, "renderRawItem": (node2) => node2, "renderRawRest": (omitItems) => { const len = omitItems.length; const originOmitItems = len ? childList.slice(-len) : null; return require$$0.createVNode(require$$0.Fragment, null, [require$$0.createVNode(SubMenu, { "eventKey": OVERFLOW_KEY, "key": OVERFLOW_KEY, "title": overflowedIndicator, "disabled": allVisible, "internalPopupClose": len === 0 }, { default: () => originOmitItems }), require$$0.createVNode(PathContext, null, { default: () => [require$$0.createVNode(SubMenu, { "eventKey": OVERFLOW_KEY, "key": OVERFLOW_KEY, "title": overflowedIndicator, "disabled": allVisible, "internalPopupClose": len === 0 }, { default: () => originOmitItems })] })]); }, "maxCount": mergedMode.value !== "horizontal" || props2.disabledOverflow ? Overflow$1.INVALIDATE : Overflow$1.RESPONSIVE, "ssr": "full", "data-menu-list": true, "onVisibleChange": (newLastIndex) => { lastVisibleIndex.value = newLastIndex; } }), { default: () => [require$$0.createVNode(require$$0.Teleport, { "to": "body" }, { default: () => [require$$0.createVNode("div", { "style": { display: "none" }, "aria-hidden": true }, [require$$0.createVNode(PathContext, null, { default: () => [wrappedChildList] })])] })] })); }; } }); Menu.install = function(app) { app.component(Menu.name, Menu); app.component(MenuItem.name, MenuItem); app.component(SubMenu.name, SubMenu); app.component(Divider.name, Divider); app.component(ItemGroup.name, ItemGroup); return app; }; Menu.Item = MenuItem; Menu.Divider = Divider; Menu.SubMenu = SubMenu; Menu.ItemGroup = ItemGroup; var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {}; function getDefaultExportFromCjs(x2) { return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2; } const genPlaceholderStyle = (color) => ({ // Firefox "&::-moz-placeholder": { opacity: 1 }, "&::placeholder": { color, userSelect: "none" // https://github.com/ant-design/ant-design/pull/32639 }, "&:placeholder-shown": { textOverflow: "ellipsis" } }); const genHoverStyle = (token2) => ({ borderColor: token2.inputBorderHoverColor, borderInlineEndWidth: token2.lineWidth }); const genActiveStyle = (token2) => ({ borderColor: token2.inputBorderHoverColor, boxShadow: `0 0 0 ${token2.controlOutlineWidth}px ${token2.controlOutline}`, borderInlineEndWidth: token2.lineWidth, outline: 0 }); const genDisabledStyle = (token2) => ({ color: token2.colorTextDisabled, backgroundColor: token2.colorBgContainerDisabled, borderColor: token2.colorBorder, boxShadow: "none", cursor: "not-allowed", opacity: 1, "&:hover": _extends({}, genHoverStyle(merge(token2, { inputBorderHoverColor: token2.colorBorder }))) }); const genInputLargeStyle = (token2) => { const { inputPaddingVerticalLG, fontSizeLG, lineHeightLG, borderRadiusLG, inputPaddingHorizontalLG } = token2; return { padding: `${inputPaddingVerticalLG}px ${inputPaddingHorizontalLG}px`, fontSize: fontSizeLG, lineHeight: lineHeightLG, borderRadius: borderRadiusLG }; }; const genInputSmallStyle = (token2) => ({ padding: `${token2.inputPaddingVerticalSM}px ${token2.controlPaddingHorizontalSM - 1}px`, borderRadius: token2.borderRadiusSM }); const genStatusStyle = (token2, parentCls) => { const { componentCls, colorError, colorWarning, colorErrorOutline, colorWarningOutline, colorErrorBorderHover, colorWarningBorderHover } = token2; return { [`&-status-error:not(${parentCls}-disabled):not(${parentCls}-borderless)${parentCls}`]: { borderColor: colorError, "&:hover": { borderColor: colorErrorBorderHover }, "&:focus, &-focused": _extends({}, genActiveStyle(merge(token2, { inputBorderActiveColor: colorError, inputBorderHoverColor: colorError, controlOutline: colorErrorOutline }))), [`${componentCls}-prefix`]: { color: colorError } }, [`&-status-warning:not(${parentCls}-disabled):not(${parentCls}-borderless)${parentCls}`]: { borderColor: colorWarning, "&:hover": { borderColor: colorWarningBorderHover }, "&:focus, &-focused": _extends({}, genActiveStyle(merge(token2, { inputBorderActiveColor: colorWarning, inputBorderHoverColor: colorWarning, controlOutline: colorWarningOutline }))), [`${componentCls}-prefix`]: { color: colorWarning } } }; }; const genBasicInputStyle = (token2) => _extends(_extends({ position: "relative", display: "inline-block", width: "100%", minWidth: 0, padding: `${token2.inputPaddingVertical}px ${token2.inputPaddingHorizontal}px`, color: token2.colorText, fontSize: token2.fontSize, lineHeight: token2.lineHeight, backgroundColor: token2.colorBgContainer, backgroundImage: "none", borderWidth: token2.lineWidth, borderStyle: token2.lineType, borderColor: token2.colorBorder, borderRadius: token2.borderRadius, transition: `all ${token2.motionDurationMid}` }, genPlaceholderStyle(token2.colorTextPlaceholder)), { "&:hover": _extends({}, genHoverStyle(token2)), "&:focus, &-focused": _extends({}, genActiveStyle(token2)), "&-disabled, &[disabled]": _extends({}, genDisabledStyle(token2)), "&-borderless": { "&, &:hover, &:focus, &-focused, &-disabled, &[disabled]": { backgroundColor: "transparent", border: "none", boxShadow: "none" } }, // Reset height for `textarea`s "textarea&": { maxWidth: "100%", height: "auto", minHeight: token2.controlHeight, lineHeight: token2.lineHeight, verticalAlign: "bottom", transition: `all ${token2.motionDurationSlow}, height 0s`, resize: "vertical" }, // Size "&-lg": _extends({}, genInputLargeStyle(token2)), "&-sm": _extends({}, genInputSmallStyle(token2)), // RTL "&-rtl": { direction: "rtl" }, "&-textarea-rtl": { direction: "rtl" } }); const genInputGroupStyle = (token2) => { const { componentCls, antCls } = token2; return { position: "relative", display: "table", width: "100%", borderCollapse: "separate", borderSpacing: 0, // Undo padding and float of grid classes [`&[class*='col-']`]: { paddingInlineEnd: token2.paddingXS, "&:last-child": { paddingInlineEnd: 0 } }, // Sizing options [`&-lg ${componentCls}, &-lg > ${componentCls}-group-addon`]: _extends({}, genInputLargeStyle(token2)), [`&-sm ${componentCls}, &-sm > ${componentCls}-group-addon`]: _extends({}, genInputSmallStyle(token2)), [`> ${componentCls}`]: { display: "table-cell", "&:not(:first-child):not(:last-child)": { borderRadius: 0 } }, [`${componentCls}-group`]: { [`&-addon, &-wrap`]: { display: "table-cell", width: 1, whiteSpace: "nowrap", verticalAlign: "middle", "&:not(:first-child):not(:last-child)": { borderRadius: 0 } }, "&-wrap > *": { display: "block !important" }, "&-addon": { position: "relative", padding: `0 ${token2.inputPaddingHorizontal}px`, color: token2.colorText, fontWeight: "normal", fontSize: token2.fontSize, textAlign: "center", backgroundColor: token2.colorFillAlter, border: `${token2.lineWidth}px ${token2.lineType} ${token2.colorBorder}`, borderRadius: token2.borderRadius, transition: `all ${token2.motionDurationSlow}`, lineHeight: 1, // Reset Select's style in addon [`${antCls}-select`]: { margin: `-${token2.inputPaddingVertical + 1}px -${token2.inputPaddingHorizontal}px`, [`&${antCls}-select-single:not(${antCls}-select-customize-input)`]: { [`${antCls}-select-selector`]: { backgroundColor: "inherit", border: `${token2.lineWidth}px ${token2.lineType} transparent`, boxShadow: "none" } }, "&-open, &-focused": { [`${antCls}-select-selector`]: { color: token2.colorPrimary } } }, // https://github.com/ant-design/ant-design/issues/31333 [`${antCls}-cascader-picker`]: { margin: `-9px -${token2.inputPaddingHorizontal}px`, backgroundColor: "transparent", [`${antCls}-cascader-input`]: { textAlign: "start", border: 0, boxShadow: "none" } } }, "&-addon:first-child": { borderInlineEnd: 0 }, "&-addon:last-child": { borderInlineStart: 0 } }, [`${componentCls}`]: { float: "inline-start", width: "100%", marginBottom: 0, textAlign: "inherit", "&:focus": { zIndex: 1, borderInlineEndWidth: 1 }, "&:hover": { zIndex: 1, borderInlineEndWidth: 1, [`${componentCls}-search-with-button &`]: { zIndex: 0 } } }, // Reset rounded corners [`> ${componentCls}:first-child, ${componentCls}-group-addon:first-child`]: { borderStartEndRadius: 0, borderEndEndRadius: 0, // Reset Select's style in addon [`${antCls}-select ${antCls}-select-selector`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, [`> ${componentCls}-affix-wrapper`]: { [`&:not(:first-child) ${componentCls}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 }, [`&:not(:last-child) ${componentCls}`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, [`> ${componentCls}:last-child, ${componentCls}-group-addon:last-child`]: { borderStartStartRadius: 0, borderEndStartRadius: 0, // Reset Select's style in addon [`${antCls}-select ${antCls}-select-selector`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } }, [`${componentCls}-affix-wrapper`]: { "&:not(:last-child)": { borderStartEndRadius: 0, borderEndEndRadius: 0, [`${componentCls}-search &`]: { borderStartStartRadius: token2.borderRadius, borderEndStartRadius: token2.borderRadius } }, [`&:not(:first-child), ${componentCls}-search &:not(:first-child)`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } }, [`&${componentCls}-group-compact`]: _extends(_extends({ display: "block" }, clearFix()), { [`${componentCls}-group-addon, ${componentCls}-group-wrap, > ${componentCls}`]: { "&:not(:first-child):not(:last-child)": { borderInlineEndWidth: token2.lineWidth, "&:hover": { zIndex: 1 }, "&:focus": { zIndex: 1 } } }, "& > *": { display: "inline-block", float: "none", verticalAlign: "top", borderRadius: 0 }, [`& > ${componentCls}-affix-wrapper`]: { display: "inline-flex" }, [`& > ${antCls}-picker-range`]: { display: "inline-flex" }, "& > *:not(:last-child)": { marginInlineEnd: -token2.lineWidth, borderInlineEndWidth: token2.lineWidth }, // Undo float for .ant-input-group .ant-input [`${componentCls}`]: { float: "none" }, // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input [`& > ${antCls}-select > ${antCls}-select-selector, & > ${antCls}-select-auto-complete ${componentCls}, & > ${antCls}-cascader-picker ${componentCls}, & > ${componentCls}-group-wrapper ${componentCls}`]: { borderInlineEndWidth: token2.lineWidth, borderRadius: 0, "&:hover": { zIndex: 1 }, "&:focus": { zIndex: 1 } }, [`& > ${antCls}-select-focused`]: { zIndex: 1 }, // update z-index for arrow icon [`& > ${antCls}-select > ${antCls}-select-arrow`]: { zIndex: 1 // https://github.com/ant-design/ant-design/issues/20371 }, [`& > *:first-child, & > ${antCls}-select:first-child > ${antCls}-select-selector, & > ${antCls}-select-auto-complete:first-child ${componentCls}, & > ${antCls}-cascader-picker:first-child ${componentCls}`]: { borderStartStartRadius: token2.borderRadius, borderEndStartRadius: token2.borderRadius }, [`& > *:last-child, & > ${antCls}-select:last-child > ${antCls}-select-selector, & > ${antCls}-cascader-picker:last-child ${componentCls}, & > ${antCls}-cascader-picker-focused:last-child ${componentCls}`]: { borderInlineEndWidth: token2.lineWidth, borderStartEndRadius: token2.borderRadius, borderEndEndRadius: token2.borderRadius }, // https://github.com/ant-design/ant-design/issues/12493 [`& > ${antCls}-select-auto-complete ${componentCls}`]: { verticalAlign: "top" }, [`${componentCls}-group-wrapper + ${componentCls}-group-wrapper`]: { marginInlineStart: -token2.lineWidth, [`${componentCls}-affix-wrapper`]: { borderRadius: 0 } }, [`${componentCls}-group-wrapper:not(:last-child)`]: { [`&${componentCls}-search > ${componentCls}-group`]: { [`& > ${componentCls}-group-addon > ${componentCls}-search-button`]: { borderRadius: 0 }, [`& > ${componentCls}`]: { borderStartStartRadius: token2.borderRadius, borderStartEndRadius: 0, borderEndEndRadius: 0, borderEndStartRadius: token2.borderRadius } } } }), [`&&-sm ${antCls}-btn`]: { fontSize: token2.fontSizeSM, height: token2.controlHeightSM, lineHeight: "normal" }, [`&&-lg ${antCls}-btn`]: { fontSize: token2.fontSizeLG, height: token2.controlHeightLG, lineHeight: "normal" }, // Fix https://github.com/ant-design/ant-design/issues/5754 [`&&-lg ${antCls}-select-single ${antCls}-select-selector`]: { height: `${token2.controlHeightLG}px`, [`${antCls}-select-selection-item, ${antCls}-select-selection-placeholder`]: { // -2 is for the border size & override default lineHeight: `${token2.controlHeightLG - 2}px` }, [`${antCls}-select-selection-search-input`]: { height: `${token2.controlHeightLG}px` } }, [`&&-sm ${antCls}-select-single ${antCls}-select-selector`]: { height: `${token2.controlHeightSM}px`, [`${antCls}-select-selection-item, ${antCls}-select-selection-placeholder`]: { // -2 is for the border size & override default lineHeight: `${token2.controlHeightSM - 2}px` }, [`${antCls}-select-selection-search-input`]: { height: `${token2.controlHeightSM}px` } } }; }; const genInputStyle = (token2) => { const { componentCls, controlHeightSM, lineWidth } = token2; const FIXED_CHROME_COLOR_HEIGHT = 16; const colorSmallPadding = (controlHeightSM - lineWidth * 2 - FIXED_CHROME_COLOR_HEIGHT) / 2; return { [componentCls]: _extends(_extends(_extends(_extends({}, resetComponent(token2)), genBasicInputStyle(token2)), genStatusStyle(token2, componentCls)), { '&[type="color"]': { height: token2.controlHeight, [`&${componentCls}-lg`]: { height: token2.controlHeightLG }, [`&${componentCls}-sm`]: { height: controlHeightSM, paddingTop: colorSmallPadding, paddingBottom: colorSmallPadding } } }) }; }; const genAllowClearStyle = (token2) => { const { componentCls } = token2; return { // ========================= Input ========================= [`${componentCls}-clear-icon`]: { margin: 0, color: token2.colorTextQuaternary, fontSize: token2.fontSizeIcon, verticalAlign: -1, // https://github.com/ant-design/ant-design/pull/18151 // https://codesandbox.io/s/wizardly-sun-u10br cursor: "pointer", transition: `color ${token2.motionDurationSlow}`, "&:hover": { color: token2.colorTextTertiary }, "&:active": { color: token2.colorText }, "&-hidden": { visibility: "hidden" }, "&-has-suffix": { margin: `0 ${token2.inputAffixPadding}px` } }, // ======================= TextArea ======================== "&-textarea-with-clear-btn": { padding: "0 !important", border: "0 !important", [`${componentCls}-clear-icon`]: { position: "absolute", insetBlockStart: token2.paddingXS, insetInlineEnd: token2.paddingXS, zIndex: 1 } } }; }; const genAffixStyle = (token2) => { const { componentCls, inputAffixPadding, colorTextDescription, motionDurationSlow, colorIcon, colorIconHover, iconCls } = token2; return { [`${componentCls}-affix-wrapper`]: _extends(_extends(_extends(_extends(_extends({}, genBasicInputStyle(token2)), { display: "inline-flex", [`&:not(${componentCls}-affix-wrapper-disabled):hover`]: _extends(_extends({}, genHoverStyle(token2)), { zIndex: 1, [`${componentCls}-search-with-button &`]: { zIndex: 0 } }), "&-focused, &:focus": { zIndex: 1 }, "&-disabled": { [`${componentCls}[disabled]`]: { background: "transparent" } }, [`> input${componentCls}`]: { padding: 0, fontSize: "inherit", border: "none", borderRadius: 0, outline: "none", "&:focus": { boxShadow: "none !important" } }, "&::before": { width: 0, visibility: "hidden", content: '"\\a0"' }, [`${componentCls}`]: { "&-prefix, &-suffix": { display: "flex", flex: "none", alignItems: "center", "> *:not(:last-child)": { marginInlineEnd: token2.paddingXS } }, "&-show-count-suffix": { color: colorTextDescription }, "&-show-count-has-suffix": { marginInlineEnd: token2.paddingXXS }, "&-prefix": { marginInlineEnd: inputAffixPadding }, "&-suffix": { marginInlineStart: inputAffixPadding } } }), genAllowClearStyle(token2)), { // password [`${iconCls}${componentCls}-password-icon`]: { color: colorIcon, cursor: "pointer", transition: `all ${motionDurationSlow}`, "&:hover": { color: colorIconHover } } }), genStatusStyle(token2, `${componentCls}-affix-wrapper`)) }; }; const genGroupStyle = (token2) => { const { componentCls, colorError, colorSuccess, borderRadiusLG, borderRadiusSM } = token2; return { [`${componentCls}-group`]: _extends(_extends(_extends({}, resetComponent(token2)), genInputGroupStyle(token2)), { "&-rtl": { direction: "rtl" }, "&-wrapper": { display: "inline-block", width: "100%", textAlign: "start", verticalAlign: "top", "&-rtl": { direction: "rtl" }, // Size "&-lg": { [`${componentCls}-group-addon`]: { borderRadius: borderRadiusLG } }, "&-sm": { [`${componentCls}-group-addon`]: { borderRadius: borderRadiusSM } }, // Status "&-status-error": { [`${componentCls}-group-addon`]: { color: colorError, borderColor: colorError } }, "&-status-warning": { [`${componentCls}-group-addon:last-child`]: { color: colorSuccess, borderColor: colorSuccess } } } }) }; }; const genSearchInputStyle = (token2) => { const { componentCls, antCls } = token2; const searchPrefixCls = `${componentCls}-search`; return { [searchPrefixCls]: { [`${componentCls}`]: { "&:hover, &:focus": { borderColor: token2.colorPrimaryHover, [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: { borderInlineStartColor: token2.colorPrimaryHover } } }, [`${componentCls}-affix-wrapper`]: { borderRadius: 0 }, // fix slight height diff in Firefox: // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category [`${componentCls}-lg`]: { lineHeight: token2.lineHeightLG - 2e-4 }, [`> ${componentCls}-group`]: { [`> ${componentCls}-group-addon:last-child`]: { insetInlineStart: -1, padding: 0, border: 0, [`${searchPrefixCls}-button`]: { paddingTop: 0, paddingBottom: 0, borderStartStartRadius: 0, borderStartEndRadius: token2.borderRadius, borderEndEndRadius: token2.borderRadius, borderEndStartRadius: 0 }, [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: { color: token2.colorTextDescription, "&:hover": { color: token2.colorPrimaryHover }, "&:active": { color: token2.colorPrimaryActive }, [`&${antCls}-btn-loading::before`]: { insetInlineStart: 0, insetInlineEnd: 0, insetBlockStart: 0, insetBlockEnd: 0 } } } }, [`${searchPrefixCls}-button`]: { height: token2.controlHeight, "&:hover, &:focus": { zIndex: 1 } }, [`&-large ${searchPrefixCls}-button`]: { height: token2.controlHeightLG }, [`&-small ${searchPrefixCls}-button`]: { height: token2.controlHeightSM }, "&-rtl": { direction: "rtl" }, // ===================== Compact Item Customized Styles ===================== [`&${componentCls}-compact-item`]: { [`&:not(${componentCls}-compact-last-item)`]: { [`${componentCls}-group-addon`]: { [`${componentCls}-search-button`]: { marginInlineEnd: -token2.lineWidth, borderRadius: 0 } } }, [`&:not(${componentCls}-compact-first-item)`]: { [`${componentCls},${componentCls}-affix-wrapper`]: { borderRadius: 0 } }, [`> ${componentCls}-group-addon ${componentCls}-search-button, > ${componentCls}, ${componentCls}-affix-wrapper`]: { "&:hover,&:focus,&:active": { zIndex: 2 } }, [`> ${componentCls}-affix-wrapper-focused`]: { zIndex: 2 } } } }; }; function initInputToken(token2) { return merge(token2, { inputAffixPadding: token2.paddingXXS, inputPaddingVertical: Math.max(Math.round((token2.controlHeight - token2.fontSize * token2.lineHeight) / 2 * 10) / 10 - token2.lineWidth, 3), inputPaddingVerticalLG: Math.ceil((token2.controlHeightLG - token2.fontSizeLG * token2.lineHeightLG) / 2 * 10) / 10 - token2.lineWidth, inputPaddingVerticalSM: Math.max(Math.round((token2.controlHeightSM - token2.fontSize * token2.lineHeight) / 2 * 10) / 10 - token2.lineWidth, 0), inputPaddingHorizontal: token2.paddingSM - token2.lineWidth, inputPaddingHorizontalSM: token2.paddingXS - token2.lineWidth, inputPaddingHorizontalLG: token2.controlPaddingHorizontal - token2.lineWidth, inputBorderHoverColor: token2.colorPrimaryHover, inputBorderActiveColor: token2.colorPrimaryHover }); } const genTextAreaStyle = (token2) => { const { componentCls, inputPaddingHorizontal, paddingLG } = token2; const textareaPrefixCls = `${componentCls}-textarea`; return { [textareaPrefixCls]: { position: "relative", [`${textareaPrefixCls}-suffix`]: { position: "absolute", top: 0, insetInlineEnd: inputPaddingHorizontal, bottom: 0, zIndex: 1, display: "inline-flex", alignItems: "center", margin: "auto" }, [`&-status-error, &-status-warning, &-status-success, &-status-validating`]: { [`&${textareaPrefixCls}-has-feedback`]: { [`${componentCls}`]: { paddingInlineEnd: paddingLG } } }, "&-show-count": { // https://github.com/ant-design/ant-design/issues/33049 [`> ${componentCls}`]: { height: "100%" }, "&::after": { color: token2.colorTextDescription, whiteSpace: "nowrap", content: "attr(data-count)", pointerEvents: "none", float: "right" } }, "&-rtl": { "&::after": { float: "left" } } } }; }; const useStyle$8 = genComponentStyleHook("Input", (token2) => { const inputToken = initInputToken(token2); return [ genInputStyle(inputToken), genTextAreaStyle(inputToken), genAffixStyle(inputToken), genGroupStyle(inputToken), genSearchInputStyle(inputToken), // ===================================================== // == Space Compact == // ===================================================== genCompactItemStyle(inputToken) ]; }); function useRaf(callback) { const rafRef = require$$0.shallowRef(); const removedRef = require$$0.shallowRef(false); function trigger2() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } if (!removedRef.value) { wrapperRaf.cancel(rafRef.value); rafRef.value = wrapperRaf(() => { callback(...args); }); } } require$$0.onBeforeUnmount(() => { removedRef.value = true; wrapperRaf.cancel(rafRef.value); }); return trigger2; } function useRafState(defaultState) { const batchRef = require$$0.shallowRef([]); const state = require$$0.shallowRef(typeof defaultState === "function" ? defaultState() : defaultState); const flushUpdate = useRaf(() => { let value = state.value; batchRef.value.forEach((callback) => { value = callback(value); }); batchRef.value = []; state.value = value; }); function updater(callback) { batchRef.value.push(callback); flushUpdate(); } return [state, updater]; } const TabNode = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "TabNode", props: { id: { type: String }, prefixCls: { type: String }, tab: { type: Object }, active: { type: Boolean }, closable: { type: Boolean }, editable: { type: Object }, onClick: { type: Function }, onResize: { type: Function }, renderWrapper: { type: Function }, removeAriaLabel: { type: String }, // onRemove: { type: Function as PropType<() => void> }, onFocus: { type: Function } }, emits: ["click", "resize", "remove", "focus"], setup(props2, _ref) { let { expose, attrs } = _ref; const domRef = require$$0.ref(); function onInternalClick(e2) { var _a; if ((_a = props2.tab) === null || _a === void 0 ? void 0 : _a.disabled) { return; } props2.onClick(e2); } expose({ domRef }); function onRemoveTab(event) { var _a; event.preventDefault(); event.stopPropagation(); props2.editable.onEdit("remove", { key: (_a = props2.tab) === null || _a === void 0 ? void 0 : _a.key, event }); } const removable = require$$0.computed(() => { var _a; return props2.editable && props2.closable !== false && !((_a = props2.tab) === null || _a === void 0 ? void 0 : _a.disabled); }); return () => { var _a; const { prefixCls, id, active, tab: { key: key2, tab, disabled, closeIcon }, renderWrapper, removeAriaLabel, editable, onFocus } = props2; const tabPrefix = `${prefixCls}-tab`; const node2 = require$$0.createVNode("div", { "key": key2, "ref": domRef, "class": classNames(tabPrefix, { [`${tabPrefix}-with-remove`]: removable.value, [`${tabPrefix}-active`]: active, [`${tabPrefix}-disabled`]: disabled }), "style": attrs.style, "onClick": onInternalClick }, [require$$0.createVNode("div", { "role": "tab", "aria-selected": active, "id": id && `${id}-tab-${key2}`, "class": `${tabPrefix}-btn`, "aria-controls": id && `${id}-panel-${key2}`, "aria-disabled": disabled, "tabindex": disabled ? null : 0, "onClick": (e2) => { e2.stopPropagation(); onInternalClick(e2); }, "onKeydown": (e2) => { if ([KeyCode$1.SPACE, KeyCode$1.ENTER].includes(e2.which)) { e2.preventDefault(); onInternalClick(e2); } }, "onFocus": onFocus }, [typeof tab === "function" ? tab() : tab]), removable.value && require$$0.createVNode("button", { "type": "button", "aria-label": removeAriaLabel || "remove", "tabindex": 0, "class": `${tabPrefix}-remove`, "onClick": (e2) => { e2.stopPropagation(); onRemoveTab(e2); } }, [(closeIcon === null || closeIcon === void 0 ? void 0 : closeIcon()) || ((_a = editable.removeIcon) === null || _a === void 0 ? void 0 : _a.call(editable)) || "×"])]); return renderWrapper ? renderWrapper(node2) : node2; }; } }); const DEFAULT_SIZE$1 = { width: 0, height: 0, left: 0, top: 0 }; function useOffsets(tabs, tabSizes) { const offsetMap = require$$0.ref(/* @__PURE__ */ new Map()); require$$0.watchEffect(() => { var _a, _b; const map = /* @__PURE__ */ new Map(); const tabsValue = tabs.value; const lastOffset = tabSizes.value.get((_a = tabsValue[0]) === null || _a === void 0 ? void 0 : _a.key) || DEFAULT_SIZE$1; const rightOffset = lastOffset.left + lastOffset.width; for (let i2 = 0; i2 < tabsValue.length; i2 += 1) { const { key: key2 } = tabsValue[i2]; let data = tabSizes.value.get(key2); if (!data) { data = tabSizes.value.get((_b = tabsValue[i2 - 1]) === null || _b === void 0 ? void 0 : _b.key) || DEFAULT_SIZE$1; } const entity = map.get(key2) || _extends({}, data); entity.right = rightOffset - entity.left - entity.width; map.set(key2, entity); } offsetMap.value = new Map(map); }); return offsetMap; } const AddButton = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AddButton", inheritAttrs: false, props: { prefixCls: String, editable: { type: Object }, locale: { type: Object, default: void 0 } }, setup(props2, _ref) { let { expose, attrs } = _ref; const domRef = require$$0.ref(); expose({ domRef }); return () => { const { prefixCls, editable, locale: locale2 } = props2; if (!editable || editable.showAdd === false) { return null; } return require$$0.createVNode("button", { "ref": domRef, "type": "button", "class": `${prefixCls}-nav-add`, "style": attrs.style, "aria-label": (locale2 === null || locale2 === void 0 ? void 0 : locale2.addAriaLabel) || "Add tab", "onClick": (event) => { editable.onEdit("add", { event }); } }, [editable.addIcon ? editable.addIcon() : "+"]); }; } }); const operationNodeProps = { prefixCls: { type: String }, id: { type: String }, tabs: { type: Object }, rtl: { type: Boolean }, tabBarGutter: { type: Number }, activeKey: { type: [String, Number] }, mobile: { type: Boolean }, moreIcon: PropTypes$1.any, moreTransitionName: { type: String }, editable: { type: Object }, locale: { type: Object, default: void 0 }, removeAriaLabel: String, onTabClick: { type: Function }, popupClassName: String, getPopupContainer: functionType() }; const OperationNode = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "OperationNode", inheritAttrs: false, props: operationNodeProps, emits: ["tabClick"], slots: Object, setup(props2, _ref) { let { attrs, slots } = _ref; const [open, setOpen] = useState(false); const [selectedKey, setSelectedKey] = useState(null); const selectOffset = (offset2) => { const enabledTabs = props2.tabs.filter((tab) => !tab.disabled); let selectedIndex = enabledTabs.findIndex((tab) => tab.key === selectedKey.value) || 0; const len = enabledTabs.length; for (let i2 = 0; i2 < len; i2 += 1) { selectedIndex = (selectedIndex + offset2 + len) % len; const tab = enabledTabs[selectedIndex]; if (!tab.disabled) { setSelectedKey(tab.key); return; } } }; const onKeyDown = (e2) => { const { which } = e2; if (!open.value) { if ([KeyCode$1.DOWN, KeyCode$1.SPACE, KeyCode$1.ENTER].includes(which)) { setOpen(true); e2.preventDefault(); } return; } switch (which) { case KeyCode$1.UP: selectOffset(-1); e2.preventDefault(); break; case KeyCode$1.DOWN: selectOffset(1); e2.preventDefault(); break; case KeyCode$1.ESC: setOpen(false); break; case KeyCode$1.SPACE: case KeyCode$1.ENTER: if (selectedKey.value !== null) props2.onTabClick(selectedKey.value, e2); break; } }; const popupId = require$$0.computed(() => `${props2.id}-more-popup`); const selectedItemId = require$$0.computed(() => selectedKey.value !== null ? `${popupId.value}-${selectedKey.value}` : null); const onRemoveTab = (event, key2) => { event.preventDefault(); event.stopPropagation(); props2.editable.onEdit("remove", { key: key2, event }); }; require$$0.onMounted(() => { require$$0.watch(selectedKey, () => { const ele = document.getElementById(selectedItemId.value); if (ele && ele.scrollIntoView) { ele.scrollIntoView(false); } }, { flush: "post", immediate: true }); }); require$$0.watch(open, () => { if (!open.value) { setSelectedKey(null); } }); useProvideOverride({}); return () => { var _a; const { prefixCls, id, tabs, locale: locale2, mobile, moreIcon = ((_a = slots.moreIcon) === null || _a === void 0 ? void 0 : _a.call(slots)) || require$$0.createVNode(EllipsisOutlined$1, null, null), moreTransitionName, editable, tabBarGutter, rtl: rtl2, onTabClick, popupClassName } = props2; if (!tabs.length) return null; const dropdownPrefix = `${prefixCls}-dropdown`; const dropdownAriaLabel = locale2 === null || locale2 === void 0 ? void 0 : locale2.dropdownAriaLabel; const moreStyle = { [rtl2 ? "marginRight" : "marginLeft"]: tabBarGutter }; if (!tabs.length) { moreStyle.visibility = "hidden"; moreStyle.order = 1; } const overlayClassName = classNames({ [`${dropdownPrefix}-rtl`]: rtl2, [`${popupClassName}`]: true }); const moreNode = mobile ? null : require$$0.createVNode(Dropdown, { "prefixCls": dropdownPrefix, "trigger": ["hover"], "visible": open.value, "transitionName": moreTransitionName, "onVisibleChange": setOpen, "overlayClassName": overlayClassName, "mouseEnterDelay": 0.1, "mouseLeaveDelay": 0.1, "getPopupContainer": props2.getPopupContainer }, { overlay: () => require$$0.createVNode(Menu, { "onClick": (_ref2) => { let { key: key2, domEvent } = _ref2; onTabClick(key2, domEvent); setOpen(false); }, "id": popupId.value, "tabindex": -1, "role": "listbox", "aria-activedescendant": selectedItemId.value, "selectedKeys": [selectedKey.value], "aria-label": dropdownAriaLabel !== void 0 ? dropdownAriaLabel : "expanded dropdown" }, { default: () => [tabs.map((tab) => { var _a2, _b; const removable = editable && tab.closable !== false && !tab.disabled; return require$$0.createVNode(MenuItem, { "key": tab.key, "id": `${popupId.value}-${tab.key}`, "role": "option", "aria-controls": id && `${id}-panel-${tab.key}`, "disabled": tab.disabled }, { default: () => [require$$0.createVNode("span", null, [typeof tab.tab === "function" ? tab.tab() : tab.tab]), removable && require$$0.createVNode("button", { "type": "button", "aria-label": props2.removeAriaLabel || "remove", "tabindex": 0, "class": `${dropdownPrefix}-menu-item-remove`, "onClick": (e2) => { e2.stopPropagation(); onRemoveTab(e2, tab.key); } }, [((_a2 = tab.closeIcon) === null || _a2 === void 0 ? void 0 : _a2.call(tab)) || ((_b = editable.removeIcon) === null || _b === void 0 ? void 0 : _b.call(editable)) || "×"])] }); })] }), default: () => require$$0.createVNode("button", { "type": "button", "class": `${prefixCls}-nav-more`, "style": moreStyle, "tabindex": -1, "aria-hidden": "true", "aria-haspopup": "listbox", "aria-controls": popupId.value, "id": `${id}-more`, "aria-expanded": open.value, "onKeydown": onKeyDown }, [moreIcon]) }); return require$$0.createVNode("div", { "class": classNames(`${prefixCls}-nav-operations`, attrs.class), "style": attrs.style }, [moreNode, require$$0.createVNode(AddButton, { "prefixCls": prefixCls, "locale": locale2, "editable": editable }, null)]); }; } }); const TabsContextKey = Symbol("tabsContextKey"); const useProvideTabs = (props2) => { require$$0.provide(TabsContextKey, props2); }; const useInjectTabs = () => { return require$$0.inject(TabsContextKey, { tabs: require$$0.ref([]), prefixCls: require$$0.ref() }); }; require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "TabsContextProvider", inheritAttrs: false, props: { tabs: { type: Object, default: void 0 }, prefixCls: { type: String, default: void 0 } }, setup(props2, _ref) { let { slots } = _ref; useProvideTabs(require$$0.toRefs(props2)); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const MIN_SWIPE_DISTANCE = 0.1; const STOP_SWIPE_DISTANCE = 0.01; const REFRESH_INTERVAL = 20; const SPEED_OFF_MULTIPLE = Math.pow(0.995, REFRESH_INTERVAL); function useTouchMove(domRef, onOffset) { const [touchPosition, setTouchPosition] = useState(); const [lastTimestamp, setLastTimestamp] = useState(0); const [lastTimeDiff, setLastTimeDiff] = useState(0); const [lastOffset, setLastOffset] = useState(); const motionInterval = require$$0.ref(); function onTouchStart(e2) { const { screenX, screenY } = e2.touches[0]; setTouchPosition({ x: screenX, y: screenY }); clearInterval(motionInterval.value); } function onTouchMove(e2) { if (!touchPosition.value) return; e2.preventDefault(); const { screenX, screenY } = e2.touches[0]; const offsetX = screenX - touchPosition.value.x; const offsetY = screenY - touchPosition.value.y; onOffset(offsetX, offsetY); setTouchPosition({ x: screenX, y: screenY }); const now2 = Date.now(); setLastTimeDiff(now2 - lastTimestamp.value); setLastTimestamp(now2); setLastOffset({ x: offsetX, y: offsetY }); } function onTouchEnd() { if (!touchPosition.value) return; const lastOffsetValue = lastOffset.value; setTouchPosition(null); setLastOffset(null); if (lastOffsetValue) { const distanceX = lastOffsetValue.x / lastTimeDiff.value; const distanceY = lastOffsetValue.y / lastTimeDiff.value; const absX = Math.abs(distanceX); const absY = Math.abs(distanceY); if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return; let currentX = distanceX; let currentY = distanceY; motionInterval.value = setInterval(() => { if (Math.abs(currentX) < STOP_SWIPE_DISTANCE && Math.abs(currentY) < STOP_SWIPE_DISTANCE) { clearInterval(motionInterval.value); return; } currentX *= SPEED_OFF_MULTIPLE; currentY *= SPEED_OFF_MULTIPLE; onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL); }, REFRESH_INTERVAL); } } const lastWheelDirectionRef = require$$0.ref(); function onWheel(e2) { const { deltaX, deltaY } = e2; let mixed = 0; const absX = Math.abs(deltaX); const absY = Math.abs(deltaY); if (absX === absY) { mixed = lastWheelDirectionRef.value === "x" ? deltaX : deltaY; } else if (absX > absY) { mixed = deltaX; lastWheelDirectionRef.value = "x"; } else { mixed = deltaY; lastWheelDirectionRef.value = "y"; } if (onOffset(-mixed, -mixed)) { e2.preventDefault(); } } const touchEventsRef = require$$0.ref({ onTouchStart, onTouchMove, onTouchEnd, onWheel }); function onProxyTouchStart(e2) { touchEventsRef.value.onTouchStart(e2); } function onProxyTouchMove(e2) { touchEventsRef.value.onTouchMove(e2); } function onProxyTouchEnd(e2) { touchEventsRef.value.onTouchEnd(e2); } function onProxyWheel(e2) { touchEventsRef.value.onWheel(e2); } require$$0.onMounted(() => { var _a, _b; document.addEventListener("touchmove", onProxyTouchMove, { passive: false }); document.addEventListener("touchend", onProxyTouchEnd, { passive: false }); (_a = domRef.value) === null || _a === void 0 ? void 0 : _a.addEventListener("touchstart", onProxyTouchStart, { passive: false }); (_b = domRef.value) === null || _b === void 0 ? void 0 : _b.addEventListener("wheel", onProxyWheel, { passive: false }); }); require$$0.onBeforeUnmount(() => { document.removeEventListener("touchmove", onProxyTouchMove); document.removeEventListener("touchend", onProxyTouchEnd); }); } function useSyncState(defaultState, onChange) { const stateRef = require$$0.ref(defaultState); function setState(updater) { const newValue = typeof updater === "function" ? updater(stateRef.value) : updater; if (newValue !== stateRef.value) { onChange(newValue, stateRef.value); } stateRef.value = newValue; } return [stateRef, setState]; } const useRefs = () => { const refs = require$$0.ref(/* @__PURE__ */ new Map()); const setRef = (key2) => (el) => { refs.value.set(key2, el); }; require$$0.onBeforeUpdate(() => { refs.value = /* @__PURE__ */ new Map(); }); return [setRef, refs]; }; const useRefs$1 = useRefs; const DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0, right: 0 }; const tabNavListProps = () => { return { id: { type: String }, tabPosition: { type: String }, activeKey: { type: [String, Number] }, rtl: { type: Boolean }, animated: objectType(), editable: objectType(), moreIcon: PropTypes$1.any, moreTransitionName: { type: String }, mobile: { type: Boolean }, tabBarGutter: { type: Number }, renderTabBar: { type: Function }, locale: objectType(), popupClassName: String, getPopupContainer: functionType(), onTabClick: { type: Function }, onTabScroll: { type: Function } }; }; const TabNavList = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "TabNavList", inheritAttrs: false, props: tabNavListProps(), slots: Object, emits: ["tabClick", "tabScroll"], setup(props2, _ref) { let { attrs, slots } = _ref; const { tabs, prefixCls } = useInjectTabs(); const tabsWrapperRef = require$$0.shallowRef(); const tabListRef = require$$0.shallowRef(); const operationsRef = require$$0.shallowRef(); const innerAddButtonRef = require$$0.shallowRef(); const [setRef, btnRefs] = useRefs$1(); const tabPositionTopOrBottom = require$$0.computed(() => props2.tabPosition === "top" || props2.tabPosition === "bottom"); const [transformLeft, setTransformLeft] = useSyncState(0, (next2, prev2) => { if (tabPositionTopOrBottom.value && props2.onTabScroll) { props2.onTabScroll({ direction: next2 > prev2 ? "left" : "right" }); } }); const [transformTop, setTransformTop] = useSyncState(0, (next2, prev2) => { if (!tabPositionTopOrBottom.value && props2.onTabScroll) { props2.onTabScroll({ direction: next2 > prev2 ? "top" : "bottom" }); } }); const [wrapperScrollWidth, setWrapperScrollWidth] = useState(0); const [wrapperScrollHeight, setWrapperScrollHeight] = useState(0); const [wrapperWidth, setWrapperWidth] = useState(null); const [wrapperHeight, setWrapperHeight] = useState(null); const [addWidth, setAddWidth] = useState(0); const [addHeight, setAddHeight] = useState(0); const [tabSizes, setTabSizes] = useRafState(/* @__PURE__ */ new Map()); const tabOffsets = useOffsets(tabs, tabSizes); const operationsHiddenClassName = require$$0.computed(() => `${prefixCls.value}-nav-operations-hidden`); const transformMin = require$$0.shallowRef(0); const transformMax = require$$0.shallowRef(0); require$$0.watchEffect(() => { if (!tabPositionTopOrBottom.value) { transformMin.value = Math.min(0, wrapperHeight.value - wrapperScrollHeight.value); transformMax.value = 0; } else if (props2.rtl) { transformMin.value = 0; transformMax.value = Math.max(0, wrapperScrollWidth.value - wrapperWidth.value); } else { transformMin.value = Math.min(0, wrapperWidth.value - wrapperScrollWidth.value); transformMax.value = 0; } }); const alignInRange = (value) => { if (value < transformMin.value) { return transformMin.value; } if (value > transformMax.value) { return transformMax.value; } return value; }; const touchMovingRef = require$$0.shallowRef(); const [lockAnimation, setLockAnimation] = useState(); const doLockAnimation = () => { setLockAnimation(Date.now()); }; const clearTouchMoving = () => { clearTimeout(touchMovingRef.value); }; const doMove = (setState, offset2) => { setState((value) => { const newValue = alignInRange(value + offset2); return newValue; }); }; useTouchMove(tabsWrapperRef, (offsetX, offsetY) => { if (tabPositionTopOrBottom.value) { if (wrapperWidth.value >= wrapperScrollWidth.value) { return false; } doMove(setTransformLeft, offsetX); } else { if (wrapperHeight.value >= wrapperScrollHeight.value) { return false; } doMove(setTransformTop, offsetY); } clearTouchMoving(); doLockAnimation(); return true; }); require$$0.watch(lockAnimation, () => { clearTouchMoving(); if (lockAnimation.value) { touchMovingRef.value = setTimeout(() => { setLockAnimation(0); }, 100); } }); const scrollToTab = function() { let key2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : props2.activeKey; const tabOffset = tabOffsets.value.get(key2) || { width: 0, height: 0, left: 0, right: 0, top: 0 }; if (tabPositionTopOrBottom.value) { let newTransform = transformLeft.value; if (props2.rtl) { if (tabOffset.right < transformLeft.value) { newTransform = tabOffset.right; } else if (tabOffset.right + tabOffset.width > transformLeft.value + wrapperWidth.value) { newTransform = tabOffset.right + tabOffset.width - wrapperWidth.value; } } else if (tabOffset.left < -transformLeft.value) { newTransform = -tabOffset.left; } else if (tabOffset.left + tabOffset.width > -transformLeft.value + wrapperWidth.value) { newTransform = -(tabOffset.left + tabOffset.width - wrapperWidth.value); } setTransformTop(0); setTransformLeft(alignInRange(newTransform)); } else { let newTransform = transformTop.value; if (tabOffset.top < -transformTop.value) { newTransform = -tabOffset.top; } else if (tabOffset.top + tabOffset.height > -transformTop.value + wrapperHeight.value) { newTransform = -(tabOffset.top + tabOffset.height - wrapperHeight.value); } setTransformLeft(0); setTransformTop(alignInRange(newTransform)); } }; const visibleStart = require$$0.shallowRef(0); const visibleEnd = require$$0.shallowRef(0); require$$0.watchEffect(() => { let unit; let position2; let transformSize; let basicSize; let tabContentSize; let addSize; const tabOffsetsValue = tabOffsets.value; if (["top", "bottom"].includes(props2.tabPosition)) { unit = "width"; basicSize = wrapperWidth.value; tabContentSize = wrapperScrollWidth.value; addSize = addWidth.value; position2 = props2.rtl ? "right" : "left"; transformSize = Math.abs(transformLeft.value); } else { unit = "height"; basicSize = wrapperHeight.value; tabContentSize = wrapperScrollWidth.value; addSize = addHeight.value; position2 = "top"; transformSize = -transformTop.value; } let mergedBasicSize = basicSize; if (tabContentSize + addSize > basicSize && tabContentSize < basicSize) { mergedBasicSize = basicSize - addSize; } const tabsVal = tabs.value; if (!tabsVal.length) { return [visibleStart.value, visibleEnd.value] = [0, 0]; } const len = tabsVal.length; let endIndex = len; for (let i2 = 0; i2 < len; i2 += 1) { const offset2 = tabOffsetsValue.get(tabsVal[i2].key) || DEFAULT_SIZE; if (offset2[position2] + offset2[unit] > transformSize + mergedBasicSize) { endIndex = i2 - 1; break; } } let startIndex = 0; for (let i2 = len - 1; i2 >= 0; i2 -= 1) { const offset2 = tabOffsetsValue.get(tabsVal[i2].key) || DEFAULT_SIZE; if (offset2[position2] < transformSize) { startIndex = i2 + 1; break; } } return [visibleStart.value, visibleEnd.value] = [startIndex, endIndex]; }); const onListHolderResize = () => { var _a, _b, _c, _d, _e; const offsetWidth = ((_a = tabsWrapperRef.value) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0; const offsetHeight = ((_b = tabsWrapperRef.value) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0; const addDom = ((_c = innerAddButtonRef.value) === null || _c === void 0 ? void 0 : _c.$el) || {}; const newAddWidth = addDom.offsetWidth || 0; const newAddHeight = addDom.offsetHeight || 0; setWrapperWidth(offsetWidth); setWrapperHeight(offsetHeight); setAddWidth(newAddWidth); setAddHeight(newAddHeight); const newWrapperScrollWidth = (((_d = tabListRef.value) === null || _d === void 0 ? void 0 : _d.offsetWidth) || 0) - newAddWidth; const newWrapperScrollHeight = (((_e = tabListRef.value) === null || _e === void 0 ? void 0 : _e.offsetHeight) || 0) - newAddHeight; setWrapperScrollWidth(newWrapperScrollWidth); setWrapperScrollHeight(newWrapperScrollHeight); setTabSizes(() => { const newSizes = /* @__PURE__ */ new Map(); tabs.value.forEach((_ref2) => { let { key: key2 } = _ref2; const btnRef = btnRefs.value.get(key2); const btnNode = (btnRef === null || btnRef === void 0 ? void 0 : btnRef.$el) || btnRef; if (btnNode) { newSizes.set(key2, { width: btnNode.offsetWidth, height: btnNode.offsetHeight, left: btnNode.offsetLeft, top: btnNode.offsetTop }); } }); return newSizes; }); }; const hiddenTabs = require$$0.computed(() => [...tabs.value.slice(0, visibleStart.value), ...tabs.value.slice(visibleEnd.value + 1)]); const [inkStyle, setInkStyle] = useState(); const activeTabOffset = require$$0.computed(() => tabOffsets.value.get(props2.activeKey)); const inkBarRafRef = require$$0.shallowRef(); const cleanInkBarRaf = () => { wrapperRaf.cancel(inkBarRafRef.value); }; require$$0.watch([activeTabOffset, tabPositionTopOrBottom, () => props2.rtl], () => { const newInkStyle = {}; if (activeTabOffset.value) { if (tabPositionTopOrBottom.value) { if (props2.rtl) { newInkStyle.right = toPx(activeTabOffset.value.right); } else { newInkStyle.left = toPx(activeTabOffset.value.left); } newInkStyle.width = toPx(activeTabOffset.value.width); } else { newInkStyle.top = toPx(activeTabOffset.value.top); newInkStyle.height = toPx(activeTabOffset.value.height); } } cleanInkBarRaf(); inkBarRafRef.value = wrapperRaf(() => { setInkStyle(newInkStyle); }); }); require$$0.watch([() => props2.activeKey, activeTabOffset, tabOffsets, tabPositionTopOrBottom], () => { scrollToTab(); }, { flush: "post" }); require$$0.watch([() => props2.rtl, () => props2.tabBarGutter, () => props2.activeKey, () => tabs.value], () => { onListHolderResize(); }, { flush: "post" }); const ExtraContent = (_ref3) => { let { position: position2, prefixCls: prefixCls2, extra } = _ref3; if (!extra) return null; const content = extra === null || extra === void 0 ? void 0 : extra({ position: position2 }); return content ? require$$0.createVNode("div", { "class": `${prefixCls2}-extra-content` }, [content]) : null; }; require$$0.onBeforeUnmount(() => { clearTouchMoving(); cleanInkBarRaf(); }); return () => { const { id, animated, activeKey, rtl: rtl2, editable, locale: locale2, tabPosition, tabBarGutter, onTabClick } = props2; const { class: className, style: style2 } = attrs; const pre = prefixCls.value; const hasDropdown = !!hiddenTabs.value.length; const wrapPrefix = `${pre}-nav-wrap`; let pingLeft; let pingRight; let pingTop; let pingBottom; if (tabPositionTopOrBottom.value) { if (rtl2) { pingRight = transformLeft.value > 0; pingLeft = transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value; } else { pingLeft = transformLeft.value < 0; pingRight = -transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value; } } else { pingTop = transformTop.value < 0; pingBottom = -transformTop.value + wrapperHeight.value < wrapperScrollHeight.value; } const tabNodeStyle = {}; if (tabPosition === "top" || tabPosition === "bottom") { tabNodeStyle[rtl2 ? "marginRight" : "marginLeft"] = typeof tabBarGutter === "number" ? `${tabBarGutter}px` : tabBarGutter; } else { tabNodeStyle.marginTop = typeof tabBarGutter === "number" ? `${tabBarGutter}px` : tabBarGutter; } const tabNodes = tabs.value.map((tab, i2) => { const { key: key2 } = tab; return require$$0.createVNode(TabNode, { "id": id, "prefixCls": pre, "key": key2, "tab": tab, "style": i2 === 0 ? void 0 : tabNodeStyle, "closable": tab.closable, "editable": editable, "active": key2 === activeKey, "removeAriaLabel": locale2 === null || locale2 === void 0 ? void 0 : locale2.removeAriaLabel, "ref": setRef(key2), "onClick": (e2) => { onTabClick(key2, e2); }, "onFocus": () => { scrollToTab(key2); doLockAnimation(); if (!tabsWrapperRef.value) { return; } if (!rtl2) { tabsWrapperRef.value.scrollLeft = 0; } tabsWrapperRef.value.scrollTop = 0; } }, slots); }); return require$$0.createVNode("div", { "role": "tablist", "class": classNames(`${pre}-nav`, className), "style": style2, "onKeydown": () => { doLockAnimation(); } }, [require$$0.createVNode(ExtraContent, { "position": "left", "prefixCls": pre, "extra": slots.leftExtra }, null), require$$0.createVNode(ResizeObserver$1, { "onResize": onListHolderResize }, { default: () => [require$$0.createVNode("div", { "class": classNames(wrapPrefix, { [`${wrapPrefix}-ping-left`]: pingLeft, [`${wrapPrefix}-ping-right`]: pingRight, [`${wrapPrefix}-ping-top`]: pingTop, [`${wrapPrefix}-ping-bottom`]: pingBottom }), "ref": tabsWrapperRef }, [require$$0.createVNode(ResizeObserver$1, { "onResize": onListHolderResize }, { default: () => [require$$0.createVNode("div", { "ref": tabListRef, "class": `${pre}-nav-list`, "style": { transform: `translate(${transformLeft.value}px, ${transformTop.value}px)`, transition: lockAnimation.value ? "none" : void 0 } }, [tabNodes, require$$0.createVNode(AddButton, { "ref": innerAddButtonRef, "prefixCls": pre, "locale": locale2, "editable": editable, "style": _extends(_extends({}, tabNodes.length === 0 ? void 0 : tabNodeStyle), { visibility: hasDropdown ? "hidden" : null }) }, null), require$$0.createVNode("div", { "class": classNames(`${pre}-ink-bar`, { [`${pre}-ink-bar-animated`]: animated.inkBar }), "style": inkStyle.value }, null)])] })])] }), require$$0.createVNode(OperationNode, _objectSpread2$1(_objectSpread2$1({}, props2), {}, { "removeAriaLabel": locale2 === null || locale2 === void 0 ? void 0 : locale2.removeAriaLabel, "ref": operationsRef, "prefixCls": pre, "tabs": hiddenTabs.value, "class": !hasDropdown && operationsHiddenClassName.value }), pick$1(slots, ["moreIcon"])), require$$0.createVNode(ExtraContent, { "position": "right", "prefixCls": pre, "extra": slots.rightExtra }, null), require$$0.createVNode(ExtraContent, { "position": "right", "prefixCls": pre, "extra": slots.tabBarExtraContent }, null)]); }; } }); const TabPanelList = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "TabPanelList", inheritAttrs: false, props: { activeKey: { type: [String, Number] }, id: { type: String }, rtl: { type: Boolean }, animated: { type: Object, default: void 0 }, tabPosition: { type: String }, destroyInactiveTabPane: { type: Boolean } }, setup(props2) { const { tabs, prefixCls } = useInjectTabs(); return () => { const { id, activeKey, animated, tabPosition, rtl: rtl2, destroyInactiveTabPane } = props2; const tabPaneAnimated = animated.tabPane; const pre = prefixCls.value; const activeIndex = tabs.value.findIndex((tab) => tab.key === activeKey); return require$$0.createVNode("div", { "class": `${pre}-content-holder` }, [require$$0.createVNode("div", { "class": [`${pre}-content`, `${pre}-content-${tabPosition}`, { [`${pre}-content-animated`]: tabPaneAnimated }], "style": activeIndex && tabPaneAnimated ? { [rtl2 ? "marginRight" : "marginLeft"]: `-${activeIndex}00%` } : null }, [tabs.value.map((tab) => { return cloneElement(tab.node, { key: tab.key, prefixCls: pre, tabKey: tab.key, id, animated: tabPaneAnimated, active: tab.key === activeKey, destroyInactiveTabPane }); })])]); }; } }); var PlusOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" }; const PlusOutlinedSvg = PlusOutlined$2; function _objectSpread$6(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$6(target, key2, source[key2]); }); } return target; } function _defineProperty$6(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var PlusOutlined = function PlusOutlined2(props2, context) { var p = _objectSpread$6({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$6({}, p, { "icon": PlusOutlinedSvg }), null); }; PlusOutlined.displayName = "PlusOutlined"; PlusOutlined.inheritAttrs = false; const PlusOutlined$1 = PlusOutlined; const genMotionStyle$2 = (token2) => { const { componentCls, motionDurationSlow } = token2; return [ { [componentCls]: { [`${componentCls}-switch`]: { "&-appear, &-enter": { transition: "none", "&-start": { opacity: 0 }, "&-active": { opacity: 1, transition: `opacity ${motionDurationSlow}` } }, "&-leave": { position: "absolute", transition: "none", inset: 0, "&-start": { opacity: 1 }, "&-active": { opacity: 0, transition: `opacity ${motionDurationSlow}` } } } } }, // Follow code may reuse in other components [initSlideMotion(token2, "slide-up"), initSlideMotion(token2, "slide-down")] ]; }; const genMotionStyle$3 = genMotionStyle$2; const genCardStyle = (token2) => { const { componentCls, tabsCardHorizontalPadding, tabsCardHeadBackground, tabsCardGutter, colorSplit } = token2; return { [`${componentCls}-card`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { margin: 0, padding: tabsCardHorizontalPadding, background: tabsCardHeadBackground, border: `${token2.lineWidth}px ${token2.lineType} ${colorSplit}`, transition: `all ${token2.motionDurationSlow} ${token2.motionEaseInOut}` }, [`${componentCls}-tab-active`]: { color: token2.colorPrimary, background: token2.colorBgContainer }, [`${componentCls}-ink-bar`]: { visibility: "hidden" } }, // ========================== Top & Bottom ========================== [`&${componentCls}-top, &${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab + ${componentCls}-tab`]: { marginLeft: { _skip_check_: true, value: `${tabsCardGutter}px` } } } }, [`&${componentCls}-top`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: `${token2.borderRadiusLG}px ${token2.borderRadiusLG}px 0 0` }, [`${componentCls}-tab-active`]: { borderBottomColor: token2.colorBgContainer } } }, [`&${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: `0 0 ${token2.borderRadiusLG}px ${token2.borderRadiusLG}px` }, [`${componentCls}-tab-active`]: { borderTopColor: token2.colorBgContainer } } }, // ========================== Left & Right ========================== [`&${componentCls}-left, &${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab + ${componentCls}-tab`]: { marginTop: `${tabsCardGutter}px` } } }, [`&${componentCls}-left`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `${token2.borderRadiusLG}px 0 0 ${token2.borderRadiusLG}px` } }, [`${componentCls}-tab-active`]: { borderRightColor: { _skip_check_: true, value: token2.colorBgContainer } } } }, [`&${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `0 ${token2.borderRadiusLG}px ${token2.borderRadiusLG}px 0` } }, [`${componentCls}-tab-active`]: { borderLeftColor: { _skip_check_: true, value: token2.colorBgContainer } } } } } }; }; const genDropdownStyle = (token2) => { const { componentCls, tabsHoverColor, dropdownEdgeChildVerticalPadding } = token2; return { [`${componentCls}-dropdown`]: _extends(_extends({}, resetComponent(token2)), { position: "absolute", top: -9999, left: { _skip_check_: true, value: -9999 }, zIndex: token2.zIndexPopup, display: "block", "&-hidden": { display: "none" }, [`${componentCls}-dropdown-menu`]: { maxHeight: token2.tabsDropdownHeight, margin: 0, padding: `${dropdownEdgeChildVerticalPadding}px 0`, overflowX: "hidden", overflowY: "auto", textAlign: { _skip_check_: true, value: "left" }, listStyleType: "none", backgroundColor: token2.colorBgContainer, backgroundClip: "padding-box", borderRadius: token2.borderRadiusLG, outline: "none", boxShadow: token2.boxShadowSecondary, "&-item": _extends(_extends({}, textEllipsis), { display: "flex", alignItems: "center", minWidth: token2.tabsDropdownWidth, margin: 0, padding: `${token2.paddingXXS}px ${token2.paddingSM}px`, color: token2.colorText, fontWeight: "normal", fontSize: token2.fontSize, lineHeight: token2.lineHeight, cursor: "pointer", transition: `all ${token2.motionDurationSlow}`, "> span": { flex: 1, whiteSpace: "nowrap" }, "&-remove": { flex: "none", marginLeft: { _skip_check_: true, value: token2.marginSM }, color: token2.colorTextDescription, fontSize: token2.fontSizeSM, background: "transparent", border: 0, cursor: "pointer", "&:hover": { color: tabsHoverColor } }, "&:hover": { background: token2.controlItemBgHover }, "&-disabled": { "&, &:hover": { color: token2.colorTextDisabled, background: "transparent", cursor: "not-allowed" } } }) } }) }; }; const genPositionStyle = (token2) => { const { componentCls, margin, colorSplit } = token2; return { // ========================== Top & Bottom ========================== [`${componentCls}-top, ${componentCls}-bottom`]: { flexDirection: "column", [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { margin: `0 0 ${margin}px 0`, "&::before": { position: "absolute", right: { _skip_check_: true, value: 0 }, left: { _skip_check_: true, value: 0 }, borderBottom: `${token2.lineWidth}px ${token2.lineType} ${colorSplit}`, content: "''" }, [`${componentCls}-ink-bar`]: { height: token2.lineWidthBold, "&-animated": { transition: `width ${token2.motionDurationSlow}, left ${token2.motionDurationSlow}, right ${token2.motionDurationSlow}` } }, [`${componentCls}-nav-wrap`]: { "&::before, &::after": { top: 0, bottom: 0, width: token2.controlHeight }, "&::before": { left: { _skip_check_: true, value: 0 }, boxShadow: token2.boxShadowTabsOverflowLeft }, "&::after": { right: { _skip_check_: true, value: 0 }, boxShadow: token2.boxShadowTabsOverflowRight }, [`&${componentCls}-nav-wrap-ping-left::before`]: { opacity: 1 }, [`&${componentCls}-nav-wrap-ping-right::after`]: { opacity: 1 } } } }, [`${componentCls}-top`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { "&::before": { bottom: 0 }, [`${componentCls}-ink-bar`]: { bottom: 0 } } }, [`${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { order: 1, marginTop: `${margin}px`, marginBottom: 0, "&::before": { top: 0 }, [`${componentCls}-ink-bar`]: { top: 0 } }, [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: { order: 0 } }, // ========================== Left & Right ========================== [`${componentCls}-left, ${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { flexDirection: "column", minWidth: token2.controlHeight * 1.25, // >>>>>>>>>>> Tab [`${componentCls}-tab`]: { padding: `${token2.paddingXS}px ${token2.paddingLG}px`, textAlign: "center" }, [`${componentCls}-tab + ${componentCls}-tab`]: { margin: `${token2.margin}px 0 0 0` }, // >>>>>>>>>>> Nav [`${componentCls}-nav-wrap`]: { flexDirection: "column", "&::before, &::after": { right: { _skip_check_: true, value: 0 }, left: { _skip_check_: true, value: 0 }, height: token2.controlHeight }, "&::before": { top: 0, boxShadow: token2.boxShadowTabsOverflowTop }, "&::after": { bottom: 0, boxShadow: token2.boxShadowTabsOverflowBottom }, [`&${componentCls}-nav-wrap-ping-top::before`]: { opacity: 1 }, [`&${componentCls}-nav-wrap-ping-bottom::after`]: { opacity: 1 } }, // >>>>>>>>>>> Ink Bar [`${componentCls}-ink-bar`]: { width: token2.lineWidthBold, "&-animated": { transition: `height ${token2.motionDurationSlow}, top ${token2.motionDurationSlow}` } }, [`${componentCls}-nav-list, ${componentCls}-nav-operations`]: { flex: "1 0 auto", flexDirection: "column" } } }, [`${componentCls}-left`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-ink-bar`]: { right: { _skip_check_: true, value: 0 } } }, [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: { marginLeft: { _skip_check_: true, value: `-${token2.lineWidth}px` }, borderLeft: { _skip_check_: true, value: `${token2.lineWidth}px ${token2.lineType} ${token2.colorBorder}` }, [`> ${componentCls}-content > ${componentCls}-tabpane`]: { paddingLeft: { _skip_check_: true, value: token2.paddingLG } } } }, [`${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { order: 1, [`${componentCls}-ink-bar`]: { left: { _skip_check_: true, value: 0 } } }, [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: { order: 0, marginRight: { _skip_check_: true, value: -token2.lineWidth }, borderRight: { _skip_check_: true, value: `${token2.lineWidth}px ${token2.lineType} ${token2.colorBorder}` }, [`> ${componentCls}-content > ${componentCls}-tabpane`]: { paddingRight: { _skip_check_: true, value: token2.paddingLG } } } } }; }; const genSizeStyle = (token2) => { const { componentCls, padding } = token2; return { [componentCls]: { "&-small": { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${token2.paddingXS}px 0`, fontSize: token2.fontSize } } }, "&-large": { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${padding}px 0`, fontSize: token2.fontSizeLG } } } }, [`${componentCls}-card`]: { [`&${componentCls}-small`]: { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${token2.paddingXXS * 1.5}px ${padding}px` } }, [`&${componentCls}-bottom`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: `0 0 ${token2.borderRadius}px ${token2.borderRadius}px` } }, [`&${componentCls}-top`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: `${token2.borderRadius}px ${token2.borderRadius}px 0 0` } }, [`&${componentCls}-right`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `0 ${token2.borderRadius}px ${token2.borderRadius}px 0` } } }, [`&${componentCls}-left`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `${token2.borderRadius}px 0 0 ${token2.borderRadius}px` } } } }, [`&${componentCls}-large`]: { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${token2.paddingXS}px ${padding}px ${token2.paddingXXS * 1.5}px` } } } } }; }; const genTabStyle = (token2) => { const { componentCls, tabsActiveColor, tabsHoverColor, iconCls, tabsHorizontalGutter } = token2; const tabCls = `${componentCls}-tab`; return { [tabCls]: { position: "relative", display: "inline-flex", alignItems: "center", padding: `${token2.paddingSM}px 0`, fontSize: `${token2.fontSize}px`, background: "transparent", border: 0, outline: "none", cursor: "pointer", "&-btn, &-remove": _extends({ "&:focus:not(:focus-visible), &:active": { color: tabsActiveColor } }, genFocusStyle(token2)), "&-btn": { outline: "none", transition: "all 0.3s" }, "&-remove": { flex: "none", marginRight: { _skip_check_: true, value: -token2.marginXXS }, marginLeft: { _skip_check_: true, value: token2.marginXS }, color: token2.colorTextDescription, fontSize: token2.fontSizeSM, background: "transparent", border: "none", outline: "none", cursor: "pointer", transition: `all ${token2.motionDurationSlow}`, "&:hover": { color: token2.colorTextHeading } }, "&:hover": { color: tabsHoverColor }, [`&${tabCls}-active ${tabCls}-btn`]: { color: token2.colorPrimary, textShadow: token2.tabsActiveTextShadow }, [`&${tabCls}-disabled`]: { color: token2.colorTextDisabled, cursor: "not-allowed" }, [`&${tabCls}-disabled ${tabCls}-btn, &${tabCls}-disabled ${componentCls}-remove`]: { "&:focus, &:active": { color: token2.colorTextDisabled } }, [`& ${tabCls}-remove ${iconCls}`]: { margin: 0 }, [iconCls]: { marginRight: { _skip_check_: true, value: token2.marginSM } } }, [`${tabCls} + ${tabCls}`]: { margin: { _skip_check_: true, value: `0 0 0 ${tabsHorizontalGutter}px` } } }; }; const genRtlStyle = (token2) => { const { componentCls, tabsHorizontalGutter, iconCls, tabsCardGutter } = token2; const rtlCls = `${componentCls}-rtl`; return { [rtlCls]: { direction: "rtl", [`${componentCls}-nav`]: { [`${componentCls}-tab`]: { margin: { _skip_check_: true, value: `0 0 0 ${tabsHorizontalGutter}px` }, [`${componentCls}-tab:last-of-type`]: { marginLeft: { _skip_check_: true, value: 0 } }, [iconCls]: { marginRight: { _skip_check_: true, value: 0 }, marginLeft: { _skip_check_: true, value: `${token2.marginSM}px` } }, [`${componentCls}-tab-remove`]: { marginRight: { _skip_check_: true, value: `${token2.marginXS}px` }, marginLeft: { _skip_check_: true, value: `-${token2.marginXXS}px` }, [iconCls]: { margin: 0 } } } }, [`&${componentCls}-left`]: { [`> ${componentCls}-nav`]: { order: 1 }, [`> ${componentCls}-content-holder`]: { order: 0 } }, [`&${componentCls}-right`]: { [`> ${componentCls}-nav`]: { order: 0 }, [`> ${componentCls}-content-holder`]: { order: 1 } }, // ====================== Card ====================== [`&${componentCls}-card${componentCls}-top, &${componentCls}-card${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab + ${componentCls}-tab`]: { marginRight: { _skip_check_: true, value: `${tabsCardGutter}px` }, marginLeft: { _skip_check_: true, value: 0 } } } } }, [`${componentCls}-dropdown-rtl`]: { direction: "rtl" }, [`${componentCls}-menu-item`]: { [`${componentCls}-dropdown-rtl`]: { textAlign: { _skip_check_: true, value: "right" } } } }; }; const genTabsStyle = (token2) => { const { componentCls, tabsCardHorizontalPadding, tabsCardHeight, tabsCardGutter, tabsHoverColor, tabsActiveColor, colorSplit } = token2; return { [componentCls]: _extends(_extends(_extends(_extends({}, resetComponent(token2)), { display: "flex", // ========================== Navigation ========================== [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { position: "relative", display: "flex", flex: "none", alignItems: "center", [`${componentCls}-nav-wrap`]: { position: "relative", display: "flex", flex: "auto", alignSelf: "stretch", overflow: "hidden", whiteSpace: "nowrap", transform: "translate(0)", // >>>>> Ping shadow "&::before, &::after": { position: "absolute", zIndex: 1, opacity: 0, transition: `opacity ${token2.motionDurationSlow}`, content: "''", pointerEvents: "none" } }, [`${componentCls}-nav-list`]: { position: "relative", display: "flex", transition: `opacity ${token2.motionDurationSlow}` }, // >>>>>>>> Operations [`${componentCls}-nav-operations`]: { display: "flex", alignSelf: "stretch" }, [`${componentCls}-nav-operations-hidden`]: { position: "absolute", visibility: "hidden", pointerEvents: "none" }, [`${componentCls}-nav-more`]: { position: "relative", padding: tabsCardHorizontalPadding, background: "transparent", border: 0, "&::after": { position: "absolute", right: { _skip_check_: true, value: 0 }, bottom: 0, left: { _skip_check_: true, value: 0 }, height: token2.controlHeightLG / 8, transform: "translateY(100%)", content: "''" } }, [`${componentCls}-nav-add`]: _extends({ minWidth: `${tabsCardHeight}px`, marginLeft: { _skip_check_: true, value: `${tabsCardGutter}px` }, padding: `0 ${token2.paddingXS}px`, background: "transparent", border: `${token2.lineWidth}px ${token2.lineType} ${colorSplit}`, borderRadius: `${token2.borderRadiusLG}px ${token2.borderRadiusLG}px 0 0`, outline: "none", cursor: "pointer", color: token2.colorText, transition: `all ${token2.motionDurationSlow} ${token2.motionEaseInOut}`, "&:hover": { color: tabsHoverColor }, "&:active, &:focus:not(:focus-visible)": { color: tabsActiveColor } }, genFocusStyle(token2)) }, [`${componentCls}-extra-content`]: { flex: "none" }, // ============================ InkBar ============================ [`${componentCls}-ink-bar`]: { position: "absolute", background: token2.colorPrimary, pointerEvents: "none" } }), genTabStyle(token2)), { // =========================== TabPanes =========================== [`${componentCls}-content`]: { position: "relative", display: "flex", width: "100%", ["&-animated"]: { transition: "margin 0.3s" } }, [`${componentCls}-content-holder`]: { flex: "auto", minWidth: 0, minHeight: 0 }, [`${componentCls}-tabpane`]: { outline: "none", flex: "none", width: "100%" } }), [`${componentCls}-centered`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-nav-wrap`]: { [`&:not([class*='${componentCls}-nav-wrap-ping'])`]: { justifyContent: "center" } } } } }; }; const useStyle$7 = genComponentStyleHook("Tabs", (token2) => { const tabsCardHeight = token2.controlHeightLG; const tabsToken = merge(token2, { tabsHoverColor: token2.colorPrimaryHover, tabsActiveColor: token2.colorPrimaryActive, tabsCardHorizontalPadding: `${(tabsCardHeight - Math.round(token2.fontSize * token2.lineHeight)) / 2 - token2.lineWidth}px ${token2.padding}px`, tabsCardHeight, tabsCardGutter: token2.marginXXS / 2, tabsHorizontalGutter: 32, tabsCardHeadBackground: token2.colorFillAlter, dropdownEdgeChildVerticalPadding: token2.paddingXXS, tabsActiveTextShadow: "0 0 0.25px currentcolor", tabsDropdownHeight: 200, tabsDropdownWidth: 120 }); return [genSizeStyle(tabsToken), genRtlStyle(tabsToken), genPositionStyle(tabsToken), genDropdownStyle(tabsToken), genCardStyle(tabsToken), genTabsStyle(tabsToken), genMotionStyle$3(tabsToken)]; }, (token2) => ({ zIndexPopup: token2.zIndexPopupBase + 50 })); let uuid$2 = 0; const tabsProps = () => { return { prefixCls: { type: String }, id: { type: String }, popupClassName: String, getPopupContainer: functionType(), activeKey: { type: [String, Number] }, defaultActiveKey: { type: [String, Number] }, direction: stringType(), animated: someType([Boolean, Object]), renderTabBar: functionType(), tabBarGutter: { type: Number }, tabBarStyle: objectType(), tabPosition: stringType(), destroyInactiveTabPane: booleanType(), hideAdd: Boolean, type: stringType(), size: stringType(), centered: Boolean, onEdit: functionType(), onChange: functionType(), onTabClick: functionType(), onTabScroll: functionType(), "onUpdate:activeKey": functionType(), // Accessibility locale: objectType(), onPrevClick: functionType(), onNextClick: functionType(), tabBarExtraContent: PropTypes$1.any }; }; function parseTabList(children) { return children.map((node2) => { if (isValidElement(node2)) { const props2 = _extends({}, node2.props || {}); for (const [k2, v2] of Object.entries(props2)) { delete props2[k2]; props2[camelize(k2)] = v2; } const slots = node2.children || {}; const key2 = node2.key !== void 0 ? node2.key : void 0; const { tab = slots.tab, disabled, forceRender, closable, animated, active, destroyInactiveTabPane } = props2; return _extends(_extends({ key: key2 }, props2), { node: node2, closeIcon: slots.closeIcon, tab, disabled: disabled === "" || disabled, forceRender: forceRender === "" || forceRender, closable: closable === "" || closable, animated: animated === "" || animated, active: active === "" || active, destroyInactiveTabPane: destroyInactiveTabPane === "" || destroyInactiveTabPane }); } return null; }).filter((tab) => tab); } const InternalTabs = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "InternalTabs", inheritAttrs: false, props: _extends(_extends({}, initDefaultProps$1(tabsProps(), { tabPosition: "top", animated: { inkBar: true, tabPane: false } })), { tabs: arrayType() }), slots: Object, // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'], setup(props2, _ref) { let { attrs, slots } = _ref; devWarning(!(props2.onPrevClick !== void 0) && !(props2.onNextClick !== void 0), "Tabs", "`onPrevClick / @prevClick` and `onNextClick / @nextClick` has been removed. Please use `onTabScroll / @tabScroll` instead."); devWarning(!(props2.tabBarExtraContent !== void 0), "Tabs", "`tabBarExtraContent` prop has been removed. Please use `rightExtra` slot instead."); devWarning(!(slots.tabBarExtraContent !== void 0), "Tabs", "`tabBarExtraContent` slot is deprecated. Please use `rightExtra` slot instead."); const { prefixCls, direction, size, rootPrefixCls, getPopupContainer } = useConfigInject("tabs", props2); const [wrapSSR, hashId] = useStyle$7(prefixCls); const rtl2 = require$$0.computed(() => direction.value === "rtl"); const mergedAnimated = require$$0.computed(() => { const { animated, tabPosition } = props2; if (animated === false || ["left", "right"].includes(tabPosition)) { return { inkBar: false, tabPane: false }; } else if (animated === true) { return { inkBar: true, tabPane: true }; } else { return _extends({ inkBar: true, tabPane: false }, typeof animated === "object" ? animated : {}); } }); const [mobile, setMobile] = useState(false); require$$0.onMounted(() => { setMobile(isMobile()); }); const [mergedActiveKey, setMergedActiveKey] = useMergedState(() => { var _a; return (_a = props2.tabs[0]) === null || _a === void 0 ? void 0 : _a.key; }, { value: require$$0.computed(() => props2.activeKey), defaultValue: props2.defaultActiveKey }); const [activeIndex, setActiveIndex] = useState(() => props2.tabs.findIndex((tab) => tab.key === mergedActiveKey.value)); require$$0.watchEffect(() => { var _a; let newActiveIndex = props2.tabs.findIndex((tab) => tab.key === mergedActiveKey.value); if (newActiveIndex === -1) { newActiveIndex = Math.max(0, Math.min(activeIndex.value, props2.tabs.length - 1)); setMergedActiveKey((_a = props2.tabs[newActiveIndex]) === null || _a === void 0 ? void 0 : _a.key); } setActiveIndex(newActiveIndex); }); const [mergedId, setMergedId] = useMergedState(null, { value: require$$0.computed(() => props2.id) }); const mergedTabPosition = require$$0.computed(() => { if (mobile.value && !["left", "right"].includes(props2.tabPosition)) { return "top"; } else { return props2.tabPosition; } }); require$$0.onMounted(() => { if (!props2.id) { setMergedId(`rc-tabs-${uuid$2}`); uuid$2 += 1; } }); const onInternalTabClick = (key2, e2) => { var _a, _b; (_a = props2.onTabClick) === null || _a === void 0 ? void 0 : _a.call(props2, key2, e2); const isActiveChanged = key2 !== mergedActiveKey.value; setMergedActiveKey(key2); if (isActiveChanged) { (_b = props2.onChange) === null || _b === void 0 ? void 0 : _b.call(props2, key2); } }; useProvideTabs({ tabs: require$$0.computed(() => props2.tabs), prefixCls }); return () => { const { id, type, tabBarGutter, tabBarStyle, locale: locale2, destroyInactiveTabPane, renderTabBar = slots.renderTabBar, onTabScroll, hideAdd, centered } = props2; const sharedProps = { id: mergedId.value, activeKey: mergedActiveKey.value, animated: mergedAnimated.value, tabPosition: mergedTabPosition.value, rtl: rtl2.value, mobile: mobile.value }; let editable; if (type === "editable-card") { editable = { onEdit: (editType, _ref2) => { let { key: key2, event } = _ref2; var _a; (_a = props2.onEdit) === null || _a === void 0 ? void 0 : _a.call(props2, editType === "add" ? event : key2, editType); }, removeIcon: () => require$$0.createVNode(CloseOutlined$2, null, null), addIcon: slots.addIcon ? slots.addIcon : () => require$$0.createVNode(PlusOutlined$1, null, null), showAdd: hideAdd !== true }; } let tabNavBar; const tabNavBarProps = _extends(_extends({}, sharedProps), { moreTransitionName: `${rootPrefixCls.value}-slide-up`, editable, locale: locale2, tabBarGutter, onTabClick: onInternalTabClick, onTabScroll, style: tabBarStyle, getPopupContainer: getPopupContainer.value, popupClassName: classNames(props2.popupClassName, hashId.value) }); if (renderTabBar) { tabNavBar = renderTabBar(_extends(_extends({}, tabNavBarProps), { DefaultTabBar: TabNavList })); } else { tabNavBar = require$$0.createVNode(TabNavList, tabNavBarProps, pick$1(slots, ["moreIcon", "leftExtra", "rightExtra", "tabBarExtraContent"])); } const pre = prefixCls.value; return wrapSSR(require$$0.createVNode("div", _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "id": id, "class": classNames(pre, `${pre}-${mergedTabPosition.value}`, { [hashId.value]: true, [`${pre}-${size.value}`]: size.value, [`${pre}-card`]: ["card", "editable-card"].includes(type), [`${pre}-editable-card`]: type === "editable-card", [`${pre}-centered`]: centered, [`${pre}-mobile`]: mobile.value, [`${pre}-editable`]: type === "editable-card", [`${pre}-rtl`]: rtl2.value }, attrs.class) }), [tabNavBar, require$$0.createVNode(TabPanelList, _objectSpread2$1(_objectSpread2$1({ "destroyInactiveTabPane": destroyInactiveTabPane }, sharedProps), {}, { "animated": mergedAnimated.value }), null)])); }; } }); const Tabs = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ATabs", inheritAttrs: false, props: initDefaultProps$1(tabsProps(), { tabPosition: "top", animated: { inkBar: true, tabPane: false } }), slots: Object, // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'], setup(props2, _ref3) { let { attrs, slots, emit } = _ref3; const handleChange = (key2) => { emit("update:activeKey", key2); emit("change", key2); }; return () => { var _a; const tabs = parseTabList(flattenChildren((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))); return require$$0.createVNode(InternalTabs, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, omit(props2, ["onUpdate:activeKey"])), attrs), {}, { "onChange": handleChange, "tabs": tabs }), slots); }; } }); const tabPaneProps = () => ({ tab: PropTypes$1.any, disabled: { type: Boolean }, forceRender: { type: Boolean }, closable: { type: Boolean }, animated: { type: Boolean }, active: { type: Boolean }, destroyInactiveTabPane: { type: Boolean }, // Pass by TabPaneList prefixCls: { type: String }, tabKey: { type: [String, Number] }, id: { type: String } // closeIcon: PropTypes.any, }); const __unplugin_components_2 = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ATabPane", inheritAttrs: false, __ANT_TAB_PANE: true, props: tabPaneProps(), slots: Object, setup(props2, _ref) { let { attrs, slots } = _ref; const visited = require$$0.ref(props2.forceRender); require$$0.watch([() => props2.active, () => props2.destroyInactiveTabPane], () => { if (props2.active) { visited.value = true; } else if (props2.destroyInactiveTabPane) { visited.value = false; } }, { immediate: true }); const mergedStyle = require$$0.computed(() => { if (!props2.active) { if (props2.animated) { return { visibility: "hidden", height: 0, overflowY: "hidden" }; } else { return { display: "none" }; } } return {}; }); return () => { var _a; const { prefixCls, forceRender, id, active, tabKey } = props2; return require$$0.createVNode("div", { "id": id && `${id}-panel-${tabKey}`, "role": "tabpanel", "tabindex": active ? 0 : -1, "aria-labelledby": id && `${id}-tab-${tabKey}`, "aria-hidden": !active, "style": [mergedStyle.value, attrs.style], "class": [`${prefixCls}-tabpane`, active && `${prefixCls}-tabpane-active`, attrs.class] }, [(active || visited.value || forceRender) && ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))]); }; } }); Tabs.TabPane = __unplugin_components_2; Tabs.install = function(app) { app.component(Tabs.name, Tabs); app.component(__unplugin_components_2.name, __unplugin_components_2); return app; }; const canUseDocElement = () => canUseDom$1() && window.document.documentElement; let runtimeLocale = _extends({}, defaultLocale.Modal); function changeConfirmLocale(newLocale) { if (newLocale) { runtimeLocale = _extends(_extends({}, runtimeLocale), newLocale); } else { runtimeLocale = _extends({}, defaultLocale.Modal); } } function getConfirmLocale() { return runtimeLocale; } const ANT_MARK = "internalMark"; const LocaleProvider = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ALocaleProvider", props: { locale: { type: Object }, ANT_MARK__: String }, setup(props2, _ref) { let { slots } = _ref; warning$2(props2.ANT_MARK__ === ANT_MARK); const state = require$$0.reactive({ antLocale: _extends(_extends({}, props2.locale), { exist: true }), ANT_MARK__: ANT_MARK }); require$$0.provide("localeData", state); require$$0.watch(() => props2.locale, (locale2) => { changeConfirmLocale(locale2 && locale2.Modal); state.antLocale = _extends(_extends({}, locale2), { exist: true }); }, { immediate: true }); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); LocaleProvider.install = function(app) { app.component(LocaleProvider.name, LocaleProvider); return app; }; const locale$3 = withInstall(LocaleProvider); const Notice = require$$0.defineComponent({ name: "Notice", inheritAttrs: false, props: ["prefixCls", "duration", "updateMark", "noticeKey", "closeIcon", "closable", "props", "onClick", "onClose", "holder", "visible"], setup(props2, _ref) { let { attrs, slots } = _ref; let closeTimer; let isUnMounted = false; const duration = require$$0.computed(() => props2.duration === void 0 ? 4.5 : props2.duration); const startCloseTimer = () => { if (duration.value && !isUnMounted) { closeTimer = setTimeout(() => { close(); }, duration.value * 1e3); } }; const clearCloseTimer = () => { if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; } }; const close = (e2) => { if (e2) { e2.stopPropagation(); } clearCloseTimer(); const { onClose, noticeKey } = props2; if (onClose) { onClose(noticeKey); } }; const restartCloseTimer = () => { clearCloseTimer(); startCloseTimer(); }; require$$0.onMounted(() => { startCloseTimer(); }); require$$0.onUnmounted(() => { isUnMounted = true; clearCloseTimer(); }); require$$0.watch([duration, () => props2.updateMark, () => props2.visible], (_ref2, _ref3) => { let [preDuration, preUpdateMark, preVisible] = _ref2; let [newDuration, newUpdateMark, newVisible] = _ref3; if (preDuration !== newDuration || preUpdateMark !== newUpdateMark || preVisible !== newVisible && newVisible) { restartCloseTimer(); } }, { flush: "post" }); return () => { var _a, _b; const { prefixCls, closable, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots), onClick, holder } = props2; const { class: className, style: style2 } = attrs; const componentClass = `${prefixCls}-notice`; const dataOrAriaAttributeProps = Object.keys(attrs).reduce((acc, key2) => { if (key2.startsWith("data-") || key2.startsWith("aria-") || key2 === "role") { acc[key2] = attrs[key2]; } return acc; }, {}); const node2 = require$$0.createVNode("div", _objectSpread2$1({ "class": classNames(componentClass, className, { [`${componentClass}-closable`]: closable }), "style": style2, "onMouseenter": clearCloseTimer, "onMouseleave": startCloseTimer, "onClick": onClick }, dataOrAriaAttributeProps), [require$$0.createVNode("div", { "class": `${componentClass}-content` }, [(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)]), closable ? require$$0.createVNode("a", { "tabindex": 0, "onClick": close, "class": `${componentClass}-close` }, [closeIcon || require$$0.createVNode("span", { "class": `${componentClass}-close-x` }, null)]) : null]); if (holder) { return require$$0.createVNode(require$$0.Teleport, { "to": holder }, { default: () => node2 }); } return node2; }; } }); var __rest$c = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; let seed$1 = 0; const now$1 = Date.now(); function getUuid$1() { const id = seed$1; seed$1 += 1; return `rcNotification_${now$1}_${id}`; } const Notification$1 = require$$0.defineComponent({ name: "Notification", inheritAttrs: false, props: ["prefixCls", "transitionName", "animation", "maxCount", "closeIcon", "hashId"], setup(props2, _ref) { let { attrs, expose, slots } = _ref; const hookRefs = /* @__PURE__ */ new Map(); const notices = require$$0.ref([]); const transitionProps = require$$0.computed(() => { const { prefixCls, animation = "fade" } = props2; let name = props2.transitionName; if (!name && animation) { name = `${prefixCls}-${animation}`; } return getTransitionGroupProps(name); }); const add = (originNotice, holderCallback) => { const key2 = originNotice.key || getUuid$1(); const notice2 = _extends(_extends({}, originNotice), { key: key2 }); const { maxCount: maxCount2 } = props2; const noticeIndex = notices.value.map((v2) => v2.notice.key).indexOf(key2); const updatedNotices = notices.value.concat(); if (noticeIndex !== -1) { updatedNotices.splice(noticeIndex, 1, { notice: notice2, holderCallback }); } else { if (maxCount2 && notices.value.length >= maxCount2) { notice2.key = updatedNotices[0].notice.key; notice2.updateMark = getUuid$1(); notice2.userPassKey = key2; updatedNotices.shift(); } updatedNotices.push({ notice: notice2, holderCallback }); } notices.value = updatedNotices; }; const remove = (removeKey) => { notices.value = notices.value.filter((_ref2) => { let { notice: { key: key2, userPassKey } } = _ref2; const mergedKey = userPassKey || key2; return mergedKey !== removeKey; }); }; expose({ add, remove, notices }); return () => { var _a; const { prefixCls, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots, { prefixCls }) } = props2; const noticeNodes = notices.value.map((_ref3, index2) => { let { notice: notice2, holderCallback } = _ref3; const updateMark = index2 === notices.value.length - 1 ? notice2.updateMark : void 0; const { key: key2, userPassKey } = notice2; const { content } = notice2; const noticeProps = _extends(_extends(_extends({ prefixCls, closeIcon: typeof closeIcon === "function" ? closeIcon({ prefixCls }) : closeIcon }, notice2), notice2.props), { key: key2, noticeKey: userPassKey || key2, updateMark, onClose: (noticeKey) => { var _a2; remove(noticeKey); (_a2 = notice2.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(notice2); }, onClick: notice2.onClick }); if (holderCallback) { return require$$0.createVNode("div", { "key": key2, "class": `${prefixCls}-hook-holder`, "ref": (div) => { if (typeof key2 === "undefined") { return; } if (div) { hookRefs.set(key2, div); holderCallback(div, noticeProps); } else { hookRefs.delete(key2); } } }, null); } return require$$0.createVNode(Notice, _objectSpread2$1(_objectSpread2$1({}, noticeProps), {}, { "class": classNames(noticeProps.class, props2.hashId) }), { default: () => [typeof content === "function" ? content({ prefixCls }) : content] }); }); const className = { [prefixCls]: 1, [attrs.class]: !!attrs.class, [props2.hashId]: true }; return require$$0.createVNode("div", { "class": className, "style": attrs.style || { top: "65px", left: "50%" } }, [require$$0.createVNode(require$$0.TransitionGroup, _objectSpread2$1({ "tag": "div" }, transitionProps.value), { default: () => [noticeNodes] })]); }; } }); Notification$1.newInstance = function newNotificationInstance(properties, callback) { const _a = properties || {}, { name = "notification", getContainer: getContainer2, appContext, prefixCls: customizePrefixCls, rootPrefixCls: customRootPrefixCls, transitionName: customTransitionName, hasTransitionName: hasTransitionName2, useStyle: useStyle2 } = _a, props2 = __rest$c(_a, ["name", "getContainer", "appContext", "prefixCls", "rootPrefixCls", "transitionName", "hasTransitionName", "useStyle"]); const div = document.createElement("div"); if (getContainer2) { const root2 = getContainer2(); root2.appendChild(div); } else { document.body.appendChild(div); } const Wrapper = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "NotificationWrapper", setup(_props, _ref4) { let { attrs } = _ref4; const notiRef = require$$0.shallowRef(); const prefixCls = require$$0.computed(() => globalConfigForApi.getPrefixCls(name, customizePrefixCls)); const [, hashId] = useStyle2(prefixCls); require$$0.onMounted(() => { callback({ notice(noticeProps) { var _a2; (_a2 = notiRef.value) === null || _a2 === void 0 ? void 0 : _a2.add(noticeProps); }, removeNotice(key2) { var _a2; (_a2 = notiRef.value) === null || _a2 === void 0 ? void 0 : _a2.remove(key2); }, destroy() { require$$0.render(null, div); if (div.parentNode) { div.parentNode.removeChild(div); } }, component: notiRef }); }); return () => { const global2 = globalConfigForApi; const rootPrefixCls = global2.getRootPrefixCls(customRootPrefixCls, prefixCls.value); const transitionName2 = hasTransitionName2 ? customTransitionName : `${prefixCls.value}-${customTransitionName}`; return require$$0.createVNode(__unplugin_components_4, _objectSpread2$1(_objectSpread2$1({}, global2), {}, { "prefixCls": rootPrefixCls }), { default: () => [require$$0.createVNode(Notification$1, _objectSpread2$1(_objectSpread2$1({ "ref": notiRef }, attrs), {}, { "prefixCls": prefixCls.value, "transitionName": transitionName2, "hashId": hashId.value }), null)] }); }; } }); const vm = require$$0.createVNode(Wrapper, props2); vm.appContext = appContext || vm.appContext; require$$0.render(vm, div); }; const Notification$2 = Notification$1; let seed = 0; const now = Date.now(); function getUuid() { const id = seed; seed += 1; return `rcNotification_${now}_${id}`; } const Notification = require$$0.defineComponent({ name: "HookNotification", inheritAttrs: false, props: ["prefixCls", "transitionName", "animation", "maxCount", "closeIcon", "hashId", "remove", "notices", "getStyles", "getClassName", "onAllRemoved", "getContainer"], setup(props2, _ref) { let { attrs, slots } = _ref; const hookRefs = /* @__PURE__ */ new Map(); const notices = require$$0.computed(() => props2.notices); const transitionProps = require$$0.computed(() => { let name = props2.transitionName; if (!name && props2.animation) { switch (typeof props2.animation) { case "string": name = props2.animation; break; case "function": name = props2.animation().name; break; case "object": name = props2.animation.name; break; default: name = `${props2.prefixCls}-fade`; break; } } return getTransitionGroupProps(name); }); const remove = (key2) => props2.remove(key2); const placements2 = require$$0.ref({}); require$$0.watch(notices, () => { const nextPlacements = {}; Object.keys(placements2.value).forEach((placement) => { nextPlacements[placement] = []; }); props2.notices.forEach((config) => { const { placement = "topRight" } = config.notice; if (placement) { nextPlacements[placement] = nextPlacements[placement] || []; nextPlacements[placement].push(config); } }); placements2.value = nextPlacements; }); const placementList = require$$0.computed(() => Object.keys(placements2.value)); return () => { var _a; const { prefixCls, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots, { prefixCls }) } = props2; const noticeNodes = placementList.value.map((placement) => { var _a2, _b; const noticesForPlacement = placements2.value[placement]; const classes = (_a2 = props2.getClassName) === null || _a2 === void 0 ? void 0 : _a2.call(props2, placement); const styles = (_b = props2.getStyles) === null || _b === void 0 ? void 0 : _b.call(props2, placement); const noticeNodesForPlacement = noticesForPlacement.map((_ref2, index2) => { let { notice: notice2, holderCallback } = _ref2; const updateMark = index2 === notices.value.length - 1 ? notice2.updateMark : void 0; const { key: key2, userPassKey } = notice2; const { content } = notice2; const noticeProps = _extends(_extends(_extends({ prefixCls, closeIcon: typeof closeIcon === "function" ? closeIcon({ prefixCls }) : closeIcon }, notice2), notice2.props), { key: key2, noticeKey: userPassKey || key2, updateMark, onClose: (noticeKey) => { var _a3; remove(noticeKey); (_a3 = notice2.onClose) === null || _a3 === void 0 ? void 0 : _a3.call(notice2); }, onClick: notice2.onClick }); if (holderCallback) { return require$$0.createVNode("div", { "key": key2, "class": `${prefixCls}-hook-holder`, "ref": (div) => { if (typeof key2 === "undefined") { return; } if (div) { hookRefs.set(key2, div); holderCallback(div, noticeProps); } else { hookRefs.delete(key2); } } }, null); } return require$$0.createVNode(Notice, _objectSpread2$1(_objectSpread2$1({}, noticeProps), {}, { "class": classNames(noticeProps.class, props2.hashId) }), { default: () => [typeof content === "function" ? content({ prefixCls }) : content] }); }); const className = { [prefixCls]: 1, [`${prefixCls}-${placement}`]: 1, [attrs.class]: !!attrs.class, [props2.hashId]: true, [classes]: !!classes }; function onAfterLeave() { var _a3; if (noticesForPlacement.length > 0) { return; } Reflect.deleteProperty(placements2.value, placement); (_a3 = props2.onAllRemoved) === null || _a3 === void 0 ? void 0 : _a3.call(props2); } return require$$0.createVNode("div", { "key": placement, "class": className, "style": attrs.style || styles || { top: "65px", left: "50%" } }, [require$$0.createVNode(require$$0.TransitionGroup, _objectSpread2$1(_objectSpread2$1({ "tag": "div" }, transitionProps.value), {}, { "onAfterLeave": onAfterLeave }), { default: () => [noticeNodesForPlacement] })]); }); return require$$0.createVNode(Portal$1, { "getContainer": props2.getContainer }, { default: () => [noticeNodes] }); }; } }); const HookNotification = Notification; var __rest$b = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const defaultGetContainer$1 = () => document.body; let uniqueKey = 0; function mergeConfig() { const clone = {}; for (var _len = arguments.length, objList = new Array(_len), _key = 0; _key < _len; _key++) { objList[_key] = arguments[_key]; } objList.forEach((obj) => { if (obj) { Object.keys(obj).forEach((key2) => { const val = obj[key2]; if (val !== void 0) { clone[key2] = val; } }); } }); return clone; } function useNotification$1() { let rootConfig = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; const { getContainer: getContainer2 = defaultGetContainer$1, motion, prefixCls, maxCount: maxCount2, getClassName, getStyles, onAllRemoved } = rootConfig, shareConfig = __rest$b(rootConfig, ["getContainer", "motion", "prefixCls", "maxCount", "getClassName", "getStyles", "onAllRemoved"]); const notices = require$$0.shallowRef([]); const notificationsRef = require$$0.shallowRef(); const add = (originNotice, holderCallback) => { const key2 = originNotice.key || getUuid(); const notice2 = _extends(_extends({}, originNotice), { key: key2 }); const noticeIndex = notices.value.map((v2) => v2.notice.key).indexOf(key2); const updatedNotices = notices.value.concat(); if (noticeIndex !== -1) { updatedNotices.splice(noticeIndex, 1, { notice: notice2, holderCallback }); } else { if (maxCount2 && notices.value.length >= maxCount2) { notice2.key = updatedNotices[0].notice.key; notice2.updateMark = getUuid(); notice2.userPassKey = key2; updatedNotices.shift(); } updatedNotices.push({ notice: notice2, holderCallback }); } notices.value = updatedNotices; }; const removeNotice = (removeKey) => { notices.value = notices.value.filter((_ref) => { let { notice: { key: key2, userPassKey } } = _ref; const mergedKey = userPassKey || key2; return mergedKey !== removeKey; }); }; const destroy = () => { notices.value = []; }; const contextHolder = require$$0.computed(() => require$$0.createVNode(HookNotification, { "ref": notificationsRef, "prefixCls": prefixCls, "maxCount": maxCount2, "notices": notices.value, "remove": removeNotice, "getClassName": getClassName, "getStyles": getStyles, "animation": motion, "hashId": rootConfig.hashId, "onAllRemoved": onAllRemoved, "getContainer": getContainer2 }, null)); const taskQueue = require$$0.shallowRef([]); const api2 = { open: (config) => { const mergedConfig = mergeConfig(shareConfig, config); if (mergedConfig.key === null || mergedConfig.key === void 0) { mergedConfig.key = `vc-notification-${uniqueKey}`; uniqueKey += 1; } taskQueue.value = [...taskQueue.value, { type: "open", config: mergedConfig }]; }, close: (key2) => { taskQueue.value = [...taskQueue.value, { type: "close", key: key2 }]; }, destroy: () => { taskQueue.value = [...taskQueue.value, { type: "destroy" }]; } }; require$$0.watch(taskQueue, () => { if (taskQueue.value.length) { taskQueue.value.forEach((task) => { switch (task.type) { case "open": add(task.config); break; case "close": removeNotice(task.key); break; case "destroy": destroy(); break; } }); taskQueue.value = []; } }); return [api2, () => contextHolder.value]; } const genMessageStyle = (token2) => { const { componentCls, iconCls, boxShadowSecondary, colorBgElevated, colorSuccess, colorError, colorWarning, colorInfo, fontSizeLG, motionEaseInOutCirc, motionDurationSlow, marginXS, paddingXS, borderRadiusLG, zIndexPopup, // Custom token messageNoticeContentPadding } = token2; const messageMoveIn = new Keyframes("MessageMoveIn", { "0%": { padding: 0, transform: "translateY(-100%)", opacity: 0 }, "100%": { padding: paddingXS, transform: "translateY(0)", opacity: 1 } }); const messageMoveOut = new Keyframes("MessageMoveOut", { "0%": { maxHeight: token2.height, padding: paddingXS, opacity: 1 }, "100%": { maxHeight: 0, padding: 0, opacity: 0 } }); return [ // ============================ Holder ============================ { [componentCls]: _extends(_extends({}, resetComponent(token2)), { position: "fixed", top: marginXS, width: "100%", pointerEvents: "none", zIndex: zIndexPopup, [`${componentCls}-move-up`]: { animationFillMode: "forwards" }, [` ${componentCls}-move-up-appear, ${componentCls}-move-up-enter `]: { animationName: messageMoveIn, animationDuration: motionDurationSlow, animationPlayState: "paused", animationTimingFunction: motionEaseInOutCirc }, [` ${componentCls}-move-up-appear${componentCls}-move-up-appear-active, ${componentCls}-move-up-enter${componentCls}-move-up-enter-active `]: { animationPlayState: "running" }, [`${componentCls}-move-up-leave`]: { animationName: messageMoveOut, animationDuration: motionDurationSlow, animationPlayState: "paused", animationTimingFunction: motionEaseInOutCirc }, [`${componentCls}-move-up-leave${componentCls}-move-up-leave-active`]: { animationPlayState: "running" }, "&-rtl": { direction: "rtl", span: { direction: "rtl" } } }) }, // ============================ Notice ============================ { [`${componentCls}-notice`]: { padding: paddingXS, textAlign: "center", [iconCls]: { verticalAlign: "text-bottom", marginInlineEnd: marginXS, fontSize: fontSizeLG }, [`${componentCls}-notice-content`]: { display: "inline-block", padding: messageNoticeContentPadding, background: colorBgElevated, borderRadius: borderRadiusLG, boxShadow: boxShadowSecondary, pointerEvents: "all" }, [`${componentCls}-success ${iconCls}`]: { color: colorSuccess }, [`${componentCls}-error ${iconCls}`]: { color: colorError }, [`${componentCls}-warning ${iconCls}`]: { color: colorWarning }, [` ${componentCls}-info ${iconCls}, ${componentCls}-loading ${iconCls}`]: { color: colorInfo } } }, // ============================= Pure ============================= { [`${componentCls}-notice-pure-panel`]: { padding: 0, textAlign: "start" } } ]; }; const useStyle$6 = genComponentStyleHook("Message", (token2) => { const combinedToken = merge(token2, { messageNoticeContentPadding: `${(token2.controlHeightLG - token2.fontSize * token2.lineHeight) / 2}px ${token2.paddingSM}px` }); return [genMessageStyle(combinedToken)]; }, (token2) => ({ height: 150, zIndexPopup: token2.zIndexPopupBase + 10 })); var ArrowLeftOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "arrow-left", "theme": "outlined" }; const ArrowLeftOutlinedSvg = ArrowLeftOutlined$2; function _objectSpread$5(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$5(target, key2, source[key2]); }); } return target; } function _defineProperty$5(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var ArrowLeftOutlined = function ArrowLeftOutlined2(props2, context) { var p = _objectSpread$5({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$5({}, p, { "icon": ArrowLeftOutlinedSvg }), null); }; ArrowLeftOutlined.displayName = "ArrowLeftOutlined"; ArrowLeftOutlined.inheritAttrs = false; const ArrowLeftOutlined$1 = ArrowLeftOutlined; var EyeInvisibleOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" } }, { "tag": "path", "attrs": { "d": "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" } }] }, "name": "eye-invisible", "theme": "outlined" }; const EyeInvisibleOutlinedSvg = EyeInvisibleOutlined$2; function _objectSpread$4(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$4(target, key2, source[key2]); }); } return target; } function _defineProperty$4(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props2, context) { var p = _objectSpread$4({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$4({}, p, { "icon": EyeInvisibleOutlinedSvg }), null); }; EyeInvisibleOutlined.displayName = "EyeInvisibleOutlined"; EyeInvisibleOutlined.inheritAttrs = false; const EyeInvisibleOutlined$1 = EyeInvisibleOutlined; var EyeOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, "name": "eye", "theme": "outlined" }; const EyeOutlinedSvg = EyeOutlined$2; function _objectSpread$3(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$3(target, key2, source[key2]); }); } return target; } function _defineProperty$3(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var EyeOutlined = function EyeOutlined2(props2, context) { var p = _objectSpread$3({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$3({}, p, { "icon": EyeOutlinedSvg }), null); }; EyeOutlined.displayName = "EyeOutlined"; EyeOutlined.inheritAttrs = false; const EyeOutlined$1 = EyeOutlined; var QuestionOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2-27.2 31.7-65.6 54.4-108.1 64-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 00-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9 58.4-13.2 111.4-44.7 149.3-88.7 19.1-22.3 34-47.1 44.3-74 10.7-27.9 16.1-57.2 16.1-87 0-35-7.4-69-22-100.9zM512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56 56-25.1 56-56-25.1-56-56-56z" } }] }, "name": "question", "theme": "outlined" }; const QuestionOutlinedSvg = QuestionOutlined$2; function _objectSpread$2(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$2(target, key2, source[key2]); }); } return target; } function _defineProperty$2(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var QuestionOutlined = function QuestionOutlined2(props2, context) { var p = _objectSpread$2({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$2({}, p, { "icon": QuestionOutlinedSvg }), null); }; QuestionOutlined.displayName = "QuestionOutlined"; QuestionOutlined.inheritAttrs = false; const QuestionOutlined$1 = QuestionOutlined; var RollbackOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M793 242H366v-74c0-6.7-7.7-10.4-12.9-6.3l-142 112a8 8 0 000 12.6l142 112c5.2 4.1 12.9.4 12.9-6.3v-74h415v470H175c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-28.7 64-64V306c0-35.3-28.7-64-64-64z" } }] }, "name": "rollback", "theme": "outlined" }; const RollbackOutlinedSvg = RollbackOutlined$2; function _objectSpread$1(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty$1(target, key2, source[key2]); }); } return target; } function _defineProperty$1(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } var RollbackOutlined = function RollbackOutlined2(props2, context) { var p = _objectSpread$1({}, props2, context.attrs); return require$$0.createVNode(AntdIcon, _objectSpread$1({}, p, { "icon": RollbackOutlinedSvg }), null); }; RollbackOutlined.displayName = "RollbackOutlined"; RollbackOutlined.inheritAttrs = false; const RollbackOutlined$1 = RollbackOutlined; var _excluded = ["class", "component", "viewBox", "spin", "rotate", "tabindex", "onClick"]; function _objectSpread(target) { for (var i2 = 1; i2 < arguments.length; i2++) { var source = arguments[i2] != null ? Object(arguments[i2]) : {}; var ownKeys2 = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys2.forEach(function(key2) { _defineProperty(target, key2, source[key2]); }); } return target; } function _defineProperty(obj, key2, value) { if (key2 in obj) { Object.defineProperty(obj, key2, { value, enumerable: true, configurable: true, writable: true }); } else { obj[key2] = value; } return obj; } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key2, i2; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) { key2 = sourceSymbolKeys[i2]; if (excluded.indexOf(key2) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key2)) continue; target[key2] = source[key2]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key2, i2; for (i2 = 0; i2 < sourceKeys.length; i2++) { key2 = sourceKeys[i2]; if (excluded.indexOf(key2) >= 0) continue; target[key2] = source[key2]; } return target; } var Icon = function Icon2(props2, context) { var _classString; var attrs = context.attrs, slots = context.slots; var _props$attrs = _objectSpread({}, props2, attrs), cls = _props$attrs["class"], Component = _props$attrs.component, viewBox = _props$attrs.viewBox, spin = _props$attrs.spin, rotate = _props$attrs.rotate, tabindex = _props$attrs.tabindex, onClick = _props$attrs.onClick, restProps = _objectWithoutProperties(_props$attrs, _excluded); var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName; var children = slots["default"] && slots["default"](); var hasChildren = children && children.length; var slotsComponent = slots.component; var classString = (_classString = {}, _defineProperty(_classString, rootClassName.value, !!rootClassName.value), _defineProperty(_classString, prefixCls.value, true), _classString); var svgClassString = _defineProperty({}, "".concat(prefixCls.value, "-spin"), spin === "" || !!spin); var svgStyle = rotate ? { msTransform: "rotate(".concat(rotate, "deg)"), transform: "rotate(".concat(rotate, "deg)") } : void 0; var innerSvgProps = _objectSpread({}, svgBaseProps, { viewBox, "class": svgClassString, style: svgStyle }); if (!viewBox) { delete innerSvgProps.viewBox; } var renderInnerNode = function renderInnerNode2() { if (Component) { return require$$0.createVNode(Component, innerSvgProps, { "default": function _default() { return [children]; } }); } if (slotsComponent) { return slotsComponent(innerSvgProps); } if (hasChildren) { warning(Boolean(viewBox) || children.length === 1 && children[0] && children[0].type === "use"); return require$$0.createVNode("svg", _objectSpread({}, innerSvgProps, { "viewBox": viewBox }), [children]); } return null; }; var iconTabIndex = tabindex; if (iconTabIndex === void 0 && onClick) { iconTabIndex = -1; restProps.tabindex = iconTabIndex; } return require$$0.createVNode("span", _objectSpread({ "role": "img" }, restProps, { "onClick": onClick, "class": [classString, cls] }), [renderInnerNode(), require$$0.createVNode(InsertStyles, null, null)]); }; Icon.props = { spin: Boolean, rotate: Number, viewBox: String, ariaLabel: String }; Icon.inheritAttrs = false; Icon.displayName = "Icon"; const CloseOutlined = Icon; const TypeIcon = { info: require$$0.createVNode(InfoCircleFilled$1, null, null), success: require$$0.createVNode(CheckCircleFilled$1, null, null), error: require$$0.createVNode(CloseCircleFilled$1, null, null), warning: require$$0.createVNode(ExclamationCircleFilled$1, null, null), loading: require$$0.createVNode(LoadingOutlined$1, null, null) }; const PureContent$1 = require$$0.defineComponent({ name: "PureContent", inheritAttrs: false, props: ["prefixCls", "type", "icon"], setup(props2, _ref) { let { slots } = _ref; return () => { var _a; return require$$0.createVNode("div", { "class": classNames(`${props2.prefixCls}-custom-content`, `${props2.prefixCls}-${props2.type}`) }, [props2.icon || TypeIcon[props2.type], require$$0.createVNode("span", null, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]); }; } }); require$$0.defineComponent({ name: "PurePanel", inheritAttrs: false, props: ["prefixCls", "class", "type", "icon", "content"], setup(props2, _ref2) { let { slots, attrs } = _ref2; var _a; const { getPrefixCls } = useConfigContextInject(); const prefixCls = require$$0.computed(() => props2.prefixCls || getPrefixCls("message")); const [, hashId] = useStyle$6(prefixCls); return require$$0.createVNode(Notice, _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "prefixCls": prefixCls.value, "class": classNames(hashId.value, `${prefixCls.value}-notice-pure-panel`), "noticeKey": "pure", "duration": null }), { default: () => [require$$0.createVNode(PureContent$1, { "prefixCls": prefixCls.value, "type": props2.type, "icon": props2.icon }, { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] })] }); } }); var __rest$a = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const DEFAULT_OFFSET$1 = 8; const DEFAULT_DURATION$1 = 3; const Holder$1 = require$$0.defineComponent({ name: "Holder", inheritAttrs: false, props: ["top", "prefixCls", "getContainer", "maxCount", "duration", "rtl", "transitionName", "onAllRemoved"], setup(props2, _ref) { let { expose } = _ref; var _a; const { getPrefixCls, getPopupContainer } = useConfigInject("message", props2); const prefixCls = require$$0.computed(() => getPrefixCls("message", props2.prefixCls)); const [, hashId] = useStyle$6(prefixCls); const getStyles = () => { var _a2; const top2 = (_a2 = props2.top) !== null && _a2 !== void 0 ? _a2 : DEFAULT_OFFSET$1; return { left: "50%", transform: "translateX(-50%)", top: typeof top2 === "number" ? `${top2}px` : top2 }; }; const getClassName = () => classNames(hashId.value, props2.rtl ? `${prefixCls.value}-rtl` : ""); const getNotificationMotion = () => { var _a2; return getMotion$1({ prefixCls: prefixCls.value, animation: (_a2 = props2.animation) !== null && _a2 !== void 0 ? _a2 : `move-up`, transitionName: props2.transitionName }); }; const mergedCloseIcon = require$$0.createVNode("span", { "class": `${prefixCls.value}-close-x` }, [require$$0.createVNode(CloseOutlined, { "class": `${prefixCls.value}-close-icon` }, null)]); const [api2, holder] = useNotification$1({ //@ts-ignore getStyles, prefixCls: prefixCls.value, getClassName, motion: getNotificationMotion, closable: false, closeIcon: mergedCloseIcon, duration: (_a = props2.duration) !== null && _a !== void 0 ? _a : DEFAULT_DURATION$1, getContainer: () => { var _a2, _b; return ((_a2 = props2.staticGetContainer) === null || _a2 === void 0 ? void 0 : _a2.call(props2)) || ((_b = getPopupContainer.value) === null || _b === void 0 ? void 0 : _b.call(getPopupContainer)) || document.body; }, maxCount: props2.maxCount, onAllRemoved: props2.onAllRemoved }); expose(_extends(_extends({}, api2), { prefixCls, hashId })); return holder; } }); let keyIndex = 0; function useInternalMessage(messageConfig) { const holderRef = require$$0.shallowRef(null); const holderKey = Symbol("messageHolderKey"); const close = (key2) => { var _a; (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.close(key2); }; const open = (config) => { if (!holderRef.value) { const fakeResult = () => { }; fakeResult.then = () => { }; return fakeResult; } const { open: originOpen, prefixCls, hashId } = holderRef.value; const noticePrefixCls = `${prefixCls}-notice`; const { content, icon, type, key: key2, class: className, onClose } = config, restConfig = __rest$a(config, ["content", "icon", "type", "key", "class", "onClose"]); let mergedKey = key2; if (mergedKey === void 0 || mergedKey === null) { keyIndex += 1; mergedKey = `antd-message-${keyIndex}`; } return wrapPromiseFn((resolve) => { originOpen(_extends(_extends({}, restConfig), { key: mergedKey, content: () => require$$0.createVNode(PureContent$1, { "prefixCls": prefixCls, "type": type, "icon": typeof icon === "function" ? icon() : icon }, { default: () => [typeof content === "function" ? content() : content] }), placement: "top", // @ts-ignore class: classNames(type && `${noticePrefixCls}-${type}`, hashId, className), onClose: () => { onClose === null || onClose === void 0 ? void 0 : onClose(); resolve(); } })); return () => { close(mergedKey); }; }); }; const destroy = (key2) => { var _a; if (key2 !== void 0) { close(key2); } else { (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.destroy(); } }; const wrapAPI = { open, destroy }; const keys2 = ["info", "success", "warning", "error", "loading"]; keys2.forEach((type) => { const typeOpen = (jointContent, duration, onClose) => { let config; if (jointContent && typeof jointContent === "object" && "content" in jointContent) { config = jointContent; } else { config = { content: jointContent }; } let mergedDuration; let mergedOnClose; if (typeof duration === "function") { mergedOnClose = duration; } else { mergedDuration = duration; mergedOnClose = onClose; } const mergedConfig = _extends(_extends({ onClose: mergedOnClose, duration: mergedDuration }, config), { type }); return open(mergedConfig); }; wrapAPI[type] = typeOpen; }); return [wrapAPI, () => require$$0.createVNode(Holder$1, _objectSpread2$1(_objectSpread2$1({ "key": holderKey }, messageConfig), {}, { "ref": holderRef }), null)]; } function useMessage(messageConfig) { return useInternalMessage(messageConfig); } let defaultDuration$1 = 3; let defaultTop$1; let messageInstance; let key = 1; let localPrefixCls = ""; let transitionName = "move-up"; let hasTransitionName = false; let getContainer = () => document.body; let maxCount$1; let rtl$1 = false; function getKeyThenIncreaseKey() { return key++; } function setMessageConfig(options) { if (options.top !== void 0) { defaultTop$1 = options.top; messageInstance = null; } if (options.duration !== void 0) { defaultDuration$1 = options.duration; } if (options.prefixCls !== void 0) { localPrefixCls = options.prefixCls; } if (options.getContainer !== void 0) { getContainer = options.getContainer; messageInstance = null; } if (options.transitionName !== void 0) { transitionName = options.transitionName; messageInstance = null; hasTransitionName = true; } if (options.maxCount !== void 0) { maxCount$1 = options.maxCount; messageInstance = null; } if (options.rtl !== void 0) { rtl$1 = options.rtl; } } function getMessageInstance(args, callback) { if (messageInstance) { callback(messageInstance); return; } Notification$2.newInstance({ appContext: args.appContext, prefixCls: args.prefixCls || localPrefixCls, rootPrefixCls: args.rootPrefixCls, transitionName, hasTransitionName, style: { top: defaultTop$1 }, getContainer: getContainer || args.getPopupContainer, maxCount: maxCount$1, name: "message", useStyle: useStyle$6 }, (instance) => { if (messageInstance) { callback(messageInstance); return; } messageInstance = instance; callback(instance); }); } const typeToIcon$2 = { info: InfoCircleFilled$1, success: CheckCircleFilled$1, error: CloseCircleFilled$1, warning: ExclamationCircleFilled$1, loading: LoadingOutlined$1 }; const typeList = Object.keys(typeToIcon$2); function notice$1(args) { const duration = args.duration !== void 0 ? args.duration : defaultDuration$1; const target = args.key || getKeyThenIncreaseKey(); const closePromise = new Promise((resolve) => { const callback = () => { if (typeof args.onClose === "function") { args.onClose(); } return resolve(true); }; getMessageInstance(args, (instance) => { instance.notice({ key: target, duration, style: args.style || {}, class: args.class, content: (_ref) => { let { prefixCls } = _ref; const Icon2 = typeToIcon$2[args.type]; const iconNode = Icon2 ? require$$0.createVNode(Icon2, null, null) : ""; const messageClass = classNames(`${prefixCls}-custom-content`, { [`${prefixCls}-${args.type}`]: args.type, [`${prefixCls}-rtl`]: rtl$1 === true }); return require$$0.createVNode("div", { "class": messageClass }, [typeof args.icon === "function" ? args.icon() : args.icon || iconNode, require$$0.createVNode("span", null, [typeof args.content === "function" ? args.content() : args.content])]); }, onClose: callback, onClick: args.onClick }); }); }); const result = () => { if (messageInstance) { messageInstance.removeNotice(target); } }; result.then = (filled, rejected) => closePromise.then(filled, rejected); result.promise = closePromise; return result; } function isArgsProps(content) { return Object.prototype.toString.call(content) === "[object Object]" && !!content.content; } const api$1 = { open: notice$1, config: setMessageConfig, destroy(messageKey) { if (messageInstance) { if (messageKey) { const { removeNotice } = messageInstance; removeNotice(messageKey); } else { const { destroy } = messageInstance; destroy(); messageInstance = null; } } } }; function attachTypeApi(originalApi, type) { originalApi[type] = (content, duration, onClose) => { if (isArgsProps(content)) { return originalApi.open(_extends(_extends({}, content), { type })); } if (typeof duration === "function") { onClose = duration; duration = void 0; } return originalApi.open({ content, duration, type, onClose }); }; } typeList.forEach((type) => attachTypeApi(api$1, type)); api$1.warn = api$1.warning; api$1.useMessage = useMessage; const message = api$1; const genNotificationPlacementStyle = (token2) => { const { componentCls, width, notificationMarginEdge } = token2; const notificationTopFadeIn = new Keyframes("antNotificationTopFadeIn", { "0%": { marginTop: "-100%", opacity: 0 }, "100%": { marginTop: 0, opacity: 1 } }); const notificationBottomFadeIn = new Keyframes("antNotificationBottomFadeIn", { "0%": { marginBottom: "-100%", opacity: 0 }, "100%": { marginBottom: 0, opacity: 1 } }); const notificationLeftFadeIn = new Keyframes("antNotificationLeftFadeIn", { "0%": { right: { _skip_check_: true, value: width }, opacity: 0 }, "100%": { right: { _skip_check_: true, value: 0 }, opacity: 1 } }); return { [`&${componentCls}-top, &${componentCls}-bottom`]: { marginInline: 0 }, [`&${componentCls}-top`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationTopFadeIn } }, [`&${componentCls}-bottom`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationBottomFadeIn } }, [`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: { marginInlineEnd: 0, marginInlineStart: notificationMarginEdge, [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationLeftFadeIn } } }; }; const genNotificationPlacementStyle$1 = genNotificationPlacementStyle; const genNotificationStyle = (token2) => { const { iconCls, componentCls, // .ant-notification boxShadowSecondary, fontSizeLG, notificationMarginBottom, borderRadiusLG, colorSuccess, colorInfo, colorWarning, colorError, colorTextHeading, notificationBg, notificationPadding, notificationMarginEdge, motionDurationMid, motionEaseInOut, fontSize, lineHeight, width, notificationIconSize } = token2; const noticeCls = `${componentCls}-notice`; const notificationFadeIn = new Keyframes("antNotificationFadeIn", { "0%": { left: { _skip_check_: true, value: width }, opacity: 0 }, "100%": { left: { _skip_check_: true, value: 0 }, opacity: 1 } }); const notificationFadeOut = new Keyframes("antNotificationFadeOut", { "0%": { maxHeight: token2.animationMaxHeight, marginBottom: notificationMarginBottom, opacity: 1 }, "100%": { maxHeight: 0, marginBottom: 0, paddingTop: 0, paddingBottom: 0, opacity: 0 } }); return [ // ============================ Holder ============================ { [componentCls]: _extends(_extends(_extends(_extends({}, resetComponent(token2)), { position: "fixed", zIndex: token2.zIndexPopup, marginInlineEnd: notificationMarginEdge, [`${componentCls}-hook-holder`]: { position: "relative" }, [`&${componentCls}-top, &${componentCls}-bottom`]: { [`${componentCls}-notice`]: { marginInline: "auto auto" } }, [`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: { [`${componentCls}-notice`]: { marginInlineEnd: "auto", marginInlineStart: 0 } }, // animation [`${componentCls}-fade-enter, ${componentCls}-fade-appear`]: { animationDuration: token2.motionDurationMid, animationTimingFunction: motionEaseInOut, animationFillMode: "both", opacity: 0, animationPlayState: "paused" }, [`${componentCls}-fade-leave`]: { animationTimingFunction: motionEaseInOut, animationFillMode: "both", animationDuration: motionDurationMid, animationPlayState: "paused" }, [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationFadeIn, animationPlayState: "running" }, [`${componentCls}-fade-leave${componentCls}-fade-leave-active`]: { animationName: notificationFadeOut, animationPlayState: "running" } }), genNotificationPlacementStyle$1(token2)), { // RTL "&-rtl": { direction: "rtl", [`${componentCls}-notice-btn`]: { float: "left" } } }) }, // ============================ Notice ============================ { [noticeCls]: { position: "relative", width, maxWidth: `calc(100vw - ${notificationMarginEdge * 2}px)`, marginBottom: notificationMarginBottom, marginInlineStart: "auto", padding: notificationPadding, overflow: "hidden", lineHeight, wordWrap: "break-word", background: notificationBg, borderRadius: borderRadiusLG, boxShadow: boxShadowSecondary, [`${componentCls}-close-icon`]: { fontSize, cursor: "pointer" }, [`${noticeCls}-message`]: { marginBottom: token2.marginXS, color: colorTextHeading, fontSize: fontSizeLG, lineHeight: token2.lineHeightLG }, [`${noticeCls}-description`]: { fontSize }, [`&${noticeCls}-closable ${noticeCls}-message`]: { paddingInlineEnd: token2.paddingLG }, [`${noticeCls}-with-icon ${noticeCls}-message`]: { marginBottom: token2.marginXS, marginInlineStart: token2.marginSM + notificationIconSize, fontSize: fontSizeLG }, [`${noticeCls}-with-icon ${noticeCls}-description`]: { marginInlineStart: token2.marginSM + notificationIconSize, fontSize }, // Icon & color style in different selector level // https://github.com/ant-design/ant-design/issues/16503 // https://github.com/ant-design/ant-design/issues/15512 [`${noticeCls}-icon`]: { position: "absolute", fontSize: notificationIconSize, lineHeight: 0, // icon-font [`&-success${iconCls}`]: { color: colorSuccess }, [`&-info${iconCls}`]: { color: colorInfo }, [`&-warning${iconCls}`]: { color: colorWarning }, [`&-error${iconCls}`]: { color: colorError } }, [`${noticeCls}-close`]: { position: "absolute", top: token2.notificationPaddingVertical, insetInlineEnd: token2.notificationPaddingHorizontal, color: token2.colorIcon, outline: "none", width: token2.notificationCloseButtonSize, height: token2.notificationCloseButtonSize, borderRadius: token2.borderRadiusSM, transition: `background-color ${token2.motionDurationMid}, color ${token2.motionDurationMid}`, display: "flex", alignItems: "center", justifyContent: "center", "&:hover": { color: token2.colorIconHover, backgroundColor: token2.wireframe ? "transparent" : token2.colorFillContent } }, [`${noticeCls}-btn`]: { float: "right", marginTop: token2.marginSM } } }, // ============================= Pure ============================= { [`${noticeCls}-pure-panel`]: { margin: 0 } } ]; }; const useStyle$5 = genComponentStyleHook("Notification", (token2) => { const notificationPaddingVertical = token2.paddingMD; const notificationPaddingHorizontal = token2.paddingLG; const notificationToken = merge(token2, { // default.less variables notificationBg: token2.colorBgElevated, notificationPaddingVertical, notificationPaddingHorizontal, // index.less variables notificationPadding: `${token2.paddingMD}px ${token2.paddingContentHorizontalLG}px`, notificationMarginBottom: token2.margin, notificationMarginEdge: token2.marginLG, animationMaxHeight: 150, notificationIconSize: token2.fontSizeLG * token2.lineHeightLG, notificationCloseButtonSize: token2.controlHeightLG * 0.55 }); return [genNotificationStyle(notificationToken)]; }, (token2) => ({ zIndexPopup: token2.zIndexPopupBase + 50, width: 384 })); function getCloseIcon(prefixCls, closeIcon) { return closeIcon || require$$0.createVNode("span", { "class": `${prefixCls}-close-x` }, [require$$0.createVNode(CloseOutlined$2, { "class": `${prefixCls}-close-icon` }, null)]); } ({ info: require$$0.createVNode(InfoCircleFilled$1, null, null), success: require$$0.createVNode(CheckCircleFilled$1, null, null), error: require$$0.createVNode(CloseCircleFilled$1, null, null), warning: require$$0.createVNode(ExclamationCircleFilled$1, null, null), loading: require$$0.createVNode(LoadingOutlined$1, null, null) }); const typeToIcon$1 = { success: CheckCircleFilled$1, info: InfoCircleFilled$1, error: CloseCircleFilled$1, warning: ExclamationCircleFilled$1 }; function PureContent(_ref) { let { prefixCls, icon, type, message: message2, description, btn } = _ref; let iconNode = null; if (icon) { iconNode = require$$0.createVNode("span", { "class": `${prefixCls}-icon` }, [renderHelper(icon)]); } else if (type) { const Icon2 = typeToIcon$1[type]; iconNode = require$$0.createVNode(Icon2, { "class": `${prefixCls}-icon ${prefixCls}-icon-${type}` }, null); } return require$$0.createVNode("div", { "class": classNames({ [`${prefixCls}-with-icon`]: iconNode }), "role": "alert" }, [iconNode, require$$0.createVNode("div", { "class": `${prefixCls}-message` }, [message2]), require$$0.createVNode("div", { "class": `${prefixCls}-description` }, [description]), btn && require$$0.createVNode("div", { "class": `${prefixCls}-btn` }, [btn])]); } require$$0.defineComponent({ name: "PurePanel", inheritAttrs: false, props: ["prefixCls", "icon", "type", "message", "description", "btn", "closeIcon"], setup(props2) { const { getPrefixCls } = useConfigInject("notification", props2); const prefixCls = require$$0.computed(() => props2.prefixCls || getPrefixCls("notification")); const noticePrefixCls = require$$0.computed(() => `${prefixCls.value}-notice`); const [, hashId] = useStyle$5(prefixCls); return () => { return require$$0.createVNode(Notice, _objectSpread2$1(_objectSpread2$1({}, props2), {}, { "prefixCls": prefixCls.value, "class": classNames(hashId.value, `${noticePrefixCls.value}-pure-panel`), "noticeKey": "pure", "duration": null, "closable": props2.closable, "closeIcon": getCloseIcon(prefixCls.value, props2.closeIcon) }), { default: () => [require$$0.createVNode(PureContent, { "prefixCls": noticePrefixCls.value, "icon": props2.icon, "type": props2.type, "message": props2.message, "description": props2.description, "btn": props2.btn }, null)] }); }; } }); function getPlacementStyle(placement, top2, bottom) { let style2; top2 = typeof top2 === "number" ? `${top2}px` : top2; bottom = typeof bottom === "number" ? `${bottom}px` : bottom; switch (placement) { case "top": style2 = { left: "50%", transform: "translateX(-50%)", right: "auto", top: top2, bottom: "auto" }; break; case "topLeft": style2 = { left: 0, top: top2, bottom: "auto" }; break; case "topRight": style2 = { right: 0, top: top2, bottom: "auto" }; break; case "bottom": style2 = { left: "50%", transform: "translateX(-50%)", right: "auto", top: "auto", bottom }; break; case "bottomLeft": style2 = { left: 0, top: "auto", bottom }; break; default: style2 = { right: 0, top: "auto", bottom }; break; } return style2; } function getMotion(prefixCls) { return { name: `${prefixCls}-fade` }; } var __rest$9 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const DEFAULT_OFFSET = 24; const DEFAULT_DURATION = 4.5; const Holder = require$$0.defineComponent({ name: "Holder", inheritAttrs: false, props: ["prefixCls", "class", "type", "icon", "content", "onAllRemoved"], setup(props2, _ref) { let { expose } = _ref; const { getPrefixCls, getPopupContainer } = useConfigInject("notification", props2); const prefixCls = require$$0.computed(() => props2.prefixCls || getPrefixCls("notification")); const getStyles = (placement) => { var _a, _b; return getPlacementStyle(placement, (_a = props2.top) !== null && _a !== void 0 ? _a : DEFAULT_OFFSET, (_b = props2.bottom) !== null && _b !== void 0 ? _b : DEFAULT_OFFSET); }; const [, hashId] = useStyle$5(prefixCls); const getClassName = () => classNames(hashId.value, { [`${prefixCls.value}-rtl`]: props2.rtl }); const getNotificationMotion = () => getMotion(prefixCls.value); const [api2, holder] = useNotification$1({ prefixCls: prefixCls.value, getStyles, getClassName, motion: getNotificationMotion, closable: true, closeIcon: getCloseIcon(prefixCls.value), duration: DEFAULT_DURATION, getContainer: () => { var _a, _b; return ((_a = props2.getPopupContainer) === null || _a === void 0 ? void 0 : _a.call(props2)) || ((_b = getPopupContainer.value) === null || _b === void 0 ? void 0 : _b.call(getPopupContainer)) || document.body; }, maxCount: props2.maxCount, hashId: hashId.value, onAllRemoved: props2.onAllRemoved }); expose(_extends(_extends({}, api2), { prefixCls: prefixCls.value, hashId })); return holder; } }); function useInternalNotification(notificationConfig) { const holderRef = require$$0.shallowRef(null); const holderKey = Symbol("notificationHolderKey"); const open = (config) => { if (!holderRef.value) { return; } const { open: originOpen, prefixCls, hashId } = holderRef.value; const noticePrefixCls = `${prefixCls}-notice`; const { message: message2, description, icon, type, btn, class: className } = config, restConfig = __rest$9(config, ["message", "description", "icon", "type", "btn", "class"]); return originOpen(_extends(_extends({ placement: "topRight" }, restConfig), { content: () => require$$0.createVNode(PureContent, { "prefixCls": noticePrefixCls, "icon": typeof icon === "function" ? icon() : icon, "type": type, "message": typeof message2 === "function" ? message2() : message2, "description": typeof description === "function" ? description() : description, "btn": typeof btn === "function" ? btn() : btn }, null), // @ts-ignore class: classNames(type && `${noticePrefixCls}-${type}`, hashId, className) })); }; const destroy = (key2) => { var _a, _b; if (key2 !== void 0) { (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.close(key2); } else { (_b = holderRef.value) === null || _b === void 0 ? void 0 : _b.destroy(); } }; const wrapAPI = { open, destroy }; const keys2 = ["success", "info", "warning", "error"]; keys2.forEach((type) => { wrapAPI[type] = (config) => open(_extends(_extends({}, config), { type })); }); return [wrapAPI, () => require$$0.createVNode(Holder, _objectSpread2$1(_objectSpread2$1({ "key": holderKey }, notificationConfig), {}, { "ref": holderRef }), null)]; } function useNotification(notificationConfig) { return useInternalNotification(notificationConfig); } const notificationInstance = {}; let defaultDuration = 4.5; let defaultTop = "24px"; let defaultBottom = "24px"; let defaultPrefixCls$1 = ""; let defaultPlacement = "topRight"; let defaultGetContainer = () => document.body; let defaultCloseIcon = null; let rtl = false; let maxCount; function setNotificationConfig(options) { const { duration, placement, bottom, top: top2, getContainer: getContainer2, closeIcon, prefixCls } = options; if (prefixCls !== void 0) { defaultPrefixCls$1 = prefixCls; } if (duration !== void 0) { defaultDuration = duration; } if (placement !== void 0) { defaultPlacement = placement; } if (bottom !== void 0) { defaultBottom = typeof bottom === "number" ? `${bottom}px` : bottom; } if (top2 !== void 0) { defaultTop = typeof top2 === "number" ? `${top2}px` : top2; } if (getContainer2 !== void 0) { defaultGetContainer = getContainer2; } if (closeIcon !== void 0) { defaultCloseIcon = closeIcon; } if (options.rtl !== void 0) { rtl = options.rtl; } if (options.maxCount !== void 0) { maxCount = options.maxCount; } } function getNotificationInstance(_ref, callback) { let { prefixCls: customizePrefixCls, placement = defaultPlacement, getContainer: getContainer2 = defaultGetContainer, top: top2, bottom, closeIcon = defaultCloseIcon, appContext } = _ref; const { getPrefixCls } = globalConfig(); const prefixCls = getPrefixCls("notification", customizePrefixCls || defaultPrefixCls$1); const cacheKey = `${prefixCls}-${placement}-${rtl}`; const cacheInstance = notificationInstance[cacheKey]; if (cacheInstance) { Promise.resolve(cacheInstance).then((instance) => { callback(instance); }); return; } const notificationClass = classNames(`${prefixCls}-${placement}`, { [`${prefixCls}-rtl`]: rtl === true }); Notification$2.newInstance({ name: "notification", prefixCls: customizePrefixCls || defaultPrefixCls$1, useStyle: useStyle$5, class: notificationClass, style: getPlacementStyle(placement, top2 !== null && top2 !== void 0 ? top2 : defaultTop, bottom !== null && bottom !== void 0 ? bottom : defaultBottom), appContext, getContainer: getContainer2, closeIcon: (_ref2) => { let { prefixCls: prefixCls2 } = _ref2; const closeIconToRender = require$$0.createVNode("span", { "class": `${prefixCls2}-close-x` }, [renderHelper(closeIcon, {}, require$$0.createVNode(CloseOutlined$2, { "class": `${prefixCls2}-close-icon` }, null))]); return closeIconToRender; }, maxCount, hasTransitionName: true }, (notification2) => { notificationInstance[cacheKey] = notification2; callback(notification2); }); } const typeToIcon = { success: CheckCircleOutlined$1, info: InfoCircleOutlined$1, error: CloseCircleOutlined$1, warning: ExclamationCircleOutlined$1 }; function notice(args) { const { icon, type, description, message: message2, btn } = args; const duration = args.duration === void 0 ? defaultDuration : args.duration; getNotificationInstance(args, (notification2) => { notification2.notice({ content: (_ref3) => { let { prefixCls: outerPrefixCls } = _ref3; const prefixCls = `${outerPrefixCls}-notice`; let iconNode = null; if (icon) { iconNode = () => require$$0.createVNode("span", { "class": `${prefixCls}-icon` }, [renderHelper(icon)]); } else if (type) { const Icon2 = typeToIcon[type]; iconNode = () => require$$0.createVNode(Icon2, { "class": `${prefixCls}-icon ${prefixCls}-icon-${type}` }, null); } return require$$0.createVNode("div", { "class": iconNode ? `${prefixCls}-with-icon` : "" }, [iconNode && iconNode(), require$$0.createVNode("div", { "class": `${prefixCls}-message` }, [!description && iconNode ? require$$0.createVNode("span", { "class": `${prefixCls}-message-single-line-auto-margin` }, null) : null, renderHelper(message2)]), require$$0.createVNode("div", { "class": `${prefixCls}-description` }, [renderHelper(description)]), btn ? require$$0.createVNode("span", { "class": `${prefixCls}-btn` }, [renderHelper(btn)]) : null]); }, duration, closable: true, onClose: args.onClose, onClick: args.onClick, key: args.key, style: args.style || {}, class: args.class }); }); } const api = { open: notice, close(key2) { Object.keys(notificationInstance).forEach((cacheKey) => Promise.resolve(notificationInstance[cacheKey]).then((instance) => { instance.removeNotice(key2); })); }, config: setNotificationConfig, destroy() { Object.keys(notificationInstance).forEach((cacheKey) => { Promise.resolve(notificationInstance[cacheKey]).then((instance) => { instance.destroy(); }); delete notificationInstance[cacheKey]; }); } }; const iconTypes = ["success", "info", "warning", "error"]; iconTypes.forEach((type) => { api[type] = (args) => api.open(_extends(_extends({}, args), { type })); }); api.warn = api.warning; api.useNotification = useNotification; const notification = api; const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`; function getStyle(globalPrefixCls, theme) { const variables = {}; const formatColor = (color, updater) => { let clone = color.clone(); clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone; return clone.toRgbString(); }; const fillColor = (colorVal, type) => { const baseColor = new TinyColor(colorVal); const colorPalettes = generate$1(baseColor.toRgbString()); variables[`${type}-color`] = formatColor(baseColor); variables[`${type}-color-disabled`] = colorPalettes[1]; variables[`${type}-color-hover`] = colorPalettes[4]; variables[`${type}-color-active`] = colorPalettes[6]; variables[`${type}-color-outline`] = baseColor.clone().setAlpha(0.2).toRgbString(); variables[`${type}-color-deprecated-bg`] = colorPalettes[0]; variables[`${type}-color-deprecated-border`] = colorPalettes[2]; }; if (theme.primaryColor) { fillColor(theme.primaryColor, "primary"); const primaryColor = new TinyColor(theme.primaryColor); const primaryColors = generate$1(primaryColor.toRgbString()); primaryColors.forEach((color, index2) => { variables[`primary-${index2 + 1}`] = color; }); variables["primary-color-deprecated-l-35"] = formatColor(primaryColor, (c2) => c2.lighten(35)); variables["primary-color-deprecated-l-20"] = formatColor(primaryColor, (c2) => c2.lighten(20)); variables["primary-color-deprecated-t-20"] = formatColor(primaryColor, (c2) => c2.tint(20)); variables["primary-color-deprecated-t-50"] = formatColor(primaryColor, (c2) => c2.tint(50)); variables["primary-color-deprecated-f-12"] = formatColor(primaryColor, (c2) => c2.setAlpha(c2.getAlpha() * 0.12)); const primaryActiveColor = new TinyColor(primaryColors[0]); variables["primary-color-active-deprecated-f-30"] = formatColor(primaryActiveColor, (c2) => c2.setAlpha(c2.getAlpha() * 0.3)); variables["primary-color-active-deprecated-d-02"] = formatColor(primaryActiveColor, (c2) => c2.darken(2)); } if (theme.successColor) { fillColor(theme.successColor, "success"); } if (theme.warningColor) { fillColor(theme.warningColor, "warning"); } if (theme.errorColor) { fillColor(theme.errorColor, "error"); } if (theme.infoColor) { fillColor(theme.infoColor, "info"); } const cssList = Object.keys(variables).map((key2) => `--${globalPrefixCls}-${key2}: ${variables[key2]};`); return ` :root { ${cssList.join("\n")} } `.trim(); } function registerTheme(globalPrefixCls, theme) { const style2 = getStyle(globalPrefixCls, theme); if (canUseDom$1()) { updateCSS$1(style2, `${dynamicStyleMark}-dynamic-theme`); } } const useStyle$3 = (iconPrefixCls) => { const [theme, token2] = useToken(); return useStyleRegister(require$$0.computed(() => ({ theme: theme.value, token: token2.value, hashId: "", path: ["ant-design-icons", iconPrefixCls.value] })), () => [{ [`.${iconPrefixCls.value}`]: _extends(_extends({}, resetIcon()), { [`.${iconPrefixCls.value} .${iconPrefixCls.value}-icon`]: { display: "block" } }) }]); }; const useStyle$4 = useStyle$3; function useTheme(theme, parentTheme) { const themeConfig = require$$0.computed(() => (theme === null || theme === void 0 ? void 0 : theme.value) || {}); const parentThemeConfig = require$$0.computed(() => themeConfig.value.inherit === false || !(parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.value) ? defaultConfig : parentTheme.value); const mergedTheme = require$$0.computed(() => { if (!(theme === null || theme === void 0 ? void 0 : theme.value)) { return parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.value; } const mergedComponents = _extends({}, parentThemeConfig.value.components); Object.keys(theme.value.components || {}).forEach((componentName) => { mergedComponents[componentName] = _extends(_extends({}, mergedComponents[componentName]), theme.value.components[componentName]); }); return _extends(_extends(_extends({}, parentThemeConfig.value), themeConfig.value), { token: _extends(_extends({}, parentThemeConfig.value.token), themeConfig.value.token), components: mergedComponents }); }); return mergedTheme; } var __rest$8 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const defaultPrefixCls = "ant"; function getGlobalPrefixCls() { return globalConfigForApi.prefixCls || defaultPrefixCls; } function getGlobalIconPrefixCls() { return globalConfigForApi.iconPrefixCls || defaultIconPrefixCls; } const globalConfigBySet = require$$0.reactive({}); const globalConfigForApi = require$$0.reactive({}); require$$0.watchEffect(() => { _extends(globalConfigForApi, globalConfigBySet); globalConfigForApi.prefixCls = getGlobalPrefixCls(); globalConfigForApi.iconPrefixCls = getGlobalIconPrefixCls(); globalConfigForApi.getPrefixCls = (suffixCls, customizePrefixCls) => { if (customizePrefixCls) return customizePrefixCls; return suffixCls ? `${globalConfigForApi.prefixCls}-${suffixCls}` : globalConfigForApi.prefixCls; }; globalConfigForApi.getRootPrefixCls = () => { if (globalConfigForApi.prefixCls) { return globalConfigForApi.prefixCls; } return getGlobalPrefixCls(); }; }); let stopWatchEffect; const setGlobalConfig = (params) => { if (stopWatchEffect) { stopWatchEffect(); } stopWatchEffect = require$$0.watchEffect(() => { _extends(globalConfigBySet, require$$0.reactive(params)); _extends(globalConfigForApi, require$$0.reactive(params)); }); if (params.theme) { registerTheme(getGlobalPrefixCls(), params.theme); } }; const globalConfig = () => ({ getPrefixCls: (suffixCls, customizePrefixCls) => { if (customizePrefixCls) return customizePrefixCls; return suffixCls ? `${getGlobalPrefixCls()}-${suffixCls}` : getGlobalPrefixCls(); }, getIconPrefixCls: getGlobalIconPrefixCls, getRootPrefixCls: () => { if (globalConfigForApi.prefixCls) { return globalConfigForApi.prefixCls; } return getGlobalPrefixCls(); } }); const ConfigProvider = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AConfigProvider", inheritAttrs: false, props: configProviderProps(), setup(props2, _ref) { let { slots } = _ref; const parentContext = useConfigContextInject(); const getPrefixCls = (suffixCls, customizePrefixCls) => { const { prefixCls = "ant" } = props2; if (customizePrefixCls) return customizePrefixCls; const mergedPrefixCls = prefixCls || parentContext.getPrefixCls(""); return suffixCls ? `${mergedPrefixCls}-${suffixCls}` : mergedPrefixCls; }; const iconPrefixCls = require$$0.computed(() => props2.iconPrefixCls || parentContext.iconPrefixCls.value || defaultIconPrefixCls); const shouldWrapSSR = require$$0.computed(() => iconPrefixCls.value !== parentContext.iconPrefixCls.value); const csp = require$$0.computed(() => { var _a; return props2.csp || ((_a = parentContext.csp) === null || _a === void 0 ? void 0 : _a.value); }); const wrapSSR = useStyle$4(iconPrefixCls); const mergedTheme = useTheme(require$$0.computed(() => props2.theme), require$$0.computed(() => { var _a; return (_a = parentContext.theme) === null || _a === void 0 ? void 0 : _a.value; })); const renderEmptyComponent = (name) => { const renderEmpty$1 = props2.renderEmpty || slots.renderEmpty || parentContext.renderEmpty || renderEmpty; return renderEmpty$1(name); }; const autoInsertSpaceInButton = require$$0.computed(() => { var _a, _b; return (_a = props2.autoInsertSpaceInButton) !== null && _a !== void 0 ? _a : (_b = parentContext.autoInsertSpaceInButton) === null || _b === void 0 ? void 0 : _b.value; }); const locale2 = require$$0.computed(() => { var _a; return props2.locale || ((_a = parentContext.locale) === null || _a === void 0 ? void 0 : _a.value); }); require$$0.watch(locale2, () => { globalConfigBySet.locale = locale2.value; }, { immediate: true }); const direction = require$$0.computed(() => { var _a; return props2.direction || ((_a = parentContext.direction) === null || _a === void 0 ? void 0 : _a.value); }); const space = require$$0.computed(() => { var _a, _b; return (_a = props2.space) !== null && _a !== void 0 ? _a : (_b = parentContext.space) === null || _b === void 0 ? void 0 : _b.value; }); const virtual = require$$0.computed(() => { var _a, _b; return (_a = props2.virtual) !== null && _a !== void 0 ? _a : (_b = parentContext.virtual) === null || _b === void 0 ? void 0 : _b.value; }); const dropdownMatchSelectWidth = require$$0.computed(() => { var _a, _b; return (_a = props2.dropdownMatchSelectWidth) !== null && _a !== void 0 ? _a : (_b = parentContext.dropdownMatchSelectWidth) === null || _b === void 0 ? void 0 : _b.value; }); const getTargetContainer = require$$0.computed(() => { var _a; return props2.getTargetContainer !== void 0 ? props2.getTargetContainer : (_a = parentContext.getTargetContainer) === null || _a === void 0 ? void 0 : _a.value; }); const getPopupContainer = require$$0.computed(() => { var _a; return props2.getPopupContainer !== void 0 ? props2.getPopupContainer : (_a = parentContext.getPopupContainer) === null || _a === void 0 ? void 0 : _a.value; }); const pageHeader = require$$0.computed(() => { var _a; return props2.pageHeader !== void 0 ? props2.pageHeader : (_a = parentContext.pageHeader) === null || _a === void 0 ? void 0 : _a.value; }); const input = require$$0.computed(() => { var _a; return props2.input !== void 0 ? props2.input : (_a = parentContext.input) === null || _a === void 0 ? void 0 : _a.value; }); const pagination = require$$0.computed(() => { var _a; return props2.pagination !== void 0 ? props2.pagination : (_a = parentContext.pagination) === null || _a === void 0 ? void 0 : _a.value; }); const form = require$$0.computed(() => { var _a; return props2.form !== void 0 ? props2.form : (_a = parentContext.form) === null || _a === void 0 ? void 0 : _a.value; }); const select = require$$0.computed(() => { var _a; return props2.select !== void 0 ? props2.select : (_a = parentContext.select) === null || _a === void 0 ? void 0 : _a.value; }); const componentSize = require$$0.computed(() => props2.componentSize); const componentDisabled = require$$0.computed(() => props2.componentDisabled); const configProvider = { csp, autoInsertSpaceInButton, locale: locale2, direction, space, virtual, dropdownMatchSelectWidth, getPrefixCls, iconPrefixCls, theme: require$$0.computed(() => { var _a, _b; return (_a = mergedTheme.value) !== null && _a !== void 0 ? _a : (_b = parentContext.theme) === null || _b === void 0 ? void 0 : _b.value; }), renderEmpty: renderEmptyComponent, getTargetContainer, getPopupContainer, pageHeader, input, pagination, form, select, componentSize, componentDisabled, transformCellText: require$$0.computed(() => props2.transformCellText) }; const memoTheme = require$$0.computed(() => { const _a = mergedTheme.value || {}, { algorithm, token: token2 } = _a, rest = __rest$8(_a, ["algorithm", "token"]); const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : void 0; return _extends(_extends({}, rest), { theme: themeObj, token: _extends(_extends({}, defaultSeedToken), token2) }); }); const validateMessagesRef = require$$0.computed(() => { var _a, _b; let validateMessages = {}; if (locale2.value) { validateMessages = ((_a = locale2.value.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = defaultLocale.Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {}; } if (props2.form && props2.form.validateMessages) { validateMessages = _extends(_extends({}, validateMessages), props2.form.validateMessages); } return validateMessages; }); useConfigContextProvider(configProvider); useProvideGlobalForm({ validateMessages: validateMessagesRef }); useProviderSize(componentSize); useProviderDisabled(componentDisabled); const renderProvider = (legacyLocale) => { var _a, _b; let childNode = shouldWrapSSR.value ? wrapSSR((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots); if (props2.theme) { const _childNode = function() { return childNode; }(); childNode = require$$0.createVNode(DesignTokenProvider, { "value": memoTheme.value }, { default: () => [_childNode] }); } return require$$0.createVNode(locale$3, { "locale": locale2.value || legacyLocale, "ANT_MARK__": ANT_MARK }, { default: () => [childNode] }); }; require$$0.watchEffect(() => { if (direction.value) { message.config({ rtl: direction.value === "rtl" }); notification.config({ rtl: direction.value === "rtl" }); } }); return () => require$$0.createVNode(LocaleReceiver, { "children": (_2, __, legacyLocale) => renderProvider(legacyLocale) }, null); } }); ConfigProvider.config = setGlobalConfig; ConfigProvider.install = function(app) { app.component(ConfigProvider.name, ConfigProvider); }; const __unplugin_components_4 = ConfigProvider; const props = () => ({ prefixCls: String, width: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]), height: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]), style: { type: Object, default: void 0 }, class: String, rootClassName: String, rootStyle: objectType(), placement: { type: String }, wrapperClassName: String, level: { type: [String, Array] }, levelMove: { type: [Number, Function, Array] }, duration: String, ease: String, showMask: { type: Boolean, default: void 0 }, maskClosable: { type: Boolean, default: void 0 }, maskStyle: { type: Object, default: void 0 }, afterVisibleChange: Function, keyboard: { type: Boolean, default: void 0 }, contentWrapperStyle: arrayType(), autofocus: { type: Boolean, default: void 0 }, open: { type: Boolean, default: void 0 }, // Motion motion: functionType(), maskMotion: objectType() }); const drawerProps$1 = () => _extends(_extends({}, props()), { forceRender: { type: Boolean, default: void 0 }, getContainer: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.func, PropTypes$1.object, PropTypes$1.looseBool]) }); const drawerChildProps = () => _extends(_extends({}, props()), { getContainer: Function, getOpenCount: Function, scrollLocker: PropTypes$1.any, inline: Boolean }); function dataToArray(vars) { if (Array.isArray(vars)) { return vars; } return [vars]; } const transitionEndObject = { transition: "transitionend", WebkitTransition: "webkitTransitionEnd", MozTransition: "transitionend", OTransition: "oTransitionEnd otransitionend" }; Object.keys(transitionEndObject).filter((key2) => { if (typeof document === "undefined") { return false; } const html = document.getElementsByTagName("html")[0]; return key2 in (html ? html.style : {}); })[0]; const windowIsUndefined = !(typeof window !== "undefined" && window.document && window.document.createElement); var __rest$7 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const DrawerChild = require$$0.defineComponent({ compatConfig: { MODE: 3 }, inheritAttrs: false, props: drawerChildProps(), emits: ["close", "handleClick", "change"], setup(props2, _ref) { let { emit, slots } = _ref; const contentWrapper = require$$0.shallowRef(); const dom = require$$0.shallowRef(); const maskDom = require$$0.shallowRef(); const handlerDom = require$$0.shallowRef(); const contentDom = require$$0.shallowRef(); let levelDom = []; `drawer_id_${Number((Date.now() + Math.random()).toString().replace(".", Math.round(Math.random() * 9).toString())).toString(16)}`; require$$0.onMounted(() => { require$$0.nextTick(() => { var _a; const { open, getContainer: getContainer2, showMask, autofocus } = props2; const container = getContainer2 === null || getContainer2 === void 0 ? void 0 : getContainer2(); getLevelDom(props2); if (open) { if (container && container.parentNode === document.body) ; require$$0.nextTick(() => { if (autofocus) { domFocus(); } }); if (showMask) { (_a = props2.scrollLocker) === null || _a === void 0 ? void 0 : _a.lock(); } } }); }); require$$0.watch(() => props2.level, () => { getLevelDom(props2); }, { flush: "post" }); require$$0.watch(() => props2.open, () => { const { open, getContainer: getContainer2, scrollLocker, showMask, autofocus } = props2; const container = getContainer2 === null || getContainer2 === void 0 ? void 0 : getContainer2(); if (container && container.parentNode === document.body) ; if (open) { if (autofocus) { domFocus(); } if (showMask) { scrollLocker === null || scrollLocker === void 0 ? void 0 : scrollLocker.lock(); } } else { scrollLocker === null || scrollLocker === void 0 ? void 0 : scrollLocker.unLock(); } }, { flush: "post" }); require$$0.onUnmounted(() => { var _a; const { open } = props2; if (open) { document.body.style.touchAction = ""; } (_a = props2.scrollLocker) === null || _a === void 0 ? void 0 : _a.unLock(); }); require$$0.watch(() => props2.placement, (val) => { if (val) { contentDom.value = null; } }); const domFocus = () => { var _a, _b; (_b = (_a = dom.value) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a); }; const onClose = (e2) => { emit("close", e2); }; const onKeyDown = (e2) => { if (e2.keyCode === KeyCode$1.ESC) { e2.stopPropagation(); onClose(e2); } }; const onAfterVisibleChange = () => { const { open, afterVisibleChange } = props2; if (afterVisibleChange) { afterVisibleChange(!!open); } }; const getLevelDom = (_ref2) => { let { level, getContainer: getContainer2 } = _ref2; if (windowIsUndefined) { return; } const container = getContainer2 === null || getContainer2 === void 0 ? void 0 : getContainer2(); const parent = container ? container.parentNode : null; levelDom = []; if (level === "all") { const children = parent ? Array.prototype.slice.call(parent.children) : []; children.forEach((child) => { if (child.nodeName !== "SCRIPT" && child.nodeName !== "STYLE" && child.nodeName !== "LINK" && child !== container) { levelDom.push(child); } }); } else if (level) { dataToArray(level).forEach((key2) => { document.querySelectorAll(key2).forEach((item) => { levelDom.push(item); }); }); } }; const onHandleClick = (e2) => { emit("handleClick", e2); }; const canOpen = require$$0.shallowRef(false); require$$0.watch(dom, () => { require$$0.nextTick(() => { canOpen.value = true; }); }); return () => { var _a, _b; const { width, height, open: $open, prefixCls, placement, level, levelMove, ease, duration, getContainer: getContainer2, onChange, afterVisibleChange, showMask, maskClosable, maskStyle, keyboard, getOpenCount, scrollLocker, contentWrapperStyle, style: style2, class: className, rootClassName, rootStyle, maskMotion, motion, inline } = props2, otherProps = __rest$7(props2, ["width", "height", "open", "prefixCls", "placement", "level", "levelMove", "ease", "duration", "getContainer", "onChange", "afterVisibleChange", "showMask", "maskClosable", "maskStyle", "keyboard", "getOpenCount", "scrollLocker", "contentWrapperStyle", "style", "class", "rootClassName", "rootStyle", "maskMotion", "motion", "inline"]); const open = $open && canOpen.value; const wrapperClassName = classNames(prefixCls, { [`${prefixCls}-${placement}`]: true, [`${prefixCls}-open`]: open, [`${prefixCls}-inline`]: inline, "no-mask": !showMask, [rootClassName]: true }); const motionProps = typeof motion === "function" ? motion(placement) : motion; return require$$0.createVNode("div", _objectSpread2$1(_objectSpread2$1({}, omit(otherProps, ["autofocus"])), {}, { "tabindex": -1, "class": wrapperClassName, "style": rootStyle, "ref": dom, "onKeydown": open && keyboard ? onKeyDown : void 0 }), [require$$0.createVNode(require$$0.Transition, maskMotion, { default: () => [showMask && require$$0.withDirectives(require$$0.createVNode("div", { "class": `${prefixCls}-mask`, "onClick": maskClosable ? onClose : void 0, "style": maskStyle, "ref": maskDom }, null), [[require$$0.vShow, open]])] }), require$$0.createVNode(require$$0.Transition, _objectSpread2$1(_objectSpread2$1({}, motionProps), {}, { "onAfterEnter": onAfterVisibleChange, "onAfterLeave": onAfterVisibleChange }), { default: () => [require$$0.withDirectives(require$$0.createVNode("div", { "class": `${prefixCls}-content-wrapper`, "style": [contentWrapperStyle], "ref": contentWrapper }, [require$$0.createVNode("div", { "class": [`${prefixCls}-content`, className], "style": style2, "ref": contentDom }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), slots.handler ? require$$0.createVNode("div", { "onClick": onHandleClick, "ref": handlerDom }, [(_b = slots.handler) === null || _b === void 0 ? void 0 : _b.call(slots)]) : null]), [[require$$0.vShow, open]])] })]); }; } }); const Child = DrawerChild; var __rest$6 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const DrawerWrapper = require$$0.defineComponent({ compatConfig: { MODE: 3 }, inheritAttrs: false, props: initDefaultProps$1(drawerProps$1(), { prefixCls: "drawer", placement: "left", getContainer: "body", level: "all", duration: ".3s", ease: "cubic-bezier(0.78, 0.14, 0.15, 0.86)", afterVisibleChange: () => { }, showMask: true, maskClosable: true, maskStyle: {}, wrapperClassName: "", keyboard: true, forceRender: false, autofocus: true }), emits: ["handleClick", "close"], setup(props2, _ref) { let { emit, slots } = _ref; const dom = require$$0.ref(null); const onHandleClick = (e2) => { emit("handleClick", e2); }; const onClose = (e2) => { emit("close", e2); }; return () => { const { getContainer: getContainer2, wrapperClassName, rootClassName, rootStyle, forceRender } = props2, otherProps = __rest$6(props2, ["getContainer", "wrapperClassName", "rootClassName", "rootStyle", "forceRender"]); let portal = null; if (!getContainer2) { return require$$0.createVNode(Child, _objectSpread2$1(_objectSpread2$1({}, otherProps), {}, { "rootClassName": rootClassName, "rootStyle": rootStyle, "open": props2.open, "onClose": onClose, "onHandleClick": onHandleClick, "inline": true }), slots); } const $forceRender = !!slots.handler || forceRender; if ($forceRender || props2.open || dom.value) { portal = require$$0.createVNode(Portal, { "autoLock": true, "visible": props2.open, "forceRender": $forceRender, "getContainer": getContainer2, "wrapperClassName": wrapperClassName }, { default: (_a) => { var { visible, afterClose } = _a, rest = __rest$6(_a, ["visible", "afterClose"]); return require$$0.createVNode(Child, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({ "ref": dom }, otherProps), rest), {}, { "rootClassName": rootClassName, "rootStyle": rootStyle, "open": visible !== void 0 ? visible : props2.open, "afterVisibleChange": afterClose !== void 0 ? afterClose : props2.afterVisibleChange, "onClose": onClose, "onHandleClick": onHandleClick }), slots); } }); } return portal; }; } }); const Drawer$1 = DrawerWrapper; const genMotionStyle = (token2) => { const { componentCls, motionDurationSlow } = token2; const sharedPanelMotion = { "&-enter, &-appear, &-leave": { "&-start": { transition: "none" }, "&-active": { transition: `all ${motionDurationSlow}` } } }; return { [componentCls]: { // ======================== Mask ======================== [`${componentCls}-mask-motion`]: { "&-enter, &-appear, &-leave": { "&-active": { transition: `all ${motionDurationSlow}` } }, "&-enter, &-appear": { opacity: 0, "&-active": { opacity: 1 } }, "&-leave": { opacity: 1, "&-active": { opacity: 0 } } }, // ======================= Panel ======================== [`${componentCls}-panel-motion`]: { // Left "&-left": [sharedPanelMotion, { "&-enter, &-appear": { "&-start": { transform: "translateX(-100%) !important" }, "&-active": { transform: "translateX(0)" } }, "&-leave": { transform: "translateX(0)", "&-active": { transform: "translateX(-100%)" } } }], // Right "&-right": [sharedPanelMotion, { "&-enter, &-appear": { "&-start": { transform: "translateX(100%) !important" }, "&-active": { transform: "translateX(0)" } }, "&-leave": { transform: "translateX(0)", "&-active": { transform: "translateX(100%)" } } }], // Top "&-top": [sharedPanelMotion, { "&-enter, &-appear": { "&-start": { transform: "translateY(-100%) !important" }, "&-active": { transform: "translateY(0)" } }, "&-leave": { transform: "translateY(0)", "&-active": { transform: "translateY(-100%)" } } }], // Bottom "&-bottom": [sharedPanelMotion, { "&-enter, &-appear": { "&-start": { transform: "translateY(100%) !important" }, "&-active": { transform: "translateY(0)" } }, "&-leave": { transform: "translateY(0)", "&-active": { transform: "translateY(100%)" } } }] } } }; }; const genMotionStyle$1 = genMotionStyle; const genDrawerStyle = (token2) => { const { componentCls, zIndexPopup, colorBgMask, colorBgElevated, motionDurationSlow, motionDurationMid, padding, paddingLG, fontSizeLG, lineHeightLG, lineWidth, lineType, colorSplit, marginSM, colorIcon, colorIconHover, colorText, fontWeightStrong, drawerFooterPaddingVertical, drawerFooterPaddingHorizontal } = token2; const wrapperCls = `${componentCls}-content-wrapper`; return { [componentCls]: { position: "fixed", inset: 0, zIndex: zIndexPopup, pointerEvents: "none", "&-pure": { position: "relative", background: colorBgElevated, [`&${componentCls}-left`]: { boxShadow: token2.boxShadowDrawerLeft }, [`&${componentCls}-right`]: { boxShadow: token2.boxShadowDrawerRight }, [`&${componentCls}-top`]: { boxShadow: token2.boxShadowDrawerUp }, [`&${componentCls}-bottom`]: { boxShadow: token2.boxShadowDrawerDown } }, "&-inline": { position: "absolute" }, // ====================== Mask ====================== [`${componentCls}-mask`]: { position: "absolute", inset: 0, zIndex: zIndexPopup, background: colorBgMask, pointerEvents: "auto" }, // ==================== Content ===================== [wrapperCls]: { position: "absolute", zIndex: zIndexPopup, transition: `all ${motionDurationSlow}`, "&-hidden": { display: "none" } }, // Placement [`&-left > ${wrapperCls}`]: { top: 0, bottom: 0, left: { _skip_check_: true, value: 0 }, boxShadow: token2.boxShadowDrawerLeft }, [`&-right > ${wrapperCls}`]: { top: 0, right: { _skip_check_: true, value: 0 }, bottom: 0, boxShadow: token2.boxShadowDrawerRight }, [`&-top > ${wrapperCls}`]: { top: 0, insetInline: 0, boxShadow: token2.boxShadowDrawerUp }, [`&-bottom > ${wrapperCls}`]: { bottom: 0, insetInline: 0, boxShadow: token2.boxShadowDrawerDown }, [`${componentCls}-content`]: { width: "100%", height: "100%", overflow: "auto", background: colorBgElevated, pointerEvents: "auto" }, // ===================== Panel ====================== [`${componentCls}-wrapper-body`]: { display: "flex", flexDirection: "column", width: "100%", height: "100%" }, // Header [`${componentCls}-header`]: { display: "flex", flex: 0, alignItems: "center", padding: `${padding}px ${paddingLG}px`, fontSize: fontSizeLG, lineHeight: lineHeightLG, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, "&-title": { display: "flex", flex: 1, alignItems: "center", minWidth: 0, minHeight: 0 } }, [`${componentCls}-extra`]: { flex: "none" }, [`${componentCls}-close`]: { display: "inline-block", marginInlineEnd: marginSM, color: colorIcon, fontWeight: fontWeightStrong, fontSize: fontSizeLG, fontStyle: "normal", lineHeight: 1, textAlign: "center", textTransform: "none", textDecoration: "none", background: "transparent", border: 0, outline: 0, cursor: "pointer", transition: `color ${motionDurationMid}`, textRendering: "auto", "&:focus, &:hover": { color: colorIconHover, textDecoration: "none" } }, [`${componentCls}-title`]: { flex: 1, margin: 0, color: colorText, fontWeight: token2.fontWeightStrong, fontSize: fontSizeLG, lineHeight: lineHeightLG }, // Body [`${componentCls}-body`]: { flex: 1, minWidth: 0, minHeight: 0, padding: paddingLG, overflow: "auto" }, // Footer [`${componentCls}-footer`]: { flexShrink: 0, padding: `${drawerFooterPaddingVertical}px ${drawerFooterPaddingHorizontal}px`, borderTop: `${lineWidth}px ${lineType} ${colorSplit}` }, // ====================== RTL ======================= "&-rtl": { direction: "rtl" } } }; }; const useStyle$2 = genComponentStyleHook("Drawer", (token2) => { const drawerToken = merge(token2, { drawerFooterPaddingVertical: token2.paddingXS, drawerFooterPaddingHorizontal: token2.padding }); return [genDrawerStyle(drawerToken), genMotionStyle$1(drawerToken)]; }, (token2) => ({ zIndexPopup: token2.zIndexPopupBase })); var __rest$5 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const PlacementTypes = ["top", "right", "bottom", "left"]; const defaultPushState = { distance: 180 }; const drawerProps = () => ({ autofocus: { type: Boolean, default: void 0 }, closable: { type: Boolean, default: void 0 }, closeIcon: PropTypes$1.any, destroyOnClose: { type: Boolean, default: void 0 }, forceRender: { type: Boolean, default: void 0 }, getContainer: { type: [String, Function, Boolean, Object], default: void 0 }, maskClosable: { type: Boolean, default: void 0 }, mask: { type: Boolean, default: void 0 }, maskStyle: objectType(), rootClassName: String, rootStyle: objectType(), size: { type: String }, drawerStyle: objectType(), headerStyle: objectType(), bodyStyle: objectType(), contentWrapperStyle: { type: Object, default: void 0 }, title: PropTypes$1.any, /** @deprecated Please use `open` instead */ visible: { type: Boolean, default: void 0 }, open: { type: Boolean, default: void 0 }, width: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]), height: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]), zIndex: Number, prefixCls: String, push: PropTypes$1.oneOfType([PropTypes$1.looseBool, { type: Object }]), placement: PropTypes$1.oneOf(PlacementTypes), keyboard: { type: Boolean, default: void 0 }, extra: PropTypes$1.any, footer: PropTypes$1.any, footerStyle: objectType(), level: PropTypes$1.any, levelMove: { type: [Number, Array, Function] }, handle: PropTypes$1.any, /** @deprecated Use `@afterVisibleChange` instead */ afterVisibleChange: Function, /** @deprecated Please use `@afterOpenChange` instead */ onAfterVisibleChange: Function, onAfterOpenChange: Function, /** @deprecated Please use `onUpdate:open` instead */ "onUpdate:visible": Function, "onUpdate:open": Function, onClose: Function }); const Drawer = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ADrawer", inheritAttrs: false, props: initDefaultProps$1(drawerProps(), { closable: true, placement: "right", maskClosable: true, mask: true, level: null, keyboard: true, push: defaultPushState }), slots: Object, // emits: ['update:visible', 'close', 'afterVisibleChange'], setup(props2, _ref) { let { emit, slots, attrs } = _ref; const sPush = require$$0.shallowRef(false); const destroyClose = require$$0.shallowRef(false); const vcDrawer = require$$0.shallowRef(null); const load = require$$0.shallowRef(false); const visible = require$$0.shallowRef(false); const mergedOpen = require$$0.computed(() => { var _a; return (_a = props2.open) !== null && _a !== void 0 ? _a : props2.visible; }); require$$0.watch(mergedOpen, () => { if (mergedOpen.value) { load.value = true; } else { visible.value = false; } }, { immediate: true }); require$$0.watch([mergedOpen, load], () => { if (mergedOpen.value && load.value) { visible.value = true; } }, { immediate: true }); const parentDrawerOpts = require$$0.inject("parentDrawerOpts", null); const { prefixCls, getPopupContainer, direction } = useConfigInject("drawer", props2); const [wrapSSR, hashId] = useStyle$2(prefixCls); const getContainer2 = require$$0.computed(() => ( // 有可能为 false，所以不能直接判断 props2.getContainer === void 0 && (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value) ? () => getPopupContainer.value(document.body) : props2.getContainer )); devWarning(!props2.afterVisibleChange, "Drawer", "`afterVisibleChange` prop is deprecated, please use `@afterVisibleChange` event instead"); const setPush = () => { sPush.value = true; }; const setPull = () => { sPush.value = false; require$$0.nextTick(() => { domFocus(); }); }; require$$0.provide("parentDrawerOpts", { setPush, setPull }); require$$0.onMounted(() => { if (mergedOpen.value && parentDrawerOpts) { parentDrawerOpts.setPush(); } }); require$$0.onUnmounted(() => { if (parentDrawerOpts) { parentDrawerOpts.setPull(); } }); require$$0.watch(visible, () => { if (parentDrawerOpts) { if (visible.value) { parentDrawerOpts.setPush(); } else { parentDrawerOpts.setPull(); } } }, { flush: "post" }); const domFocus = () => { var _a, _b; (_b = (_a = vcDrawer.value) === null || _a === void 0 ? void 0 : _a.domFocus) === null || _b === void 0 ? void 0 : _b.call(_a); }; const close = (e2) => { emit("update:visible", false); emit("update:open", false); emit("close", e2); }; const afterVisibleChange = (open) => { var _a; if (!open) { if (destroyClose.value === false) { destroyClose.value = true; } if (props2.destroyOnClose) { load.value = false; } } (_a = props2.afterVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props2, open); emit("afterVisibleChange", open); emit("afterOpenChange", open); }; const pushTransform = require$$0.computed(() => { const { push, placement } = props2; let distance; if (typeof push === "boolean") { distance = push ? defaultPushState.distance : 0; } else { distance = push.distance; } distance = parseFloat(String(distance || 0)); if (placement === "left" || placement === "right") { return `translateX(${placement === "left" ? distance : -distance}px)`; } if (placement === "top" || placement === "bottom") { return `translateY(${placement === "top" ? distance : -distance}px)`; } return null; }); const mergedWidth = require$$0.computed(() => { var _a; return (_a = props2.width) !== null && _a !== void 0 ? _a : props2.size === "large" ? 736 : 378; }); const mergedHeight = require$$0.computed(() => { var _a; return (_a = props2.height) !== null && _a !== void 0 ? _a : props2.size === "large" ? 736 : 378; }); const offsetStyle = require$$0.computed(() => { const { mask, placement } = props2; if (!visible.value && !mask) { return {}; } const val = {}; if (placement === "left" || placement === "right") { val.width = isNumeric$1(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value; } else { val.height = isNumeric$1(mergedHeight.value) ? `${mergedHeight.value}px` : mergedHeight.value; } return val; }); const wrapperStyle = require$$0.computed(() => { const { zIndex } = props2; const val = offsetStyle.value; return [{ zIndex, transform: sPush.value ? pushTransform.value : void 0 }, val]; }); const renderHeader = (prefixCls2) => { const { closable, headerStyle } = props2; const extra = getPropsSlot(slots, props2, "extra"); const title = getPropsSlot(slots, props2, "title"); if (!title && !closable) { return null; } return require$$0.createVNode("div", { "class": classNames(`${prefixCls2}-header`, { [`${prefixCls2}-header-close-only`]: closable && !title && !extra }), "style": headerStyle }, [require$$0.createVNode("div", { "class": `${prefixCls2}-header-title` }, [renderCloseIcon(prefixCls2), title && require$$0.createVNode("div", { "class": `${prefixCls2}-title` }, [title])]), extra && require$$0.createVNode("div", { "class": `${prefixCls2}-extra` }, [extra])]); }; const renderCloseIcon = (prefixCls2) => { var _a; const { closable } = props2; const $closeIcon = slots.closeIcon ? (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots) : props2.closeIcon; return closable && require$$0.createVNode("button", { "key": "closer", "onClick": close, "aria-label": "Close", "class": `${prefixCls2}-close` }, [$closeIcon === void 0 ? require$$0.createVNode(CloseOutlined$2, null, null) : $closeIcon]); }; const renderBody = (prefixCls2) => { var _a; if (destroyClose.value && !props2.forceRender && !load.value) { return null; } const { bodyStyle, drawerStyle } = props2; return require$$0.createVNode("div", { "class": `${prefixCls2}-wrapper-body`, "style": drawerStyle }, [renderHeader(prefixCls2), require$$0.createVNode("div", { "key": "body", "class": `${prefixCls2}-body`, "style": bodyStyle }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), renderFooter(prefixCls2)]); }; const renderFooter = (prefixCls2) => { const footer = getPropsSlot(slots, props2, "footer"); if (!footer) { return null; } const footerClassName = `${prefixCls2}-footer`; return require$$0.createVNode("div", { "class": footerClassName, "style": props2.footerStyle }, [footer]); }; const drawerClassName = require$$0.computed(() => classNames({ "no-mask": !props2.mask, [`${prefixCls.value}-rtl`]: direction.value === "rtl" }, props2.rootClassName, hashId.value)); const maskMotion = require$$0.computed(() => { return getTransitionProps(getTransitionName(prefixCls.value, "mask-motion")); }); const panelMotion = (motionPlacement) => { return getTransitionProps(getTransitionName(prefixCls.value, `panel-motion-${motionPlacement}`)); }; return () => { const { width, height, placement, mask, forceRender } = props2, rest = __rest$5(props2, ["width", "height", "placement", "mask", "forceRender"]); const vcDrawerProps = _extends(_extends(_extends({}, attrs), omit(rest, ["size", "closeIcon", "closable", "destroyOnClose", "drawerStyle", "headerStyle", "bodyStyle", "title", "push", "onAfterVisibleChange", "onClose", "onUpdate:visible", "onUpdate:open", "visible"])), { forceRender, onClose: close, afterVisibleChange, handler: false, prefixCls: prefixCls.value, open: visible.value, showMask: mask, placement, ref: vcDrawer }); return wrapSSR(require$$0.createVNode(NoCompactStyle, null, { default: () => [require$$0.createVNode(Drawer$1, _objectSpread2$1(_objectSpread2$1({}, vcDrawerProps), {}, { "maskMotion": maskMotion.value, "motion": panelMotion, "width": mergedWidth.value, "height": mergedHeight.value, "getContainer": getContainer2.value, "rootClassName": drawerClassName.value, "rootStyle": props2.rootStyle, "contentWrapperStyle": wrapperStyle.value }), { handler: props2.handle ? () => props2.handle : slots.handle, default: () => renderBody(prefixCls.value) })] })); }; } }); const __unplugin_components_0$1 = withInstall(Drawer); const isValid$1 = (value) => { return value !== void 0 && value !== null && (Array.isArray(value) ? filterEmpty(value).length : true); }; function hasPrefixSuffix(propsAndSlots) { return isValid$1(propsAndSlots.prefix) || isValid$1(propsAndSlots.suffix) || isValid$1(propsAndSlots.allowClear); } function hasAddon$1(propsAndSlots) { return isValid$1(propsAndSlots.addonBefore) || isValid$1(propsAndSlots.addonAfter); } function fixControlledValue(value) { if (typeof value === "undefined" || value === null) { return ""; } return String(value); } function resolveOnChange(target, e2, onChange, targetValue) { if (!onChange) { return; } const event = e2; if (e2.type === "click") { Object.defineProperty(event, "target", { writable: true }); Object.defineProperty(event, "currentTarget", { writable: true }); const currentTarget = target.cloneNode(true); event.target = currentTarget; event.currentTarget = currentTarget; currentTarget.value = ""; onChange(event); return; } if (targetValue !== void 0) { Object.defineProperty(event, "target", { writable: true }); Object.defineProperty(event, "currentTarget", { writable: true }); event.target = target; event.currentTarget = target; target.value = targetValue; onChange(event); return; } onChange(event); } function triggerFocus(element, option) { if (!element) return; element.focus(option); const { cursor } = option || {}; if (cursor) { const len = element.value.length; switch (cursor) { case "start": element.setSelectionRange(0, 0); break; case "end": element.setSelectionRange(len, len); break; default: element.setSelectionRange(0, len); } } } const commonInputProps = () => { return { addonBefore: PropTypes$1.any, addonAfter: PropTypes$1.any, prefix: PropTypes$1.any, suffix: PropTypes$1.any, clearIcon: PropTypes$1.any, affixWrapperClassName: String, groupClassName: String, wrapperClassName: String, inputClassName: String, allowClear: { type: Boolean, default: void 0 } }; }; const baseInputProps = () => { return _extends(_extends({}, commonInputProps()), { value: { type: [String, Number, Symbol], default: void 0 }, defaultValue: { type: [String, Number, Symbol], default: void 0 }, inputElement: PropTypes$1.any, prefixCls: String, disabled: { type: Boolean, default: void 0 }, focused: { type: Boolean, default: void 0 }, triggerFocus: Function, readonly: { type: Boolean, default: void 0 }, handleReset: Function, hidden: { type: Boolean, default: void 0 } }); }; const inputProps$2 = () => _extends(_extends({}, baseInputProps()), { id: String, placeholder: { type: [String, Number] }, autocomplete: String, type: stringType("text"), name: String, size: { type: String }, autofocus: { type: Boolean, default: void 0 }, lazy: { type: Boolean, default: true }, maxlength: Number, loading: { type: Boolean, default: void 0 }, bordered: { type: Boolean, default: void 0 }, showCount: { type: [Boolean, Object] }, htmlSize: Number, onPressEnter: Function, onKeydown: Function, onKeyup: Function, onFocus: Function, onBlur: Function, onChange: Function, onInput: Function, "onUpdate:value": Function, onCompositionstart: Function, onCompositionend: Function, valueModifiers: Object, hidden: { type: Boolean, default: void 0 }, status: String }); const BaseInput = require$$0.defineComponent({ name: "BaseInput", inheritAttrs: false, props: baseInputProps(), setup(props2, _ref) { let { slots, attrs } = _ref; const containerRef = require$$0.ref(); const onInputMouseDown = (e2) => { var _a; if ((_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.contains(e2.target)) { const { triggerFocus: triggerFocus2 } = props2; triggerFocus2 === null || triggerFocus2 === void 0 ? void 0 : triggerFocus2(); } }; const getClearIcon = () => { var _a; const { allowClear, value, disabled, readonly, handleReset, suffix = slots.suffix, prefixCls } = props2; if (!allowClear) { return null; } const needClear = !disabled && !readonly && value; const className = `${prefixCls}-clear-icon`; const iconNode = ((_a = slots.clearIcon) === null || _a === void 0 ? void 0 : _a.call(slots)) || "*"; return require$$0.createVNode("span", { "onClick": handleReset, "onMousedown": (e2) => e2.preventDefault(), "class": classNames({ [`${className}-hidden`]: !needClear, [`${className}-has-suffix`]: !!suffix }, className), "role": "button", "tabindex": -1 }, [iconNode]); }; return () => { var _a, _b; const { focused, value, disabled, allowClear, readonly, hidden, prefixCls, prefix = (_a = slots.prefix) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots), addonAfter = slots.addonAfter, addonBefore = slots.addonBefore, inputElement, affixWrapperClassName, wrapperClassName, groupClassName } = props2; let element = cloneElement(inputElement, { value, hidden }); if (hasPrefixSuffix({ prefix, suffix, allowClear })) { const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`; const affixWrapperCls = classNames(affixWrapperPrefixCls, { [`${affixWrapperPrefixCls}-disabled`]: disabled, [`${affixWrapperPrefixCls}-focused`]: focused, [`${affixWrapperPrefixCls}-readonly`]: readonly, [`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value }, !hasAddon$1({ addonAfter, addonBefore }) && attrs.class, affixWrapperClassName); const suffixNode = (suffix || allowClear) && require$$0.createVNode("span", { "class": `${prefixCls}-suffix` }, [getClearIcon(), suffix]); element = require$$0.createVNode("span", { "class": affixWrapperCls, "style": attrs.style, "hidden": !hasAddon$1({ addonAfter, addonBefore }) && hidden, "onMousedown": onInputMouseDown, "ref": containerRef }, [prefix && require$$0.createVNode("span", { "class": `${prefixCls}-prefix` }, [prefix]), cloneElement(inputElement, { style: null, value, hidden: null }), suffixNode]); } if (hasAddon$1({ addonAfter, addonBefore })) { const wrapperCls = `${prefixCls}-group`; const addonCls = `${wrapperCls}-addon`; const mergedWrapperClassName = classNames(`${prefixCls}-wrapper`, wrapperCls, wrapperClassName); const mergedGroupClassName = classNames(`${prefixCls}-group-wrapper`, attrs.class, groupClassName); return require$$0.createVNode("span", { "class": mergedGroupClassName, "style": attrs.style, "hidden": hidden }, [require$$0.createVNode("span", { "class": mergedWrapperClassName }, [addonBefore && require$$0.createVNode("span", { "class": addonCls }, [addonBefore]), cloneElement(element, { style: null, hidden: null }), addonAfter && require$$0.createVNode("span", { "class": addonCls }, [addonAfter])])]); } return element; }; } }); var __rest$4 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const VcInput = require$$0.defineComponent({ name: "VCInput", inheritAttrs: false, props: inputProps$2(), setup(props2, _ref) { let { slots, attrs, expose, emit } = _ref; const stateValue = require$$0.shallowRef(props2.value === void 0 ? props2.defaultValue : props2.value); const focused = require$$0.shallowRef(false); const inputRef = require$$0.shallowRef(); require$$0.watch(() => props2.value, () => { stateValue.value = props2.value; }); require$$0.watch(() => props2.disabled, () => { if (props2.disabled) { focused.value = false; } }); const focus = (option) => { if (inputRef.value) { triggerFocus(inputRef.value, option); } }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; const setSelectionRange = (start, end, direction) => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction); }; const select = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.select(); }; expose({ focus, blur, input: inputRef, stateValue, setSelectionRange, select }); const triggerChange = (e2) => { emit("change", e2); }; const instance = require$$0.getCurrentInstance(); const setValue = (value, callback) => { if (stateValue.value === value) { return; } if (props2.value === void 0) { stateValue.value = value; } else { require$$0.nextTick(() => { if (inputRef.value.value !== stateValue.value) { instance.update(); } }); } require$$0.nextTick(() => { callback && callback(); }); }; const handleChange = (e2) => { const { value, composing } = e2.target; if ((e2.isComposing || composing) && props2.lazy || stateValue.value === value) return; const newVal = e2.target.value; resolveOnChange(inputRef.value, e2, triggerChange); setValue(newVal); }; const handleKeyDown = (e2) => { if (e2.keyCode === 13) { emit("pressEnter", e2); } emit("keydown", e2); }; const handleFocus = (e2) => { focused.value = true; emit("focus", e2); }; const handleBlur = (e2) => { focused.value = false; emit("blur", e2); }; const handleReset = (e2) => { resolveOnChange(inputRef.value, e2, triggerChange); setValue("", () => { focus(); }); }; const getInputElement = () => { var _a, _b; const { addonBefore = slots.addonBefore, addonAfter = slots.addonAfter, disabled, valueModifiers = {}, htmlSize, autocomplete, prefixCls, inputClassName, prefix = (_a = slots.prefix) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots), allowClear, type = "text" } = props2; const otherProps = omit(props2, [ "prefixCls", "onPressEnter", "addonBefore", "addonAfter", "prefix", "suffix", "allowClear", // Input elements must be either controlled or uncontrolled, // specify either the value prop, or the defaultValue prop, but not both. "defaultValue", "size", "bordered", "htmlSize", "lazy", "showCount", "valueModifiers", "showCount", "affixWrapperClassName", "groupClassName", "inputClassName", "wrapperClassName" ]); const inputProps2 = _extends(_extends(_extends({}, otherProps), attrs), { autocomplete, onChange: handleChange, onInput: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeydown: handleKeyDown, class: classNames(prefixCls, { [`${prefixCls}-disabled`]: disabled }, inputClassName, !hasAddon$1({ addonAfter, addonBefore }) && !hasPrefixSuffix({ prefix, suffix, allowClear }) && attrs.class), ref: inputRef, key: "ant-input", size: htmlSize, type }); if (valueModifiers.lazy) { delete inputProps2.onInput; } if (!inputProps2.autofocus) { delete inputProps2.autofocus; } const inputNode = require$$0.createVNode("input", omit(inputProps2, ["size"]), null); return require$$0.withDirectives(inputNode, [[antInputDirective]]); }; const getSuffix = () => { var _a; const { maxlength, suffix = (_a = slots.suffix) === null || _a === void 0 ? void 0 : _a.call(slots), showCount, prefixCls } = props2; const hasMaxLength = Number(maxlength) > 0; if (suffix || showCount) { const valueLength = [...fixControlledValue(stateValue.value)].length; const dataCount = typeof showCount === "object" ? showCount.formatter({ count: valueLength, maxlength }) : `${valueLength}${hasMaxLength ? ` / ${maxlength}` : ""}`; return require$$0.createVNode(require$$0.Fragment, null, [!!showCount && require$$0.createVNode("span", { "class": classNames(`${prefixCls}-show-count-suffix`, { [`${prefixCls}-show-count-has-suffix`]: !!suffix }) }, [dataCount]), suffix]); } return null; }; require$$0.onMounted(() => { }); return () => { const { prefixCls, disabled } = props2, rest = __rest$4(props2, ["prefixCls", "disabled"]); return require$$0.createVNode(BaseInput, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, rest), attrs), {}, { "prefixCls": prefixCls, "inputElement": getInputElement(), "handleReset": handleReset, "value": fixControlledValue(stateValue.value), "focused": focused.value, "triggerFocus": focus, "suffix": getSuffix(), "disabled": disabled }), slots); }; } }); const inputProps = () => { return omit(inputProps$2(), ["wrapperClassName", "groupClassName", "inputClassName", "affixWrapperClassName"]); }; const inputProps$1 = inputProps; const textAreaProps = () => _extends(_extends({}, omit(inputProps(), ["prefix", "addonBefore", "addonAfter", "suffix"])), { rows: Number, autosize: { type: [Boolean, Object], default: void 0 }, autoSize: { type: [Boolean, Object], default: void 0 }, onResize: { type: Function }, onCompositionstart: eventType(), onCompositionend: eventType(), valueModifiers: Object }); var __rest$3 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const Input = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AInput", inheritAttrs: false, props: inputProps$1(), setup(props2, _ref) { let { slots, attrs, expose, emit } = _ref; const inputRef = require$$0.ref(); const formItemContext = useInjectFormItemContext(); const formItemInputContext = FormItemInputContext.useInject(); const mergedStatus = require$$0.computed(() => getMergedStatus(formItemInputContext.status, props2.status)); const { direction, prefixCls, size, autocomplete } = useConfigInject("input", props2); const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction); const mergedSize = require$$0.computed(() => { return compactSize.value || size.value; }); const [wrapSSR, hashId] = useStyle$8(prefixCls); const disabled = useInjectDisabled(); const focus = (option) => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(option); }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; const setSelectionRange = (start, end, direction2) => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction2); }; const select = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.select(); }; expose({ focus, blur, input: inputRef, setSelectionRange, select }); const removePasswordTimeoutRef = require$$0.ref([]); const removePasswordTimeout = () => { removePasswordTimeoutRef.value.push(setTimeout(() => { var _a, _b, _c, _d; if (((_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input) && ((_b = inputRef.value) === null || _b === void 0 ? void 0 : _b.input.getAttribute("type")) === "password" && ((_c = inputRef.value) === null || _c === void 0 ? void 0 : _c.input.hasAttribute("value"))) { (_d = inputRef.value) === null || _d === void 0 ? void 0 : _d.input.removeAttribute("value"); } })); }; require$$0.onMounted(() => { removePasswordTimeout(); }); require$$0.onBeforeUpdate(() => { removePasswordTimeoutRef.value.forEach((item) => clearTimeout(item)); }); require$$0.onBeforeUnmount(() => { removePasswordTimeoutRef.value.forEach((item) => clearTimeout(item)); }); const handleBlur = (e2) => { removePasswordTimeout(); emit("blur", e2); formItemContext.onFieldBlur(); }; const handleFocus = (e2) => { removePasswordTimeout(); emit("focus", e2); }; const triggerChange = (e2) => { emit("update:value", e2.target.value); emit("change", e2); emit("input", e2); formItemContext.onFieldChange(); }; return () => { var _a, _b, _c, _d, _e, _f; const { hasFeedback, feedbackIcon } = formItemInputContext; const { allowClear, bordered = true, prefix = (_a = slots.prefix) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots), addonAfter = (_c = slots.addonAfter) === null || _c === void 0 ? void 0 : _c.call(slots), addonBefore = (_d = slots.addonBefore) === null || _d === void 0 ? void 0 : _d.call(slots), id = (_e = formItemContext.id) === null || _e === void 0 ? void 0 : _e.value } = props2, rest = __rest$3(props2, ["allowClear", "bordered", "prefix", "suffix", "addonAfter", "addonBefore", "id"]); const suffixNode = (hasFeedback || suffix) && require$$0.createVNode(require$$0.Fragment, null, [suffix, hasFeedback && feedbackIcon]); const prefixClsValue = prefixCls.value; const inputHasPrefixSuffix = hasPrefixSuffix({ prefix, suffix }) || !!hasFeedback; const clearIcon = slots.clearIcon || (() => require$$0.createVNode(CloseCircleFilled$1, null, null)); return wrapSSR(require$$0.createVNode(VcInput, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, attrs), omit(rest, ["onUpdate:value", "onChange", "onInput"])), {}, { "onChange": triggerChange, "id": id, "disabled": (_f = props2.disabled) !== null && _f !== void 0 ? _f : disabled.value, "ref": inputRef, "prefixCls": prefixClsValue, "autocomplete": autocomplete.value, "onBlur": handleBlur, "onFocus": handleFocus, "prefix": prefix, "suffix": suffixNode, "allowClear": allowClear, "addonAfter": addonAfter && require$$0.createVNode(NoCompactStyle, null, { default: () => [require$$0.createVNode(NoFormStatus, null, { default: () => [addonAfter] })] }), "addonBefore": addonBefore && require$$0.createVNode(NoCompactStyle, null, { default: () => [require$$0.createVNode(NoFormStatus, null, { default: () => [addonBefore] })] }), "class": [attrs.class, compactItemClassnames.value], "inputClassName": classNames({ [`${prefixClsValue}-sm`]: mergedSize.value === "small", [`${prefixClsValue}-lg`]: mergedSize.value === "large", [`${prefixClsValue}-rtl`]: direction.value === "rtl", [`${prefixClsValue}-borderless`]: !bordered }, !inputHasPrefixSuffix && getStatusClassNames(prefixClsValue, mergedStatus.value), hashId.value), "affixWrapperClassName": classNames({ [`${prefixClsValue}-affix-wrapper-sm`]: mergedSize.value === "small", [`${prefixClsValue}-affix-wrapper-lg`]: mergedSize.value === "large", [`${prefixClsValue}-affix-wrapper-rtl`]: direction.value === "rtl", [`${prefixClsValue}-affix-wrapper-borderless`]: !bordered }, getStatusClassNames(`${prefixClsValue}-affix-wrapper`, mergedStatus.value, hasFeedback), hashId.value), "wrapperClassName": classNames({ [`${prefixClsValue}-group-rtl`]: direction.value === "rtl" }, hashId.value), "groupClassName": classNames({ [`${prefixClsValue}-group-wrapper-sm`]: mergedSize.value === "small", [`${prefixClsValue}-group-wrapper-lg`]: mergedSize.value === "large", [`${prefixClsValue}-group-wrapper-rtl`]: direction.value === "rtl" }, getStatusClassNames(`${prefixClsValue}-group-wrapper`, mergedStatus.value, hasFeedback), hashId.value) }), _extends(_extends({}, slots), { clearIcon }))); }; } }); const Group = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AInputGroup", inheritAttrs: false, props: { prefixCls: String, size: { type: String }, compact: { type: Boolean, default: void 0 } }, setup(props2, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction, getPrefixCls } = useConfigInject("input-group", props2); const formItemInputContext = FormItemInputContext.useInject(); FormItemInputContext.useProvide(formItemInputContext, { isFormItemInput: false }); const inputPrefixCls = require$$0.computed(() => getPrefixCls("input")); const [wrapSSR, hashId] = useStyle$8(inputPrefixCls); const cls = require$$0.computed(() => { const pre = prefixCls.value; return { [`${pre}`]: true, [hashId.value]: true, [`${pre}-lg`]: props2.size === "large", [`${pre}-sm`]: props2.size === "small", [`${pre}-compact`]: props2.compact, [`${pre}-rtl`]: direction.value === "rtl" }; }); return () => { var _a; return wrapSSR(require$$0.createVNode("span", _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "class": classNames(cls.value, attrs.class) }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } }); var __rest$2 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const Search = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AInputSearch", inheritAttrs: false, props: _extends(_extends({}, inputProps$1()), { inputPrefixCls: String, // 不能设置默认值 https://github.com/vueComponent/ant-design-vue/issues/1916 enterButton: PropTypes$1.any, onSearch: { type: Function } }), setup(props2, _ref) { let { slots, attrs, expose, emit } = _ref; const inputRef = require$$0.shallowRef(); const composedRef = require$$0.shallowRef(false); const focus = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); const onChange = (e2) => { emit("update:value", e2.target.value); if (e2 && e2.target && e2.type === "click") { emit("search", e2.target.value, e2); } emit("change", e2); }; const onMousedown = (e2) => { var _a; if (document.activeElement === ((_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input)) { e2.preventDefault(); } }; const onSearch = (e2) => { var _a, _b; emit("search", (_b = (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.stateValue, e2); }; const onPressEnter = (e2) => { if (composedRef.value || props2.loading) { return; } onSearch(e2); }; const handleOnCompositionStart = (e2) => { composedRef.value = true; emit("compositionstart", e2); }; const handleOnCompositionEnd = (e2) => { composedRef.value = false; emit("compositionend", e2); }; const { prefixCls, getPrefixCls, direction, size } = useConfigInject("input-search", props2); const inputPrefixCls = require$$0.computed(() => getPrefixCls("input", props2.inputPrefixCls)); return () => { var _a, _b, _c, _d; const { disabled, loading, addonAfter = (_a = slots.addonAfter) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots) } = props2, restProps = __rest$2(props2, ["disabled", "loading", "addonAfter", "suffix"]); let { enterButton = (_d = (_c = slots.enterButton) === null || _c === void 0 ? void 0 : _c.call(slots)) !== null && _d !== void 0 ? _d : false } = props2; enterButton = enterButton || enterButton === ""; const searchIcon = typeof enterButton === "boolean" ? require$$0.createVNode(SearchOutlined$1, null, null) : null; const btnClassName = `${prefixCls.value}-button`; const enterButtonAsElement = Array.isArray(enterButton) ? enterButton[0] : enterButton; let button; const isAntdButton = enterButtonAsElement.type && isPlainObject(enterButtonAsElement.type) && enterButtonAsElement.type.__ANT_BUTTON; if (isAntdButton || enterButtonAsElement.tagName === "button") { button = cloneElement(enterButtonAsElement, _extends({ onMousedown, onClick: onSearch, key: "enterButton" }, isAntdButton ? { class: btnClassName, size: size.value } : {}), false); } else { const iconOnly = searchIcon && !enterButton; button = require$$0.createVNode(Button, { "class": btnClassName, "type": enterButton ? "primary" : void 0, "size": size.value, "disabled": disabled, "key": "enterButton", "onMousedown": onMousedown, "onClick": onSearch, "loading": loading, "icon": iconOnly ? searchIcon : null }, { default: () => [iconOnly ? null : searchIcon || enterButton] }); } if (addonAfter) { button = [button, addonAfter]; } const cls = classNames(prefixCls.value, { [`${prefixCls.value}-rtl`]: direction.value === "rtl", [`${prefixCls.value}-${size.value}`]: !!size.value, [`${prefixCls.value}-with-button`]: !!enterButton }, attrs.class); return require$$0.createVNode(Input, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({ "ref": inputRef }, omit(restProps, ["onUpdate:value", "onSearch", "enterButton"])), attrs), {}, { "onPressEnter": onPressEnter, "onCompositionstart": handleOnCompositionStart, "onCompositionend": handleOnCompositionEnd, "size": size.value, "prefixCls": inputPrefixCls.value, "addonAfter": button, "suffix": suffix, "onChange": onChange, "class": cls, "disabled": disabled }), slots); }; } }); const isValid = (value) => { return value !== void 0 && value !== null && (Array.isArray(value) ? filterEmpty(value).length : true); }; function hasAddon(propsAndSlots) { return isValid(propsAndSlots.addonBefore) || isValid(propsAndSlots.addonAfter); } const ClearableInputType = ["text", "input"]; const ClearableLabeledInput = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ClearableLabeledInput", inheritAttrs: false, props: { prefixCls: String, inputType: PropTypes$1.oneOf(tuple("text", "input")), value: anyType(), defaultValue: anyType(), allowClear: { type: Boolean, default: void 0 }, element: anyType(), handleReset: Function, disabled: { type: Boolean, default: void 0 }, direction: { type: String }, size: { type: String }, suffix: anyType(), prefix: anyType(), addonBefore: anyType(), addonAfter: anyType(), readonly: { type: Boolean, default: void 0 }, focused: { type: Boolean, default: void 0 }, bordered: { type: Boolean, default: true }, triggerFocus: { type: Function }, hidden: Boolean, status: String, hashId: String }, setup(props2, _ref) { let { slots, attrs } = _ref; const statusContext = FormItemInputContext.useInject(); const renderClearIcon = (prefixCls) => { const { value, disabled, readonly, handleReset, suffix = slots.suffix } = props2; const needClear = !disabled && !readonly && value; const className = `${prefixCls}-clear-icon`; return require$$0.createVNode(CloseCircleFilled$1, { "onClick": handleReset, "onMousedown": (e2) => e2.preventDefault(), "class": classNames({ [`${className}-hidden`]: !needClear, [`${className}-has-suffix`]: !!suffix }, className), "role": "button" }, null); }; const renderTextAreaWithClearIcon = (prefixCls, element) => { const { value, allowClear, direction, bordered, hidden, status: customStatus, addonAfter = slots.addonAfter, addonBefore = slots.addonBefore, hashId } = props2; const { status: contextStatus, hasFeedback } = statusContext; if (!allowClear) { return cloneElement(element, { value, disabled: props2.disabled }); } const affixWrapperCls = classNames(`${prefixCls}-affix-wrapper`, `${prefixCls}-affix-wrapper-textarea-with-clear-btn`, getStatusClassNames(`${prefixCls}-affix-wrapper`, getMergedStatus(contextStatus, customStatus), hasFeedback), { [`${prefixCls}-affix-wrapper-rtl`]: direction === "rtl", [`${prefixCls}-affix-wrapper-borderless`]: !bordered, // className will go to addon wrapper [`${attrs.class}`]: !hasAddon({ addonAfter, addonBefore }) && attrs.class }, hashId); return require$$0.createVNode("span", { "class": affixWrapperCls, "style": attrs.style, "hidden": hidden }, [cloneElement(element, { style: null, value, disabled: props2.disabled }), renderClearIcon(prefixCls)]); }; return () => { var _a; const { prefixCls, inputType, element = (_a = slots.element) === null || _a === void 0 ? void 0 : _a.call(slots) } = props2; if (inputType === ClearableInputType[0]) { return renderTextAreaWithClearIcon(prefixCls, element); } return null; }; } }); const HIDDEN_TEXTAREA_STYLE = ` min-height:0 !important; max-height:none !important; height:0 !important; visibility:hidden !important; overflow:hidden !important; position:absolute !important; z-index:-1000 !important; top:0 !important; right:0 !important `; const SIZING_STYLE = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "font-variant", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing", "word-break"]; const computedStyleCache = {}; let hiddenTextarea; function calculateNodeStyling(node2) { let useCache = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; const nodeRef = node2.getAttribute("id") || node2.getAttribute("data-reactid") || node2.getAttribute("name"); if (useCache && computedStyleCache[nodeRef]) { return computedStyleCache[nodeRef]; } const style2 = window.getComputedStyle(node2); const boxSizing = style2.getPropertyValue("box-sizing") || style2.getPropertyValue("-moz-box-sizing") || style2.getPropertyValue("-webkit-box-sizing"); const paddingSize = parseFloat(style2.getPropertyValue("padding-bottom")) + parseFloat(style2.getPropertyValue("padding-top")); const borderSize = parseFloat(style2.getPropertyValue("border-bottom-width")) + parseFloat(style2.getPropertyValue("border-top-width")); const sizingStyle = SIZING_STYLE.map((name) => `${name}:${style2.getPropertyValue(name)}`).join(";"); const nodeInfo = { sizingStyle, paddingSize, borderSize, boxSizing }; if (useCache && nodeRef) { computedStyleCache[nodeRef] = nodeInfo; } return nodeInfo; } function calculateNodeHeight(uiTextNode) { let useCache = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; let minRows = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null; let maxRows = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null; if (!hiddenTextarea) { hiddenTextarea = document.createElement("textarea"); hiddenTextarea.setAttribute("tab-index", "-1"); hiddenTextarea.setAttribute("aria-hidden", "true"); document.body.appendChild(hiddenTextarea); } if (uiTextNode.getAttribute("wrap")) { hiddenTextarea.setAttribute("wrap", uiTextNode.getAttribute("wrap")); } else { hiddenTextarea.removeAttribute("wrap"); } const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache); hiddenTextarea.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`); hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || ""; let minHeight = Number.MIN_SAFE_INTEGER; let maxHeight = Number.MAX_SAFE_INTEGER; let height = hiddenTextarea.scrollHeight; let overflowY; if (boxSizing === "border-box") { height += borderSize; } else if (boxSizing === "content-box") { height -= paddingSize; } if (minRows !== null || maxRows !== null) { hiddenTextarea.value = " "; const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize; if (minRows !== null) { minHeight = singleRowHeight * minRows; if (boxSizing === "border-box") { minHeight = minHeight + paddingSize + borderSize; } height = Math.max(minHeight, height); } if (maxRows !== null) { maxHeight = singleRowHeight * maxRows; if (boxSizing === "border-box") { maxHeight = maxHeight + paddingSize + borderSize; } overflowY = height > maxHeight ? "" : "hidden"; height = Math.min(maxHeight, height); } } return { height: `${height}px`, minHeight: `${minHeight}px`, maxHeight: `${maxHeight}px`, overflowY, resize: "none" }; } const RESIZE_STATUS_NONE = 0; const RESIZE_STATUS_RESIZING = 1; const RESIZE_STATUS_RESIZED = 2; const ResizableTextArea = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ResizableTextArea", inheritAttrs: false, props: textAreaProps(), setup(props2, _ref) { let { attrs, emit, expose } = _ref; let nextFrameActionId; let resizeFrameId; const textAreaRef = require$$0.ref(); const textareaStyles = require$$0.ref({}); const resizeStatus = require$$0.ref(RESIZE_STATUS_NONE); require$$0.onBeforeUnmount(() => { wrapperRaf.cancel(nextFrameActionId); wrapperRaf.cancel(resizeFrameId); }); const fixFirefoxAutoScroll = () => { try { if (document.activeElement === textAreaRef.value) { const currentStart = textAreaRef.value.selectionStart; const currentEnd = textAreaRef.value.selectionEnd; textAreaRef.value.setSelectionRange(currentStart, currentEnd); } } catch (e2) { } }; const resizeTextarea = () => { const autoSize = props2.autoSize || props2.autosize; if (!autoSize || !textAreaRef.value) { return; } const { minRows, maxRows } = autoSize; textareaStyles.value = calculateNodeHeight(textAreaRef.value, false, minRows, maxRows); resizeStatus.value = RESIZE_STATUS_RESIZING; wrapperRaf.cancel(resizeFrameId); resizeFrameId = wrapperRaf(() => { resizeStatus.value = RESIZE_STATUS_RESIZED; resizeFrameId = wrapperRaf(() => { resizeStatus.value = RESIZE_STATUS_NONE; fixFirefoxAutoScroll(); }); }); }; const resizeOnNextFrame = () => { wrapperRaf.cancel(nextFrameActionId); nextFrameActionId = wrapperRaf(resizeTextarea); }; const handleResize = (size) => { if (resizeStatus.value !== RESIZE_STATUS_NONE) { return; } emit("resize", size); const autoSize = props2.autoSize || props2.autosize; if (autoSize) { resizeOnNextFrame(); } }; warning$2(props2.autosize === void 0); const renderTextArea = () => { const { prefixCls, autoSize, autosize, disabled } = props2; const otherProps = omit(props2, ["prefixCls", "onPressEnter", "autoSize", "autosize", "defaultValue", "allowClear", "type", "lazy", "maxlength", "valueModifiers"]); const cls = classNames(prefixCls, attrs.class, { [`${prefixCls}-disabled`]: disabled }); const style2 = [attrs.style, textareaStyles.value, resizeStatus.value === RESIZE_STATUS_RESIZING ? { overflowX: "hidden", overflowY: "hidden" } : null]; const textareaProps = _extends(_extends(_extends({}, otherProps), attrs), { style: style2, class: cls }); if (!textareaProps.autofocus) { delete textareaProps.autofocus; } if (textareaProps.rows === 0) { delete textareaProps.rows; } return require$$0.createVNode(ResizeObserver$1, { "onResize": handleResize, "disabled": !(autoSize || autosize) }, { default: () => [require$$0.withDirectives(require$$0.createVNode("textarea", _objectSpread2$1(_objectSpread2$1({}, textareaProps), {}, { "ref": textAreaRef }), null), [[antInputDirective]])] }); }; require$$0.watch(() => props2.value, () => { require$$0.nextTick(() => { resizeTextarea(); }); }); require$$0.onMounted(() => { require$$0.nextTick(() => { resizeTextarea(); }); }); const instance = require$$0.getCurrentInstance(); expose({ resizeTextarea, textArea: textAreaRef, instance }); return () => { return renderTextArea(); }; } }); const ResizableTextArea$1 = ResizableTextArea; function fixEmojiLength(value, maxLength) { return [...value || ""].slice(0, maxLength).join(""); } function setTriggerValue(isCursorInEnd, preValue, triggerValue, maxLength) { let newTriggerValue = triggerValue; if (isCursorInEnd) { newTriggerValue = fixEmojiLength(triggerValue, maxLength); } else if ([...preValue || ""].length < triggerValue.length && [...triggerValue || ""].length > maxLength) { newTriggerValue = preValue; } return newTriggerValue; } const TextArea = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ATextarea", inheritAttrs: false, props: textAreaProps(), setup(props2, _ref) { let { attrs, expose, emit } = _ref; const formItemContext = useInjectFormItemContext(); const formItemInputContext = FormItemInputContext.useInject(); const mergedStatus = require$$0.computed(() => getMergedStatus(formItemInputContext.status, props2.status)); const stateValue = require$$0.shallowRef(props2.value === void 0 ? props2.defaultValue : props2.value); const resizableTextArea = require$$0.shallowRef(); const mergedValue = require$$0.shallowRef(""); const { prefixCls, size, direction } = useConfigInject("input", props2); const [wrapSSR, hashId] = useStyle$8(prefixCls); const disabled = useInjectDisabled(); const showCount = require$$0.computed(() => { return props2.showCount === "" || props2.showCount || false; }); const hasMaxLength = require$$0.computed(() => Number(props2.maxlength) > 0); const compositing = require$$0.shallowRef(false); const oldCompositionValueRef = require$$0.shallowRef(); const oldSelectionStartRef = require$$0.shallowRef(0); const onInternalCompositionStart = (e2) => { compositing.value = true; oldCompositionValueRef.value = mergedValue.value; oldSelectionStartRef.value = e2.currentTarget.selectionStart; emit("compositionstart", e2); }; const onInternalCompositionEnd = (e2) => { var _a; compositing.value = false; let triggerValue = e2.currentTarget.value; if (hasMaxLength.value) { const isCursorInEnd = oldSelectionStartRef.value >= props2.maxlength + 1 || oldSelectionStartRef.value === ((_a = oldCompositionValueRef.value) === null || _a === void 0 ? void 0 : _a.length); triggerValue = setTriggerValue(isCursorInEnd, oldCompositionValueRef.value, triggerValue, props2.maxlength); } if (triggerValue !== mergedValue.value) { setValue(triggerValue); resolveOnChange(e2.currentTarget, e2, triggerChange, triggerValue); } emit("compositionend", e2); }; const instance = require$$0.getCurrentInstance(); require$$0.watch(() => props2.value, () => { var _a; if ("value" in instance.vnode.props || {}) { stateValue.value = (_a = props2.value) !== null && _a !== void 0 ? _a : ""; } }); const focus = (option) => { var _a; triggerFocus((_a = resizableTextArea.value) === null || _a === void 0 ? void 0 : _a.textArea, option); }; const blur = () => { var _a, _b; (_b = (_a = resizableTextArea.value) === null || _a === void 0 ? void 0 : _a.textArea) === null || _b === void 0 ? void 0 : _b.blur(); }; const setValue = (value, callback) => { if (stateValue.value === value) { return; } if (props2.value === void 0) { stateValue.value = value; } else { require$$0.nextTick(() => { var _a, _b, _c; if (resizableTextArea.value.textArea.value !== mergedValue.value) { (_c = (_a = resizableTextArea.value) === null || _a === void 0 ? void 0 : (_b = _a.instance).update) === null || _c === void 0 ? void 0 : _c.call(_b); } }); } require$$0.nextTick(() => { callback && callback(); }); }; const handleKeyDown = (e2) => { if (e2.keyCode === 13) { emit("pressEnter", e2); } emit("keydown", e2); }; const onBlur = (e2) => { const { onBlur: onBlur2 } = props2; onBlur2 === null || onBlur2 === void 0 ? void 0 : onBlur2(e2); formItemContext.onFieldBlur(); }; const triggerChange = (e2) => { emit("update:value", e2.target.value); emit("change", e2); emit("input", e2); formItemContext.onFieldChange(); }; const handleReset = (e2) => { resolveOnChange(resizableTextArea.value.textArea, e2, triggerChange); setValue("", () => { focus(); }); }; const handleChange = (e2) => { const { composing } = e2.target; let triggerValue = e2.target.value; compositing.value = !!(e2.isComposing || composing); if (compositing.value && props2.lazy || stateValue.value === triggerValue) return; if (hasMaxLength.value) { const target = e2.target; const isCursorInEnd = target.selectionStart >= props2.maxlength + 1 || target.selectionStart === triggerValue.length || !target.selectionStart; triggerValue = setTriggerValue(isCursorInEnd, mergedValue.value, triggerValue, props2.maxlength); } resolveOnChange(e2.currentTarget, e2, triggerChange, triggerValue); setValue(triggerValue); }; const renderTextArea = () => { var _a, _b; const { class: customClass } = attrs; const { bordered = true } = props2; const resizeProps = _extends(_extends(_extends({}, omit(props2, ["allowClear"])), attrs), { class: [{ [`${prefixCls.value}-borderless`]: !bordered, [`${customClass}`]: customClass && !showCount.value, [`${prefixCls.value}-sm`]: size.value === "small", [`${prefixCls.value}-lg`]: size.value === "large" }, getStatusClassNames(prefixCls.value, mergedStatus.value), hashId.value], disabled: disabled.value, showCount: null, prefixCls: prefixCls.value, onInput: handleChange, onChange: handleChange, onBlur, onKeydown: handleKeyDown, onCompositionstart: onInternalCompositionStart, onCompositionend: onInternalCompositionEnd }); if ((_a = props2.valueModifiers) === null || _a === void 0 ? void 0 : _a.lazy) { delete resizeProps.onInput; } return require$$0.createVNode(ResizableTextArea$1, _objectSpread2$1(_objectSpread2$1({}, resizeProps), {}, { "id": (_b = resizeProps === null || resizeProps === void 0 ? void 0 : resizeProps.id) !== null && _b !== void 0 ? _b : formItemContext.id.value, "ref": resizableTextArea, "maxlength": props2.maxlength }), null); }; expose({ focus, blur, resizableTextArea }); require$$0.watchEffect(() => { let val = fixControlledValue(stateValue.value); if (!compositing.value && hasMaxLength.value && (props2.value === null || props2.value === void 0)) { val = fixEmojiLength(val, props2.maxlength); } mergedValue.value = val; }); return () => { var _a; const { maxlength, bordered = true, hidden } = props2; const { style: style2, class: customClass } = attrs; const inputProps2 = _extends(_extends(_extends({}, props2), attrs), { prefixCls: prefixCls.value, inputType: "text", handleReset, direction: direction.value, bordered, style: showCount.value ? void 0 : style2, hashId: hashId.value, disabled: (_a = props2.disabled) !== null && _a !== void 0 ? _a : disabled.value }); let textareaNode = require$$0.createVNode(ClearableLabeledInput, _objectSpread2$1(_objectSpread2$1({}, inputProps2), {}, { "value": mergedValue.value, "status": props2.status }), { element: renderTextArea }); if (showCount.value || formItemInputContext.hasFeedback) { const valueLength = [...mergedValue.value].length; let dataCount = ""; if (typeof showCount.value === "object") { dataCount = showCount.value.formatter({ value: mergedValue.value, count: valueLength, maxlength }); } else { dataCount = `${valueLength}${hasMaxLength.value ? ` / ${maxlength}` : ""}`; } textareaNode = require$$0.createVNode("div", { "hidden": hidden, "class": classNames(`${prefixCls.value}-textarea`, { [`${prefixCls.value}-textarea-rtl`]: direction.value === "rtl", [`${prefixCls.value}-textarea-show-count`]: showCount.value, [`${prefixCls.value}-textarea-in-form-item`]: formItemInputContext.isFormItemInput }, `${prefixCls.value}-textarea-show-count`, customClass, hashId.value), "style": style2, "data-count": typeof dataCount !== "object" ? dataCount : void 0 }, [textareaNode, formItemInputContext.hasFeedback && require$$0.createVNode("span", { "class": `${prefixCls.value}-textarea-suffix` }, [formItemInputContext.feedbackIcon])]); } return wrapSSR(textareaNode); }; } }); var __rest$1 = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; const ActionMap = { click: "onClick", hover: "onMouseover" }; const defaultIconRender = (visible) => visible ? require$$0.createVNode(EyeOutlined$1, null, null) : require$$0.createVNode(EyeInvisibleOutlined$1, null, null); const Password = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AInputPassword", inheritAttrs: false, props: _extends(_extends({}, inputProps$1()), { prefixCls: String, inputPrefixCls: String, action: { type: String, default: "click" }, visibilityToggle: { type: Boolean, default: true }, visible: { type: Boolean, default: void 0 }, "onUpdate:visible": Function, iconRender: Function }), setup(props2, _ref) { let { slots, attrs, expose, emit } = _ref; const visible = require$$0.shallowRef(false); const onVisibleChange = () => { const { disabled } = props2; if (disabled) { return; } visible.value = !visible.value; emit("update:visible", visible.value); }; require$$0.watchEffect(() => { if (props2.visible !== void 0) { visible.value = !!props2.visible; } }); const inputRef = require$$0.shallowRef(); const focus = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); const getIcon = (prefixCls2) => { const { action, iconRender = slots.iconRender || defaultIconRender } = props2; const iconTrigger = ActionMap[action] || ""; const icon = iconRender(visible.value); const iconProps = { [iconTrigger]: onVisibleChange, class: `${prefixCls2}-icon`, key: "passwordIcon", onMousedown: (e2) => { e2.preventDefault(); }, onMouseup: (e2) => { e2.preventDefault(); } }; return cloneElement(isValidElement(icon) ? icon : require$$0.createVNode("span", null, [icon]), iconProps); }; const { prefixCls, getPrefixCls } = useConfigInject("input-password", props2); const inputPrefixCls = require$$0.computed(() => getPrefixCls("input", props2.inputPrefixCls)); const renderPassword = () => { const { size, visibilityToggle } = props2, restProps = __rest$1(props2, ["size", "visibilityToggle"]); const suffixIcon = visibilityToggle && getIcon(prefixCls.value); const inputClassName = classNames(prefixCls.value, attrs.class, { [`${prefixCls.value}-${size}`]: !!size }); const omittedProps = _extends(_extends(_extends({}, omit(restProps, ["suffix", "iconRender", "action"])), attrs), { type: visible.value ? "text" : "password", class: inputClassName, prefixCls: inputPrefixCls.value, suffix: suffixIcon }); if (size) { omittedProps.size = size; } return require$$0.createVNode(Input, _objectSpread2$1({ "ref": inputRef }, omittedProps), slots); }; return () => { return renderPassword(); }; } }); Input.Group = Group; Input.Search = Search; Input.TextArea = TextArea; Input.Password = Password; Input.install = function(app) { app.component(Input.name, Input); app.component(Input.Group.name, Input.Group); app.component(Input.Search.name, Input.Search); app.component(Input.TextArea.name, Input.TextArea); app.component(Input.Password.name, Input.Password); return app; }; function dialogPropTypes() { return { keyboard: { type: Boolean, default: void 0 }, mask: { type: Boolean, default: void 0 }, afterClose: Function, closable: { type: Boolean, default: void 0 }, maskClosable: { type: Boolean, default: void 0 }, visible: { type: Boolean, default: void 0 }, destroyOnClose: { type: Boolean, default: void 0 }, mousePosition: PropTypes$1.shape({ x: Number, y: Number }).loose, title: PropTypes$1.any, footer: PropTypes$1.any, transitionName: String, maskTransitionName: String, animation: PropTypes$1.any, maskAnimation: PropTypes$1.any, wrapStyle: { type: Object, default: void 0 }, bodyStyle: { type: Object, default: void 0 }, maskStyle: { type: Object, default: void 0 }, prefixCls: String, wrapClassName: String, rootClassName: String, width: [String, Number], height: [String, Number], zIndex: Number, bodyProps: PropTypes$1.any, maskProps: PropTypes$1.any, wrapProps: PropTypes$1.any, getContainer: PropTypes$1.any, dialogStyle: { type: Object, default: void 0 }, dialogClass: String, closeIcon: PropTypes$1.any, forceRender: { type: Boolean, default: void 0 }, getOpenCount: Function, // https://github.com/ant-design/ant-design/issues/19771 // https://github.com/react-component/dialog/issues/95 focusTriggerAfterClose: { type: Boolean, default: void 0 }, onClose: Function, modalRender: Function }; } function getMotionName(prefixCls, transitionName2, animationName) { let motionName = transitionName2; if (!motionName && animationName) { motionName = `${prefixCls}-${animationName}`; } return motionName; } let uuid$1 = -1; function getUUID() { uuid$1 += 1; return uuid$1; } function getScroll(w2, top2) { let ret = w2[`page${top2 ? "Y" : "X"}Offset`]; const method = `scroll${top2 ? "Top" : "Left"}`; if (typeof ret !== "number") { const d2 = w2.document; ret = d2.documentElement[method]; if (typeof ret !== "number") { ret = d2.body[method]; } } return ret; } function offset(el) { const rect = el.getBoundingClientRect(); const pos = { left: rect.left, top: rect.top }; const doc = el.ownerDocument; const w2 = doc.defaultView || doc.parentWindow; pos.left += getScroll(w2); pos.top += getScroll(w2, true); return pos; } const sentinelStyle = { width: 0, height: 0, overflow: "hidden", outline: "none" }; const Content = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "DialogContent", inheritAttrs: false, props: _extends(_extends({}, dialogPropTypes()), { motionName: String, ariaId: String, onVisibleChanged: Function, onMousedown: Function, onMouseup: Function }), setup(props2, _ref) { let { expose, slots, attrs } = _ref; const sentinelStartRef = require$$0.ref(); const sentinelEndRef = require$$0.ref(); const dialogRef = require$$0.ref(); expose({ focus: () => { var _a; (_a = sentinelStartRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, changeActive: (next2) => { const { activeElement } = document; if (next2 && activeElement === sentinelEndRef.value) { sentinelStartRef.value.focus(); } else if (!next2 && activeElement === sentinelStartRef.value) { sentinelEndRef.value.focus(); } } }); const transformOrigin = require$$0.ref(); const contentStyleRef = require$$0.computed(() => { const { width, height } = props2; const contentStyle = {}; if (width !== void 0) { contentStyle.width = typeof width === "number" ? `${width}px` : width; } if (height !== void 0) { contentStyle.height = typeof height === "number" ? `${height}px` : height; } if (transformOrigin.value) { contentStyle.transformOrigin = transformOrigin.value; } return contentStyle; }); const onPrepare = () => { require$$0.nextTick(() => { if (dialogRef.value) { const elementOffset = offset(dialogRef.value); transformOrigin.value = props2.mousePosition ? `${props2.mousePosition.x - elementOffset.left}px ${props2.mousePosition.y - elementOffset.top}px` : ""; } }); }; const onVisibleChanged = (visible) => { props2.onVisibleChanged(visible); }; return () => { var _a, _b, _c, _d; const { prefixCls, footer = (_a = slots.footer) === null || _a === void 0 ? void 0 : _a.call(slots), title = (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots), ariaId, closable, closeIcon = (_c = slots.closeIcon) === null || _c === void 0 ? void 0 : _c.call(slots), onClose, bodyStyle, bodyProps, onMousedown, onMouseup, visible, modalRender = slots.modalRender, destroyOnClose, motionName } = props2; let footerNode; if (footer) { footerNode = require$$0.createVNode("div", { "class": `${prefixCls}-footer` }, [footer]); } let headerNode; if (title) { headerNode = require$$0.createVNode("div", { "class": `${prefixCls}-header` }, [require$$0.createVNode("div", { "class": `${prefixCls}-title`, "id": ariaId }, [title])]); } let closer; if (closable) { closer = require$$0.createVNode("button", { "type": "button", "onClick": onClose, "aria-label": "Close", "class": `${prefixCls}-close` }, [closeIcon || require$$0.createVNode("span", { "class": `${prefixCls}-close-x` }, null)]); } const content = require$$0.createVNode("div", { "class": `${prefixCls}-content` }, [closer, headerNode, require$$0.createVNode("div", _objectSpread2$1({ "class": `${prefixCls}-body`, "style": bodyStyle }, bodyProps), [(_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots)]), footerNode]); const transitionProps = getTransitionProps(motionName); return require$$0.createVNode(require$$0.Transition, _objectSpread2$1(_objectSpread2$1({}, transitionProps), {}, { "onBeforeEnter": onPrepare, "onAfterEnter": () => onVisibleChanged(true), "onAfterLeave": () => onVisibleChanged(false) }), { default: () => [visible || !destroyOnClose ? require$$0.withDirectives(require$$0.createVNode("div", _objectSpread2$1(_objectSpread2$1({}, attrs), {}, { "ref": dialogRef, "key": "dialog-element", "role": "document", "style": [contentStyleRef.value, attrs.style], "class": [prefixCls, attrs.class], "onMousedown": onMousedown, "onMouseup": onMouseup }), [require$$0.createVNode("div", { "tabindex": 0, "ref": sentinelStartRef, "style": sentinelStyle, "aria-hidden": "true" }, null), modalRender ? modalRender({ originVNode: content }) : content, require$$0.createVNode("div", { "tabindex": 0, "ref": sentinelEndRef, "style": sentinelStyle, "aria-hidden": "true" }, null)]), [[require$$0.vShow, visible]]) : null] }); }; } }); const Mask = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "DialogMask", props: { prefixCls: String, visible: Boolean, motionName: String, maskProps: Object }, setup(props2, _ref) { return () => { const { prefixCls, visible, maskProps, motionName } = props2; const transitionProps = getTransitionProps(motionName); return require$$0.createVNode(require$$0.Transition, transitionProps, { default: () => [require$$0.withDirectives(require$$0.createVNode("div", _objectSpread2$1({ "class": `${prefixCls}-mask` }, maskProps), null), [[require$$0.vShow, visible]])] }); }; } }); const Dialog = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "VcDialog", inheritAttrs: false, props: initDefaultProps$1(_extends(_extends({}, dialogPropTypes()), { getOpenCount: Function, scrollLocker: Object }), { mask: true, visible: false, keyboard: true, closable: true, maskClosable: true, destroyOnClose: false, prefixCls: "rc-dialog", getOpenCount: () => null, focusTriggerAfterClose: true }), setup(props2, _ref) { let { attrs, slots } = _ref; const lastOutSideActiveElementRef = require$$0.shallowRef(); const wrapperRef = require$$0.shallowRef(); const contentRef = require$$0.shallowRef(); const animatedVisible = require$$0.shallowRef(props2.visible); const ariaIdRef = require$$0.shallowRef(`vcDialogTitle${getUUID()}`); const onDialogVisibleChanged = (newVisible) => { var _a, _b; if (newVisible) { if (!contains$1(wrapperRef.value, document.activeElement)) { lastOutSideActiveElementRef.value = document.activeElement; (_a = contentRef.value) === null || _a === void 0 ? void 0 : _a.focus(); } } else { const preAnimatedVisible = animatedVisible.value; animatedVisible.value = false; if (props2.mask && lastOutSideActiveElementRef.value && props2.focusTriggerAfterClose) { try { lastOutSideActiveElementRef.value.focus({ preventScroll: true }); } catch (e2) { } lastOutSideActiveElementRef.value = null; } if (preAnimatedVisible) { (_b = props2.afterClose) === null || _b === void 0 ? void 0 : _b.call(props2); } } }; const onInternalClose = (e2) => { var _a; (_a = props2.onClose) === null || _a === void 0 ? void 0 : _a.call(props2, e2); }; const contentClickRef = require$$0.shallowRef(false); const contentTimeoutRef = require$$0.shallowRef(); const onContentMouseDown = () => { clearTimeout(contentTimeoutRef.value); contentClickRef.value = true; }; const onContentMouseUp = () => { contentTimeoutRef.value = setTimeout(() => { contentClickRef.value = false; }); }; const onWrapperClick = (e2) => { if (!props2.maskClosable) return null; if (contentClickRef.value) { contentClickRef.value = false; } else if (wrapperRef.value === e2.target) { onInternalClose(e2); } }; const onWrapperKeyDown = (e2) => { if (props2.keyboard && e2.keyCode === KeyCode$1.ESC) { e2.stopPropagation(); onInternalClose(e2); return; } if (props2.visible) { if (e2.keyCode === KeyCode$1.TAB) { contentRef.value.changeActive(!e2.shiftKey); } } }; require$$0.watch(() => props2.visible, () => { if (props2.visible) { animatedVisible.value = true; } }, { flush: "post" }); require$$0.onBeforeUnmount(() => { var _a; clearTimeout(contentTimeoutRef.value); (_a = props2.scrollLocker) === null || _a === void 0 ? void 0 : _a.unLock(); }); require$$0.watchEffect(() => { var _a, _b; (_a = props2.scrollLocker) === null || _a === void 0 ? void 0 : _a.unLock(); if (animatedVisible.value) { (_b = props2.scrollLocker) === null || _b === void 0 ? void 0 : _b.lock(); } }); return () => { const { prefixCls, mask, visible, maskTransitionName, maskAnimation, zIndex, wrapClassName, rootClassName, wrapStyle, closable, maskProps, maskStyle, transitionName: transitionName2, animation, wrapProps, title = slots.title } = props2; const { style: style2, class: className } = attrs; return require$$0.createVNode("div", _objectSpread2$1({ "class": [`${prefixCls}-root`, rootClassName] }, pickAttrs(props2, { data: true })), [require$$0.createVNode(Mask, { "prefixCls": prefixCls, "visible": mask && visible, "motionName": getMotionName(prefixCls, maskTransitionName, maskAnimation), "style": _extends({ zIndex }, maskStyle), "maskProps": maskProps }, null), require$$0.createVNode("div", _objectSpread2$1({ "tabIndex": -1, "onKeydown": onWrapperKeyDown, "class": classNames(`${prefixCls}-wrap`, wrapClassName), "ref": wrapperRef, "onClick": onWrapperClick, "role": "dialog", "aria-labelledby": title ? ariaIdRef.value : null, "style": _extends(_extends({ zIndex }, wrapStyle), { display: !animatedVisible.value ? "none" : null }) }, wrapProps), [require$$0.createVNode(Content, _objectSpread2$1(_objectSpread2$1({}, omit(props2, ["scrollLocker"])), {}, { "style": style2, "class": className, "onMousedown": onContentMouseDown, "onMouseup": onContentMouseUp, "ref": contentRef, "closable": closable, "ariaId": ariaIdRef.value, "prefixCls": prefixCls, "visible": visible, "onClose": onInternalClose, "onVisibleChanged": onDialogVisibleChanged, "motionName": getMotionName(prefixCls, transitionName2, animation) }), slots)])]); }; } }); const IDialogPropTypes = dialogPropTypes(); const DialogWrap = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "DialogWrap", inheritAttrs: false, props: initDefaultProps$1(IDialogPropTypes, { visible: false }), setup(props2, _ref) { let { attrs, slots } = _ref; const animatedVisible = require$$0.ref(props2.visible); useProvidePortal({}, { inTriggerContext: false }); require$$0.watch(() => props2.visible, () => { if (props2.visible) { animatedVisible.value = true; } }, { flush: "post" }); return () => { const { visible, getContainer: getContainer2, forceRender, destroyOnClose = false, afterClose } = props2; let dialogProps = _extends(_extends(_extends({}, props2), attrs), { ref: "_component", key: "dialog" }); if (getContainer2 === false) { return require$$0.createVNode(Dialog, _objectSpread2$1(_objectSpread2$1({}, dialogProps), {}, { "getOpenCount": () => 2 }), slots); } if (!forceRender && destroyOnClose && !animatedVisible.value) { return null; } return require$$0.createVNode(Portal, { "autoLock": true, "visible": visible, "forceRender": forceRender, "getContainer": getContainer2 }, { default: (childProps) => { dialogProps = _extends(_extends(_extends({}, dialogProps), childProps), { afterClose: () => { afterClose === null || afterClose === void 0 ? void 0 : afterClose(); animatedVisible.value = false; } }); return require$$0.createVNode(Dialog, dialogProps, slots); } }); }; } }); const DialogWrap$1 = DialogWrap; function box(position2) { return { position: position2, top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0 }; } const genModalMaskStyle = (token2) => { const { componentCls } = token2; return [{ [`${componentCls}-root`]: { [`${componentCls}${token2.antCls}-zoom-enter, ${componentCls}${token2.antCls}-zoom-appear`]: { // reset scale avoid mousePosition bug transform: "none", opacity: 0, animationDuration: token2.motionDurationSlow, // https://github.com/ant-design/ant-design/issues/11777 userSelect: "none" }, [`${componentCls}${token2.antCls}-zoom-leave ${componentCls}-content`]: { pointerEvents: "none" }, [`${componentCls}-mask`]: _extends(_extends({}, box("fixed")), { zIndex: token2.zIndexPopupBase, height: "100%", backgroundColor: token2.colorBgMask, [`${componentCls}-hidden`]: { display: "none" } }), [`${componentCls}-wrap`]: _extends(_extends({}, box("fixed")), { overflow: "auto", outline: 0, WebkitOverflowScrolling: "touch" }) } }, { [`${componentCls}-root`]: initFadeMotion(token2) }]; }; const genModalStyle = (token2) => { const { componentCls } = token2; return [ // ======================== Root ========================= { [`${componentCls}-root`]: { [`${componentCls}-wrap`]: { zIndex: token2.zIndexPopupBase, position: "fixed", inset: 0, overflow: "auto", outline: 0, WebkitOverflowScrolling: "touch" }, [`${componentCls}-wrap-rtl`]: { direction: "rtl" }, [`${componentCls}-centered`]: { textAlign: "center", "&::before": { display: "inline-block", width: 0, height: "100%", verticalAlign: "middle", content: '""' }, [componentCls]: { top: 0, display: "inline-block", paddingBottom: 0, textAlign: "start", verticalAlign: "middle" } }, [`@media (max-width: ${token2.screenSMMax})`]: { [componentCls]: { maxWidth: "calc(100vw - 16px)", margin: `${token2.marginXS} auto` }, [`${componentCls}-centered`]: { [componentCls]: { flex: 1 } } } } }, // ======================== Modal ======================== { [componentCls]: _extends(_extends({}, resetComponent(token2)), { pointerEvents: "none", position: "relative", top: 100, width: "auto", maxWidth: `calc(100vw - ${token2.margin * 2}px)`, margin: "0 auto", paddingBottom: token2.paddingLG, [`${componentCls}-title`]: { margin: 0, color: token2.modalHeadingColor, fontWeight: token2.fontWeightStrong, fontSize: token2.modalHeaderTitleFontSize, lineHeight: token2.modalHeaderTitleLineHeight, wordWrap: "break-word" }, [`${componentCls}-content`]: { position: "relative", backgroundColor: token2.modalContentBg, backgroundClip: "padding-box", border: 0, borderRadius: token2.borderRadiusLG, boxShadow: token2.boxShadowSecondary, pointerEvents: "auto", padding: `${token2.paddingMD}px ${token2.paddingContentHorizontalLG}px` }, [`${componentCls}-close`]: _extends({ position: "absolute", top: (token2.modalHeaderCloseSize - token2.modalCloseBtnSize) / 2, insetInlineEnd: (token2.modalHeaderCloseSize - token2.modalCloseBtnSize) / 2, zIndex: token2.zIndexPopupBase + 10, padding: 0, color: token2.modalCloseColor, fontWeight: token2.fontWeightStrong, lineHeight: 1, textDecoration: "none", background: "transparent", borderRadius: token2.borderRadiusSM, width: token2.modalConfirmIconSize, height: token2.modalConfirmIconSize, border: 0, outline: 0, cursor: "pointer", transition: `color ${token2.motionDurationMid}, background-color ${token2.motionDurationMid}`, "&-x": { display: "block", fontSize: token2.fontSizeLG, fontStyle: "normal", lineHeight: `${token2.modalCloseBtnSize}px`, textAlign: "center", textTransform: "none", textRendering: "auto" }, "&:hover": { color: token2.modalIconHoverColor, backgroundColor: token2.wireframe ? "transparent" : token2.colorFillContent, textDecoration: "none" }, "&:active": { backgroundColor: token2.wireframe ? "transparent" : token2.colorFillContentHover } }, genFocusStyle(token2)), [`${componentCls}-header`]: { color: token2.colorText, background: token2.modalHeaderBg, borderRadius: `${token2.borderRadiusLG}px ${token2.borderRadiusLG}px 0 0`, marginBottom: token2.marginXS }, [`${componentCls}-body`]: { fontSize: token2.fontSize, lineHeight: token2.lineHeight, wordWrap: "break-word" }, [`${componentCls}-footer`]: { textAlign: "end", background: token2.modalFooterBg, marginTop: token2.marginSM, [`${token2.antCls}-btn + ${token2.antCls}-btn:not(${token2.antCls}-dropdown-trigger)`]: { marginBottom: 0, marginInlineStart: token2.marginXS } }, [`${componentCls}-open`]: { overflow: "hidden" } }) }, // ======================== Pure ========================= { [`${componentCls}-pure-panel`]: { top: "auto", padding: 0, display: "flex", flexDirection: "column", [`${componentCls}-content, ${componentCls}-body, ${componentCls}-confirm-body-wrapper`]: { display: "flex", flexDirection: "column", flex: "auto" }, [`${componentCls}-confirm-body`]: { marginBottom: "auto" } } } ]; }; const genModalConfirmStyle = (token2) => { const { componentCls } = token2; const confirmComponentCls = `${componentCls}-confirm`; return { [confirmComponentCls]: { "&-rtl": { direction: "rtl" }, [`${token2.antCls}-modal-header`]: { display: "none" }, [`${confirmComponentCls}-body-wrapper`]: _extends({}, clearFix()), [`${confirmComponentCls}-body`]: { display: "flex", flexWrap: "wrap", alignItems: "center", [`${confirmComponentCls}-title`]: { flex: "0 0 100%", display: "block", // create BFC to avoid // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png overflow: "hidden", color: token2.colorTextHeading, fontWeight: token2.fontWeightStrong, fontSize: token2.modalHeaderTitleFontSize, lineHeight: token2.modalHeaderTitleLineHeight, [`+ ${confirmComponentCls}-content`]: { marginBlockStart: token2.marginXS, flexBasis: "100%", maxWidth: `calc(100% - ${token2.modalConfirmIconSize + token2.marginSM}px)` } }, [`${confirmComponentCls}-content`]: { color: token2.colorText, fontSize: token2.fontSize }, [`> ${token2.iconCls}`]: { flex: "none", marginInlineEnd: token2.marginSM, fontSize: token2.modalConfirmIconSize, [`+ ${confirmComponentCls}-title`]: { flex: 1 }, // `content` after `icon` should set marginLeft [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: { marginInlineStart: token2.modalConfirmIconSize + token2.marginSM } } }, [`${confirmComponentCls}-btns`]: { textAlign: "end", marginTop: token2.marginSM, [`${token2.antCls}-btn + ${token2.antCls}-btn`]: { marginBottom: 0, marginInlineStart: token2.marginXS } } }, [`${confirmComponentCls}-error ${confirmComponentCls}-body > ${token2.iconCls}`]: { color: token2.colorError }, [`${confirmComponentCls}-warning ${confirmComponentCls}-body > ${token2.iconCls}, ${confirmComponentCls}-confirm ${confirmComponentCls}-body > ${token2.iconCls}`]: { color: token2.colorWarning }, [`${confirmComponentCls}-info ${confirmComponentCls}-body > ${token2.iconCls}`]: { color: token2.colorInfo }, [`${confirmComponentCls}-success ${confirmComponentCls}-body > ${token2.iconCls}`]: { color: token2.colorSuccess }, // https://github.com/ant-design/ant-design/issues/37329 [`${componentCls}-zoom-leave ${componentCls}-btns`]: { pointerEvents: "none" } }; }; const genRTLStyle = (token2) => { const { componentCls } = token2; return { [`${componentCls}-root`]: { [`${componentCls}-wrap-rtl`]: { direction: "rtl", [`${componentCls}-confirm-body`]: { direction: "rtl" } } } }; }; const genWireframeStyle = (token2) => { const { componentCls, antCls } = token2; const confirmComponentCls = `${componentCls}-confirm`; return { [componentCls]: { [`${componentCls}-content`]: { padding: 0 }, [`${componentCls}-header`]: { padding: token2.modalHeaderPadding, borderBottom: `${token2.modalHeaderBorderWidth}px ${token2.modalHeaderBorderStyle} ${token2.modalHeaderBorderColorSplit}`, marginBottom: 0 }, [`${componentCls}-body`]: { padding: token2.modalBodyPadding }, [`${componentCls}-footer`]: { padding: `${token2.modalFooterPaddingVertical}px ${token2.modalFooterPaddingHorizontal}px`, borderTop: `${token2.modalFooterBorderWidth}px ${token2.modalFooterBorderStyle} ${token2.modalFooterBorderColorSplit}`, borderRadius: `0 0 ${token2.borderRadiusLG}px ${token2.borderRadiusLG}px`, marginTop: 0 } }, [confirmComponentCls]: { [`${antCls}-modal-body`]: { padding: `${token2.padding * 2}px ${token2.padding * 2}px ${token2.paddingLG}px` }, [`${confirmComponentCls}-body`]: { [`> ${token2.iconCls}`]: { marginInlineEnd: token2.margin, // `content` after `icon` should set marginLeft [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: { marginInlineStart: token2.modalConfirmIconSize + token2.margin } } }, [`${confirmComponentCls}-btns`]: { marginTop: token2.marginLG } } }; }; const useStyle$1 = genComponentStyleHook("Modal", (token2) => { const headerPaddingVertical = token2.padding; const headerFontSize = token2.fontSizeHeading5; const headerLineHeight = token2.lineHeightHeading5; const modalToken = merge(token2, { modalBodyPadding: token2.paddingLG, modalHeaderBg: token2.colorBgElevated, modalHeaderPadding: `${headerPaddingVertical}px ${token2.paddingLG}px`, modalHeaderBorderWidth: token2.lineWidth, modalHeaderBorderStyle: token2.lineType, modalHeaderTitleLineHeight: headerLineHeight, modalHeaderTitleFontSize: headerFontSize, modalHeaderBorderColorSplit: token2.colorSplit, modalHeaderCloseSize: headerLineHeight * headerFontSize + headerPaddingVertical * 2, modalContentBg: token2.colorBgElevated, modalHeadingColor: token2.colorTextHeading, modalCloseColor: token2.colorTextDescription, modalFooterBg: "transparent", modalFooterBorderColorSplit: token2.colorSplit, modalFooterBorderStyle: token2.lineType, modalFooterPaddingVertical: token2.paddingXS, modalFooterPaddingHorizontal: token2.padding, modalFooterBorderWidth: token2.lineWidth, modalConfirmTitleFontSize: token2.fontSizeLG, modalIconHoverColor: token2.colorIconHover, modalConfirmIconSize: token2.fontSize * token2.lineHeight, modalCloseBtnSize: token2.controlHeightLG * 0.55 }); return [genModalStyle(modalToken), genModalConfirmStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), token2.wireframe && genWireframeStyle(modalToken), initZoomMotion(modalToken, "zoom")]; }); const Pagination = { // Options.jsx items_per_page: "条/页", jump_to: "跳至", jump_to_confirm: "确定", page: "页", // Pagination.jsx prev_page: "上一页", next_page: "下一页", prev_5: "向前 5 页", next_5: "向后 5 页", prev_3: "向前 3 页", next_3: "向后 3 页" }; var __rest = globalThis && globalThis.__rest || function(s2, e2) { var t2 = {}; for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0) t2[p] = s2[p]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++) { if (e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2])) t2[p[i2]] = s2[p[i2]]; } return t2; }; let mousePosition; const getClickPosition = (e2) => { mousePosition = { x: e2.pageX, y: e2.pageY }; setTimeout(() => mousePosition = null, 100); }; if (canUseDocElement()) { addEventListenerWrap(document.documentElement, "click", getClickPosition, true); } const modalProps = () => ({ prefixCls: String, /** @deprecated Please use `open` instead. */ visible: { type: Boolean, default: void 0 }, open: { type: Boolean, default: void 0 }, confirmLoading: { type: Boolean, default: void 0 }, title: PropTypes$1.any, closable: { type: Boolean, default: void 0 }, closeIcon: PropTypes$1.any, onOk: Function, onCancel: Function, "onUpdate:visible": Function, "onUpdate:open": Function, onChange: Function, afterClose: Function, centered: { type: Boolean, default: void 0 }, width: [String, Number], footer: PropTypes$1.any, okText: PropTypes$1.any, okType: String, cancelText: PropTypes$1.any, icon: PropTypes$1.any, maskClosable: { type: Boolean, default: void 0 }, forceRender: { type: Boolean, default: void 0 }, okButtonProps: objectType(), cancelButtonProps: objectType(), destroyOnClose: { type: Boolean, default: void 0 }, wrapClassName: String, maskTransitionName: String, transitionName: String, getContainer: { type: [String, Function, Boolean, Object], default: void 0 }, zIndex: Number, bodyStyle: objectType(), maskStyle: objectType(), mask: { type: Boolean, default: void 0 }, keyboard: { type: Boolean, default: void 0 }, wrapProps: Object, focusTriggerAfterClose: { type: Boolean, default: void 0 }, modalRender: Function, mousePosition: objectType() }); const Modal = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "AModal", inheritAttrs: false, props: initDefaultProps$1(modalProps(), { width: 520, confirmLoading: false, okType: "primary" }), setup(props2, _ref) { let { emit, slots, attrs } = _ref; const [locale2] = useLocaleReceiver("Modal"); const { prefixCls, rootPrefixCls, direction, getPopupContainer } = useConfigInject("modal", props2); const [wrapSSR, hashId] = useStyle$1(prefixCls); warning$2(props2.visible === void 0); const handleCancel = (e2) => { emit("update:visible", false); emit("update:open", false); emit("cancel", e2); emit("change", false); }; const handleOk = (e2) => { emit("ok", e2); }; const renderFooter = () => { var _a, _b; const { okText = (_a = slots.okText) === null || _a === void 0 ? void 0 : _a.call(slots), okType, cancelText = (_b = slots.cancelText) === null || _b === void 0 ? void 0 : _b.call(slots), confirmLoading } = props2; return require$$0.createVNode(require$$0.Fragment, null, [require$$0.createVNode(Button, _objectSpread2$1({ "onClick": handleCancel }, props2.cancelButtonProps), { default: () => [cancelText || locale2.value.cancelText] }), require$$0.createVNode(Button, _objectSpread2$1(_objectSpread2$1({}, convertLegacyProps(okType)), {}, { "loading": confirmLoading, "onClick": handleOk }, props2.okButtonProps), { default: () => [okText || locale2.value.okText] })]); }; return () => { var _a, _b; const { prefixCls: customizePrefixCls, visible, open, wrapClassName, centered, getContainer: getContainer2, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots), focusTriggerAfterClose = true } = props2, restProps = __rest(props2, ["prefixCls", "visible", "open", "wrapClassName", "centered", "getContainer", "closeIcon", "focusTriggerAfterClose"]); const wrapClassNameExtended = classNames(wrapClassName, { [`${prefixCls.value}-centered`]: !!centered, [`${prefixCls.value}-wrap-rtl`]: direction.value === "rtl" }); return wrapSSR(require$$0.createVNode(DialogWrap$1, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, restProps), attrs), {}, { "rootClassName": hashId.value, "class": classNames(hashId.value, attrs.class), "getContainer": getContainer2 || (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value), "prefixCls": prefixCls.value, "wrapClassName": wrapClassNameExtended, "visible": open !== null && open !== void 0 ? open : visible, "onClose": handleCancel, "focusTriggerAfterClose": focusTriggerAfterClose, "transitionName": getTransitionName(rootPrefixCls.value, "zoom", props2.transitionName), "maskTransitionName": getTransitionName(rootPrefixCls.value, "fade", props2.maskTransitionName), "mousePosition": (_b = restProps.mousePosition) !== null && _b !== void 0 ? _b : mousePosition }), _extends(_extends({}, slots), { footer: slots.footer || renderFooter, closeIcon: () => { return require$$0.createVNode("span", { "class": `${prefixCls.value}-close-x` }, [closeIcon || require$$0.createVNode(CloseOutlined$2, { "class": `${prefixCls.value}-close-icon` }, null)]); } }))); }; } }); const useDestroyed = () => { const destroyed = require$$0.shallowRef(false); require$$0.onBeforeUnmount(() => { destroyed.value = true; }); return destroyed; }; const useDestroyed$1 = useDestroyed; const actionButtonProps = { type: { type: String }, actionFn: Function, close: Function, autofocus: Boolean, prefixCls: String, buttonProps: objectType(), emitEvent: Boolean, quitOnNullishReturnValue: Boolean }; function isThenable(thing) { return !!(thing && thing.then); } const ActionButton = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ActionButton", props: actionButtonProps, setup(props2, _ref) { let { slots } = _ref; const clickedRef = require$$0.shallowRef(false); const buttonRef = require$$0.shallowRef(); const loading = require$$0.shallowRef(false); let timeoutId; const isDestroyed = useDestroyed$1(); require$$0.onMounted(() => { if (props2.autofocus) { timeoutId = setTimeout(() => { var _a, _b; return (_b = (_a = findDOMNode(buttonRef.value)) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a); }); } }); require$$0.onBeforeUnmount(() => { clearTimeout(timeoutId); }); const onInternalClose = function() { var _a; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } (_a = props2.close) === null || _a === void 0 ? void 0 : _a.call(props2, ...args); }; const handlePromiseOnOk = (returnValueOfOnOk) => { if (!isThenable(returnValueOfOnOk)) { return; } loading.value = true; returnValueOfOnOk.then(function() { if (!isDestroyed.value) { loading.value = false; } onInternalClose(...arguments); clickedRef.value = false; }, (e2) => { if (!isDestroyed.value) { loading.value = false; } clickedRef.value = false; return Promise.reject(e2); }); }; const onClick = (e2) => { const { actionFn } = props2; if (clickedRef.value) { return; } clickedRef.value = true; if (!actionFn) { onInternalClose(); return; } let returnValueOfOnOk; if (props2.emitEvent) { returnValueOfOnOk = actionFn(e2); if (props2.quitOnNullishReturnValue && !isThenable(returnValueOfOnOk)) { clickedRef.value = false; onInternalClose(e2); return; } } else if (actionFn.length) { returnValueOfOnOk = actionFn(props2.close); clickedRef.value = false; } else { returnValueOfOnOk = actionFn(); if (!returnValueOfOnOk) { onInternalClose(); return; } } handlePromiseOnOk(returnValueOfOnOk); }; return () => { const { type, prefixCls, buttonProps: buttonProps2 } = props2; return require$$0.createVNode(Button, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, convertLegacyProps(type)), {}, { "onClick": onClick, "loading": loading.value, "prefixCls": prefixCls }, buttonProps2), {}, { "ref": buttonRef }), slots); }; } }); function renderSomeContent(someContent) { if (typeof someContent === "function") { return someContent(); } return someContent; } const ConfirmDialog = require$$0.defineComponent({ name: "ConfirmDialog", inheritAttrs: false, props: ["icon", "onCancel", "onOk", "close", "closable", "zIndex", "afterClose", "visible", "open", "keyboard", "centered", "getContainer", "maskStyle", "okButtonProps", "cancelButtonProps", "okType", "prefixCls", "okCancel", "width", "mask", "maskClosable", "okText", "cancelText", "autoFocusButton", "transitionName", "maskTransitionName", "type", "title", "content", "direction", "rootPrefixCls", "bodyStyle", "closeIcon", "modalRender", "focusTriggerAfterClose", "wrapClassName", "confirmPrefixCls", "footer"], setup(props2, _ref) { let { attrs } = _ref; const [locale2] = useLocaleReceiver("Modal"); return () => { const { icon, onCancel, onOk, close, okText, closable = false, zIndex, afterClose, keyboard, centered, getContainer: getContainer2, maskStyle, okButtonProps, cancelButtonProps, okCancel, width = 416, mask = true, maskClosable = false, type, open, title, content, direction, closeIcon, modalRender, focusTriggerAfterClose, rootPrefixCls, bodyStyle, wrapClassName, footer } = props2; let mergedIcon = icon; if (!icon && icon !== null) { switch (type) { case "info": mergedIcon = require$$0.createVNode(InfoCircleFilled$1, null, null); break; case "success": mergedIcon = require$$0.createVNode(CheckCircleFilled$1, null, null); break; case "error": mergedIcon = require$$0.createVNode(CloseCircleFilled$1, null, null); break; default: mergedIcon = require$$0.createVNode(ExclamationCircleFilled$1, null, null); } } const okType = props2.okType || "primary"; const prefixCls = props2.prefixCls || "ant-modal"; const contentPrefixCls = `${prefixCls}-confirm`; const style2 = attrs.style || {}; const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type === "confirm"; const autoFocusButton = props2.autoFocusButton === null ? false : props2.autoFocusButton || "ok"; const confirmPrefixCls = `${prefixCls}-confirm`; const classString = classNames(confirmPrefixCls, `${confirmPrefixCls}-${props2.type}`, { [`${confirmPrefixCls}-rtl`]: direction === "rtl" }, attrs.class); const mergedLocal = locale2.value; const cancelButton = mergedOkCancel && require$$0.createVNode(ActionButton, { "actionFn": onCancel, "close": close, "autofocus": autoFocusButton === "cancel", "buttonProps": cancelButtonProps, "prefixCls": `${rootPrefixCls}-btn` }, { default: () => [renderSomeContent(props2.cancelText) || mergedLocal.cancelText] }); return require$$0.createVNode(Modal, { "prefixCls": prefixCls, "class": classString, "wrapClassName": classNames({ [`${confirmPrefixCls}-centered`]: !!centered }, wrapClassName), "onCancel": (e2) => close === null || close === void 0 ? void 0 : close({ triggerCancel: true }, e2), "open": open, "title": "", "footer": "", "transitionName": getTransitionName(rootPrefixCls, "zoom", props2.transitionName), "maskTransitionName": getTransitionName(rootPrefixCls, "fade", props2.maskTransitionName), "mask": mask, "maskClosable": maskClosable, "maskStyle": maskStyle, "style": style2, "bodyStyle": bodyStyle, "width": width, "zIndex": zIndex, "afterClose": afterClose, "keyboard": keyboard, "centered": centered, "getContainer": getContainer2, "closable": closable, "closeIcon": closeIcon, "modalRender": modalRender, "focusTriggerAfterClose": focusTriggerAfterClose }, { default: () => [require$$0.createVNode("div", { "class": `${contentPrefixCls}-body-wrapper` }, [require$$0.createVNode("div", { "class": `${contentPrefixCls}-body` }, [renderSomeContent(mergedIcon), title === void 0 ? null : require$$0.createVNode("span", { "class": `${contentPrefixCls}-title` }, [renderSomeContent(title)]), require$$0.createVNode("div", { "class": `${contentPrefixCls}-content` }, [renderSomeContent(content)])]), footer !== void 0 ? renderSomeContent(footer) : require$$0.createVNode("div", { "class": `${contentPrefixCls}-btns` }, [cancelButton, require$$0.createVNode(ActionButton, { "type": okType, "actionFn": onOk, "close": close, "autofocus": autoFocusButton === "ok", "buttonProps": okButtonProps, "prefixCls": `${rootPrefixCls}-btn` }, { default: () => [renderSomeContent(okText) || (mergedOkCancel ? mergedLocal.okText : mergedLocal.justOkText)] })])])] }); }; } }); const destroyFns = []; const destroyFns$1 = destroyFns; const confirm = (config) => { const container = document.createDocumentFragment(); let currentConfig = _extends(_extends({}, omit(config, ["parentContext", "appContext"])), { close, open: true }); let confirmDialogInstance = null; function destroy() { if (confirmDialogInstance) { require$$0.render(null, container); confirmDialogInstance.component.update(); confirmDialogInstance = null; } for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } const triggerCancel = args.some((param) => param && param.triggerCancel); if (config.onCancel && triggerCancel) { config.onCancel(() => { }, ...args.slice(1)); } for (let i2 = 0; i2 < destroyFns$1.length; i2++) { const fn = destroyFns$1[i2]; if (fn === close) { destroyFns$1.splice(i2, 1); break; } } } function close() { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } currentConfig = _extends(_extends({}, currentConfig), { open: false, afterClose: () => { if (typeof config.afterClose === "function") { config.afterClose(); } destroy.apply(this, args); } }); if (currentConfig.visible) { delete currentConfig.visible; } update(currentConfig); } function update(configUpdate) { if (typeof configUpdate === "function") { currentConfig = configUpdate(currentConfig); } else { currentConfig = _extends(_extends({}, currentConfig), configUpdate); } if (confirmDialogInstance) { _extends(confirmDialogInstance.component.props, currentConfig); confirmDialogInstance.component.update(); } } const Wrapper = (p) => { const global2 = globalConfigForApi; const rootPrefixCls = global2.prefixCls; const prefixCls = p.prefixCls || `${rootPrefixCls}-modal`; const iconPrefixCls = global2.iconPrefixCls; const runtimeLocale2 = getConfirmLocale(); return require$$0.createVNode(__unplugin_components_4, _objectSpread2$1(_objectSpread2$1({}, global2), {}, { "prefixCls": rootPrefixCls }), { default: () => [require$$0.createVNode(ConfirmDialog, _objectSpread2$1(_objectSpread2$1({}, p), {}, { "rootPrefixCls": rootPrefixCls, "prefixCls": prefixCls, "iconPrefixCls": iconPrefixCls, "locale": runtimeLocale2, "cancelText": p.cancelText || runtimeLocale2.cancelText }), null)] }); }; function render$1(props2) { const vm = require$$0.createVNode(Wrapper, _extends({}, props2)); vm.appContext = config.parentContext || config.appContext || vm.appContext; require$$0.render(vm, container); return vm; } confirmDialogInstance = render$1(currentConfig); destroyFns$1.push(close); return { destroy: close, update }; }; const confirm$1 = confirm; function withWarn(props2) { return _extends(_extends({}, props2), { type: "warning" }); } function withInfo(props2) { return _extends(_extends({}, props2), { type: "info" }); } function withSuccess(props2) { return _extends(_extends({}, props2), { type: "success" }); } function withError(props2) { return _extends(_extends({}, props2), { type: "error" }); } function withConfirm(props2) { return _extends(_extends({}, props2), { type: "confirm" }); } const comfirmFuncProps = () => ({ config: Object, afterClose: Function, destroyAction: Function, open: Boolean }); const HookModal = require$$0.defineComponent({ name: "HookModal", inheritAttrs: false, props: initDefaultProps$1(comfirmFuncProps(), { config: { width: 520, okType: "primary" } }), setup(props2, _ref) { let { expose } = _ref; var _a; const open = require$$0.computed(() => props2.open); const innerConfig = require$$0.computed(() => props2.config); const { direction, getPrefixCls } = useConfigContextInject(); const prefixCls = getPrefixCls("modal"); const rootPrefixCls = getPrefixCls(); const afterClose = () => { var _a2, _b; props2 === null || props2 === void 0 ? void 0 : props2.afterClose(); (_b = (_a2 = innerConfig.value).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a2); }; const close = function() { props2.destroyAction(...arguments); }; expose({ destroy: close }); const mergedOkCancel = (_a = innerConfig.value.okCancel) !== null && _a !== void 0 ? _a : innerConfig.value.type === "confirm"; const [contextLocale] = useLocaleReceiver("Modal", defaultLocale.Modal); return () => require$$0.createVNode(ConfirmDialog, _objectSpread2$1(_objectSpread2$1({ "prefixCls": prefixCls, "rootPrefixCls": rootPrefixCls }, innerConfig.value), {}, { "close": close, "open": open.value, "afterClose": afterClose, "okText": innerConfig.value.okText || (mergedOkCancel ? contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.value.okText : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.value.justOkText), "direction": innerConfig.value.direction || direction.value, "cancelText": innerConfig.value.cancelText || (contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.value.cancelText) }), null); } }); let uuid = 0; const ElementsHolder = require$$0.defineComponent({ name: "ElementsHolder", inheritAttrs: false, setup(_2, _ref) { let { expose } = _ref; const modals = require$$0.shallowRef([]); const addModal = (modal) => { modals.value.push(modal); modals.value = modals.value.slice(); return () => { modals.value = modals.value.filter((currentModal) => currentModal !== modal); }; }; expose({ addModal }); return () => { return modals.value.map((modal) => modal()); }; } }); function useModal() { const holderRef = require$$0.shallowRef(null); const actionQueue = require$$0.shallowRef([]); require$$0.watch(actionQueue, () => { if (actionQueue.value.length) { const cloneQueue = [...actionQueue.value]; cloneQueue.forEach((action) => { action(); }); actionQueue.value = []; } }, { immediate: true }); const getConfirmFunc = (withFunc) => function hookConfirm(config) { var _a; uuid += 1; const open = require$$0.shallowRef(true); const modalRef = require$$0.shallowRef(null); const configRef = require$$0.shallowRef(require$$0.unref(config)); const updateConfig = require$$0.shallowRef({}); require$$0.watch(() => config, (val) => { updateAction(_extends(_extends({}, require$$0.isRef(val) ? val.value : val), updateConfig.value)); }); const destroyAction = function() { open.value = false; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } const triggerCancel = args.some((param) => param && param.triggerCancel); if (configRef.value.onCancel && triggerCancel) { configRef.value.onCancel(() => { }, ...args.slice(1)); } }; let closeFunc; const modal = () => require$$0.createVNode(HookModal, { "key": `modal-${uuid}`, "config": withFunc(configRef.value), "ref": modalRef, "open": open.value, "destroyAction": destroyAction, "afterClose": () => { closeFunc === null || closeFunc === void 0 ? void 0 : closeFunc(); } }, null); closeFunc = (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.addModal(modal); if (closeFunc) { destroyFns$1.push(closeFunc); } const updateAction = (newConfig) => { configRef.value = _extends(_extends({}, configRef.value), newConfig); }; const destroy = () => { if (modalRef.value) { destroyAction(); } else { actionQueue.value = [...actionQueue.value, destroyAction]; } }; const update = (newConfig) => { updateConfig.value = newConfig; if (modalRef.value) { updateAction(newConfig); } else { actionQueue.value = [...actionQueue.value, () => updateAction(newConfig)]; } }; return { destroy, update }; }; const fns = require$$0.computed(() => ({ info: getConfirmFunc(withInfo), success: getConfirmFunc(withSuccess), error: getConfirmFunc(withError), warning: getConfirmFunc(withWarn), confirm: getConfirmFunc(withConfirm) })); const holderKey = Symbol("modalHolderKey"); return [fns.value, () => require$$0.createVNode(ElementsHolder, { "key": holderKey, "ref": holderRef }, null)]; } function modalWarn(props2) { return confirm$1(withWarn(props2)); } Modal.useModal = useModal; Modal.info = function infoFn(props2) { return confirm$1(withInfo(props2)); }; Modal.success = function successFn(props2) { return confirm$1(withSuccess(props2)); }; Modal.error = function errorFn(props2) { return confirm$1(withError(props2)); }; Modal.warning = modalWarn; Modal.warn = modalWarn; Modal.confirm = function confirmFn(props2) { return confirm$1(withConfirm(props2)); }; Modal.destroyAll = function destroyAllFn() { while (destroyFns$1.length) { const close = destroyFns$1.pop(); if (close) { close(); } } }; Modal.install = function(app) { app.component(Modal.name, Modal); return app; }; const genSwitchSmallStyle = (token2) => { const { componentCls } = token2; const switchInnerCls = `${componentCls}-inner`; return { [componentCls]: { [`&${componentCls}-small`]: { minWidth: token2.switchMinWidthSM, height: token2.switchHeightSM, lineHeight: `${token2.switchHeightSM}px`, [`${componentCls}-inner`]: { paddingInlineStart: token2.switchInnerMarginMaxSM, paddingInlineEnd: token2.switchInnerMarginMinSM, [`${switchInnerCls}-checked`]: { marginInlineStart: `calc(-100% + ${token2.switchPinSizeSM + token2.switchPadding * 2}px - ${token2.switchInnerMarginMaxSM * 2}px)`, marginInlineEnd: `calc(100% - ${token2.switchPinSizeSM + token2.switchPadding * 2}px + ${token2.switchInnerMarginMaxSM * 2}px)` }, [`${switchInnerCls}-unchecked`]: { marginTop: -token2.switchHeightSM, marginInlineStart: 0, marginInlineEnd: 0 } }, [`${componentCls}-handle`]: { width: token2.switchPinSizeSM, height: token2.switchPinSizeSM }, [`${componentCls}-loading-icon`]: { top: (token2.switchPinSizeSM - token2.switchLoadingIconSize) / 2, fontSize: token2.switchLoadingIconSize }, [`&${componentCls}-checked`]: { [`${componentCls}-inner`]: { paddingInlineStart: token2.switchInnerMarginMinSM, paddingInlineEnd: token2.switchInnerMarginMaxSM, [`${switchInnerCls}-checked`]: { marginInlineStart: 0, marginInlineEnd: 0 }, [`${switchInnerCls}-unchecked`]: { marginInlineStart: `calc(100% - ${token2.switchPinSizeSM + token2.switchPadding * 2}px + ${token2.switchInnerMarginMaxSM * 2}px)`, marginInlineEnd: `calc(-100% + ${token2.switchPinSizeSM + token2.switchPadding * 2}px - ${token2.switchInnerMarginMaxSM * 2}px)` } }, [`${componentCls}-handle`]: { insetInlineStart: `calc(100% - ${token2.switchPinSizeSM + token2.switchPadding}px)` } }, [`&:not(${componentCls}-disabled):active`]: { [`&:not(${componentCls}-checked) ${switchInnerCls}`]: { [`${switchInnerCls}-unchecked`]: { marginInlineStart: token2.marginXXS / 2, marginInlineEnd: -token2.marginXXS / 2 } }, [`&${componentCls}-checked ${switchInnerCls}`]: { [`${switchInnerCls}-checked`]: { marginInlineStart: -token2.marginXXS / 2, marginInlineEnd: token2.marginXXS / 2 } } } } } }; }; const genSwitchLoadingStyle = (token2) => { const { componentCls } = token2; return { [componentCls]: { [`${componentCls}-loading-icon${token2.iconCls}`]: { position: "relative", top: (token2.switchPinSize - token2.fontSize) / 2, color: token2.switchLoadingIconColor, verticalAlign: "top" }, [`&${componentCls}-checked ${componentCls}-loading-icon`]: { color: token2.switchColor } } }; }; const genSwitchHandleStyle = (token2) => { const { componentCls } = token2; const switchHandleCls = `${componentCls}-handle`; return { [componentCls]: { [switchHandleCls]: { position: "absolute", top: token2.switchPadding, insetInlineStart: token2.switchPadding, width: token2.switchPinSize, height: token2.switchPinSize, transition: `all ${token2.switchDuration} ease-in-out`, "&::before": { position: "absolute", top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, backgroundColor: token2.colorWhite, borderRadius: token2.switchPinSize / 2, boxShadow: token2.switchHandleShadow, transition: `all ${token2.switchDuration} ease-in-out`, content: '""' } }, [`&${componentCls}-checked ${switchHandleCls}`]: { insetInlineStart: `calc(100% - ${token2.switchPinSize + token2.switchPadding}px)` }, [`&:not(${componentCls}-disabled):active`]: { [`${switchHandleCls}::before`]: { insetInlineEnd: token2.switchHandleActiveInset, insetInlineStart: 0 }, [`&${componentCls}-checked ${switchHandleCls}::before`]: { insetInlineEnd: 0, insetInlineStart: token2.switchHandleActiveInset } } } }; }; const genSwitchInnerStyle = (token2) => { const { componentCls } = token2; const switchInnerCls = `${componentCls}-inner`; return { [componentCls]: { [switchInnerCls]: { display: "block", overflow: "hidden", borderRadius: 100, height: "100%", paddingInlineStart: token2.switchInnerMarginMax, paddingInlineEnd: token2.switchInnerMarginMin, transition: `padding-inline-start ${token2.switchDuration} ease-in-out, padding-inline-end ${token2.switchDuration} ease-in-out`, [`${switchInnerCls}-checked, ${switchInnerCls}-unchecked`]: { display: "block", color: token2.colorTextLightSolid, fontSize: token2.fontSizeSM, transition: `margin-inline-start ${token2.switchDuration} ease-in-out, margin-inline-end ${token2.switchDuration} ease-in-out`, pointerEvents: "none" }, [`${switchInnerCls}-checked`]: { marginInlineStart: `calc(-100% + ${token2.switchPinSize + token2.switchPadding * 2}px - ${token2.switchInnerMarginMax * 2}px)`, marginInlineEnd: `calc(100% - ${token2.switchPinSize + token2.switchPadding * 2}px + ${token2.switchInnerMarginMax * 2}px)` }, [`${switchInnerCls}-unchecked`]: { marginTop: -token2.switchHeight, marginInlineStart: 0, marginInlineEnd: 0 } }, [`&${componentCls}-checked ${switchInnerCls}`]: { paddingInlineStart: token2.switchInnerMarginMin, paddingInlineEnd: token2.switchInnerMarginMax, [`${switchInnerCls}-checked`]: { marginInlineStart: 0, marginInlineEnd: 0 }, [`${switchInnerCls}-unchecked`]: { marginInlineStart: `calc(100% - ${token2.switchPinSize + token2.switchPadding * 2}px + ${token2.switchInnerMarginMax * 2}px)`, marginInlineEnd: `calc(-100% + ${token2.switchPinSize + token2.switchPadding * 2}px - ${token2.switchInnerMarginMax * 2}px)` } }, [`&:not(${componentCls}-disabled):active`]: { [`&:not(${componentCls}-checked) ${switchInnerCls}`]: { [`${switchInnerCls}-unchecked`]: { marginInlineStart: token2.switchPadding * 2, marginInlineEnd: -token2.switchPadding * 2 } }, [`&${componentCls}-checked ${switchInnerCls}`]: { [`${switchInnerCls}-checked`]: { marginInlineStart: -token2.switchPadding * 2, marginInlineEnd: token2.switchPadding * 2 } } } } }; }; const genSwitchStyle = (token2) => { const { componentCls } = token2; return { [componentCls]: _extends(_extends(_extends(_extends({}, resetComponent(token2)), { position: "relative", display: "inline-block", boxSizing: "border-box", minWidth: token2.switchMinWidth, height: token2.switchHeight, lineHeight: `${token2.switchHeight}px`, verticalAlign: "middle", background: token2.colorTextQuaternary, border: "0", borderRadius: 100, cursor: "pointer", transition: `all ${token2.motionDurationMid}`, userSelect: "none", [`&:hover:not(${componentCls}-disabled)`]: { background: token2.colorTextTertiary } }), genFocusStyle(token2)), { [`&${componentCls}-checked`]: { background: token2.switchColor, [`&:hover:not(${componentCls}-disabled)`]: { background: token2.colorPrimaryHover } }, [`&${componentCls}-loading, &${componentCls}-disabled`]: { cursor: "not-allowed", opacity: token2.switchDisabledOpacity, "*": { boxShadow: "none", cursor: "not-allowed" } }, // rtl style [`&${componentCls}-rtl`]: { direction: "rtl" } }) }; }; const useStyle = genComponentStyleHook("Switch", (token2) => { const switchHeight = token2.fontSize * token2.lineHeight; const switchHeightSM = token2.controlHeight / 2; const switchPadding = 2; const switchPinSize = switchHeight - switchPadding * 2; const switchPinSizeSM = switchHeightSM - switchPadding * 2; const switchToken = merge(token2, { switchMinWidth: switchPinSize * 2 + switchPadding * 4, switchHeight, switchDuration: token2.motionDurationMid, switchColor: token2.colorPrimary, switchDisabledOpacity: token2.opacityLoading, switchInnerMarginMin: switchPinSize / 2, switchInnerMarginMax: switchPinSize + switchPadding + switchPadding * 2, switchPadding, switchPinSize, switchBg: token2.colorBgContainer, switchMinWidthSM: switchPinSizeSM * 2 + switchPadding * 2, switchHeightSM, switchInnerMarginMinSM: switchPinSizeSM / 2, switchInnerMarginMaxSM: switchPinSizeSM + switchPadding + switchPadding * 2, switchPinSizeSM, switchHandleShadow: `0 2px 4px 0 ${new TinyColor("#00230b").setAlpha(0.2).toRgbString()}`, switchLoadingIconSize: token2.fontSizeIcon * 0.75, switchLoadingIconColor: `rgba(0, 0, 0, ${token2.opacityLoading})`, switchHandleActiveInset: "-30%" }); return [ genSwitchStyle(switchToken), // inner style genSwitchInnerStyle(switchToken), // handle style genSwitchHandleStyle(switchToken), // loading style genSwitchLoadingStyle(switchToken), // small style genSwitchSmallStyle(switchToken) ]; }); const SwitchSizes = tuple("small", "default"); const switchProps = () => ({ id: String, prefixCls: String, size: PropTypes$1.oneOf(SwitchSizes), disabled: { type: Boolean, default: void 0 }, checkedChildren: PropTypes$1.any, unCheckedChildren: PropTypes$1.any, tabindex: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]), autofocus: { type: Boolean, default: void 0 }, loading: { type: Boolean, default: void 0 }, checked: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.looseBool]), checkedValue: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.looseBool]).def(true), unCheckedValue: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.looseBool]).def(false), onChange: { type: Function }, onClick: { type: Function }, onKeydown: { type: Function }, onMouseup: { type: Function }, "onUpdate:checked": { type: Function }, onBlur: Function, onFocus: Function }); const Switch = require$$0.defineComponent({ compatConfig: { MODE: 3 }, name: "ASwitch", __ANT_SWITCH: true, inheritAttrs: false, props: switchProps(), slots: Object, // emits: ['update:checked', 'mouseup', 'change', 'click', 'keydown', 'blur'], setup(props2, _ref) { let { attrs, slots, expose, emit } = _ref; const formItemContext = useInjectFormItemContext(); const disabledContext = useInjectDisabled(); const mergedDisabled = require$$0.computed(() => { var _a; return (_a = props2.disabled) !== null && _a !== void 0 ? _a : disabledContext.value; }); require$$0.onBeforeMount(() => { }); const checked = require$$0.ref(props2.checked !== void 0 ? props2.checked : attrs.defaultChecked); const checkedStatus = require$$0.computed(() => checked.value === props2.checkedValue); require$$0.watch(() => props2.checked, () => { checked.value = props2.checked; }); const { prefixCls, direction, size } = useConfigInject("switch", props2); const [wrapSSR, hashId] = useStyle(prefixCls); const refSwitchNode = require$$0.ref(); const focus = () => { var _a; (_a = refSwitchNode.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = refSwitchNode.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); require$$0.onMounted(() => { require$$0.nextTick(() => { if (props2.autofocus && !mergedDisabled.value) { refSwitchNode.value.focus(); } }); }); const setChecked = (check, e2) => { if (mergedDisabled.value) { return; } emit("update:checked", check); emit("change", check, e2); formItemContext.onFieldChange(); }; const handleBlur = (e2) => { emit("blur", e2); }; const handleClick = (e2) => { focus(); const newChecked = checkedStatus.value ? props2.unCheckedValue : props2.checkedValue; setChecked(newChecked, e2); emit("click", newChecked, e2); }; const handleKeyDown = (e2) => { if (e2.keyCode === KeyCode$1.LEFT) { setChecked(props2.unCheckedValue, e2); } else if (e2.keyCode === KeyCode$1.RIGHT) { setChecked(props2.checkedValue, e2); } emit("keydown", e2); }; const handleMouseUp = (e2) => { var _a; (_a = refSwitchNode.value) === null || _a === void 0 ? void 0 : _a.blur(); emit("mouseup", e2); }; const classNames2 = require$$0.computed(() => ({ [`${prefixCls.value}-small`]: size.value === "small", [`${prefixCls.value}-loading`]: props2.loading, [`${prefixCls.value}-checked`]: checkedStatus.value, [`${prefixCls.value}-disabled`]: mergedDisabled.value, [prefixCls.value]: true, [`${prefixCls.value}-rtl`]: direction.value === "rtl", [hashId.value]: true })); return () => { var _a; return wrapSSR(require$$0.createVNode(Wave, null, { default: () => [require$$0.createVNode("button", _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, omit(props2, ["prefixCls", "checkedChildren", "unCheckedChildren", "checked", "autofocus", "checkedValue", "unCheckedValue", "id", "onChange", "onUpdate:checked"])), attrs), {}, { "id": (_a = props2.id) !== null && _a !== void 0 ? _a : formItemContext.id.value, "onKeydown": handleKeyDown, "onClick": handleClick, "onBlur": handleBlur, "onMouseup": handleMouseUp, "type": "button", "role": "switch", "aria-checked": checked.value, "disabled": mergedDisabled.value || props2.loading, "class": [attrs.class, classNames2.value], "ref": refSwitchNode }), [require$$0.createVNode("div", { "class": `${prefixCls.value}-handle` }, [props2.loading ? require$$0.createVNode(LoadingOutlined$1, { "class": `${prefixCls.value}-loading-icon` }, null) : null]), require$$0.createVNode("span", { "class": `${prefixCls.value}-inner` }, [require$$0.createVNode("span", { "class": `${prefixCls.value}-inner-checked` }, [getPropsSlot(slots, props2, "checkedChildren")]), require$$0.createVNode("span", { "class": `${prefixCls.value}-inner-unchecked` }, [getPropsSlot(slots, props2, "unCheckedChildren")])])])] })); }; } }); const __unplugin_components_0 = withInstall(Switch); const CustomStyleID = "custom"; const UserCustomStyleID = "user-custom"; const RootDomID = "adv-root-dom"; const IsIframe = (() => self != top)(); const IsMobile = (() => /Mobi|Android|iPhone/i.test(navigator.userAgent))(); const HiddenDomStyle = { display: "none !important", transform: "scale(0) !important" }; const PrimaryColor = "rgba(0, 153, 255, 0.7)"; const AddStyle = (path, style2, id = "console", cover = false) => { var _a; let target; if (style2) { const _path = path.replace(/((\\\\)|(\/))/g, ($0) => { return { "\\\\": "\\", "/": "\\/" }[$0] || ""; }); const _style = JSON.stringify(style2, void 0, 4).replace( /((,\n)|("\n)|"|([A-Z]))/g, ($0) => { let A2 = "", B2 = ""; if (/[A-Z]/.test($0)) { A2 = $0, B2 = "-" + $0.toLowerCase(); } return { ",\n": ";\n", '"\n': ";\n", '"': "", [A2]: B2 }[$0]; } ); target = _path + _style; } else { target = path; } let styleDom = document.querySelector(`style#${id}`); if (styleDom) { if (!cover) { styleDom.innerHTML += "\n" + target; } else { styleDom.innerHTML = target; } } else { styleDom = document.createElement("style"); styleDom.setAttribute("id", id); styleDom.innerHTML = target; (_a = document.querySelector("head")) == null ? void 0 : _a.appendChild(styleDom); } }; function sleep(timer = 300) { return new Promise((res) => { setTimeout(res, timer); }); } function AddStyleToJs(jsList) { if (!jsList.length) return; const MAX_LOOP = 200; const loopFun = (text) => { let loopFlag = 0; const loop = async (text) => { let node; try { loopFlag++; node = eval(text); if (loopFlag > MAX_LOOP) { return; } if (!node) { throw text; } node.style.setProperty("display", "none", "important"); } catch (error) { if (!node) { await sleep(300); loop(text); } } }; loop(text); }; jsList.forEach((jsText) => loopFun(jsText)); } const _withScopeId$1 = (n2) => (require$$0.pushScopeId("data-v-d9646f53"), n2 = n2(), require$$0.popScopeId(), n2); const _hoisted_1$7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ require$$0.createElementVNode("svg", { class: "suspend-icon", "aria-hidden": "true" }, [ /* @__PURE__ */ require$$0.createElementVNode("use", { "xlink:href": "#icon-close" }) ], -1)); const _hoisted_2$4 = [ _hoisted_1$7 ]; const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ require$$0.createElementVNode("svg", { class: "suspend-icon", "aria-hidden": "true" }, [ /* @__PURE__ */ require$$0.createElementVNode("use", { "xlink:href": "#icon-select" }) ], -1)); const _hoisted_4$2 = [ _hoisted_3$3 ]; const _sfc_main$7 = /* @__PURE__ */ require$$0.defineComponent({ __name: "ActionBar", props: { show: { type: Boolean }, site: {} }, emits: ["hidden", "clip"], setup(__props, { emit }) { const props2 = __props; const boxSize = require$$0.reactive({ w: 0, h: 0, margin: 10 }), domSite = require$$0.reactive({ left: 0, top: 0 }), actionBarDom = require$$0.ref(); function handleDomSite() { domSite.left = props2.site.end.x > boxSize.w ? props2.site.end.x - boxSize.w : 0; domSite.top = props2.site.end.y + boxSize.h + boxSize.margin >= window.innerHeight ? props2.site.start.y - boxSize.h - boxSize.margin : props2.site.end.y + boxSize.margin; } require$$0.watchEffect(() => { if (props2.show) { handleDomSite(); } }); require$$0.watchEffect(() => { if (!actionBarDom.value) return; boxSize.w = actionBarDom.value.getBoundingClientRect().width; boxSize.h = actionBarDom.value.getBoundingClientRect().height; }); return (_ctx, _cache) => { return _ctx.show ? (require$$0.openBlock(), require$$0.createElementBlock("div", { key: 0, class: "action-bar", style: require$$0.normalizeStyle({ left: domSite.left + "px", top: domSite.top + "px" }), ref_key: "actionBarDom", ref: actionBarDom }, [ require$$0.createElementVNode("div", { class: "close", onClick: _cache[0] || (_cache[0] = ($event) => emit("hidden")) }, _hoisted_2$4), require$$0.createElementVNode("div", { class: "clip", onClick: _cache[1] || (_cache[1] = ($event) => emit("clip")) }, _hoisted_4$2) ], 4)) : require$$0.createCommentVNode("", true); }; } }); const _export_sfc = (sfc, props2) => { const target = sfc.__vccOpts || sfc; for (const [key2, val] of props2) { target[key2] = val; } return target; }; const ActionBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d9646f53"]]); const _hoisted_1$6 = { key: 0, class: "canvas-box" }; const MinMoveSize = 5; const _sfc_main$6 = /* @__PURE__ */ require$$0.defineComponent({ __name: "CanvasMask", props: { show: { type: Boolean } }, emits: ["update:show", "save"], setup(__props, { emit }) { const props2 = __props; const isMove = require$$0.ref(false), ctx = require$$0.ref(), canvasDom = require$$0.ref(), start = require$$0.reactive({ x: 0, y: 0 }), currentSite = require$$0.reactive({ x: 0, y: 0 }); const isShowActionBar = require$$0.ref(false), site = require$$0.ref({ start: { x: Math.min(start.x, currentSite.x), y: Math.min(start.y, currentSite.y) }, end: { x: Math.max(start.x, currentSite.x), y: Math.max(start.y, currentSite.y) } }); const handleMouseDown = (e2) => { if (e2.button != 0) return; isMove.value = true; Object.assign(start, { x: e2.offsetX, y: e2.offsetY }); isShowActionBar.value = false; }; const handleMouseMove = (e2) => { if (!isMove.value || !canvasDom.value || e2.button != 0) return; fill( ctx.value, canvasDom.value.clientWidth, canvasDom.value.clientHeight, start.x, start.y, e2.x - start.x, e2.y - start.y ); }; const handleMouseUp = (e2) => { if (e2.button != 0) return; if (Math.max(Math.abs(e2.offsetX - start.x), Math.abs(e2.offsetY - start.y)) < MinMoveSize) { isShowActionBar.value = false; return isMove.value = false; } if (isMove.value) { Object.assign(currentSite, { x: e2.offsetX, y: e2.offsetY }); isShowActionBar.value = true; site.value = { start: { x: Math.min(start.x, currentSite.x), y: Math.min(start.y, currentSite.y) }, end: { x: Math.max(start.x, currentSite.x), y: Math.max(start.y, currentSite.y) } }; } isMove.value = false; }; const fill = (context, ctxWidth, ctxHeight, x2, y2, w2, h2) => { if (!context) return; context.clearRect(0, 0, ctxWidth, ctxHeight); context.globalCompositeOperation = "source-over"; context.fillRect(0, 0, ctxWidth, ctxHeight); context.globalCompositeOperation = "destination-out"; context.fillRect(x2, y2, w2, h2); context.globalCompositeOperation = "source-out"; context.beginPath(); context.moveTo(x2, y2); context.lineTo(x2 + w2, y2); context.lineTo(x2 + w2, y2 + h2); context.lineTo(x2, y2 + h2); context.lineTo(x2, y2); context.closePath(); }; const EventMap = [ { target: canvasDom, event: "mousedown", callback: handleMouseDown }, { target: canvasDom, event: "mousemove", callback: handleMouseMove }, { target: require$$0.toRef(document), event: "mouseup", callback: handleMouseUp } ]; const handleEventListener = (isAdd = true) => { if (isAdd) { EventMap.forEach( (v2) => { var _a; return (_a = v2.target.value) == null ? void 0 : _a.addEventListener(v2.event, v2.callback); } ); } else { EventMap.forEach( (v2) => { var _a; return (_a = v2.target.value) == null ? void 0 : _a.removeEventListener(v2.event, v2.callback); } ); } }; function setCanvasSize() { if (!canvasDom.value) return; canvasDom.value.width = window.innerWidth; canvasDom.value.height = window.innerHeight; } function clip() { hidden(); setTimeout(() => { emit("save", site.value); }, 100); } function hidden() { isShowActionBar.value = false; emit("update:show", false); handleEventListener(false); } function init() { if (!canvasDom.value) return; setCanvasSize(); ctx.value = canvasDom.value.getContext("2d") || void 0; if (!ctx.value) return; ctx.value.fillStyle = "rgba(0,0,0,0.4)"; ctx.value.strokeStyle = "rgba(0,143,255,1)"; ctx.value.globalCompositeOperation = "source-over"; ctx.value.fillRect( 0, 0, canvasDom.value.clientWidth, canvasDom.value.clientHeight ); handleEventListener(); } require$$0.watchEffect(() => { if (props2.show && canvasDom.value) { require$$0.nextTick(init); } }); window.onresize = init; return (_ctx, _cache) => { return _ctx.show ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$6, [ require$$0.createElementVNode("canvas", { class: "canvas", ref_key: "canvasDom", ref: canvasDom }, null, 512), require$$0.createVNode(ActionBar, { show: isShowActionBar.value, site: site.value, onHidden: hidden, onClip: clip }, null, 8, ["show", "site"]) ])) : require$$0.createCommentVNode("", true); }; } }); const CanvasMask = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-eb220ced"]]); const _hoisted_1$5 = { class: "box-style" }; const _sfc_main$5 = /* @__PURE__ */ require$$0.defineComponent({ __name: "TransitionHeight", props: { show: { type: Boolean } }, emits: ["animeOver"], setup(__props, { emit }) { const enter = (el, done) => { const _el = el; _el.style.height = "auto"; const height = () => _el.getBoundingClientRect().height, targetHeight = height(); _el.style.height = "0px"; const frame = Math.round(targetHeight / (60 / 1e3 * 300)); const animeCallBack = () => { if (height() < targetHeight) { _el.style.height = targetHeight - height() > frame ? height() + frame + "px" : targetHeight + "px"; requestAnimationFrame(animeCallBack); } else { done(); emit("animeOver"); } }; animeCallBack(); }; const leave = (el, done) => { const _el = el; const height = () => _el.getBoundingClientRect().height; const frame = Math.round(height() / (60 / 1e3 * 300)); const animeCallBack = () => { if (height() > 0) { _el.style.height = height() > frame ? height() - frame + "px" : "0px"; requestAnimationFrame(animeCallBack); } else { done(); emit("animeOver"); } }; animeCallBack(); }; return (_ctx, _cache) => { return require$$0.openBlock(), require$$0.createBlock(require$$0.Transition, { onEnter: enter, onLeave: leave }, { default: require$$0.withCtx(() => [ require$$0.withDirectives(require$$0.createElementVNode("div", _hoisted_1$5, [ require$$0.renderSlot(_ctx.$slots, "default", {}, void 0, true) ], 512), [ [require$$0.vShow, _ctx.show] ]) ]), _: 3 }); }; } }); const TransitionHeight = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a53cc8c2"]]); const equipartitionArr = (arr = [], targetLength = 100) => { const flag = Math.floor(arr.length / targetLength); if (flag < 2) return arr; return arr.filter((v2, i2) => (i2 + 1) % flag === 0); }; const MaxSelector = 6; function usePointsToPath({ start, end }) { let selectorFlag = 0; function getDomSelector(dom, _path = "") { if (!dom) return ""; const formatText = (text2) => text2.replace( /^(\d)/, (match2, p1) => `\\${p1.charCodeAt().toString(16)} ` ); const getIDOrClass = (value, flag = ".") => !value ? "" : `${flag}${value.split(" ").filter((_2) => !!_2).map((_2) => formatText(_2)).join(flag)}`; let nodeName = dom.nodeName.toLowerCase(), className = getIDOrClass(dom.getAttribute("class") || "", "."), id = getIDOrClass(dom.getAttribute("id") || "", "#"); const noHandler = ["#app", "html", "body"]; let path = ""; if (nodeName === "html" || nodeName === "body" || selectorFlag > MaxSelector) { selectorFlag = 0; return _path; } else { path = nodeName + id + className; if (noHandler.some((_2) => path.includes(_2))) { path = ""; } selectorFlag++; return getDomSelector(dom.parentElement, `${path} ${_path}`); } } function getPointsDomSelector(list2) { const pathCollect = []; list2.map((v2) => { const dom = document.elementFromPoint(v2.x, v2.y); if (!dom) return ""; const path2 = getDomSelector(dom); if (!path2.trim()) return ""; else return path2; }).filter((_2) => !!_2).forEach((_2) => { const target = pathCollect.find((v2) => v2.path == _2); if (target) { target.count++; } else { pathCollect.push({ path: _2, count: 1 }); } }); const path = pathCollect.sort((a2, b2) => b2.count - a2.count)[0].path; return path; } const list = []; for (let x2 = start.x, i2 = 0; x2 < end.x; x2++, i2++) { list.push([]); for (let y2 = start.y; y2 < end.y; y2++) { list[i2].push({ x: x2, y: y2 }); } } const _list = equipartitionArr(list).flatMap((_2) => equipartitionArr(_2)); return getPointsDomSelector(_list); } var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)(); var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)(); function useHistoryRecord() { const ADVStyleDataKey = "ADVStyleDataKey"; const origin = location.origin; const getLocalHistory = () => { var _a; return ((_a = _GM_getValue(ADVStyleDataKey, {})) == null ? void 0 : _a[origin]) ?? ""; }; const setLocalHistory = (val) => { let data = _GM_getValue(ADVStyleDataKey, {}); if (typeof data === "string") { data = {}; } if (!(origin in data) && !val) return; data[origin] = val || ""; _GM_setValue(ADVStyleDataKey, data); }; return { getLocalHistory, setLocalHistory }; } function useOperationRecord() { const MaxRecordLength = 10; const recordList = require$$0.ref([]); const currentIndex = require$$0.ref(-1); const CanOperate = require$$0.computed(() => ({ prev: recordList.value.length > 1 && currentIndex.value > 0, next: recordList.value.length > 1 && currentIndex.value < recordList.value.length - 1 })); const { setLocalHistory } = useHistoryRecord(); const styleDom = require$$0.computed( () => document.querySelector(`style#${CustomStyleID}`) ); const prevOperation = () => { if (!CanOperate.value.prev || !styleDom.value) return; styleDom.value.innerHTML = recordList.value[--currentIndex.value] || ""; setLocalHistory(recordList.value[currentIndex.value]); }; const nextOperation = () => { if (!CanOperate.value.next || !styleDom.value) return; styleDom.value.innerHTML = recordList.value[++currentIndex.value] || ""; setLocalHistory(recordList.value[currentIndex.value]); }; const setOperationRecord = (val) => { var _a; const value = typeof val === "undefined" ? ((_a = styleDom.value) == null ? void 0 : _a.innerHTML) || "" : val; if (currentIndex.value === recordList.value.length) { if (recordList.value.length === MaxRecordLength) { recordList.value.shift(); currentIndex.value != 0 && currentIndex.value--; } } else { const index2 = currentIndex.value + 1; recordList.value.splice(index2, recordList.value.length - index2); } recordList.value.push(value); currentIndex.value++; setLocalHistory(recordList.value[currentIndex.value]); }; return { prevOperation, nextOperation, setOperationRecord, CanOperate }; } const locale$2 = { locale: "zh_CN", today: "今天", now: "此刻", backToToday: "返回今天", ok: "确定", timeSelect: "选择时间", dateSelect: "选择日期", weekSelect: "选择周", clear: "清除", month: "月", year: "年", previousMonth: "上个月 (翻页上键)", nextMonth: "下个月 (翻页下键)", monthSelect: "选择月份", yearSelect: "选择年份", decadeSelect: "选择年代", yearFormat: "YYYY年", dayFormat: "D日", dateFormat: "YYYY年M月D日", dateTimeFormat: "YYYY年M月D日 HH时mm分ss秒", previousYear: "上一年 (Control键加左方向键)", nextYear: "下一年 (Control键加右方向键)", previousDecade: "上一年代", nextDecade: "下一年代", previousCentury: "上一世纪", nextCentury: "下一世纪" }; const CalendarLocale = locale$2; const locale$1 = { placeholder: "请选择时间", rangePlaceholder: ["开始时间", "结束时间"] }; const TimePicker = locale$1; const locale = { lang: _extends({ placeholder: "请选择日期", yearPlaceholder: "请选择年份", quarterPlaceholder: "请选择季度", monthPlaceholder: "请选择月份", weekPlaceholder: "请选择周", rangePlaceholder: ["开始日期", "结束日期"], rangeYearPlaceholder: ["开始年份", "结束年份"], rangeMonthPlaceholder: ["开始月份", "结束月份"], rangeQuarterPlaceholder: ["开始季度", "结束季度"], rangeWeekPlaceholder: ["开始周", "结束周"] }, CalendarLocale), timePickerLocale: _extends({}, TimePicker) }; locale.lang.ok = "确定"; const DatePicker = locale; const typeTemplate = "${label}不是一个有效的${type}"; const localeValues = { locale: "zh-cn", Pagination, DatePicker, TimePicker, Calendar: DatePicker, // locales for all components global: { placeholder: "请选择" }, Table: { filterTitle: "筛选", filterConfirm: "确定", filterReset: "重置", filterEmptyText: "无筛选项", filterCheckall: "全选", filterSearchPlaceholder: "在筛选项中搜索", selectAll: "全选当页", selectInvert: "反选当页", selectNone: "清空所有", selectionAll: "全选所有", sortTitle: "排序", expand: "展开行", collapse: "关闭行", triggerDesc: "点击降序", triggerAsc: "点击升序", cancelSort: "取消排序" }, Tour: { Next: "下一步", Previous: "上一步", Finish: "结束导览" }, Modal: { okText: "确定", cancelText: "取消", justOkText: "知道了" }, Popconfirm: { cancelText: "取消", okText: "确定" }, Transfer: { searchPlaceholder: "请输入搜索内容", itemUnit: "项", itemsUnit: "项", remove: "删除", selectCurrent: "全选当页", removeCurrent: "删除当页", selectAll: "全选所有", removeAll: "删除全部", selectInvert: "反选当页" }, Upload: { uploading: "文件上传中", removeFile: "删除文件", uploadError: "上传错误", previewFile: "预览文件", downloadFile: "下载文件" }, Empty: { description: "暂无数据" }, Icon: { icon: "图标" }, Text: { edit: "编辑", copy: "复制", copied: "复制成功", expand: "展开" }, PageHeader: { back: "返回" }, Form: { optional: "（可选）", defaultValidateMessages: { default: "字段验证错误${label}", required: "请输入${label}", enum: "${label}必须是其中一个[${enum}]", whitespace: "${label}不能为空字符", date: { format: "${label}日期格式无效", parse: "${label}不能转换为日期", invalid: "${label}是一个无效日期" }, types: { string: typeTemplate, method: typeTemplate, array: typeTemplate, object: typeTemplate, number: typeTemplate, date: typeTemplate, boolean: typeTemplate, integer: typeTemplate, float: typeTemplate, regexp: typeTemplate, email: typeTemplate, url: typeTemplate, hex: typeTemplate }, string: { len: "${label}须为${len}个字符", min: "${label}最少${min}个字符", max: "${label}最多${max}个字符", range: "${label}须在${min}-${max}字符之间" }, number: { len: "${label}必须等于${len}", min: "${label}最小值为${min}", max: "${label}最大值为${max}", range: "${label}须在${min}-${max}之间" }, array: { len: "须为${len}个${label}", min: "最少${min}个${label}", max: "最多${max}个${label}", range: "${label}数量须在${min}-${max}之间" }, pattern: { mismatch: "${label}与模式不匹配${pattern}" } } }, Image: { preview: "预览" }, QRCode: { expired: "二维码已过期", refresh: "点击刷新" } }; const zhCN = localeValues; const _hoisted_1$4 = { key: 0, class: "custom-path-list" }; const _hoisted_2$3 = { class: "custom-path-item-text" }; const _hoisted_3$2 = { class: "custom-path-item-action" }; const _sfc_main$4 = /* @__PURE__ */ require$$0.defineComponent({ __name: "PathDataList", props: { pathList: {} }, emits: ["remove"], setup(__props) { return (_ctx, _cache) => { const _component_a_button = Button; return _ctx.pathList ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$4, [ require$$0.renderSlot(_ctx.$slots, "default", {}, void 0, true), (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(_ctx.pathList, (item, index2) => { return require$$0.openBlock(), require$$0.createElementBlock("div", { key: item, class: "custom-path-item" }, [ require$$0.createElementVNode("div", _hoisted_2$3, require$$0.toDisplayString(item), 1), require$$0.createElementVNode("div", _hoisted_3$2, [ require$$0.createVNode(_component_a_button, { class: "close-btn", type: "dashed", size: "small", style: { "margin-right": "8px" }, onClick: ($event) => _ctx.$emit("remove", item, index2) }, { icon: require$$0.withCtx(() => [ require$$0.createVNode(require$$0.unref(CloseOutlined$2)) ]), _: 2 }, 1032, ["onClick"]) ]) ]); }), 128)) ])) : require$$0.createCommentVNode("", true); }; } }); const PathDataList = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bf62da6b"]]); const _hoisted_1$3 = { class: "options-wrapper" }; const _hoisted_2$2 = { class: "custom-path-add" }; const _sfc_main$3 = /* @__PURE__ */ require$$0.defineComponent({ __name: "OptionsEdit", props: { title: {}, data: {} }, emits: ["close", "change"], setup(__props) { const props2 = __props; const activeKey = require$$0.ref("customPath"); const inputVal = require$$0.ref(""); const tabs = [ { key: "customPath", text: "CSS" }, { key: "customJsPath", text: "JS" } ]; function addNewPath() { var _a; if (!props2.data || ((_a = props2.data[activeKey.value]) == null ? void 0 : _a.includes(inputVal.value))) return; if (props2.data[activeKey.value]) { props2.data[activeKey.value].push(inputVal.value); } else { props2.data[activeKey.value] = [inputVal.value]; } inputVal.value = ""; } function removeData(path, index2) { if (!props2.data) return; props2.data[activeKey.value].splice(index2, 1); } return (_ctx, _cache) => { const _component_a_alert = __unplugin_components_0$2; const _component_a_empty = Empty$1; const _component_a_tab_pane = __unplugin_components_2; const _component_a_tabs = Tabs; const _component_a_input = Input; const _component_a_button = Button; const _component_a_drawer = __unplugin_components_0$1; return require$$0.openBlock(), require$$0.createBlock(_component_a_drawer, { title: _ctx.title, placement: "right", height: "100%", width: "100%", open: !!_ctx.title, "get-container": false, bodyStyle: { padding: 0 }, headerStyle: { padding: "8px 0" }, onClose: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("close")), style: { position: "absolute" } }, { closeIcon: require$$0.withCtx(() => [ require$$0.createVNode(require$$0.unref(ArrowLeftOutlined$1)) ]), default: require$$0.withCtx(() => [ require$$0.createElementVNode("div", _hoisted_1$3, [ _ctx.data ? (require$$0.openBlock(), require$$0.createBlock(_component_a_tabs, { key: 0, class: "tabs", activeKey: activeKey.value, "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event) }, { default: require$$0.withCtx(() => [ (require$$0.openBlock(), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(tabs, (tab) => { return require$$0.createVNode(_component_a_tab_pane, { key: tab.key, tab: tab.text }, { default: require$$0.withCtx(() => { var _a; return [ require$$0.createVNode(PathDataList, { "path-list": _ctx.data[activeKey.value], onRemove: removeData }, { default: require$$0.withCtx(() => [ activeKey.value === "customJsPath" ? (require$$0.openBlock(), require$$0.createBlock(_component_a_alert, { key: 0, message: "删除 JS 需要重新刷新网页才能生效（更推荐使用 CSS）", type: "info" })) : require$$0.createCommentVNode("", true) ]), _: 1 }, 8, ["path-list"]), !((_a = _ctx.data[activeKey.value]) == null ? void 0 : _a.length) ? (require$$0.openBlock(), require$$0.createBlock(_component_a_empty, { key: 0, image: require$$0.unref(Empty$1).PRESENTED_IMAGE_SIMPLE }, null, 8, ["image"])) : require$$0.createCommentVNode("", true) ]; }), _: 2 }, 1032, ["tab"]); }), 64)) ]), _: 1 }, 8, ["activeKey"])) : require$$0.createCommentVNode("", true), require$$0.createElementVNode("div", _hoisted_2$2, [ require$$0.createVNode(_component_a_input, { value: inputVal.value, "onUpdate:value": _cache[1] || (_cache[1] = ($event) => inputVal.value = $event), onPressEnter: addNewPath, "allow-clear": "", placeholder: "已有路径不会重复添加" }, null, 8, ["value"]), require$$0.createVNode(_component_a_button, { style: { "margin": "0 16px" }, type: "primary", ghost: "", onClick: addNewPath }, { default: require$$0.withCtx(() => [ require$$0.createTextVNode("新增") ]), _: 1 }), require$$0.createVNode(_component_a_button, { type: "primary", onClick: _cache[2] || (_cache[2] = ($event) => (_ctx.$emit("change"), _ctx.$emit("close"))) }, { default: require$$0.withCtx(() => [ require$$0.createTextVNode("确定") ]), _: 1 }) ]) ]) ]), _: 1 }, 8, ["title", "open"]); }; } }); const OptionsEdit = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-32516dd2"]]); const _hoisted_1$2 = { class: "custom-path-wrapper" }; const _hoisted_2$1 = { class: "custom-path-list" }; const _hoisted_3$1 = ["onClick"]; const _hoisted_4$1 = { class: "custom-path-item-action" }; const _hoisted_5$1 = { class: "custom-origin-add-box" }; const _hoisted_6$1 = { class: "custom-origin-add" }; const _sfc_main$2 = /* @__PURE__ */ require$$0.defineComponent({ __name: "index", props: { show: { type: Boolean }, list: {} }, emits: ["update:show", "change"], setup(__props, { expose: __expose, emit }) { const props2 = __props; __expose({ init }); const theme = { colorPrimary: PrimaryColor }; const _show = require$$0.computed({ get() { return props2.show; }, set(bool) { emit("update:show", bool); } }); const activeOrigin = require$$0.ref(""); const deleteOrigin = require$$0.ref([]); const currentEdit = require$$0.computed(() => pathList.value[activeOrigin.value]); require$$0.ref(false); const pathList = require$$0.ref(Object.assign({}, props2.list)); require$$0.ref(false); const regexpVal = require$$0.ref(""); const targetRegexpVal = require$$0.computed(() => regexpVal.value || location.origin); const getContainer2 = () => document.getElementById(RootDomID) ?? void 0; function removeOrigin(origin) { deleteOrigin.value.push(origin); } function rollbackData(origin) { const index2 = deleteOrigin.value.indexOf(origin); deleteOrigin.value.splice(index2, 1); } function isRemove(origin) { return deleteOrigin.value.includes(origin); } function selectOrigin(origin) { activeOrigin.value = origin; } function closeEditDraw() { activeOrigin.value = ""; } function addNewOrigin() { if (!pathList.value[targetRegexpVal.value]) { pathList.value[targetRegexpVal.value] = { customJsPath: [], customPath: [] }; } regexpVal.value = ""; } function change() { const target = {}; Object.keys(pathList.value).forEach((key2) => { if (!isRemove(key2)) { target[key2] = pathList.value[key2]; } }); emit("change", target); } function init() { pathList.value = Object.assign({}, props2.list); } require$$0.watchEffect(() => { if (_show.value) { init(); } }); return (_ctx, _cache) => { const _component_a_button = Button; const _component_a_empty = Empty$1; const _component_a_input = Input; const _component_a_modal = Modal; const _component_a_config_provider = __unplugin_components_4; return require$$0.openBlock(), require$$0.createBlock(_component_a_config_provider, { locale: require$$0.unref(zhCN), prefixCls: "adv-ant", theme: { token: theme } }, { default: require$$0.withCtx(() => [ require$$0.createVNode(_component_a_modal, { open: _show.value, "onUpdate:open": _cache[1] || (_cache[1] = ($event) => _show.value = $event), title: "需要隐藏的内容路径", footer: null, "get-container": getContainer2 }, { default: require$$0.withCtx(() => { var _a; return [ require$$0.createElementVNode("div", _hoisted_1$2, [ require$$0.renderSlot(_ctx.$slots, "default", {}, void 0, true), require$$0.createElementVNode("div", _hoisted_2$1, [ (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(Object.keys(pathList.value), (origin) => { return require$$0.openBlock(), require$$0.createElementBlock("div", { class: require$$0.normalizeClass(["custom-path-item", { "disabled-item": isRemove(origin) }]) }, [ require$$0.createElementVNode("div", { class: "custom-path-item-text", style: { "color": "var(--primary-color)", "cursor": "pointer" }, onClick: ($event) => selectOrigin(origin) }, require$$0.toDisplayString(origin), 9, _hoisted_3$1), require$$0.createElementVNode("div", _hoisted_4$1, [ require$$0.createVNode(_component_a_button, { class: "close-btn", type: "dashed", size: "small", disabled: isRemove(origin), onClick: ($event) => removeOrigin(origin), style: { "margin-right": "8px" } }, { icon: require$$0.withCtx(() => [ require$$0.createVNode(require$$0.unref(CloseOutlined$2)) ]), _: 2 }, 1032, ["disabled", "onClick"]), require$$0.createVNode(_component_a_button, { size: "small", disabled: !isRemove(origin), onClick: ($event) => rollbackData(origin) }, { icon: require$$0.withCtx(() => [ require$$0.createVNode(require$$0.unref(RollbackOutlined$1)) ]), _: 2 }, 1032, ["disabled", "onClick"]) ]) ], 2); }), 256)), !((_a = Object.keys(pathList.value)) == null ? void 0 : _a.length) ? (require$$0.openBlock(), require$$0.createBlock(_component_a_empty, { key: 0, image: require$$0.unref(Empty$1).PRESENTED_IMAGE_SIMPLE }, null, 8, ["image"])) : require$$0.createCommentVNode("", true) ]), require$$0.createVNode(OptionsEdit, { title: activeOrigin.value, data: currentEdit.value, onClose: closeEditDraw, onChange: change }, null, 8, ["title", "data"]), require$$0.createElementVNode("div", _hoisted_5$1, [ require$$0.createElementVNode("div", _hoisted_6$1, [ require$$0.createVNode(_component_a_input, { value: regexpVal.value, "onUpdate:value": _cache[0] || (_cache[0] = ($event) => regexpVal.value = $event), "allow-clear": "", placeholder: "网址正则，为空时新增的是当前网页域名" }, null, 8, ["value"]) ]), require$$0.createVNode(_component_a_button, { style: { "margin": "0 16px" }, type: "primary", ghost: "", onClick: addNewOrigin }, { default: require$$0.withCtx(() => [ require$$0.createTextVNode("新增") ]), _: 1 }), require$$0.createVNode(_component_a_button, { type: "primary", onClick: change }, { default: require$$0.withCtx(() => [ require$$0.createTextVNode("确定") ]), _: 1 }) ]) ]) ]; }), _: 3 }, 8, ["open"]) ]), _: 3 }, 8, ["locale", "theme"]); }; } }); const EditUserCustomPath = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6b1fceb4"]]); const _withScopeId = (n2) => (require$$0.pushScopeId("data-v-cdc50574"), n2 = n2(), require$$0.popScopeId(), n2); const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ require$$0.createElementVNode("div", { class: "empty-tip" }, [ /* @__PURE__ */ require$$0.createElementVNode("h4", { class: "tips-title" }, "内容路径的查找"), /* @__PURE__ */ require$$0.createElementVNode("p", { class: "tips-content" }, [ /* @__PURE__ */ require$$0.createTextVNode(" 如果不知道怎么查找内容路径，可以参考这篇博客 "), /* @__PURE__ */ require$$0.createElementVNode("a", { href: "https://blog.csdn.net/AnitaSun/article/details/121736306", target: "_blank" }, "DOM相关操作"), /* @__PURE__ */ require$$0.createTextVNode(' 中的“复制JS路径”，会得到 document.querySelector("'), /* @__PURE__ */ require$$0.createElementVNode("span", { style: { "font-weight": "500" } }, "path"), /* @__PURE__ */ require$$0.createTextVNode('")文字，可用于 js 模块的内容路径，而 path 则可用于 css 模块 （需要确保输入的路径，是盒子最外层的路径才能更好的隐藏内容）。 ') ]), /* @__PURE__ */ require$$0.createElementVNode("h4", { class: "tips-title" }, "正则表达式"), /* @__PURE__ */ require$$0.createElementVNode("p", { class: "tips-content" }, [ /* @__PURE__ */ require$$0.createTextVNode(" 想了解正则表达式可以参考这里 "), /* @__PURE__ */ require$$0.createElementVNode("a", { href: "https://www.liaoxuefeng.com/wiki/1016959663602400/1017639890281664", target: "_blank" }, "正则表达式的使用") ]), /* @__PURE__ */ require$$0.createElementVNode("h4", { class: "tips-title" }, "注意"), /* @__PURE__ */ require$$0.createElementVNode("p", { class: "tips-content" }, " 更推荐使用 CSS；使用 JS 隐藏则需要等到页面完全加载后才会生效，并且删除还需要刷新页面才能生效 ") ], -1)); const _sfc_main$1 = /* @__PURE__ */ require$$0.defineComponent({ __name: "TipsCom", props: { show: { type: Boolean } }, emits: ["update:show"], setup(__props, { emit }) { const props2 = __props; const _show = require$$0.computed({ get() { return props2.show; }, set(bool) { emit("update:show", bool); } }); return (_ctx, _cache) => { const _component_a_drawer = __unplugin_components_0$1; return require$$0.openBlock(), require$$0.createBlock(_component_a_drawer, { title: "参考", open: _ctx.show, placement: "right", height: "100%", width: "100%", "get-container": false, bodyStyle: { padding: 0 }, headerStyle: { padding: "8px 0" }, style: { position: "absolute" }, onClose: _cache[0] || (_cache[0] = ($event) => _show.value = false) }, { default: require$$0.withCtx(() => [ _hoisted_1$1 ]), _: 1 }, 8, ["open"]); }; } }); const TipsCom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cdc50574"]]); const _hoisted_1 = { class: "switch-box" }; const _hoisted_2 = { class: "suspend-icon", "aria-hidden": "true" }; const _hoisted_3 = ["xlink:href"]; const _hoisted_4 = { class: "hidden-box" }; const _hoisted_5 = ["onClick"]; const _hoisted_6 = { class: "suspend-icon", "aria-hidden": "true" }; const _hoisted_7 = ["xlink:href"]; const _hoisted_8 = { class: "tips-wrapper" }; const _hoisted_9 = { class: "action" }; const OPTIONS_KEY = "options_key"; const USER_CUSTOM = "user_custom"; const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({ __name: "App", setup(__props) { const { prevOperation, nextOperation, setOperationRecord, CanOperate } = useOperationRecord(); const { getLocalHistory } = useHistoryRecord(); const showCanvas = require$$0.ref(false); const showNavCom = require$$0.ref(true); const showEditModal = require$$0.ref(false), customPathList = require$$0.ref({}); const showBtn = require$$0.ref(false); const showAllOrigin = require$$0.ref(false); const editUserCustomCom = require$$0.ref(); const showTips = require$$0.ref(false); const suspendDom = require$$0.ref(); const buttonList = require$$0.computed(() => [ { icon: "icon-arrow-double-left", click: prevOperation, disabled: !CanOperate.value.prev }, { icon: "icon-arrow-double-right", click: nextOperation, disabled: !CanOperate.value.next }, { icon: "icon-edit", click: () => showEditModal.value = !showEditModal.value }, { icon: "icon-cut", click: () => showCanvas.value = true }, { icon: "icon-ashbin", click: () => removeOriginStyle() } ]); const addHotKey = () => { window.addEventListener("keydown", (event) => { if (event.key == "Escape") { showCanvas.value = false; } else if (event.key === "z" && (event.ctrlKey || event.metaKey) && !event.shiftKey) { prevOperation(); } else if (event.key === "z" && (event.ctrlKey || event.metaKey) && event.shiftKey) { nextOperation(); } else if (event.code === "KeyC" && event.altKey && event.shiftKey) { showCanvas.value = true; } else if (event.code === "KeyH" && event.altKey && event.ctrlKey) { changeDomShowState(); } }); }; function hiddenDomToPoints(site) { const path2 = usePointsToPath(site); AddStyle(path2, HiddenDomStyle, CustomStyleID); setOperationRecord(); } const removeOriginStyle = () => { const style2 = document.querySelector(`style#${CustomStyleID}`); if (style2 && !!style2.innerHTML) { style2.innerHTML = ""; setOperationRecord(); } }; const reset = () => require$$0.nextTick(suspendDom.value.reset); const changeDomShowState = () => { showNavCom.value = !showNavCom.value; const target = _GM_getValue(OPTIONS_KEY) ?? {}; Object.assign(target, { showNavCom: showNavCom.value }); _GM_setValue(OPTIONS_KEY, target); if (!showNavCom.value) { showCanvas.value = false; } }; function changeUserCustomPath(list) { AddStyle("", void 0, UserCustomStyleID, true); const userCustom = _GM_getValue( USER_CUSTOM, {} ); Object.entries(list).forEach(([origin, val]) => { Object.keys(val).forEach((v2) => { const _v = v2; if (userCustom[origin]) { userCustom[origin][_v] = val[_v]; } else { userCustom[origin] = val; } }); }); const deleteData = Object.keys(customPathList.value).filter( (v2) => !list[v2] ); deleteData.forEach((v2) => delete userCustom[v2]); customPathList.value = filterCurrentOption(userCustom); _GM_setValue(USER_CUSTOM, userCustom); const targetPathData = Object.values(customPathList.value).flatMap((v2) => v2.customPath).filter((v2, i2, arr) => arr.indexOf(v2) === i2); targetPathData.forEach( (path2) => AddStyle(path2, HiddenDomStyle, UserCustomStyleID) ); AddStyleToJs(Object.values(customPathList.value).flatMap((v2) => v2.customJsPath).filter((v2, i2, arr) => v2 && arr.indexOf(v2) === i2)); } function setOptionsData() { var _a; const userCustom = _GM_getValue(USER_CUSTOM); customPathList.value = filterCurrentOption(userCustom); (_a = editUserCustomCom.value) == null ? void 0 : _a.init(); } function filterCurrentOption(data) { if (showAllOrigin.value) return data; const target = {}; for (const origin in data) { const originRegexp = new RegExp(origin); if (originRegexp.test(location.href)) { target[origin] = data[origin]; } } return target; } function init() { var _a; const style2 = getLocalHistory(); AddStyle(style2, void 0, CustomStyleID); setOperationRecord(style2); const targetOptions = _GM_getValue(OPTIONS_KEY); showNavCom.value = (targetOptions == null ? void 0 : targetOptions["showNavCom"]) ?? true; const userCustom = _GM_getValue(USER_CUSTOM); changeUserCustomPath(filterCurrentOption(userCustom)); (_a = document.getElementById(RootDomID)) == null ? void 0 : _a.style.setProperty("--primary-color", PrimaryColor); } init(); addHotKey(); return (_ctx, _cache) => { const _component_suspend = require$$0.resolveComponent("suspend"); const _component_a_switch = __unplugin_components_0; const _component_a_button = Button; return require$$0.openBlock(), require$$0.createElementBlock(require$$0.Fragment, null, [ showNavCom.value ? (require$$0.openBlock(), require$$0.createBlock(_component_suspend, { key: 0, move: { x: false }, "default-site": { x: -20, y: "-300" }, ref_key: "suspendDom", ref: suspendDom }, { default: require$$0.withCtx(() => [ require$$0.createElementVNode("div", _hoisted_1, [ require$$0.createElementVNode("div", { class: "action-btn", onClick: _cache[0] || (_cache[0] = ($event) => showBtn.value = !showBtn.value) }, [ (require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_2, [ require$$0.createElementVNode("use", { "xlink:href": `#${showBtn.value ? "icon-browse" : "icon-hide"}` }, null, 8, _hoisted_3) ])) ]), require$$0.createVNode(TransitionHeight, { show: showBtn.value, onAnimeOver: reset }, { default: require$$0.withCtx(() => [ require$$0.createElementVNode("div", _hoisted_4, [ (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(buttonList.value, (item) => { return require$$0.openBlock(), require$$0.createElementBlock("div", { key: item.icon, onClick: item.click, class: require$$0.normalizeClass(["action-btn", { disabled: item.disabled }]) }, [ (require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_6, [ require$$0.createElementVNode("use", { "xlink:href": "#" + item.icon }, null, 8, _hoisted_7) ])) ], 10, _hoisted_5); }), 128)) ]) ]), _: 1 }, 8, ["show"]) ]) ]), _: 1 }, 512)) : require$$0.createCommentVNode("", true), require$$0.createVNode(CanvasMask, { show: showCanvas.value, "onUpdate:show": _cache[1] || (_cache[1] = ($event) => showCanvas.value = $event), onSave: hiddenDomToPoints }, null, 8, ["show"]), require$$0.createVNode(EditUserCustomPath, { ref_key: "editUserCustomCom", ref: editUserCustomCom, show: showEditModal.value, "onUpdate:show": _cache[5] || (_cache[5] = ($event) => showEditModal.value = $event), list: customPathList.value, onChange: changeUserCustomPath }, { default: require$$0.withCtx(() => [ require$$0.createElementVNode("div", _hoisted_8, [ require$$0.createElementVNode("div", _hoisted_9, [ require$$0.createTextVNode(" 展示全部 "), require$$0.createVNode(_component_a_switch, { checked: showAllOrigin.value, "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => showAllOrigin.value = $event), size: "small", onChange: setOptionsData }, null, 8, ["checked"]) ]), require$$0.createVNode(_component_a_button, { onClick: _cache[3] || (_cache[3] = ($event) => showTips.value = !showTips.value), size: "small" }, { icon: require$$0.withCtx(() => [ require$$0.createVNode(require$$0.unref(QuestionOutlined$1)) ]), _: 1 }) ]), require$$0.createVNode(TipsCom, { show: showTips.value, "onUpdate:show": _cache[4] || (_cache[4] = ($event) => showTips.value = $event) }, null, 8, ["show"]) ]), _: 1 }, 8, ["show", "list"]) ], 64); }; } }); const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54103706"]]); var suspendVue_umd = { exports: {} }; (function(module2, exports2) { (function(m2, s2) { s2(exports2, require$$0); })(commonjsGlobal, function(m2, s2) { const x2 = (d2, i2) => { const n2 = getComputedStyle(d2)[i2], c2 = typeof n2 == "string" ? n2.match(/^(\d+\.?\d*)(px)?$/i) : []; return c2 && c2[1] ? +c2[1] : n2; }; function X(d2) { let i2; if (typeof d2 == "number" || q2(d2)) return +d2; const n2 = d2.match(/^(\-?[0-9]+)(.+)/); if (!n2) return 0; const [c2, a2, h2] = n2; switch (h2) { case "px": i2 = +a2; break; case "rem": { const f2 = x2(document.querySelector("html"), "fontSize"); i2 = +a2 * f2; } break; case "vw": { const f2 = x2(document.querySelector("html"), "width"); i2 = +a2 * 0.01 * f2; } break; case "vh": { const f2 = x2(document.querySelector("html"), "height"); i2 = +a2 * 0.01 * f2; } break; default: i2 = +a2; break; } return i2; } function q2(d2) { return /^\-?[0-9]*$/.test(d2); } function Y2(d2) { return 1 / +d2 > 0; } const V2 = (() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))(); function U(d2, i2) { const n2 = Object.assign({}, i2, d2); for (const c2 in n2) c2 in i2 && typeof n2[c2] > "u" && (n2[c2] = i2[c2]); return n2; } const R2 = "suspend-box"; function E2(d2, i2, n2) { const a2 = s2.isRef(d2) ? d2 : s2.ref(d2); let h2; i2 = U(i2, { model: "default", delay: 300, contentMove: true, zIndex: 999 }); const f2 = s2.ref(false), _2 = s2.computed(() => i2.delay + "ms"), g2 = s2.ref(), T2 = 1, p = s2.ref(true), C = s2.computed(() => Object.assign({ x: true, y: true }, i2.move)), b2 = s2.computed(() => Object.assign({ x: false, y: false }, i2.adsorption)), t2 = s2.reactive({ left: 0, top: 0, flagX: 0, flagY: 0, width: 0, height: 0, mLeft: 0, mTop: 0 }), l2 = s2.reactive({ left: 0, top: 0, width: 0, height: 0 }), S2 = s2.computed(() => ({ MinLeft: -t2.mLeft, MaxLeft: l2.width - t2.width - t2.mLeft, MinTop: -t2.mTop, MaxTop: l2.height - t2.height - t2.mTop })), L2 = s2.ref(false); function B2(e2 = a2.value) { if (i2.model === "window" && e2) { if (e2.nodeName === "HTML") return; { const o2 = e2.parentNode; return x2(o2, "position") != "static" ? o2 : B2(o2); } } } function z2(e2, o2) { const u2 = { left: 0, top: 0 }, { MaxLeft: r2, MaxTop: y2, MinLeft: F2, MinTop: H } = S2.value; return u2.left = e2 < F2 ? F2 : e2 > r2 ? r2 : e2, u2.top = o2 < H ? H : o2 > y2 ? y2 : o2, t2.left = C.value.x ? u2.left : t2.left, t2.top = C.value.y ? u2.top : t2.top, u2; } function G() { const e2 = Object.assign({ x: -0, y: "-2vh" }, i2.defaultSite); e2.x = X(e2.x), e2.y = X(e2.y); const { MaxLeft: o2, MaxTop: u2 } = S2.value; t2.left = Math.abs(e2.x) > o2 ? o2 : Y2(e2.x) ? e2.x : o2 + e2.x, t2.top = Math.abs(e2.y) > u2 ? u2 : Y2(e2.y) ? e2.y : u2 + e2.y; } function D2(e2, o2) { f2.value = false, L2.value = true, t2.flagX = e2.offsetX, t2.flagY = e2.offsetY, g2.value = { x: t2.left, y: t2.top }, p.value = true, h2 = setTimeout(() => { var u2; (u2 = n2 == null ? void 0 : n2.moveStart) == null || u2.call(n2); }, 200); } const I2 = s2.withModifiers((e2) => { const o2 = { offsetX: 0, offsetY: 0 }, u2 = s2.computed(() => { var r2, y2; return { left: ((r2 = a2.value) == null ? void 0 : r2.getBoundingClientRect().left) || 0, top: ((y2 = a2.value) == null ? void 0 : y2.getBoundingClientRect().top) || 0 }; }); if ("changedTouches" in e2 && a2.value && e2.changedTouches) o2.offsetX = e2.changedTouches[0].clientX - u2.value.left, o2.offsetY = e2.changedTouches[0].clientY - u2.value.top, D2(o2); else { const r2 = e2; o2.offsetX = r2.clientX - u2.value.left, o2.offsetY = r2.clientY - u2.value.top, D2(o2); } }, [i2.contentMove ? "" : "self"]); function J2(e2) { if (e2.changedTouches) return P2(e2.changedTouches[0]); } function P2(e2) { if (!L2.value) return; const { clientX: o2, clientY: u2 } = e2, r2 = o2 - t2.flagX - l2.left - t2.mLeft, y2 = u2 - t2.flagY - l2.top - t2.mTop; z2(r2, y2), g2.value && (Math.abs(t2.left - g2.value.x) > T2 || Math.abs(t2.top - g2.value.y) > T2) && (p.value = false); } async function O2(e2) { var o2, u2; if (L2.value) { if (L2.value = false, i2.delay && (f2.value = true), p.value ? (clearTimeout(h2), (o2 = n2 == null ? void 0 : n2.click) == null || o2.call(n2, e2)) : ((u2 = n2 == null ? void 0 : n2.moveEnd) == null || u2.call(n2), g2.value = void 0), b2.value.x) { const r2 = t2.left + t2.width / 2 > l2.width / 2 - t2.mLeft ? S2.value.MaxLeft : S2.value.MinLeft; t2.left = r2; } if (b2.value.y) { const r2 = t2.top + t2.height / 2 > l2.height / 2 - t2.mTop ? S2.value.MaxTop : S2.value.MinTop; t2.top = r2; } } } function M2() { const e2 = B2(); e2 ? (l2.left = e2.getBoundingClientRect().left, l2.top = e2.getBoundingClientRect().top, l2.width = e2.getBoundingClientRect().width, l2.height = e2.getBoundingClientRect().height) : (l2.width = document.documentElement.clientWidth || window.innerWidth, l2.height = document.documentElement.clientHeight || window.innerHeight); } function $2() { a2.value && (t2.width = a2.value.clientWidth, t2.height = a2.value.clientHeight, t2.mLeft = x2(a2.value, "marginLeft"), t2.mTop = x2(a2.value, "marginTop")); } async function A2() { await s2.nextTick(); const e2 = B2(); e2 && (new MutationObserver(M2).observe(e2, { attributeFilter: ["style"] }), e2.addEventListener("transitionend", M2, false)), M2(), $2(), G(); } function K(e2) { const o2 = { left: "0", top: "0", userSelect: "none", touchAction: "none", zIndex: i2.zIndex + "", position: i2.model === "default" ? "fixed" : "absolute", boxSizing: "border-box" }; for (const u2 in o2) e2.style[u2] = o2[u2] || ""; e2.setAttribute(`data-${R2}`, R2), e2.onmousedown = I2, e2.ontouchstart = I2, e2.addEventListener("click", (u2) => !p.value && u2.stopPropagation(), true); } const N2 = s2.effectScope(); N2.run(() => { s2.watchEffect(() => a2.value && (K(a2.value), A2())), s2.watchEffect(() => { a2.value && (f2.value ? a2.value.style.transition = `transform ${_2.value} ease-out` : a2.value.style.transition = "none"); }), s2.watchEffect(() => a2.value && (a2.value.style.transform = `translate3d(${t2.left}px, ${t2.top}px, 0)`)); }); function j2(e2 = "add") { e2 === "add" ? v2.forEach((o2) => window.addEventListener(o2.type, o2.value)) : v2.forEach((o2) => window.removeEventListener(o2.type, o2.value)); } const v2 = /* @__PURE__ */ new Set([{ type: "resize", value: A2 }]); return V2 ? (v2.add({ type: "touchmove", value: J2 }), v2.add({ type: "touchend", value: O2 })) : (v2.add({ type: "mousemove", value: P2 }), v2.add({ type: "mouseup", value: O2 }), v2.add({ type: "contextmenu", value: O2 })), i2.model === "window" && v2.add({ type: "scroll", value: M2 }), j2("add"), { unmount: () => { const e2 = B2(); e2 && e2.removeEventListener("transitionend", M2), N2.stop(), j2("remove"); }, reset: () => { s2.nextTick(() => { $2(), z2(t2.left, t2.top); }); } }; } const W = s2.createElementVNode("div", null, "test", -1), w2 = s2.defineComponent({ name: "Suspend", __name: "Suspend", props: { model: {}, move: {}, adsorption: {}, defaultSite: {}, delay: {}, contentMove: { type: Boolean, default: true }, zIndex: {} }, emits: ["click", "moveStart", "moveEnd"], setup(d2, { expose: i2, emit: n2 }) { const c2 = d2, a2 = s2.ref(); function h2(p) { n2("click", p); } function f2() { n2("moveStart"); } function _2() { n2("moveEnd"); } const { unmount: g2, reset: T2 } = E2(a2, c2, { click: h2, moveStart: f2, moveEnd: _2 }); return s2.onBeforeUnmount(g2), i2({ reset: T2 }), (p, C) => (s2.openBlock(), s2.createElementBlock("div", { id: "suspend-box", class: "suspend-box", ref_key: "suspendBox", ref: a2 }, [s2.renderSlot(p.$slots, "default", {}, () => [W])], 512)); } }); function k2(d2) { d2.directive("suspend", { mounted(i2, n2, c2) { var f2; const a2 = n2.value, { unmount: h2 } = E2(i2, a2, { click: (f2 = n2.value) == null ? void 0 : f2.click }); i2.unmount = h2; }, beforeUnmount(i2, n2) { i2.unmount(); } }); } w2.install = (d2) => { d2.component(w2.name, w2), k2(d2); }, m2.Suspend = w2, m2.default = w2, m2.useSuspend = E2, Object.defineProperties(m2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } }); }); })(suspendVue_umd, suspendVue_umd.exports); var suspendVue_umdExports = suspendVue_umd.exports; const SuspendVue = /* @__PURE__ */ getDefaultExportFromCjs(suspendVue_umdExports); (() => { if (IsIframe || IsMobile) return; const _app = require$$0.createApp(App); _app.use(SuspendVue); _app.mount( (() => { var _a; const app = document.createElement("div"); app.setAttribute("class", "root-dom"); app.setAttribute("id", RootDomID); (_a = document.querySelector("html")) == null ? void 0 : _a.appendChild(app); return app; })() ); })(); } }); require_main_001(); })(Vue);
