@sl-material/sl-import 1.0.0-beta0

package/sl-import.es.js

@@ -0,0 +1,4095 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var A=document.createElement("style");A.appendChild(document.createTextNode("@charset \"UTF-8\";:root{--sl-color-white: #ffffff;--sl-color-black: #000000;--sl-color-primary-rgb: 40, 120, 255;--sl-color-success-rgb: 0, 180, 42;--sl-color-warning-rgb: 255, 105, 0;--sl-color-danger-rgb: 255, 77, 80;--sl-color-error-rgb: 255, 77, 80;--sl-color-info-rgb: 136, 141, 154;--sl-font-size-extra-large: 20px;--sl-font-size-large: 18px;--sl-font-size-medium: 16px;--sl-font-size-base: 14px;--sl-font-size-small: 13px;--sl-font-size-extra-small: 12px;--sl-font-size-extra-smaller: 11px;--sl-font-size-last-small: 10px;--sl-font-family: \"PingFang SC\", \"Microsoft YaHei\", \"Helvetica Neue\", Helvetica, \"Hiragino Sans GB\", \"微软雅黑\", Arial, sans-serif;--sl-font-weight-primary: 400;--sl-font-weight-500: 500;--sl-font-line-height-primary: 24px;--sl-index-normal: 1;--sl-index-top: 1000;--sl-index-popper: 2000;--sl-border-radius-base: 4px;--sl-border-radius-small: 2px;--sl-border-radius-round: 20px;--sl-border-radius-circle: 100%;--sl-transition-duration: .3s;--sl-transition-duration-fast: .2s;--sl-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);--sl-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);--sl-transition-all: all var(--sl-transition-duration) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-fade: opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);--sl-transition-md-fade: transform var(--sl-transition-duration) var(--sl-transition-function-fast-bezier), opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);--sl-transition-fade-linear: opacity var(--sl-transition-duration-fast) linear;--sl-transition-border: border-color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-box-shadow: box-shadow var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-color: color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-component-size-large: 40px;--sl-component-size: 32px;--sl-component-size-small: 24px;color-scheme:light;--sl-color-primary: #2878ff;--sl-color-primary-light-3: #5594ff;--sl-color-primary-light-5: #9FC3FF;--sl-color-primary-light-7: #bfd7ff;--sl-color-primary-light-8: #d4e4ff;--sl-color-primary-light-9: #E8F3FF;--sl-color-primary-dark-2: #0A59DF;--sl-color-success: #00B42A;--sl-color-success-light-3: rgb(77, 203, 106);--sl-color-success-light-5: rgb(128, 218, 149);--sl-color-success-light-7: rgb(179, 233, 191);--sl-color-success-light-8: rgb(204, 240, 212);--sl-color-success-light-9: #E8FFEA;--sl-color-success-dark-2: rgb(0, 144, 34);--sl-color-warning: #FF6900;--sl-color-warning-light-3: rgb(255, 150, 77);--sl-color-warning-light-5: rgb(255, 180, 128);--sl-color-warning-light-7: rgb(255, 210, 179);--sl-color-warning-light-8: rgb(255, 225, 204);--sl-color-warning-light-9: #FFF3E4;--sl-color-warning-dark-2: rgb(204, 84, 0);--sl-color-danger: #FF4D50;--sl-color-danger-light-3: rgb(255, 130, 133);--sl-color-danger-light-5: rgb(255, 166, 168);--sl-color-danger-light-7: rgb(255, 202, 203);--sl-color-danger-light-8: rgb(255, 219, 220);--sl-color-danger-light-9: #FFEBEB;--sl-color-danger-dark-2: rgb(204, 62, 64);--sl-color-error: #FF4D50;--sl-color-error-light-3: rgb(255, 130, 133);--sl-color-error-light-5: rgb(255, 166, 168);--sl-color-error-light-7: rgb(255, 202, 203);--sl-color-error-light-8: rgb(255, 219, 220);--sl-color-error-light-9: rgb(255, 237, 238);--sl-color-error-dark-2: rgb(204, 62, 64);--sl-color-info: #888d9a;--sl-color-info-light-3: #b1b3b8;--sl-color-info-light-5: #c8c9cc;--sl-color-info-light-7: #dedfe0;--sl-color-info-light-8: #e9e9eb;--sl-color-info-light-9: #f4f5f6;--sl-color-info-dark-2: rgb(109, 113, 123);--sl-color-rest: #955609;--sl-color-rest-light-1: #ffeac9;--sl-color-success-light-4: #23C343;--sl-color-success-light-6: #7BE188;--sl-color-warning-light-4: #FD7E14;--sl-color-warning-light-6: #FFC078;--sl-color-danger-light-4: #FC7274;--sl-color-danger-light-6: #FFB9BA;--sl-bg-color: #ffffff;--sl-bg-color-page: #f2f3f5;--sl-bg-color-overlay: #ffffff;--sl-bg-color-rest: rgba(253, 192, 45, .03);--sl-bg-color-container: #f2f4f6;--sl-text-color: #1D2129;--sl-text-color-primary: #1D2129;--sl-text-color-regular: #1D2129;--sl-text-color-secondary: #4E5969;--sl-text-color-thridary: #86909C;--sl-text-color-four: #C9CDD4;--sl-text-color-fifth: #FFFFFF;--sl-text-color-placeholder: #86909C;--sl-text-color-disabled: #C9CDD4;--sl-text-color-icon: #afb1b4;--sl-border-color: #E5E6EB;--sl-border-color-light: #F2F3F5;--sl-border-color-dark: #C9CDD4;--sl-border-color-darker: #86909C;--sl-border-color-checkbox: #C9CDD4;--sl-border-color-switch: #C9CDD4;--sl-fill-color: #F2F3F5;--sl-fill-color-light: #F7F8FA;--sl-fill-color-dark: #E5E6EB;--sl-fill-color-darker: #C9CDD4;--sl-fill-color-extra-darker: #4E5969;--sl-fill-color-blank: #ffffff;--sl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--sl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--sl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--sl-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);--sl-disabled-bg-color: var(--sl-fill-color-light);--sl-disabled-text-color: var(--sl-text-color-thridary);--sl-disabled-border-color: var(--sl-border-color-dark);--sl-overlay-color: rgba(0, 0, 0, .8);--sl-overlay-color-light: rgba(0, 0, 0, .7);--sl-overlay-color-lighter: rgba(0, 0, 0, .5);--sl-mask-color: rgba(255, 255, 255, .9);--sl-mask-color-extra-light: rgba(255, 255, 255, .3);--sl-border-width: 1px;--sl-border-style: solid;--sl-border-color-hover: var(--sl-text-color-disabled);--sl-border: var(--sl-border-width) var(--sl-border-style) var(--sl-border-color);--sl-checkbox-input-border-custom: var(--sl-border-width) var(--sl-border-style) var(--sl-border-color-checkbox);--sl-svg-monochrome-grey: var(--sl-border-color);--sl-form-item-tooltip-width: 240px }:root{--slm-card-bg-color4: #F6F6F6;--slm-card-bg-color5:#EDEDED;--slm-primary-color-hover:#5297ff }@font-face{font-family:iconfont;src:url(data:font/woff2;base64,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) format(\"woff2\"),url(data:font/woff;base64,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) format(\"woff\"),url(data:font/ttf;base64,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) format(\"truetype\"),url(\"data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%20%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%3e%3cmetadata%3eCreated%20by%20iconfont%3c/metadata%3e%3cdefs%3e%3cfont%20id='iconfont'%20horiz-adv-x='1024'%3e%3cfont-face%20font-family='iconfont'%20font-weight='400'%20font-stretch='normal'%20units-per-em='1024'%20ascent='896'%20descent='-128'%20/%3e%3cmissing-glyph%20/%3e%3cglyph%20glyph-name='info'%20unicode='&%2359005;'%20d='M512%20800c-229.76%200-416-186.24-416-416s186.24-416%20416-416%20416%20186.24%20416%20416-186.24%20416-416%20416zM577.248%20230.944c-31.392-47.136-63.328-83.456-117.056-83.456-36.672%205.984-51.744%2032.256-43.808%2059.04l69.12%20228.928c1.696%205.6-1.12%2011.584-6.24%2013.408-5.088%201.792-15.072-4.832-23.712-14.304l-41.792-50.272c-1.12%208.448-0.128%2022.4-0.128%2028.032%2031.392%2047.136%2082.976%2084.32%20117.952%2084.32%2033.248-3.392%2048.992-29.984%2043.2-59.2l-69.6-230.048c-0.928-5.184%201.824-10.464%206.528-12.128%205.12-1.792%2015.872%204.832%2024.544%2014.304l41.76%2050.24c1.12-8.448-0.768-23.232-0.768-28.864zM567.936%20529.952c-26.432%200-47.872%2019.264-47.872%2047.616s21.44%2047.584%2047.872%2047.584%2047.872-19.264%2047.872-47.584c0-28.384-21.44-47.616-47.872-47.616z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='warning'%20unicode='&%2358993;'%20d='M512%20832q190.016-4.992%20316.512-131.488T960%20384q-4.992-190.016-131.488-316.512T512-64q-190.016%204.992-316.512%20131.488T64%20384q4.992%20190.016%20131.488%20316.512T512%20832z%20m0-192q-26.016%200-43.008-19.008T453.984%20576l23.008-256q2.016-14.016%2011.488-22.496t23.488-8.512%2023.488%208.512%2011.488%2022.496l23.008%20256q2.016%2026.016-15.008%2044.992T511.936%20640z%20m0-512q22.016%200.992%2036.512%2015.008t14.496%2036-14.496%2036.512T512%20230.016t-36.512-14.496-14.496-36.512%2014.496-36T512%20128z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='success'%20unicode='&%2358924;'%20d='M510.646-63.35c-247.257%200-447.692%20200.447-447.692%20447.701%200%20247.247%20200.436%20447.692%20447.692%20447.692s447.693-200.445%20447.693-447.692c0-247.254-200.437-447.7-447.693-447.7z%20m273.546%20605.113l-14.388%2014.388c-7.949%207.949-20.826%207.949-28.775%200L442.6%20263.914%20333.045%20378.569c-3.598%203.597-12.958%200.06-20.908-7.888l-14.388-14.39c-7.95-7.95-11.465-17.31-7.87-20.896l146.185-152.97c3.576-3.598%2012.937-0.05%2020.887%207.889l14.368%2014.388c2.543%202.524%204.411%205.137%205.96%207.711l306.914%20300.563c7.95%207.94%207.95%2020.838-0.001%2028.787z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='cuowu'%20unicode='&%2358900;'%20d='M512-85.333333C252.8-85.333333%2042.666667%20124.8%2042.666667%20384S252.8%20853.333333%20512%20853.333333s469.333333-210.133333%20469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z%20m44.245333%20469.333333l159.914667%20159.914667a31.274667%2031.274667%200%201%201-44.245333%2044.245333L512%20428.245333%20352.085333%20588.16a31.274667%2031.274667%200%201%201-44.245333-44.245333L467.754667%20384l-159.914667-159.914667a31.274667%2031.274667%200%201%201%2044.245333-44.245333L512%20339.754667l159.914667-159.914667a31.274667%2031.274667%200%201%201%2044.245333%2044.245333L556.245333%20384z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='prev2'%20unicode='&%2358881;'%20d='M62.56%20384.096L485.952%20807.744a48.64%2048.64%200%200%200%2068.736-68.736L199.616%20383.936l356.8-356.8A48.64%2048.64%200%200%200%20487.68-41.6l-39.744%2039.744%200.256%200.256L62.528%20384.064z%20m388.8%200L874.752%20807.744a48.64%2048.64%200%200%200%2068.736-68.736L588.416%20383.936l356.8-356.8A48.64%2048.64%200%200%200%20876.48-41.6l-39.776%2039.744%200.288%200.256-385.664%20385.664z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='prev3'%20unicode='&%2358899;'%20d='M714.608%20854.926L265.584%20405.903c-10.963-10.963-11.993-28.099-3.083-40.21899999l0.06099999-0.07900001a31.629%2031.629%200%200%201%201.55500001-1.926c0.47-0.539%200.954-1.07000001%201.468-1.584L714.608-86.92700000000002c12.098-12.097%2031.71-12.097%2043.808%200%2012.097%2012.096%2012.097%2031.71%200%2043.807L331.296%20384l427.11900001%20427.12c12.097%2012.096%2012.097%2031.71-1e-8%2043.807-12.097%2012.097-31.708%2012.097-43.807-0.001z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='next'%20unicode='&%2358896;'%20d='M277.761223-128c-7.82426%200-15.64852%203.91213-23.472779%209.780325-11.73639%2011.73639-11.73639%2033.253104%200%2044.989494l457.719198%20459.675263-455.763133%20455.763133c-11.73639%2011.73639-11.73639%2033.253104%200%2044.989494s33.253104%2011.73639%2044.989494%200l479.235912-479.235912c11.73639-11.73639%2011.73639-33.253104%200-44.989494l-481.191977-483.148042C293.409742-124.08787%20285.585482-128%20277.761223-128z'%20horiz-adv-x='1037'%20/%3e%3cglyph%20glyph-name='next1'%20unicode='&%2358880;'%20d='M948.064%20382.944L536.064-29.312a47.296%2047.296%200%200%200-66.88%2066.88l345.504%20345.504L467.52%20730.24a47.296%2047.296%200%200%200%2066.88%2066.88l38.688-38.688-0.256-0.256%20375.264-375.264m-378.336%200.032L157.76-29.312a47.296%2047.296%200%200%200-66.88%2066.88l345.472%20345.504L89.184%20730.24a47.296%2047.296%200%200%200%2066.88%2066.88l38.688-38.688-0.256-0.256%20375.264-375.264'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='icon_tips'%20unicode='&%2358919;'%20d='M512%20192c-53.024%200-96%2042.976-96%2096v512c0%2053.024%2042.976%2096%2096%2096s96-42.976%2096-96v-512c0-53.024-42.976-96-96-96M512%2064c53.024%200%2096-42.976%2096-96s-42.976-96-96-96c-53.024%200-96%2042.976-96%2096%200%2053.024%2042.976%2096%2096%2096z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='xiazai'%20unicode='&%2358921;'%20d='M469.357714%20334.628571V789.357714h85.284572v-454.729143l120.685714%20120.685715%2060.416-60.342857L512%20171.300571%20288.329143%20394.971429l60.342857%2060.342857%20120.685714-120.685715z%20m-256-270.628571v85.357714H128v-170.715428h768v170.715428h-85.357714v-85.357714H213.357714z'%20horiz-adv-x='1024'%20/%3e%3cglyph%20glyph-name='tishi'%20unicode='&%2358922;'%20d='M170.666667%20384a341.333333%20341.333333%200%201%201%20682.666666%200%20341.333333%20341.333333%200%201%201-682.666666%200ZM512-85.333333A469.333333%20469.333333%200%201%201%20512%20853.333333a469.333333%20469.333333%200%200%201%200-938.666666zM448%20618.666667a64%2064%200%200%200%20128%200v-256a64%2064%200%200%200-128%200v256zM597.333333%20170.666667a85.333333%2085.333333%200%201%200-170.666666%200%2085.333333%2085.333333%200%200%200%20170.666666%200z'%20horiz-adv-x='1024'%20/%3e%3c/font%3e%3c/defs%3e%3c/svg%3e\") format(\"svg\")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info:before{content:\"\"}.icon-warning:before{content:\"\"}.icon-success:before{content:\"\"}.icon-cuowu:before{content:\"\"}.icon-prev2:before{content:\"\"}.icon-prev3:before{content:\"\"}.icon-next:before{content:\"\"}.icon-next1:before{content:\"\"}.icon-icon_tips:before{content:\"\"}.icon-xiazai:before{content:\"\"}.icon-tishi:before{content:\"\"}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\"\";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}")),document.head.appendChild(A)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import flatpickr from "flatpickr";
+import Resumable from "resumablejs";
+var TemplateTypeEnum = /* @__PURE__ */ ((TemplateTypeEnum2) => {
+  TemplateTypeEnum2["BASE"] = "base";
+  TemplateTypeEnum2["TEMPLATE1"] = "template1";
+  TemplateTypeEnum2["TEMPLATE2"] = "template2";
+  TemplateTypeEnum2["TEMPLATE3"] = "template3";
+  TemplateTypeEnum2["TEMPLATE4"] = "template4";
+  TemplateTypeEnum2["TEMPLATE5"] = "template5";
+  return TemplateTypeEnum2;
+})(TemplateTypeEnum || {});
+var ExportTypeEnum = /* @__PURE__ */ ((ExportTypeEnum2) => {
+  ExportTypeEnum2["image"] = "image";
+  ExportTypeEnum2["excel"] = "excel";
+  return ExportTypeEnum2;
+})(ExportTypeEnum || {});
+var I18nLocaleEnum = /* @__PURE__ */ ((I18nLocaleEnum2) => {
+  I18nLocaleEnum2["ZH_CN"] = "zh-CN";
+  I18nLocaleEnum2["ZH_TW"] = "zh-TW";
+  I18nLocaleEnum2["JA"] = "ja";
+  I18nLocaleEnum2["ID"] = "id";
+  I18nLocaleEnum2["EN_US"] = "en-US";
+  return I18nLocaleEnum2;
+})(I18nLocaleEnum || {});
+const DEFAULT_LOCALE = "zh-CN";
+const DEFAULT_IMAGE_RATIOS = [
+  { label: "原图", value: "original" },
+  { label: "4:3", value: "4:3" },
+  { label: "3:4", value: "3:4" },
+  { label: "1:1", value: "1:1" },
+  { label: "16:9", value: "16:9" }
+];
+const getImageRatioOptions = (t2) => [
+  { label: t2("imageRatioOriginal"), value: "original" },
+  { label: t2("imageRatio4to3"), value: "4:3" },
+  { label: t2("imageRatio3to4"), value: "3:4" },
+  { label: t2("imageRatio1to1"), value: "1:1" },
+  { label: t2("imageRatio16to9"), value: "16:9" }
+];
+const getTranslatedTemplateConfigs = (t2) => ({
+  [TemplateTypeEnum.BASE]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: t2("uploadTitleBase"),
+    uploadLinkText: t2("uploadLinkTextDefault"),
+    uploadHint: t2("uploadHintExcel"),
+    acceptTypes: ".xls,.xlsx",
+    tips: [],
+    templateUrl: "/template/base_template.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE1]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: true,
+    showImageRatio: true,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: t2("uploadTitleTemplate1"),
+    uploadLinkText: t2("uploadLinkTextDefault"),
+    uploadHint: t2("uploadHintExcel"),
+    acceptTypes: ".xls,.xlsx",
+    tips: t2("tipsTemplate1").split("\n"),
+    templateUrl: "/template/template1.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE2]: {
+    type: ExportTypeEnum.excel,
+    tabs: [
+      { label: t2("tabCoverImport"), key: "cover" },
+      { label: t2("tabIncrementImport"), key: "increment" }
+    ],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: t2("uploadTitleTemplate2"),
+    uploadLinkText: t2("uploadLinkTextImport"),
+    uploadHint: t2("uploadHintImage"),
+    acceptTypes: ".rar,.zip,.jpg,.png,.jpeg",
+    tips: t2("tipsTemplate2").split("\n"),
+    templateUrl: "/template/template2.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE3]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: true,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: t2("uploadTitleTemplate3"),
+    uploadLinkText: t2("uploadLinkTextImport"),
+    uploadHint: t2("uploadHintExcel"),
+    acceptTypes: ".xls,.xlsx",
+    tips: t2("tipsTemplate3").split("\n"),
+    templateUrl: "/template/template3.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE4]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: true,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: t2("uploadTitleTemplate4"),
+    uploadLinkText: t2("uploadLinkTextImport"),
+    uploadHint: t2("uploadHintExcel"),
+    acceptTypes: ".xls,.xlsx",
+    tips: t2("tipsTemplate4").split("\n"),
+    templateUrl: "/template/template4.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE5]: {
+    type: ExportTypeEnum.excel,
+    tabs: [
+      { label: t2("tabInPrice"), key: "inPrice" },
+      { label: t2("tabOutPrice"), key: "outPrice" }
+    ],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: true,
+    uploadTitle: t2("uploadTitleTemplate5"),
+    uploadLinkText: t2("uploadLinkTextImport"),
+    uploadHint: t2("uploadHintExcel"),
+    acceptTypes: ".xls,.xlsx",
+    tips: t2("tipsTemplate5").split("\n"),
+    templateUrl: "/template/template5.xlsx"
+  }
+});
+const DEFAULT_TEMPLATE_CONFIGS = {
+  [TemplateTypeEnum.BASE]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: "上传文件",
+    uploadLinkText: "点击上传",
+    uploadHint: "文件仅支持扩展名：.xls,.xlsx",
+    acceptTypes: ".xls,.xlsx",
+    tips: [],
+    templateUrl: "/template/base_template.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE1]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: true,
+    showImageRatio: true,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: "上传编辑好的文件",
+    uploadLinkText: "点击上传",
+    uploadHint: "文件仅支持扩展名：.xls,.xlsx",
+    acceptTypes: ".xls,.xlsx",
+    tips: ["这里写一些提示信息"],
+    templateUrl: "/template/template1.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE2]: {
+    type: ExportTypeEnum.excel,
+    tabs: [
+      { label: "覆盖导入数据", key: "cover" },
+      { label: "增量导入数据", key: "increment" }
+    ],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: "导入菜品图片文件",
+    uploadLinkText: "点击导入",
+    uploadHint: "文件仅支持扩展名：.rar .zip .jpg .png .jpeg",
+    acceptTypes: ".rar,.zip,.jpg,.png,.jpeg",
+    tips: [
+      "图片名称需要与菜品名称一致",
+      "上传文件仅支持ZIP、RAR压缩包文件（暂不支持win11自带工具压缩的文件），文件大小不超过100M",
+      "图片支持jpg、png、jpeg格式，单张大小不超过2M"
+    ],
+    templateUrl: "/template/template2.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE3]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: true,
+    showDateRange: false,
+    uploadTitle: "上传营业目标文件",
+    uploadLinkText: "点击上传",
+    uploadHint: "文件仅支持扩展名：.xls,.xlsx",
+    acceptTypes: ".xls,.xlsx",
+    tips: [
+      "日目标金额最多支持两位小数，单位是元",
+      "导入文件严格按照下载的模版格式进行数据填入",
+      "导入采用直接覆盖的方式且直接保存成功，不可逆",
+      "每次仅支持多个门店一个月的目标导入"
+    ],
+    templateUrl: "/template/template3.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE4]: {
+    type: ExportTypeEnum.excel,
+    tabs: [],
+    showBrand: true,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: false,
+    uploadTitle: "导入菜谱方案文件",
+    uploadLinkText: "点击导入",
+    uploadHint: "文件仅支持扩展名：.xls,.xlsx",
+    acceptTypes: ".xls,.xlsx",
+    tips: [
+      "最多支持导入五个菜谱方案",
+      "菜品以代码为唯一标识进行集团菜品的匹配，请仔细核对菜品代码",
+      "模版支持导入名称、线上可点分类、价格和自定义分类，其余菜品的属性获取集团菜品库"
+    ],
+    templateUrl: "/template/template4.xlsx"
+  },
+  [TemplateTypeEnum.TEMPLATE5]: {
+    type: ExportTypeEnum.excel,
+    tabs: [
+      { label: "合批修改入库价格", key: "inPrice" },
+      { label: "合批修改出库价格", key: "outPrice" }
+    ],
+    showBrand: false,
+    showImageRatio: false,
+    showMonth: false,
+    showDateRange: true,
+    uploadTitle: "导入菜谱方案文件",
+    uploadLinkText: "点击导入",
+    uploadHint: "文件仅支持扩展名：.xls,.xlsx",
+    acceptTypes: ".xls,.xlsx",
+    tips: [],
+    templateUrl: "/template/template5.xlsx"
+  }
+};
+const types = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_IMAGE_RATIOS,
+  DEFAULT_TEMPLATE_CONFIGS,
+  getImageRatioOptions,
+  getTranslatedTemplateConfigs
+}, Symbol.toStringTag, { value: "Module" }));
+function getImportDialogStyles() {
+  return `
+    /* iconfont 字体内联定义 */
+    @font-face {
+      font-family: "iconfont";
+      src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACawAAAQ2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDZAqFXIRmATYCJAMgCxIABCAFhGcHYxthCMgOJQUSwWAgIkBBPPz/fv32ufc+GeEvs4ZaFc9/kVSTJvGZhljJVLwEQqPimTz/p1O/rACBShRCFpzks1m+Aspu2V5LNAWUvk4IOKxN/v/9Zsbrp1HtNrQ3s/cxt8R5iUonJEKCiUlaijvrOyu5TgF2toQ/gR8R6NquiOZwVUMHBFxjiQliuFFXg6A9rmGJBS/OoRSwQ2uuq15YUryFivRMcw9vnO+Pf3ZGS1Jl6qOOXK0U4NJP+LmRHkwPyN8Nu5vCwQkVMjZPzBWD4sB9tFfYjNbN+lyxDPS1kvIzfoz/mPqx7sfG6RE/RagbdGop9I1p/+JRhCyp1BqiBlOfYlwuNvxkCCn8DCMHjcMmA03BJgGtg00FtAE2NdBGDGhAa10wDozhG7FEJXdTuSQEqdSyZXw8ONT4s/6dTjsz49c/Je06PnEgTEA79o8fiyiiotkHwvbd4fwNXJOOCFHa5VCdrDNipyNSEk3bpCs1Zg8Tthe7nGoyfzK8kDoeZR08yeeS8wnlPnzqegxl8KjDlpvymJw9RaJ907HWjq72HsrHhBE9Neh8rhGu7peEo+sF4ex4hsNRVfGdhh0XXechDc45L1Cd9iOnnGeOUl3ftEgZHXtnUT3vX+R44b3H2ZF3y0EzHEtyRs54vqcJt/onAWx+333p0hYP7dVrW6ODY7aq6olbY4KjIfyJ7+2nsVtv37l509YHu7YPHyI3+PRlDHYdUPbtez9vct79Ez19fWg80/JeBM3tJNvj/XHO/XnqSBcFo4vrl88Hw9Ri2ecpnlLbAc+Wb3TdWL787ke16+6WzZ2dKrwzZUFVBpc0LWloMJxxbEuWePgzia0dqYqxGBcW4mLjlC63rbgwjJ+iTiu6GFOZVRkDsYezKmK3X9z81yWJUuSs4KpgUABGt/NFOguMDmfI52WukiPykPs8H6cXce1phLbr/1g2OgIlNb/IXd/X73h9iskdDiz43/YK+PGhZrcTHykFulF9H0hl1dcUOl38T/wcJUlbstTG4opAA4foCh0M1Ujoakt8QpFJH7okpyq3ElpTASSNJchaKymFsREqPTuh1toDXZtUXt4zxYIWpYO1NhAQxk1AMuYrZONuUgrjJVRm/YTauP/QdTT8b9azNi6Vy4glSGC4lQzmzSZRNxNn0zYkLTWwclq2C8k2jDSTmpQSL1cjE5LbOMW2TEojRGRE2WxkqpjHIYPBzFhksw7xJElLiCUvOVnM+pIk3myEcjKERSACBmclBsYzMxEtPIn+vDaIZCkDllyR0lWQ2WBszkiVJKUCpdpkqjR3IrttlpGkIQiROkwkMzNiVCk+xKAVzBiW7P10EB6RRNsgZ5EnmcSJVU1Jw5PG07wGXeq920iRo0QVdTTRRkd1S0bL0qz6dLcbaAVxN+2p3ntyp2GCLTaPFZhdxWJ3gm1aDAAAAA==') format('woff2');
+    }
+    .iconfont {
+      font-family: "iconfont" !important;
+      font-size: 16px;
+      font-style: normal;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+    .icon-prev2:before { content: "\\e601"; }
+    .icon-prev3:before { content: "\\e613"; }
+    .icon-next:before { content: "\\e610"; }
+    .icon-next1:before { content: "\\e600"; }
+    .icon-icon_tips:before { content: "\\e627"; }
+    .icon-xiazai:before { content: "\\e629"; }
+    .icon-tishi:before { content: "\\e62a"; }
+
+    .import-dialog-vanilla-wrapper {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 1000;
+    }
+
+    .import-dialog-vanilla-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: var(--sl-overlay-color-lighter);
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      padding-top: 100px;
+      overflow: auto;
+    }
+
+    .import-dialog-vanilla-modal {
+      padding: 20px 16px;
+      position: relative;
+      background-color: var(--sl-color-white);
+      background-clip: padding-box;
+      border: 0;
+      border-radius: 4px;
+    
+    
+          box-shadow: var(--sl-box-shadow);
+      pointer-events: auto;
+    }
+
+    .import-dialog-vanilla-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-radius: 8px 8px 0 0;
+      border-bottom: none;
+      margin-bottom: 16px;
+      font-size: 16px;
+      font-weight: 500;
+      padding: 0px;
+    }
+
+    .import-dialog-vanilla-title {
+      font-size: 16px;
+      font-weight: 500;
+      color: var(--sl-text-color);
+    }
+
+    .import-dialog-vanilla-close {
+      font-size: 20px;
+      color: var(--sl-text-color-thridary);
+      cursor: pointer;
+      line-height: 1;
+      padding: 4px;
+      transition: color 0.3s;
+      font-weight:300;
+    }
+
+
+
+    .import-dialog-vanilla-tabs {
+      display: flex;
+      margin-bottom: 8px;
+      gap: 4px;
+      border-bottom: 1px solid var(--sl-border-color);
+    }
+
+    .import-dialog-vanilla-tab {
+      padding: 0 16px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      background: var(--slm-card-bg-color4);
+      color: var(--sl-text-color-secondary);
+      font-size: 14px;
+      border-radius: 4px 4px 0 0;
+      border: 1px solid var(--sl-border-color);
+      border-bottom: none;
+      transition: all 0.3s;
+    }
+
+    .import-dialog-vanilla-tab:hover {
+      color: var(--sl-color-primary);
+    }
+
+    .import-dialog-vanilla-tab.active {
+      background: var(--sl-color-primary);
+      border-color: var(--sl-color-primary);
+      color: var(--sl-color-white);
+    }
+
+    .import-dialog-vanilla-section {
+      background: var(--slm-card-bg-color4);
+      border-radius: 8px;
+      padding: 8px 12px;
+      margin-bottom: 8px;
+    }
+
+    .import-dialog-vanilla-section-title {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--sl-text-color);
+      margin-bottom: 8px;
+      display: flex;
+      align-items: center;
+    }
+
+    .import-dialog-vanilla-tips-icon {
+      width: 18px;
+      height: 18px;
+      background: #ECECEC;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .import-dialog-vanilla-tips-icon>i {
+      font-size: 12px;
+      font-weight:600;
+    }
+
+    .import-dialog-vanilla-tips-title {
+      font-size: 16px;
+      margin-left:12px;
+    }
+
+    .import-dialog-vanilla-tips-content {
+      padding-left: 30px;
+    }
+
+    .import-dialog-vanilla-tip-item {
+      font-size: 14px;
+      color: var(--sl-text-color-secondary);
+      margin: 4px 0;
+      line-height: 1.4;
+    }
+
+    .import-dialog-vanilla-btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      padding: 4px 16px;
+      height: 32px;
+      font-size: 14px;
+      border-radius: 4px;
+      border: 1px solid var(--sl-border-color);
+      background: var(--sl-color-white);
+      color: var(--sl-text-color-regular);
+      cursor: pointer;
+      transition: all 0.3s;
+    }
+
+    .import-dialog-vanilla-btn:hover {
+      border-color: var(--sl-color-primary);
+      color: var(--sl-color-primary);
+    }
+
+    .import-dialog-vanilla-btn:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    .import-dialog-vanilla-btn-primary {
+      background: var(--sl-color-primary);
+      border-color: var(--sl-color-primary);
+      color: var(--sl-color-white);
+      text-decoration: none;
+    }
+    .download-template-btn {
+     font-weight:500;
+    }
+
+    .import-dialog-vanilla-btn-primary:hover {
+      background: var(--slm-primary-color-hover);
+      border-color: var(--slm-primary-color-hover);
+      color: var(--sl-color-white);
+      text-decoration: none;
+    }
+
+    
+    .import-dialog-vanilla-icon {
+      font-size: 14px;
+    }
+
+    .import-dialog-vanilla-setting-content {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .import-dialog-vanilla-setting-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .import-dialog-vanilla-setting-label {
+      min-width: 100px;
+      color: var(--sl-text-color-primary);
+      font-size: 14px;
+    }
+
+    .import-dialog-vanilla-setting-label.required::before {
+      content: "*";
+      color: var(--sl-color-error);
+      margin-right: 4px;
+    }
+
+    .import-dialog-vanilla-select {
+      width: 200px;
+      height: 28px;
+      padding: 0 8px;
+      font-size: 14px;
+      border: 1px solid var(--sl-border-color);
+      border-radius: 4px;
+      background: var(--sl-color-white);
+      outline: none;
+      cursor: pointer;
+    }
+
+    .import-dialog-vanilla-select:focus {
+      border-color: var(--sl-color-primary);
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+
+    /* Custom Select Component Styles */
+    .import-dialog-vanilla-custom-select {
+      position: relative;
+      width: 200px;
+      height: 28px;
+      font-size: 14px;
+    }
+
+    .import-dialog-vanilla-select-trigger {
+      width: 100%;
+      height: 100%;
+      padding: 0 8px;
+      border: 1px solid var(--sl-border-color);
+      border-radius: 4px;
+      background: var(--sl-color-white);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      transition: all 0.3s;
+    }
+
+    .import-dialog-vanilla-select-trigger:hover {
+      border-color: var(--sl-color-primary);
+    }
+
+    .import-dialog-vanilla-select-trigger.active {
+      border-color: var(--sl-color-primary);
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+
+    .import-dialog-vanilla-select-trigger.disabled {
+      background: #f5f5f5;
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    .import-dialog-vanilla-select-value {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: var(--sl-text-color-primary);
+    }
+
+    .import-dialog-vanilla-select-placeholder {
+      color: var(--sl-text-color-placeholder);
+    }
+
+    .import-dialog-vanilla-select-arrow {
+      width: 0;
+      height: 0;
+      border-left: 4px solid transparent;
+      border-right: 4px solid transparent;
+      border-top: 4px solid var(--sl-text-color-placeholder);
+      transition: transform 0.3s;
+      margin-left: 8px;
+    }
+
+    .import-dialog-vanilla-select-trigger.active .import-dialog-vanilla-select-arrow {
+      transform: rotate(180deg);
+    }
+
+    .import-dialog-vanilla-select-dropdown {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      z-index: 1000;
+      margin-top: 4px;
+      background: var(--sl-color-white);
+      border-radius: 4px;
+      box-shadow: var(--sl-box-shadow-light);
+      max-height: 200px;
+      overflow-y: auto;
+      opacity: 0;
+      transform: translateY(-10px);
+      transition: all 0.3s;
+      pointer-events: none;
+      padding: 4px 0;
+    }
+
+    .import-dialog-vanilla-select-dropdown.show {
+      opacity: 1;
+      transform: translateY(0);
+      pointer-events: auto;
+    }
+
+    .import-dialog-vanilla-select-option {
+      padding: 0px 8px;
+      cursor: pointer;
+      transition: background-color 0.3s;
+      color: var(--sl-text-color-primary);
+      font-size: 14px;
+      height: 34px;
+      margin: 0px 4px;
+      border-radius: 8px;
+      line-height: 34px;
+    }
+
+    .import-dialog-vanilla-select-option:hover {
+      background: var(--sl-fill-color-light);
+    }
+
+    .import-dialog-vanilla-select-option.selected {
+      background: var(--sl-color-primary-light-9);
+      color: var(--sl-color-primary);
+      font-weight: 500;
+    }
+
+    .import-dialog-vanilla-radio-group {
+      display: flex;
+      gap: 20px;
+      flex-wrap: wrap;
+    }
+
+    .import-dialog-vanilla-radio {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--sl-text-color-secondary);
+    }
+
+    .import-dialog-vanilla-radio input[type="radio"] {
+      appearance: none;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      border: 2px solid var(--sl-text-color-four);
+      position: relative;
+      outline: none;
+      cursor: pointer;
+      margin: 0;
+    }
+  .import-dialog-vanilla-radio input[type="radio"]:hover {
+      border-color: var(--sl-color-primary);
+    }
+    .import-dialog-vanilla-radio input[type="radio"]:checked {
+      border-color: var(--sl-color-primary);
+      border-width: 5px;
+    }
+
+    .import-dialog-vanilla-radio input[type="radio"]:checked::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .import-dialog-vanilla-radio span {
+      color: var(--sl-text-color-primary);
+      font-size: 14px;
+    }
+
+    .import-dialog-vanilla-date-range {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .import-dialog-vanilla-date-input {
+      width: 150px;
+      height: 28px;
+      padding: 0 8px;
+      font-size: 14px;
+      border: 1px solid var(--sl-border-color);
+      border-radius: 4px;
+      outline: none;
+    }
+
+    .import-dialog-vanilla-date-input:focus {
+      border-color: var(--sl-color-primary);
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+
+    .import-dialog-vanilla-date-separator {
+      color: #999;
+    }
+
+    /* 上传区域包装器 - 文件列表和上传区域横向排列 */
+    .import-dialog-vanilla-upload-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .import-dialog-vanilla-upload-area {
+      min-height: 176px;
+      cursor: pointer;
+      transition: all 0.3s;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+    }
+
+    .import-dialog-vanilla-upload-area:hover {
+      border-color: var(--sl-color-primary);
+    }
+
+    .import-dialog-vanilla-upload-area.dragover {
+      border-color: var(--sl-color-primary);
+      background: rgba(24, 144, 255, 0.05);
+    }
+
+    .import-dialog-vanilla-upload-area.disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    .import-dialog-vanilla-file-input {
+      position: absolute;
+      width: 0;
+      height: 0;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    .import-dialog-vanilla-upload-content {
+      text-align: center;
+      padding: 20px;
+    }
+
+    .import-dialog-vanilla-upload-icon {
+      // font-size: 48px;
+      width:88px;
+      height:74px;
+      object-fit: contain;
+      margin-bottom: 16px;
+    }
+
+    .import-dialog-vanilla-upload-text {
+      color: var(--sl-text-color-secondary);
+      font-size: 14px;
+      margin-bottom: 8px;
+    }
+
+    .import-dialog-vanilla-upload-link {
+      color: var(--sl-color-primary);
+      cursor: pointer;
+    }
+
+    .import-dialog-vanilla-upload-link:hover {
+      text-decoration: underline;
+    }
+
+    .import-dialog-vanilla-upload-hint {
+      color: var(--sl-text-color-secondary);
+      font-size: 12px;
+      margin: 0;
+    }
+
+    .import-dialog-vanilla-file-info {
+      display: flex;
+    }
+
+    .import-dialog-vanilla-file-name {
+      flex: 1;
+      font-size: 14px;
+      color: var(--sl-text-color-primary);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .import-dialog-vanilla-file-remove {
+      font-size: 18px;
+      color: #999;
+      cursor: pointer;
+      line-height: 1;
+    }
+
+    .import-dialog-vanilla-file-remove:hover {
+      color: #ff4d4f;
+    }
+
+    .import-dialog-vanilla-upload-progress {
+      margin-top: 12px;
+      padding: 8px 0;
+    }
+
+    .import-dialog-vanilla-progress-bar {
+      height: 8px;
+      background: #f0f0f0;
+      border-radius: 4px;
+      overflow: hidden;
+      margin-bottom: 8px;
+    }
+
+    .import-dialog-vanilla-progress-inner {
+      height: 100%;
+      border-radius: 4px;
+      transition: width 0.3s;
+    }
+
+    .import-dialog-vanilla-progress-inner.active {
+      background: var(--sl-color-primary);
+    }
+
+    .import-dialog-vanilla-progress-inner.success {
+      background: #52c41a;
+    }
+
+    .import-dialog-vanilla-progress-inner.error {
+      background: #ff4d4f;
+    }
+
+    .import-dialog-vanilla-progress-text {
+      font-size: 12px;
+      color: var(--sl-text-color-secondary);
+    }
+
+    .import-dialog-vanilla-upload-message {
+      font-size: 14px;
+      padding: 6px 12px;
+      border-radius: 4px;
+      margin-top: 8px;
+    }
+
+    .import-dialog-vanilla-upload-message.info {
+      color: var(--sl-color-primary);
+      background: rgba(24, 144, 255, 0.1);
+    }
+
+    .import-dialog-vanilla-upload-message.success {
+      color: #52c41a;
+      background: rgba(82, 196, 26, 0.1);
+    }
+
+    .import-dialog-vanilla-upload-message.error {
+      color: #ff4d4f;
+      background: rgba(255, 77, 79, 0.1);
+    }
+
+    .import-dialog-vanilla-footer {
+      display: flex;
+      justify-content: flex-end;
+      gap: 12px;
+      padding-top: 8px;
+    }
+
+    .import-dialog-vanilla-toast {
+      position: fixed;
+      top: 16px;
+      left: 50%;
+      transform: translateX(-50%);
+      padding: 0;
+      border-radius: 4px;
+      font-size: 14px;
+      z-index: 1100;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      animation: import-dialog-toast-in 0.3s ease;
+      display: flex;
+      align-items: center;
+      padding: 8px 15px;
+      box-sizing: content-box;
+    }
+
+    .import-dialog-vanilla-toast-content {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      gap:8px;
+    }
+
+    .import-dialog-vanilla-toast-icon {
+      font-size: 16px;
+      flex-shrink: 0;
+    }
+
+    .import-dialog-vanilla-toast-message {
+      flex: 1;
+    }
+
+    .import-dialog-vanilla-toast-close {
+      background: none;
+      border: none;
+      padding: 11px 15px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      color: inherit;
+      opacity: 0.6;
+      transition: opacity 0.2s;
+      flex-shrink: 0;
+    }
+
+    .import-dialog-vanilla-toast-close:hover {
+      opacity: 1;
+    }
+
+    .import-dialog-vanilla-toast-close i {
+      font-size: 14px;
+    }
+
+    .import-dialog-vanilla-toast.info {
+      background-color: var(--sl-color-primary-light-9);
+      color: var(--sl-color-primary);
+      border: 1px solid var(--sl-color-primary-light-8);
+    }
+
+    .import-dialog-vanilla-toast.success {
+      background-color: var(--sl-color-success-light-9);
+      color: var(--sl-color-success);
+      border: 1px solid var(--sl-color-success-light-8);
+    }
+
+    .import-dialog-vanilla-toast.warning {
+      background-color: var(--sl-color-warning-light-9);
+      color: var(--sl-color-warning);
+      border: 1px solid var(--sl-color-warning-light-8);
+    }
+
+    .import-dialog-vanilla-toast.error {
+      background-color: var(--sl-color-error-light-9);
+      color: var(--sl-color-error);
+      border: 1px solid var(--sl-color-error-light-8);
+    }
+
+    .import-dialog-vanilla-toast.fade-out {
+      animation: import-dialog-toast-out 0.3s ease forwards;
+    }
+
+    @keyframes import-dialog-toast-in {
+      from {
+        opacity: 0;
+        transform: translateX(-50%) translateY(-20px);
+      }
+      to {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+      }
+    }
+
+    @keyframes import-dialog-toast-out {
+      from {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+      }
+      to {
+        opacity: 0;
+        transform: translateX(-50%) translateY(-20px);
+      }
+    }
+
+    /* DateRangePicker */
+    .sl-date-range-picker {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      border: 1px solid var(--sl-border-color);
+      border-radius: 4px;
+      background: var(--sl-color-white);
+      height: 28px;
+      padding: 0 8px;
+      gap: 6px;
+      cursor: pointer;
+      transition: border-color 0.3s;
+    }
+
+    .sl-date-range-picker:hover {
+      border-color: var(--sl-color-primary);
+    }
+
+    .sl-date-range-picker:focus-within {
+      border-color: var(--sl-color-primary);
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+
+    .sl-date-range-input {
+      border: none;
+      outline: none;
+      background: transparent;
+      font-size: 13px;
+      color: var(--sl-text-color-primary);
+      width: 80px;
+      text-align: center;
+      cursor: pointer;
+      padding: 0;
+      height: 100%;
+    }
+
+    .sl-date-range-input::placeholder {
+      color: var(--sl-text-color-placeholder);
+    }
+
+    .sl-date-range-separator {
+      color: var(--sl-text-color);
+      font-size: 13px;
+      flex-shrink: 0;
+    }
+
+    .sl-date-range-icon {
+      display: flex;
+      align-items: center;
+      color: var(--sl-text-color-placeholder);
+      flex-shrink: 0;
+    }
+
+    /* 日期范围选择器日历样式覆盖 */
+    .sl-date-range-calendar {
+      border: 1px solid var(--sl-border-color-light);
+      box-shadow: var(--sl-box-shadow-light);
+      border-radius: 8px;
+      z-index: 1100 !important;
+      padding: 0 !important;
+      overflow: visible !important;
+    }
+
+    /* 隐藏 flatpickr 自带的箭头 */
+    .sl-date-range-calendar::before,
+    .sl-date-range-calendar::after {
+      display: none !important;
+    }
+
+    /* 自定义箭头元素 — 基础样式 */
+    .sl-calendar-arrow {
+      position: absolute;
+      transform: translateX(-50%);
+      width: 0;
+      height: 0;
+      border-left: 8px solid transparent;
+      border-right: 8px solid transparent;
+      z-index: 1;
+    }
+
+    /* 箭头朝上（日历在输入框下方） */
+    .sl-calendar-arrow-top {
+      top: -8px;
+      border-bottom: 8px solid #e4e7ed;
+    }
+    .sl-calendar-arrow-top::after {
+      content: "";
+      position: absolute;
+      top: 1px;
+      left: -8px;
+      border-left: 8px solid transparent;
+      border-right: 8px solid transparent;
+      border-bottom: 8px solid #fff;
+    }
+
+    /* 箭头朝下（日历在输入框上方） */
+    .sl-calendar-arrow-bottom {
+      bottom: -8px;
+      border-top: 8px solid #e4e7ed;
+    }
+    .sl-calendar-arrow-bottom::after {
+      content: "";
+      position: absolute;
+      bottom: 1px;
+      left: -8px;
+      border-left: 8px solid transparent;
+      border-right: 8px solid transparent;
+      border-top: 8px solid #fff;
+    }
+
+    /* 日历整体固定宽度 */
+    .sl-date-range-calendar {
+      width: 646px !important;
+    }
+
+    .sl-date-range-calendar.has-shortcuts {
+      display: flex !important;
+      flex-direction: row !important;
+      width: 756px !important; /* 646 + 110 快捷方式面板 */
+    }
+
+    .sl-date-range-calendar-content {
+      width: 646px;
+      flex-shrink: 0;
+      padding: 12px;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    /* 两个月份之间的连续分割线 */
+    .sl-date-range-calendar-content::after {
+      content: '';
+      position: absolute;
+      top: 12px;
+      bottom: 12px;
+      left: 50%;
+      width: 1px;
+      background-color: var(--sl-border-color);
+      // transform: translateX(-50%);
+      pointer-events: none;
+    }
+
+    .sl-date-range-calendar-content .flatpickr-months,
+    .sl-date-range-calendar-content .flatpickr-innerContainer {
+      width: 100%;
+    }
+
+    /* 覆盖 flatpickr 固定宽度，让两个月份并排 */
+    .sl-date-range-calendar .flatpickr-innerContainer {
+      overflow: visible !important;
+      width: 622px !important; /* 311px * 2 */
+      position: relative;
+    }
+
+    /* 没有快捷方式时的分割线（直接在 innerContainer 上） */
+    .sl-date-range-calendar:not(.has-shortcuts) .flatpickr-innerContainer::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      width: 1px;
+      background-color: var(--sl-border-color-light);
+      transform: translateX(-50%);
+      pointer-events: none;
+    }
+
+    /* 没有快捷方式时月份头部的分割线 */
+    .sl-date-range-calendar:not(.has-shortcuts) .flatpickr-months::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      width: 1px;
+      background-color: var(--sl-border-color-light);
+      transform: translateX(-50%);
+      pointer-events: none;
+    }
+
+    .sl-date-range-calendar .flatpickr-rContainer {
+      width: 622px !important; /* 311px * 2 */
+    }
+
+    .sl-date-range-calendar .flatpickr-days .dayContainer + .dayContainer {
+      box-shadow: none !important;
+    }
+
+    /* 快捷方式面板 */
+    .sl-date-range-shortcuts {
+      display: flex;
+      flex-direction: column;
+      padding: 12px 0;
+      border-right: 1px solid var(--sl-border-color);
+      width: 110px;
+      flex-shrink: 0;
+    }
+
+    .sl-date-range-shortcut-item {
+      padding: 0px 12px;
+      font-size: 14px;
+      color: var(--sl-text-color-regular);
+      cursor: pointer;
+      white-space: nowrap;
+      transition: color 0.2s;
+      line-height: 28px;
+      text-align: start;
+    }
+
+    .sl-date-range-shortcut-item:hover {
+      color: var(--sl-color-primary);
+    }
+
+    .sl-date-range-shortcut-item.active {
+      color: var(--sl-color-primary);
+      font-weight: 500;
+    }
+
+    /* 月份头部区域 */
+    .sl-date-range-calendar .flatpickr-months {
+      padding: 0 4px !important;
+      align-items: center;
+      width: 622px !important; /* 311px * 2 */
+      position: relative !important;
+    }
+
+    .sl-date-range-calendar .flatpickr-months .flatpickr-month {
+      height: 30px;
+      display: flex;
+      align-items: center;
+      width: 311px !important;
+      flex: none !important;
+    }
+
+    /* 箭头样式 */
+    .sl-date-range-calendar .flatpickr-prev-year,
+    .sl-date-range-calendar .flatpickr-next-year,
+    .sl-date-range-calendar .flatpickr-prev-month,
+    .sl-date-range-calendar .flatpickr-next-month {
+      position: absolute !important;
+      top: 0;
+      height: 34px;
+      padding: 10px;
+      z-index: 3;
+    }
+
+    .sl-date-range-calendar .flatpickr-prev-year,
+    .sl-date-range-calendar .flatpickr-prev-month {
+      left: 0;
+    }
+
+    .sl-date-range-calendar .flatpickr-next-year,
+    .sl-date-range-calendar .flatpickr-next-month {
+      right: 0;
+    }
+
+    .sl-date-range-calendar .flatpickr-current-month {
+      font-size: 14px;
+      font-weight: 500;
+      padding-top: 8px;
+    }
+
+    .sl-date-range-calendar .flatpickr-current-month .cur-month {
+      font-weight: 500;
+      font-size: 16px;
+      color:var(--sl-text-color)
+    }
+
+    /* 年份和月份导航箭头 */
+    .sl-date-range-calendar .flatpickr-prev-year,
+    .sl-date-range-calendar .flatpickr-next-year {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      cursor: pointer;
+      font-size: 16px;
+      user-select: none;
+      transition: color 0.2s;
+      position: relative;
+      top: 0;
+      line-height: 40px;
+      padding: 0;
+      z-index: 1;
+    }
+
+    .sl-date-range-calendar .flatpickr-prev-year:hover,
+    .sl-date-range-calendar .flatpickr-next-year:hover {
+      color: var(--sl-color-primary);
+    }
+
+    .sl-date-range-calendar .flatpickr-prev-month,
+    .sl-date-range-calendar .flatpickr-next-month {
+      padding: 0 !important;
+      width: 28px;
+      height: 28px;
+      display: inline-flex !important;
+      align-items: center;
+      justify-content: center;
+      position: absolute !important;
+      top: 0 !important;
+      line-height: 28px;
+      font-size: 16px;
+      color: var(--sl-text-color);
+      overflow: visible !important;
+    }
+
+    .sl-date-range-calendar .flatpickr-prev-month {
+      left: 12px !important;
+    }
+
+    .sl-date-range-calendar .flatpickr-next-month {
+      right: 12px !important;
+    }
+
+    .sl-date-range-calendar .flatpickr-prev-month:hover,
+    .sl-date-range-calendar .flatpickr-next-month:hover {
+      color: var(--sl-color-primary);
+    }
+
+    /* 隐藏 flatpickr 原始 SVG 箭头（已替换为 iconfont） */
+    .sl-date-range-calendar .flatpickr-prev-month svg,
+    .sl-date-range-calendar .flatpickr-next-month svg {
+      display: none !important;
+    }
+    .flatpickr-prev-month .iconfont,
+    .flatpickr-next-month .iconfont,
+    .flatpickr-prev-year .iconfont,
+    .flatpickr-next-year .iconfont {
+      font-size:12px;
+      color:var(--sl-text-color-primary);
+    }
+
+    /* 星期标题 */
+    .sl-date-range-calendar .flatpickr-weekdays {
+      padding: 0 4px;
+      height: 36px;
+      width: 622px !important; /* 311px * 2 */
+    }
+
+    .sl-date-range-calendar .flatpickr-weekdaycontainer {
+      width: 311px !important;
+      min-width: 311px !important;
+      flex: none !important;
+    }
+
+    .sl-date-range-calendar span.flatpickr-weekday {
+      font-size: var(--sl-font-size-base);
+      color: var(--sl-text-color);
+      font-weight:400;
+    }
+
+    /* 日期单元格 */
+    .sl-date-range-calendar .flatpickr-days {
+      padding: 0 4px;
+      width: 622px !important; /* 311px * 2 */
+      overflow: visible !important;
+    }
+
+    .sl-date-range-calendar .dayContainer {
+      padding: 0 4px;
+      width: 311px !important; /* (646 - 24px padding - 1px border) / 2 */
+      min-width: 311px !important;
+      max-width: 311px !important;
+      min-height: 216px;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      box-sizing: border-box;
+    }
+
+    /* 外层包裹：占满一格宽度，提供 inRange 选中区间的背景色 */
+    .sl-day-cell {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 14.2857%;
+      height: 30px;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    /* 内层 span：日期数字，选中时显示为圆形高亮 */
+    .sl-day-cell .flatpickr-day {
+      font-size: 14px;
+      color: var(--sl-text-color);
+      width: 24px;
+      height: 24px;
+      max-width: 24px;
+      min-width: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      border:none;
+      background:transparent;
+    }
+
+    .sl-day-cell .flatpickr-day:hover {
+      background: transparent !important;
+      border-color: transparent !important;
+      border: none !important;
+      color: var(--sl-color-primary);
+    }
+
+    /* 未确认范围时，去掉 flatpickr 默认给 startRange/endRange/inRange 加的背景和边框 */
+    .sl-date-range-calendar:not(.sl-range-confirmed) .sl-day-cell .flatpickr-day.startRange,
+    .sl-date-range-calendar:not(.sl-range-confirmed) .sl-day-cell .flatpickr-day.endRange,
+    .sl-date-range-calendar:not(.sl-range-confirmed) .sl-day-cell .flatpickr-day.inRange {
+      background: transparent !important;
+      border: none !important;
+      box-shadow: none !important;
+      color: var(--sl-text-color) !important;
+    }
+
+    /* 未确认范围时，鼠标悬停在单元格上才显示主题色 */
+    .sl-date-range-calendar:not(.sl-range-confirmed) .sl-day-cell:hover .flatpickr-day {
+      color: var(--sl-color-primary) !important;
+    }
+
+    /* 未确认范围时，仅第一个选中的日期保留蓝色圆 */
+    .sl-date-range-calendar:not(.sl-range-confirmed) .sl-day-cell .flatpickr-day.selected {
+      background: var(--sl-color-primary) !important;
+      color: var(--sl-color-white) !important;
+      border-radius: 50% !important;
+    }
+
+    /* 今天：蓝色文字 */
+    .sl-day-cell .flatpickr-day.today {
+      border: none;
+      color: var(--sl-color-primary);
+      font-weight: 600;
+    }
+
+    .sl-day-cell .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange) {
+      color: var(--sl-color-primary);
+      font-weight: 600;
+    }
+    /* 悬停时的 inRange（未确认范围）：仅改变字体颜色，不显示灰色背景带 */
+    .sl-day-cell:has(.flatpickr-day.inRange) .flatpickr-day {
+      box-shadow: none ;
+    }
+
+    /* 已确认范围：显示灰色背景带 */
+    .sl-range-confirmed .sl-day-cell:has(.flatpickr-day.inRange) {
+      background: var(--sl-border-color-light);
+    }
+
+    .sl-range-confirmed .sl-day-cell:has(.flatpickr-day.inRange) .flatpickr-day:hover {
+      color: var(--sl-color-primary) !important;
+    }
+
+    /* 开始日期：仅在范围确认后显示灰色背景带 */
+    .sl-range-confirmed .sl-day-cell:has(.flatpickr-day.startRange) {
+      background: var(--sl-border-color-light);
+      border-top-left-radius: 50%;
+      border-bottom-left-radius: 50%;
+    }
+
+    .sl-range-confirmed .sl-day-cell:has(.flatpickr-day.startRange.endRange) {
+      background: transparent;
+    }
+
+    /* 结束日期：仅在范围确认后显示灰色背景带 */
+    .sl-range-confirmed .sl-day-cell:has(.flatpickr-day.endRange) {
+      background: var(--sl-border-color-light);
+      border-top-right-radius: 50%;
+      border-bottom-right-radius: 50%;
+    }
+
+    /* 选中的开始和结束日期：蓝色实心圆 */
+    .sl-day-cell .flatpickr-day.selected,
+    .sl-day-cell .flatpickr-day.startRange,
+    .sl-day-cell .flatpickr-day.endRange {
+      background: var(--sl-color-primary) !important;
+      border-color: var(--sl-color-primary) !important;
+      color: var(--sl-color-white) !important;
+      border-radius: 50% !important;
+      box-shadow: none !important;
+    }
+    /* 禁用日期 */
+    .sl-day-cell .flatpickr-day.flatpickr-disabled {
+      color: var(--sl-text-color-disabled);
+      cursor: not-allowed;
+      opacity: 1;
+    }
+
+    .sl-day-cell .flatpickr-day.flatpickr-disabled:hover {
+      background: transparent !important;
+      border-color: transparent !important;
+      cursor: not-allowed;
+    }
+
+    .sl-day-cell .flatpickr-day.prevMonthDay,
+    .sl-day-cell .flatpickr-day.nextMonthDay {
+      color: #c0c4cc;
+    }
+    .flatpickr-day.nextMonthDay.inRange,.flatpickr-day.preMonthDay.inRange{
+      background: transparent ;
+      border:none;
+    }
+
+    /* ============ 多文件上传列表样式 - 横向滚动 ============ */
+    .import-dialog-vanilla-file-list {
+      display: flex;
+      flex-direction: row;
+      gap: 12px;
+      overflow-x: auto;
+      overflow-y: hidden;
+      padding: 0px 0px 12px 0px;
+      scrollbar-width: thin;
+      // scrollbar-color: #d9d9d9 transparent;
+    }
+
+    .import-dialog-vanilla-file-list::-webkit-scrollbar {
+      height: 6px;
+    }
+
+    .import-dialog-vanilla-file-list::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    .import-dialog-vanilla-file-list::-webkit-scrollbar-thumb {
+      background: #d9d9d9;
+      border-radius: 3px;
+    }
+
+    .import-dialog-vanilla-file-list::-webkit-scrollbar-thumb:hover {
+      background: #bfbfbf;
+    }
+
+    .import-dialog-vanilla-file-item {
+      position: relative;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 8px;
+      padding: 4px 8px;
+      background: var(--slm-card-bg-color5);
+      border-radius: 12px;
+      flex-shrink: 0;
+      min-width: 196px;
+      width:196px;
+      height:52px;
+      cursor: default;
+      transition: all 0.2s;
+    }
+    .import-dialog-vanilla-file-item.width-100{
+      width:100%;
+    }
+
+    // .import-dialog-vanilla-file-item:hover {
+    //   background: #FFF7E6;
+    // }
+
+    // .import-dialog-vanilla-file-item.status-success {
+    //   background: #FFFBF0;
+    // }
+
+    .import-dialog-vanilla-file-item.status-error {
+      background: #FFF2F0;
+    }
+
+    .import-dialog-vanilla-file-item.status-uploading {
+      background: #FFFBF0;
+    }
+
+    .import-dialog-vanilla-file-icon {
+      width: 18px;
+      height: 18px;
+      display: flex;
+      align-items: center;
+    }
+
+    .import-dialog-vanilla-file-icon svg {
+      width: 32px;
+      height: 32px;
+    }
+
+    .import-dialog-vanilla-file-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .import-dialog-vanilla-file-name {
+      font-size: 13px;
+      color: var(--sl-text-color);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: 1.4;
+      width:144px;
+    }
+
+    .import-dialog-vanilla-file-meta {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 12px;
+      color: var(--sl-text-color-secondary);
+    }
+
+    .import-dialog-vanilla-file-progress-text {
+      font-size: 12px;
+      color: #1890FF;
+    }
+
+    .import-dialog-vanilla-file-error-text {
+      font-size: 12px;
+      color: var(--sl-color-error);
+    }
+
+    /* 删除按钮 - 默认隐藏，hover时显示 */
+    .import-dialog-vanilla-file-remove-btn {
+      position: absolute;
+      top: 2px;
+      right: 2px;
+      width: 14px;
+      height: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      cursor: pointer;
+      opacity: 0;
+      transition: opacity 0.2s;
+      z-index: 1;
+    }
+
+    .import-dialog-vanilla-file-item:hover .import-dialog-vanilla-file-remove-btn {
+      opacity: 1;
+    }
+
+    .import-dialog-vanilla-file-remove-btn svg {
+      width: 14px;
+      height: 14px;
+    }
+
+    /* 全局遮罩 Loading */
+    .import-dialog-vanilla-loading-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: var(--sl-overlay-color-lighter);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+    }
+
+    .import-dialog-vanilla-loading-spinner {
+      width: 32px;
+      height: 32px;
+      border: 3px solid var(--sl-border-color);
+      border-top: 3px solid var(--sl-color-primary);
+      border-radius: 50%;
+      animation: import-dialog-vanilla-spin 1s linear infinite;
+    }
+
+    @keyframes import-dialog-vanilla-spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+
+  `;
+}
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var zh = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+      l10ns: {}
+    };
+    var Mandarin = {
+      weekdays: {
+        shorthand: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
+        longhand: [
+          "星期日",
+          "星期一",
+          "星期二",
+          "星期三",
+          "星期四",
+          "星期五",
+          "星期六"
+        ]
+      },
+      months: {
+        shorthand: [
+          "一月",
+          "二月",
+          "三月",
+          "四月",
+          "五月",
+          "六月",
+          "七月",
+          "八月",
+          "九月",
+          "十月",
+          "十一月",
+          "十二月"
+        ],
+        longhand: [
+          "一月",
+          "二月",
+          "三月",
+          "四月",
+          "五月",
+          "六月",
+          "七月",
+          "八月",
+          "九月",
+          "十月",
+          "十一月",
+          "十二月"
+        ]
+      },
+      rangeSeparator: " 至 ",
+      weekAbbreviation: "周",
+      scrollTitle: "滚动切换",
+      toggleTitle: "点击切换 12/24 小时时制"
+    };
+    fp.l10ns.zh = Mandarin;
+    var zh2 = fp.l10ns;
+    exports2.Mandarin = Mandarin;
+    exports2.default = zh2;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(zh, zh.exports);
+var zhExports = zh.exports;
+const customLocale = {
+  ...zhExports.Mandarin,
+  weekdays: {
+    shorthand: ["日", "一", "二", "三", "四", "五", "六"],
+    longhand: ["日", "一", "二", "三", "四", "五", "六"]
+  }
+};
+class DateRangePicker {
+  constructor(options) {
+    __publicField(this, "container");
+    __publicField(this, "startInput");
+    __publicField(this, "endInput");
+    __publicField(this, "fpInstance", null);
+    __publicField(this, "selectedDates", [null, null]);
+    __publicField(this, "onChange");
+    __publicField(this, "placeholder");
+    __publicField(this, "shortcuts");
+    __publicField(this, "disabledDate");
+    __publicField(this, "activeShortcutIndex", -1);
+    __publicField(this, "isShortcutTriggered", false);
+    __publicField(this, "scrollHandler", null);
+    __publicField(this, "scrollParents", []);
+    this.container = options.container;
+    this.selectedDates = options.defaultDates || [null, null];
+    this.onChange = options.onChange;
+    this.placeholder = options.placeholder || ["Start date", "End date"];
+    this.shortcuts = options.shortcuts || [];
+    this.disabledDate = options.disabledDate;
+    this.render();
+    this.initFlatpickr();
+  }
+  render() {
+    this.container.innerHTML = "";
+    this.container.className = "sl-date-range-picker";
+    this.startInput = document.createElement("input");
+    this.startInput.type = "text";
+    this.startInput.className = "sl-date-range-input";
+    this.startInput.placeholder = this.placeholder[0];
+    this.startInput.readOnly = true;
+    if (this.selectedDates[0]) {
+      this.startInput.value = this.formatDate(this.selectedDates[0]);
+    }
+    const separator = document.createElement("span");
+    separator.className = "sl-date-range-separator";
+    separator.textContent = "To";
+    this.endInput = document.createElement("input");
+    this.endInput.type = "text";
+    this.endInput.className = "sl-date-range-input";
+    this.endInput.placeholder = this.placeholder[1];
+    this.endInput.readOnly = true;
+    if (this.selectedDates[1]) {
+      this.endInput.value = this.formatDate(this.selectedDates[1]);
+    }
+    const iconBtn = document.createElement("span");
+    iconBtn.className = "sl-date-range-icon";
+    iconBtn.innerHTML = `<svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M5 1v2M11 1v2M1.5 6h13M3 2.5h10a1.5 1.5 0 011.5 1.5v10a1.5 1.5 0 01-1.5 1.5H3a1.5 1.5 0 01-1.5-1.5V4A1.5 1.5 0 013 2.5z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>`;
+    this.container.appendChild(this.startInput);
+    this.container.appendChild(separator);
+    this.container.appendChild(this.endInput);
+    this.container.appendChild(iconBtn);
+    this.container.addEventListener("click", (e) => {
+      var _a;
+      e.stopPropagation();
+      (_a = this.fpInstance) == null ? void 0 : _a.open();
+    });
+  }
+  buildShortcutsPanel() {
+    const panel = document.createElement("div");
+    panel.className = "sl-date-range-shortcuts";
+    this.shortcuts.forEach((shortcut, index) => {
+      const item = document.createElement("div");
+      item.className = "sl-date-range-shortcut-item";
+      if (index === this.activeShortcutIndex) {
+        item.classList.add("active");
+      }
+      item.textContent = shortcut.text;
+      item.addEventListener("click", (e) => {
+        e.stopPropagation();
+        this.handleShortcutClick(index);
+      });
+      panel.appendChild(item);
+    });
+    return panel;
+  }
+  handleShortcutClick(index) {
+    var _a, _b, _c, _d;
+    const shortcut = this.shortcuts[index];
+    if (!shortcut) return;
+    const [start, end] = shortcut.value();
+    this.isShortcutTriggered = true;
+    this.activeShortcutIndex = index;
+    this.selectedDates = [start, end];
+    this.startInput.value = this.formatDate(start);
+    this.endInput.value = this.formatDate(end);
+    (_a = this.fpInstance) == null ? void 0 : _a.setDate([start, end], false);
+    (_b = this.onChange) == null ? void 0 : _b.call(this, [start, end]);
+    (_c = this.fpInstance) == null ? void 0 : _c.calendarContainer.classList.add("sl-range-confirmed");
+    if (this.fpInstance) {
+      this.updateMonthHeaders(this.fpInstance);
+      this.unwrapDayCells(this.fpInstance);
+      this.padDayContainers(this.fpInstance);
+      this.wrapDayCells(this.fpInstance);
+    }
+    this.updateShortcutActiveState();
+    this.isShortcutTriggered = false;
+    (_d = this.fpInstance) == null ? void 0 : _d.close();
+  }
+  updateShortcutActiveState() {
+    var _a;
+    const panel = (_a = this.fpInstance) == null ? void 0 : _a.calendarContainer.querySelector(
+      ".sl-date-range-shortcuts"
+    );
+    if (!panel) return;
+    const items = panel.querySelectorAll(".sl-date-range-shortcut-item");
+    items.forEach((item, i) => {
+      if (i === this.activeShortcutIndex) {
+        item.classList.add("active");
+      } else {
+        item.classList.remove("active");
+      }
+    });
+  }
+  initFlatpickr() {
+    const hiddenInput = document.createElement("input");
+    hiddenInput.type = "text";
+    hiddenInput.style.cssText = "position:absolute;width:0;height:0;opacity:0;pointer-events:none;";
+    this.container.appendChild(hiddenInput);
+    const defaultDates = [];
+    if (this.selectedDates[0]) defaultDates.push(this.selectedDates[0]);
+    if (this.selectedDates[1]) defaultDates.push(this.selectedDates[1]);
+    const disableFn = this.disabledDate;
+    const disableConfig = disableFn ? [(date) => disableFn(date)] : [];
+    this.fpInstance = flatpickr(hiddenInput, {
+      mode: "range",
+      showMonths: 2,
+      locale: customLocale,
+      dateFormat: "Y-m-d",
+      defaultDate: defaultDates.length === 2 ? defaultDates : void 0,
+      positionElement: this.container,
+      static: false,
+      position: "below",
+      disable: disableConfig,
+      onReady: (_selectedDates, _dateStr, instance) => {
+        instance.calendarContainer.classList.add("sl-date-range-calendar");
+        if (_selectedDates.length === 2) {
+          instance.calendarContainer.classList.add("sl-range-confirmed");
+        }
+        instance.calendarContainer.addEventListener("mouseleave", () => {
+          if (!instance.calendarContainer.classList.contains("sl-range-confirmed") && instance.selectedDates.length === 1) {
+            instance.calendarContainer.querySelectorAll(".flatpickr-day.inRange, .flatpickr-day.endRange").forEach((el) => {
+              el.classList.remove("inRange", "endRange");
+            });
+          }
+        });
+        this.customizeCalendarHeader(instance);
+        this.padDayContainers(instance);
+        this.wrapDayCells(instance);
+        if (this.shortcuts.length > 0) {
+          instance.calendarContainer.classList.add("has-shortcuts");
+          const calendarContent = document.createElement("div");
+          calendarContent.className = "sl-date-range-calendar-content";
+          while (instance.calendarContainer.firstChild) {
+            calendarContent.appendChild(instance.calendarContainer.firstChild);
+          }
+          const shortcutsPanel = this.buildShortcutsPanel();
+          instance.calendarContainer.appendChild(shortcutsPanel);
+          instance.calendarContainer.appendChild(calendarContent);
+        }
+      },
+      onOpen: (_selectedDates, _dateStr, instance) => {
+        this.updateMonthHeaders(instance);
+        this.unwrapDayCells(instance);
+        this.padDayContainers(instance);
+        this.wrapDayCells(instance);
+        requestAnimationFrame(() => {
+          this.positionCalendar(instance);
+        });
+        this.bindScrollListeners(instance);
+      },
+      onClose: () => {
+        this.unbindScrollListeners();
+      },
+      onMonthChange: (_selectedDates, _dateStr, instance) => {
+        requestAnimationFrame(() => {
+          this.updateMonthHeaders(instance);
+          this.unwrapDayCells(instance);
+          this.padDayContainers(instance);
+          this.wrapDayCells(instance);
+        });
+      },
+      onYearChange: (_selectedDates, _dateStr, instance) => {
+        requestAnimationFrame(() => {
+          this.updateMonthHeaders(instance);
+          this.unwrapDayCells(instance);
+          this.padDayContainers(instance);
+          this.wrapDayCells(instance);
+        });
+      },
+      onChange: (dates, _dateStr, instance) => {
+        var _a;
+        if (!this.isShortcutTriggered) {
+          this.activeShortcutIndex = -1;
+          this.updateShortcutActiveState();
+        }
+        if (dates.length === 2) {
+          this.selectedDates = [dates[0], dates[1]];
+          this.startInput.value = this.formatDate(dates[0]);
+          this.endInput.value = this.formatDate(dates[1]);
+          (_a = this.onChange) == null ? void 0 : _a.call(this, this.selectedDates);
+          instance.calendarContainer.classList.add("sl-range-confirmed");
+        } else if (dates.length === 1) {
+          this.selectedDates = [dates[0], null];
+          this.startInput.value = this.formatDate(dates[0]);
+          this.endInput.value = "";
+          instance.calendarContainer.classList.remove("sl-range-confirmed");
+        }
+        requestAnimationFrame(() => {
+          this.updateMonthHeaders(instance);
+          this.unwrapDayCells(instance);
+          this.padDayContainers(instance);
+          this.wrapDayCells(instance);
+        });
+      }
+    });
+  }
+  customizeCalendarHeader(instance) {
+    const monthsContainer = instance.calendarContainer.querySelector(".flatpickr-months");
+    if (!monthsContainer) return;
+    const prevYear = document.createElement("span");
+    prevYear.className = "flatpickr-prev-year";
+    prevYear.innerHTML = '<i class="iconfont icon-prev2"></i>';
+    prevYear.addEventListener("click", (e) => {
+      e.stopPropagation();
+      instance.changeYear(instance.currentYear - 1);
+    });
+    const nextYear = document.createElement("span");
+    nextYear.className = "flatpickr-next-year";
+    nextYear.innerHTML = '<i class="iconfont icon-next1"></i>';
+    nextYear.addEventListener("click", (e) => {
+      e.stopPropagation();
+      instance.changeYear(instance.currentYear + 1);
+    });
+    const prevMonth = monthsContainer.querySelector(".flatpickr-prev-month");
+    const nextMonth = monthsContainer.querySelector(".flatpickr-next-month");
+    if (prevMonth) {
+      prevMonth.innerHTML = '<i class="iconfont icon-prev3"></i>';
+      monthsContainer.insertBefore(prevYear, prevMonth);
+    }
+    if (nextMonth) {
+      nextMonth.innerHTML = '<i class="iconfont icon-next"></i>';
+      nextMonth.after(nextYear);
+    }
+    this.updateMonthHeaders(instance);
+  }
+  updateMonthHeaders(instance) {
+    const monthNames = [
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ];
+    const months = instance.calendarContainer.querySelectorAll(
+      ".flatpickr-current-month"
+    );
+    months.forEach((monthEl, i) => {
+      const curMonth = monthEl.querySelector(".cur-month");
+      const yearInput = monthEl.querySelector(".numInputWrapper");
+      if (!curMonth || !yearInput) return;
+      const monthIndex = (instance.currentMonth + i) % 12;
+      const year = instance.currentYear + Math.floor((instance.currentMonth + i) / 12);
+      yearInput.style.display = "none";
+      curMonth.textContent = `${year} 年 ${monthNames[monthIndex]} 月`;
+    });
+  }
+  /**
+   * 将每个 dayContainer 填充到 42 个单元格（6 行 × 7 列）。
+   * 参考 Element Plus 逻辑：在开头补充上月日期，在末尾补充下月日期，
+   * 确保每一行都被完全填满。
+   */
+  padDayContainers(instance) {
+    const containers = instance.calendarContainer.querySelectorAll(".dayContainer");
+    containers.forEach((container, idx) => {
+      container.querySelectorAll(".sl-pad-day").forEach((el) => el.remove());
+      container.querySelectorAll(".flatpickr-day.hidden").forEach((el) => el.classList.remove("hidden"));
+      const totalCells = 42;
+      const monthIndex = (instance.currentMonth + idx) % 12;
+      const year = instance.currentYear + Math.floor((instance.currentMonth + idx) / 12);
+      const existingPrevDays = container.querySelectorAll(
+        ".flatpickr-day.prevMonthDay"
+      );
+      const firstDayOfMonth = new Date(year, monthIndex, 1).getDay();
+      const prevDaysNeeded = firstDayOfMonth - existingPrevDays.length;
+      if (prevDaysNeeded > 0) {
+        const prevMonth = monthIndex === 0 ? 11 : monthIndex - 1;
+        const prevYear = monthIndex === 0 ? year - 1 : year;
+        const daysInPrevMonth = new Date(prevYear, prevMonth + 1, 0).getDate();
+        const firstChild = container.firstChild;
+        for (let i = prevDaysNeeded - 1; i >= 0; i--) {
+          const dayNum = daysInPrevMonth - i;
+          const span = document.createElement("span");
+          span.className = "flatpickr-day prevMonthDay sl-pad-day";
+          span.textContent = String(dayNum);
+          span.tabIndex = -1;
+          container.insertBefore(span, firstChild);
+        }
+      }
+      const currentCount = container.querySelectorAll(".flatpickr-day").length;
+      if (currentCount < totalCells) {
+        const existingNextDays = container.querySelectorAll(".nextMonthDay");
+        let nextDayNum = 1;
+        if (existingNextDays.length > 0) {
+          const lastNext = existingNextDays[existingNextDays.length - 1];
+          nextDayNum = parseInt(lastNext.textContent || "0", 10) + 1;
+        }
+        const needed = totalCells - currentCount;
+        for (let i = 0; i < needed; i++) {
+          const span = document.createElement("span");
+          span.className = "flatpickr-day nextMonthDay sl-pad-day";
+          span.textContent = String(nextDayNum + i);
+          span.tabIndex = -1;
+          container.appendChild(span);
+        }
+      }
+    });
+  }
+  /**
+   * 将每个 .flatpickr-day span 包裹在 div.sl-day-cell 中，实现双层渲染：
+   * - 外层 div：占满整格宽度的背景带（用于 inRange）
+   * - 内层 span：圆形高亮（用于 startRange/endRange）
+   * 类似 Element Plus 的 table>tr>td>div>span 结构。
+   */
+  wrapDayCells(instance) {
+    const containers = instance.calendarContainer.querySelectorAll(".dayContainer");
+    containers.forEach((container) => {
+      const days = container.querySelectorAll(
+        ".flatpickr-day:not(.sl-day-wrapped)"
+      );
+      days.forEach((day) => {
+        var _a;
+        if (day.parentElement && day.parentElement.classList.contains("sl-day-cell")) {
+          return;
+        }
+        const wrapper = document.createElement("div");
+        wrapper.className = "sl-day-cell";
+        day.classList.add("sl-day-wrapped");
+        (_a = day.parentNode) == null ? void 0 : _a.insertBefore(wrapper, day);
+        wrapper.appendChild(day);
+      });
+    });
+  }
+  /**
+   * 移除所有 sl-day-cell 包裹，恢复 flatpickr 的扁平结构。
+   */
+  unwrapDayCells(instance) {
+    const wrappers = instance.calendarContainer.querySelectorAll(".sl-day-cell");
+    wrappers.forEach((wrapper) => {
+      var _a;
+      const child = wrapper.firstElementChild;
+      if (child) {
+        child.classList.remove("sl-day-wrapped");
+        (_a = wrapper.parentNode) == null ? void 0 : _a.insertBefore(child, wrapper);
+      }
+      wrapper.remove();
+    });
+  }
+  /**
+   * 将日历居中定位在输入框下方（或上方），并显示箭头指示器。
+   */
+  positionCalendar(instance) {
+    const cal = instance.calendarContainer;
+    const inputRect = this.container.getBoundingClientRect();
+    const gap = 4;
+    const arrowSize = 8;
+    const calHeight = cal.offsetHeight;
+    const calWidth = cal.offsetWidth;
+    const inputCenter = inputRect.left + inputRect.width / 2;
+    const desiredLeft = inputCenter - calWidth / 2;
+    const maxLeft = window.innerWidth - calWidth - 8;
+    const clampedLeft = Math.max(8, Math.min(desiredLeft, maxLeft));
+    const spaceBelow = window.innerHeight - inputRect.bottom - gap - arrowSize;
+    const spaceAbove = inputRect.top - gap - arrowSize;
+    const placeAbove = spaceBelow < calHeight && spaceAbove > spaceBelow;
+    if (placeAbove) {
+      cal.style.top = `${inputRect.top + window.scrollY - calHeight - gap - arrowSize}px`;
+    } else {
+      cal.style.top = `${inputRect.bottom + window.scrollY + gap + arrowSize}px`;
+    }
+    cal.style.left = `${clampedLeft}px`;
+    let arrow = cal.querySelector(".sl-calendar-arrow");
+    if (!arrow) {
+      arrow = document.createElement("div");
+      arrow.className = "sl-calendar-arrow";
+      cal.appendChild(arrow);
+    }
+    const arrowLeft = inputCenter - clampedLeft;
+    arrow.style.left = `${arrowLeft}px`;
+    if (placeAbove) {
+      arrow.className = "sl-calendar-arrow sl-calendar-arrow-bottom";
+    } else {
+      arrow.className = "sl-calendar-arrow sl-calendar-arrow-top";
+    }
+  }
+  formatDate(date) {
+    const y = date.getFullYear();
+    const m = String(date.getMonth() + 1).padStart(2, "0");
+    const d = String(date.getDate()).padStart(2, "0");
+    return `${y}-${m}-${d}`;
+  }
+  getDates() {
+    return [...this.selectedDates];
+  }
+  setDates(dates) {
+    var _a;
+    this.selectedDates = dates;
+    if (dates[0]) this.startInput.value = this.formatDate(dates[0]);
+    else this.startInput.value = "";
+    if (dates[1]) this.endInput.value = this.formatDate(dates[1]);
+    else this.endInput.value = "";
+    const fpDates = [];
+    if (dates[0]) fpDates.push(dates[0]);
+    if (dates[1]) fpDates.push(dates[1]);
+    (_a = this.fpInstance) == null ? void 0 : _a.setDate(fpDates, false);
+  }
+  /**
+   * 获取元素的所有可滚动祖先元素。
+   */
+  getScrollParents(el) {
+    const parents = [];
+    let current = el.parentElement;
+    while (current) {
+      const style = getComputedStyle(current);
+      const overflow = style.overflow + style.overflowY + style.overflowX;
+      if (/auto|scroll/.test(overflow)) {
+        parents.push(current);
+      }
+      current = current.parentElement;
+    }
+    parents.push(window);
+    return parents;
+  }
+  /**
+   * 绑定滚动监听，滚动时重新定位日历并判断居上/居下。
+   */
+  bindScrollListeners(instance) {
+    this.unbindScrollListeners();
+    this.scrollHandler = () => {
+      this.positionCalendar(instance);
+    };
+    this.scrollParents = this.getScrollParents(this.container);
+    this.scrollParents.forEach((parent) => {
+      parent.addEventListener("scroll", this.scrollHandler, { passive: true });
+    });
+  }
+  /**
+   * 解绑滚动监听。
+   */
+  unbindScrollListeners() {
+    if (this.scrollHandler) {
+      this.scrollParents.forEach((parent) => {
+        parent.removeEventListener("scroll", this.scrollHandler);
+      });
+      this.scrollHandler = null;
+      this.scrollParents = [];
+    }
+  }
+  destroy() {
+    var _a;
+    this.unbindScrollListeners();
+    (_a = this.fpInstance) == null ? void 0 : _a.destroy();
+    this.fpInstance = null;
+  }
+}
+const zhCN = {
+  // 通用
+  loadingText: "加载中...",
+  cancel: "取消",
+  confirm: "确认",
+  download: "下载",
+  select: "选择",
+  required: "必填",
+  // 对话框标题
+  batchImport: "批量导入",
+  // 下载模板部分
+  downloadTemplateTitle: "1.下载模版，根据提示信息完善表格内容",
+  downloadTemplateText: "下载模板",
+  // 导入设置部分
+  importSettingsTitle: "2.导入设置",
+  selectBrand: "选择所属品牌",
+  defaultBrand: "默认品牌",
+  selectImageRatio: "选择图片比例",
+  selectMonth: "选择月份",
+  selectDate: "选择日期",
+  // 上传部分
+  uploadTitle: "3.上传文件",
+  dragFileHere: "将文件拖到此处，或",
+  or: "或",
+  uploadLinkText: "点击上传",
+  uploadHint: "文件仅支持扩展名：.xls,.xlsx",
+  // 提示信息
+  tipsTitle: "提示信息",
+  // 月份
+  month: "月",
+  // 日期选择器
+  startDate: "开始日期",
+  endDate: "结束日期",
+  to: "至",
+  // 错误信息
+  fileTypeError: "请上传文件",
+  fileSizeError: "文件大小超出限制",
+  uploadFailed: "上传失败",
+  uploadSuccess: "上传成功",
+  uploading: "上传中...",
+  // 模板配置 - 上传标题
+  uploadTitleBase: "上传文件",
+  uploadTitleTemplate1: "上传编辑好的文件",
+  uploadTitleTemplate2: "导入菜品图片文件",
+  uploadTitleTemplate3: "导入菜品信息文件",
+  uploadTitleTemplate4: "导入菜谱方案文件",
+  uploadTitleTemplate5: "导入价格调整文件",
+  // 模板配置 - 上传链接文本
+  uploadLinkTextDefault: "点击上传",
+  uploadLinkTextImport: "点击导入",
+  // 模板配置 - 上传提示
+  uploadHintExcel: "文件仅支持扩展名：.xls,.xlsx",
+  uploadHintImage: "文件仅支持扩展名：.rar .zip .jpg .png .jpeg",
+  // 模板配置 - 提示信息
+  tipsDefault: [],
+  tipsTemplate1: [],
+  tipsTemplate2: [
+    "图片名称需要与菜品名称一致",
+    "上传文件仅支持ZIP、RAR压缩包文件（暂不支持win11自带工具压缩的文件），文件大小不超过100M",
+    "图片支持jpg、png、jpeg格式，单张大小不超过2M"
+  ],
+  tipsTemplate3: [
+    "菜品以代码为唯一标识进行集团菜品的匹配，请仔细核对菜品代码",
+    "模版支持导入名称、价格、自定义分类，其余菜品的属性获取集团菜品库"
+  ],
+  tipsTemplate4: [
+    "最多支持导入五个菜谱方案",
+    "菜品以代码为唯一标识进行集团菜品的匹配，请仔细核对菜品代码",
+    "模版支持导入名称、线上可点分类、价格和自定义分类，其余菜品的属性获取集团菜品库"
+  ],
+  tipsTemplate5: [
+    "价格调整将覆盖现有价格，请谨慎操作",
+    "支持批量调整入库价格和出库价格"
+  ],
+  // Tab 标签
+  tabCoverImport: "覆盖导入数据",
+  tabIncrementImport: "增量导入数据",
+  tabInPrice: "合批修改入库价格",
+  tabOutPrice: "合批修改出库价格",
+  // 图片比例
+  imageRatioOriginal: "原图",
+  imageRatio4to3: "4:3",
+  imageRatio3to4: "3:4",
+  imageRatio1to1: "1:1",
+  imageRatio16to9: "16:9"
+};
+const zhTW = {
+  // 通用
+  loadingText: "載入中...",
+  cancel: "取消",
+  confirm: "確認",
+  download: "下載",
+  select: "選擇",
+  required: "必填",
+  // 對話框標題
+  batchImport: "批量匯入",
+  // 下載模板部分
+  downloadTemplateTitle: "1.下載模板，根據提示資訊完善表格內容",
+  downloadTemplateText: "下載模板",
+  // 匯入設置部分
+  importSettingsTitle: "2.匯入設置",
+  selectBrand: "選擇所屬品牌",
+  defaultBrand: "預設品牌",
+  selectImageRatio: "選擇圖片比例",
+  selectMonth: "選擇月份",
+  selectDate: "選擇日期",
+  // 上傳部分
+  uploadTitle: "3.上傳檔案",
+  dragFileHere: "將檔案拖到此處，或",
+  or: "或",
+  uploadLinkText: "點擊上傳",
+  uploadHint: "檔案僅支援副檔名：.xls,.xlsx",
+  // 提示資訊
+  tipsTitle: "提示資訊",
+  // 月份
+  month: "月",
+  // 日期選擇器
+  startDate: "開始日期",
+  endDate: "結束日期",
+  to: "至",
+  // 錯誤資訊
+  fileTypeError: "請上傳檔案",
+  fileSizeError: "檔案大小超出限制",
+  uploadFailed: "上傳失敗",
+  uploadSuccess: "上傳成功",
+  uploading: "上傳中...",
+  // 模板配置 - 上傳標題
+  uploadTitleBase: "上傳檔案",
+  uploadTitleTemplate1: "上傳編輯好的檔案",
+  uploadTitleTemplate2: "匯入菜品圖片檔案",
+  uploadTitleTemplate3: "匯入菜品資訊檔案",
+  uploadTitleTemplate4: "匯入食譜方案檔案",
+  uploadTitleTemplate5: "匯入價格調整檔案",
+  // 模板配置 - 上傳連結文本
+  uploadLinkTextDefault: "點擊上傳",
+  uploadLinkTextImport: "點擊匯入",
+  // 模板配置 - 上傳提示
+  uploadHintExcel: "檔案僅支援副檔名：.xls,.xlsx",
+  uploadHintImage: "檔案僅支援副檔名：.rar .zip .jpg .png .jpeg",
+  // 模板配置 - 提示資訊
+  tipsDefault: ["這裡寫一些提示資訊"],
+  tipsTemplate1: ["這裡寫一些提示資訊"],
+  tipsTemplate2: [
+    "圖片名稱需要與菜品名稱一致",
+    "上傳檔案僅支援ZIP、RAR壓縮包檔案（暫不支援win11自帶工具壓縮的檔案），檔案大小不超過100M",
+    "圖片支援jpg、png、jpeg格式，單張大小不超過2M"
+  ],
+  tipsTemplate3: [
+    "菜品以代碼為唯一標識進行集團菜品的匹配，請仔細核對菜品代碼",
+    "模板支援匯入名稱、價格、自定義分類，其餘菜品的屬性獲取集團菜品庫"
+  ],
+  tipsTemplate4: [
+    "最多支援匯入五個食譜方案",
+    "菜品以代碼為唯一標識進行集團菜品的匹配，請仔細核對菜品代碼",
+    "模板支援匯入名稱、線上可點分類、價格和自定義分類，其餘菜品的屬性獲取集團菜品庫"
+  ],
+  tipsTemplate5: [
+    "價格調整將覆蓋現有價格，請謹慎操作",
+    "支援批量調整入庫價格和出庫價格"
+  ],
+  // Tab 標籤
+  tabCoverImport: "覆蓋匯入資料",
+  tabIncrementImport: "增量匯入資料",
+  tabInPrice: "合批修改入庫價格",
+  tabOutPrice: "合批修改出庫價格",
+  // 圖片比例
+  imageRatioOriginal: "原圖",
+  imageRatio4to3: "4:3",
+  imageRatio3to4: "3:4",
+  imageRatio1to1: "1:1",
+  imageRatio16to9: "16:9"
+};
+const ja = {
+  // 通用
+  loadingText: "読み込み中...",
+  cancel: "キャンセル",
+  confirm: "確認",
+  download: "ダウンロード",
+  select: "選択",
+  required: "必須",
+  // ダイアログタイトル
+  batchImport: "一括インポート",
+  // テンプレートダウンロード部分
+  downloadTemplateTitle: "1.テンプレートをダウンロードし、指示に従ってスプレッドシートを完成させる",
+  downloadTemplateText: "テンプレートをダウンロード",
+  // インポート設定部分
+  importSettingsTitle: "2.インポート設定",
+  selectBrand: "ブランドを選択",
+  defaultBrand: "デフォルトブランド",
+  selectImageRatio: "画像比率を選択",
+  selectMonth: "月を選択",
+  selectDate: "日付を選択",
+  // アップロード部分
+  uploadTitle: "3.ファイルをアップロード",
+  dragFileHere: "ファイルをここにドラッグ、または",
+  or: "または",
+  uploadLinkText: "クリックしてアップロード",
+  uploadHint: "ファイルは拡張子のみサポート：.xls,.xlsx",
+  // ヒント情報
+  tipsTitle: "ヒント",
+  // 月
+  month: "月",
+  // 日付選択器
+  startDate: "開始日",
+  endDate: "終了日",
+  to: "から",
+  // エラー情報
+  fileTypeError: "ファイルをアップロードしてください",
+  fileSizeError: "ファイルサイズが制限を超えています",
+  uploadFailed: "アップロード失敗",
+  uploadSuccess: "アップロード成功",
+  uploading: "アップロード中...",
+  // テンプレート設定 - アップロードタイトル
+  uploadTitleBase: "ファイルをアップロード",
+  uploadTitleTemplate1: "編集済みファイルをアップロード",
+  uploadTitleTemplate2: "料理画像ファイルをインポート",
+  uploadTitleTemplate3: "料理情報ファイルをインポート",
+  uploadTitleTemplate4: "レシプトプランファイルをインポート",
+  uploadTitleTemplate5: "価格調整ファイルをインポート",
+  // テンプレート設定 - アップロードリンクテキスト
+  uploadLinkTextDefault: "クリックしてアップロード",
+  uploadLinkTextImport: "クリックしてインポート",
+  // テンプレート設定 - アップロードヒント
+  uploadHintExcel: "ファイルは拡張子のみサポート：.xls,.xlsx",
+  uploadHintImage: "ファイルは拡張子のみサポート：.rar .zip .jpg .png .jpeg",
+  // テンプレート設定 - ヒント情報
+  tipsDefault: [],
+  tipsTemplate1: [],
+  tipsTemplate2: [
+    "画像名は料理名と一致する必要があります",
+    "アップロードファイルはZIP、RAR圧縮ファイルのみサポート（Windows11付属ツールで圧縮されたファイルはサポートされません）、ファイルサイズは100Mを超えないでください",
+    "画像はjpg、png、jpeg形式をサポート、単一サイズは2Mを超えないでください"
+  ],
+  tipsTemplate3: [
+    "料理はコードを唯一の識別子としてグループ料理と一致させ、料理コードを慎重に確認してください",
+    "テンプレートは名前、価格、カスタム分類のインポートをサポート、その他の料理属性はグループ料理データベースから取得"
+  ],
+  tipsTemplate4: [
+    "最大5つのレシピプランのインポートをサポート",
+    "料理はコードを唯一の識別子としてグループ料理と一致させ、料理コードを慎重に確認してください",
+    "テンプレートは名前、オンライン注文可能分類、価格とカスタム分類のインポートをサポート、その他の料理属性はグループ料理データベースから取得"
+  ],
+  tipsTemplate5: [
+    "価格調整は既存価格を上書きします、慎重に操作してください",
+    "仕入価格と販売価格の一括調整をサポート"
+  ],
+  // Tab ラベル
+  tabCoverImport: "上書きインポートデータ",
+  tabIncrementImport: "増分インポートデータ",
+  tabInPrice: "一括仕入価格修正",
+  tabOutPrice: "一括販売価格修正",
+  // 画像比率
+  imageRatioOriginal: "元画像",
+  imageRatio4to3: "4:3",
+  imageRatio3to4: "3:4",
+  imageRatio1to1: "1:1",
+  imageRatio16to9: "16:9"
+};
+const id = {
+  // 通用
+  loadingText: "Memuat...",
+  cancel: "Batal",
+  confirm: "Konfirmasi",
+  download: "Unduh",
+  select: "Pilih",
+  required: "Wajib",
+  // Judul dialog
+  batchImport: "Impor Batch",
+  // Bagian unduh template
+  downloadTemplateTitle: "1. Unduh template dan lengkapi spreadsheet sesuai petunjuk",
+  downloadTemplateText: "Unduh Template",
+  // Bagian pengaturan impor
+  importSettingsTitle: "2. Pengaturan Impor",
+  selectBrand: "Pilih Merek",
+  defaultBrand: "Merek Default",
+  selectImageRatio: "Pilih Rasio Gambar",
+  selectMonth: "Pilih Bulan",
+  selectDate: "Pilih Tanggal",
+  // Bagian unggah
+  uploadTitle: "3. Unggah File",
+  dragFileHere: "Seret file di sini, atau",
+  or: "atau",
+  uploadLinkText: "klik untuk mengunggah",
+  uploadHint: "Hanya mendukung ekstensi file: .xls,.xlsx",
+  // Informasi tips
+  tipsTitle: "Tips",
+  // Bulan
+  month: "Bulan",
+  // Pemilih tanggal
+  startDate: "Tanggal mulai",
+  endDate: "Tanggal akhir",
+  to: "hingga",
+  // Informasi error
+  fileTypeError: "Silakan unggah file",
+  fileSizeError: "Ukuran file melebihi batas",
+  uploadFailed: "Unggah gagal",
+  uploadSuccess: "Unggah berhasil",
+  uploading: "Mengunggah...",
+  // Konfigurasi template - Judul unggah
+  uploadTitleBase: "Unggah File",
+  uploadTitleTemplate1: "Unggah File yang Diedit",
+  uploadTitleTemplate2: "Impor File Gambar Menu",
+  uploadTitleTemplate3: "Impor File Informasi Menu",
+  uploadTitleTemplate4: "Impor File Rencana Resep",
+  uploadTitleTemplate5: "Impor File Penyesuaian Harga",
+  // Konfigurasi template - Teks link unggah
+  uploadLinkTextDefault: "klik untuk mengunggah",
+  uploadLinkTextImport: "klik untuk mengimpor",
+  // Konfigurasi template - Tips unggah
+  uploadHintExcel: "Hanya mendukung ekstensi file: .xls,.xlsx",
+  uploadHintImage: "Hanya mendukung ekstensi file: .rar .zip .jpg .png .jpeg",
+  // Konfigurasi template - Informasi tips
+  tipsDefault: [],
+  tipsTemplate1: [],
+  tipsTemplate2: [
+    "Nama gambar harus sesuai dengan nama menu",
+    "File unggah hanya mendukung file terkompresi ZIP, RAR (file yang dikompresi dengan tools bawaan Windows11 tidak didukung), ukuran file tidak melebihi 100M",
+    "Gambar mendukung format jpg, png, jpeg, ukuran tunggal tidak melebihi 2M"
+  ],
+  tipsTemplate3: [
+    "Menu dicocokkan dengan menu grup menggunakan kode sebagai identifier unik, harap periksa kode menu dengan cermat",
+    "Template mendukung impor nama, harga, kategori kustom, atribut menu lainnya diperoleh dari database menu grup"
+  ],
+  tipsTemplate4: [
+    "Mendukung impor hingga lima rencana resep",
+    "Menu dicocokkan dengan menu grup menggunakan kode sebagai identifier unik, harap periksa kode menu dengan cermat",
+    "Template mendukung impor nama, kategori dapat dipesan online, harga dan kategori kustom, atribut menu lainnya diperoleh dari database menu grup"
+  ],
+  tipsTemplate5: [
+    "Penyesuaian harga akan menimpa harga yang ada, harap beroperasi dengan hati-hati",
+    "Mendukung penyesuaian harga pembelian dan harga jual secara batch"
+  ],
+  // Label Tab
+  tabCoverImport: "Timpa Data Impor",
+  tabIncrementImport: "Data Impor Incremental",
+  tabInPrice: "Modifikasi Harga Pembelian Batch",
+  tabOutPrice: "Modifikasi Harga Penjualan Batch",
+  // Rasio gambar
+  imageRatioOriginal: "Asli",
+  imageRatio4to3: "4:3",
+  imageRatio3to4: "3:4",
+  imageRatio1to1: "1:1",
+  imageRatio16to9: "16:9"
+};
+const enUS = {
+  // 通用
+  loadingText: "Loading...",
+  cancel: "Cancel",
+  confirm: "Confirm",
+  download: "Download",
+  select: "Select",
+  required: "Required",
+  // 对话框标题
+  batchImport: "Batch Import",
+  // 下载模板部分
+  downloadTemplateTitle: "1. Download template and complete the spreadsheet according to the instructions",
+  downloadTemplateText: "Download Template",
+  // 导入设置部分
+  importSettingsTitle: "2. Import Settings",
+  selectBrand: "Select Brand",
+  defaultBrand: "Default Brand",
+  selectImageRatio: "Select Image Ratio",
+  selectMonth: "Select Month",
+  selectDate: "Select Date",
+  // 上传部分
+  uploadTitle: "3. Upload File",
+  dragFileHere: "Drag files here, or",
+  or: "or",
+  uploadLinkText: "click to upload",
+  uploadHint: "Supports batch import, file size not exceeding 10MB",
+  // 提示信息
+  tipsTitle: "Tips",
+  // 月份
+  month: "Month",
+  // 日期选择器
+  startDate: "Start date",
+  endDate: "End date",
+  to: "to",
+  // 错误信息
+  fileTypeError: "Please upload file",
+  fileSizeError: "File size exceeds limit",
+  uploadFailed: "Upload failed",
+  uploadSuccess: "Upload successful",
+  uploading: "Uploading...",
+  // 模板配置 - 上传标题
+  uploadTitleBase: "Upload File",
+  uploadTitleTemplate1: "Upload Edited File",
+  uploadTitleTemplate2: "Import Dish Image File",
+  uploadTitleTemplate3: "Import Dish Information File",
+  uploadTitleTemplate4: "Import Recipe Plan File",
+  uploadTitleTemplate5: "Import Price Adjustment File",
+  // 模板配置 - 上传链接文本
+  uploadLinkTextDefault: "click to upload",
+  uploadLinkTextImport: "click to import",
+  // 模板配置 - 上传提示
+  uploadHintExcel: "File only supports extensions: .xls,.xlsx",
+  uploadHintImage: "File only supports extensions: .rar .zip .jpg .png .jpeg",
+  // 模板配置 - 提示信息
+  tipsDefault: [],
+  tipsTemplate1: [],
+  tipsTemplate2: [
+    "Image name must match dish name",
+    "Upload files only support ZIP, RAR compressed files (files compressed with Win11 built-in tools are not supported), file size not exceeding 100M",
+    "Images support jpg, png, jpeg formats, single size not exceeding 2M"
+  ],
+  tipsTemplate3: [
+    "Dishes are matched with group dishes by code as unique identifier, please carefully check dish codes",
+    "Template supports importing name, price, custom category, other dish attributes are obtained from group dish database"
+  ],
+  tipsTemplate4: [
+    "Support importing up to five recipe plans",
+    "Dishes are matched with group dishes by code as unique identifier, please carefully check dish codes",
+    "Template supports importing name, online orderable category, price and custom category, other dish attributes are obtained from group dish database"
+  ],
+  tipsTemplate5: [
+    "Price adjustment will overwrite existing prices, please operate with caution",
+    "Support batch adjustment of purchase price and sale price"
+  ],
+  // Tab 标签
+  tabCoverImport: "Overwrite Import Data",
+  tabIncrementImport: "Increment Import Data",
+  tabInPrice: "Batch Modify Purchase Price",
+  tabOutPrice: "Batch Modify Sale Price",
+  // 图片比例
+  imageRatioOriginal: "Original",
+  imageRatio4to3: "4:3",
+  imageRatio3to4: "3:4",
+  imageRatio1to1: "1:1",
+  imageRatio16to9: "16:9"
+};
+const defaultLocale = DEFAULT_LOCALE;
+const locales = {
+  "zh-CN": zhCN,
+  "zh-TW": zhTW,
+  ja,
+  id,
+  "en-US": enUS
+};
+class I18n {
+  constructor() {
+    __publicField(this, "currentLocale", defaultLocale);
+    __publicField(this, "messages", locales[defaultLocale]);
+  }
+  setLocale(locale) {
+    this.currentLocale = locale;
+    this.messages = locales[locale] || locales[defaultLocale];
+  }
+  getLocale() {
+    return this.currentLocale;
+  }
+  t(key, params) {
+    const message = this.messages[key] || key;
+    if (Array.isArray(message)) {
+      return message.join("\n");
+    }
+    if (!params) {
+      return message;
+    }
+    return message.replace(/\{(\w+)\}/g, (match, paramKey) => {
+      return String(params[paramKey] || match);
+    });
+  }
+  // 批量翻译
+  tBatch(keys) {
+    const result = {};
+    keys.forEach((key) => {
+      result[key] = this.t(key);
+    });
+    return result;
+  }
+}
+const i18n = new I18n();
+const t = (key, params) => i18n.t(key, params);
+const setLocale = (locale) => i18n.setLocale(locale);
+const getLocale = () => i18n.getLocale();
+const uploadImage = "data:image/png;base64,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";
+class ImportDialogRenderer {
+  constructor(context) {
+    __publicField(this, "context");
+    this.context = context;
+  }
+  updateContext(context) {
+    this.context = { ...this.context, ...context };
+  }
+  get showSettingSection() {
+    const config = this.context.currentConfig;
+    return config.showBrand || config.showImageRatio || config.showMonth || config.showDateRange;
+  }
+  get uploadSectionIndex() {
+    return this.showSettingSection ? 3 : 2;
+  }
+  get tipsList() {
+    return this.context.currentConfig.tips;
+  }
+  get imageRatioOptions() {
+    return getImageRatioOptions(t);
+  }
+  get monthOptions() {
+    return Array.from({ length: 12 }, (_, i) => i + 1);
+  }
+  render() {
+    const config = this.context.currentConfig;
+    const hasTabs = config.tabs && config.tabs.length > 0;
+    return `
+      <div class="import-dialog-vanilla-overlay">
+        <div class="import-dialog-vanilla-modal" style="width: ${this.context.width}">
+          <div class="import-dialog-vanilla-header">
+            <span class="import-dialog-vanilla-title">${this.context.dialogTitle}</span>
+            <span id="import-dialog-close-btn" class="import-dialog-vanilla-close">&times;</span>
+          </div>
+          <div class="import-dialog-vanilla-content">
+            ${hasTabs ? this.renderTabs() : ""}
+            ${this.renderDownloadSection()}
+            ${this.showSettingSection ? this.renderSettingSection() : ""}
+            ${this.renderUploadSection()}
+            ${this.tipsList.length > 0 ? this.renderTipsSection() : ""}
+            ${this.renderFooter()}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  renderTabs() {
+    const tabs = this.context.currentConfig.tabs;
+    return `
+      <div class="import-dialog-vanilla-tabs">
+        ${tabs.map(
+      (tab, index) => `
+          <div class="import-dialog-vanilla-tab ${this.context.activeTabIndex === index ? "active" : ""}" 
+               data-tab-index="${index}">
+            ${tab.label}
+          </div>
+        `
+    ).join("")}
+      </div>
+    `;
+  }
+  renderDownloadSection() {
+    return `
+      <div class="import-dialog-vanilla-section">
+        <div class="import-dialog-vanilla-section-title">${t("downloadTemplateTitle")}</div>
+        <a id="import-dialog-download-btn" class="import-dialog-vanilla-btn download-template-btn import-dialog-vanilla-btn-primary" href="${this.context.currentConfig.templateUrl}">
+          <i class="iconfont icon-xiazai"></i>
+          ${t("downloadTemplateText")}
+        </a>
+      </div>
+    `;
+  }
+  renderSettingSection() {
+    const config = this.context.currentConfig;
+    let content = "";
+    if (config.showBrand) {
+      content += this.renderBrandSelect();
+    }
+    if (config.showImageRatio) {
+      content += this.renderImageRatioSelect();
+    }
+    if (config.showMonth) {
+      content += this.renderMonthSelect();
+    }
+    if (config.showDateRange) {
+      content += this.renderDateRangeSelect();
+    }
+    return `
+      <div class="import-dialog-vanilla-section">
+        <div class="import-dialog-vanilla-section-title">${t("importSettingsTitle")}</div>
+        <div class="import-dialog-vanilla-setting-content">
+          ${content}
+        </div>
+      </div>
+    `;
+  }
+  renderBrandSelect() {
+    const placeholder = this.context.brandPlaceholder;
+    const selectedBrand = this.context.brandList.find(
+      (item) => item.value === this.context.formData.brandId
+    );
+    const displayValue = selectedBrand ? selectedBrand.label : this.context.brandLoading ? t("loadingText") : placeholder;
+    return `
+      <div class="import-dialog-vanilla-setting-item">
+        <span class="import-dialog-vanilla-setting-label required">${t("selectBrand")}</span>
+        <div class="import-dialog-vanilla-custom-select" data-field="brandId">
+          <div class="import-dialog-vanilla-select-trigger ${this.context.brandLoading ? "disabled" : ""}">
+            <span class="import-dialog-vanilla-select-value ${!selectedBrand && !this.context.brandLoading ? "import-dialog-vanilla-select-placeholder" : ""}">${displayValue}</span>
+            <span class="import-dialog-vanilla-select-arrow"></span>
+          </div>
+          <div class="import-dialog-vanilla-select-dropdown">
+            ${this.context.brandList.map(
+      (item) => `
+              <div class="import-dialog-vanilla-select-option ${this.context.formData.brandId === item.value ? "selected" : ""}" 
+                   data-value="${item.value}">
+                ${item.label}
+              </div>
+            `
+    ).join("")}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  renderImageRatioSelect() {
+    const options = this.imageRatioOptions;
+    return `
+      <div class="import-dialog-vanilla-setting-item">
+        <span class="import-dialog-vanilla-setting-label required">${t("selectImageRatio")}</span>
+        <div class="import-dialog-vanilla-radio-group">
+          ${options.map(
+      (ratio) => `
+            <label class="import-dialog-vanilla-radio">
+              <input type="radio" name="imageRatio" value="${ratio.value}" 
+                     ${this.context.formData.imageRatio === ratio.value ? "checked" : ""} data-field="imageRatio">
+              <span>${ratio.label}</span>
+            </label>
+          `
+    ).join("")}
+        </div>
+      </div>
+    `;
+  }
+  renderMonthSelect() {
+    const selectedMonth = this.monthOptions.find(
+      (m) => m === this.context.formData.month
+    );
+    const displayValue = selectedMonth ? `${selectedMonth}${t("month")}` : t("selectMonth");
+    return `
+      <div class="import-dialog-vanilla-setting-item">
+        <span class="import-dialog-vanilla-setting-label required">${t("selectMonth")}</span>
+        <div class="import-dialog-vanilla-custom-select" data-field="month">
+          <div class="import-dialog-vanilla-select-trigger">
+            <span class="import-dialog-vanilla-select-value ${!selectedMonth ? "import-dialog-vanilla-select-placeholder" : ""}">${displayValue}</span>
+            <span class="import-dialog-vanilla-select-arrow"></span>
+          </div>
+          <div class="import-dialog-vanilla-select-dropdown">
+            ${this.monthOptions.map(
+      (m) => `
+              <div class="import-dialog-vanilla-select-option ${this.context.formData.month === m ? "selected" : ""}" 
+                   data-value="${m}">
+                ${m}${t("month")}
+              </div>
+            `
+    ).join("")}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  renderDateRangeSelect() {
+    return `
+      <div class="import-dialog-vanilla-setting-item">
+        <span class="import-dialog-vanilla-setting-label required">${t("selectDate")}</span>
+        <div class="import-dialog-vanilla-date-range-container" data-field="dateRange"></div>
+      </div>
+    `;
+  }
+  renderUploadSection() {
+    const config = this.context.currentConfig;
+    const hasFiles = this.context.uploadFileList.length > 0;
+    const isAllUploading = this.context.uploadFileList.some(
+      (f) => f.status === "uploading"
+    );
+    const reachedLimit = this.context.multiple && this.context.uploadFileList.length >= this.context.maxFiles;
+    return `
+      <div class="import-dialog-vanilla-section">
+        <div class="import-dialog-vanilla-section-title">${this.uploadSectionIndex}.${config.uploadTitle}</div>
+        <div class="import-dialog-vanilla-upload-wrapper">
+          ${hasFiles ? this.renderFileList() : ""}
+          ${!reachedLimit ? `
+          <div id="import-dialog-upload-area" class="import-dialog-vanilla-upload-area ${isAllUploading ? "disabled" : ""}">
+            <input type="file" class="import-dialog-vanilla-file-input" accept="${config.acceptTypes}" ${this.context.multiple ? "multiple" : ""} ${isAllUploading ? "disabled" : ""}>
+            <div class="import-dialog-vanilla-upload-content">
+              <img class="import-dialog-vanilla-upload-icon" src="${uploadImage}" alt="">
+              <p class="import-dialog-vanilla-upload-text">
+                ${t("dragFileHere")}
+                ${t("or")}
+                <a class="import-dialog-vanilla-upload-link">${config.uploadLinkText}</a>
+              </p>
+              <p class="import-dialog-vanilla-upload-hint">${config.uploadHint}</p>
+            </div>
+          </div>
+          ` : ""}
+        </div>
+      </div>
+    `;
+  }
+  renderFileList() {
+    if (this.context.uploadFileList.length === 0) return "";
+    return `
+      <div class="import-dialog-vanilla-file-list">
+        ${this.context.uploadFileList.map((fileItem, index) => this.renderFileItem(fileItem, index)).join("")}
+      </div>
+    `;
+  }
+  renderFileItem(fileItem, index) {
+    var _a;
+    const statusClass = `status-${fileItem.status}`;
+    const fileSize = this.formatFileSize(fileItem.size);
+    const isUploading = fileItem.status === "uploading";
+    const isError = fileItem.status === "error";
+    const fileExt = ((_a = fileItem.name.split(".").pop()) == null ? void 0 : _a.toUpperCase()) || "FILE";
+    const widthClass = this.context.multiple ? "" : "width-100";
+    const iconColor = isError ? "#FF1212" : "#FFD741";
+    let metaContent = "";
+    if (isError) {
+      metaContent = `<span class="import-dialog-vanilla-file-error-text">${t("uploadFailed")}</span>`;
+    } else if (isUploading) {
+      metaContent = `<span class="import-dialog-vanilla-file-progress-text">${t("uploading")}...</span><span>·</span><span>${fileSize}</span>`;
+    } else {
+      metaContent = `<span>${fileExt}</span><span>·</span><span>${fileSize}</span>`;
+    }
+    return `
+      <div class="import-dialog-vanilla-file-item ${statusClass} ${widthClass}" data-file-id="${fileItem.id}">
+        <div class="import-dialog-vanilla-file-icon">
+          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4 6C4 4.89543 4.89543 4 6 4H14L18 8H26C27.1046 8 28 8.89543 28 10V26C28 27.1046 27.1046 28 26 28H6C4.89543 28 4 27.1046 4 26V6Z" fill="${iconColor}"/>
+          </svg>
+        </div>
+        <button class="import-dialog-vanilla-file-remove-btn" data-file-index="${index}" title="删除">
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="8" cy="8" r="8" fill="rgba(0,0,0)"/>
+            <path d="M5 5L11 11M11 5L5 11" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+          </svg>
+        </button>
+        <div class="import-dialog-vanilla-file-info">
+          <div class="import-dialog-vanilla-file-name" title="${fileItem.name}">${fileItem.name}</div>
+          <div class="import-dialog-vanilla-file-meta">
+            ${metaContent}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  formatFileSize(bytes) {
+    if (bytes === 0) return "0 B";
+    const k = 1024;
+    const sizes = ["B", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(0)) + sizes[i];
+  }
+  renderUploadProgress() {
+    if (!this.context.isUploading && !this.context.uploadMessage) return "";
+    const progressStatus = this.context.uploadMessageType === "error" ? "error" : this.context.uploadProgress === 100 ? "success" : "active";
+    return `
+      <div class="import-dialog-vanilla-upload-progress">
+        ${this.context.isUploading || this.context.uploadProgress > 0 ? `
+          <div class="import-dialog-vanilla-progress-bar">
+            <div class="import-dialog-vanilla-progress-inner ${progressStatus}" style="width: ${this.context.uploadProgress}%"></div>
+          </div>
+          <span class="import-dialog-vanilla-progress-text">${this.context.uploadProgress}%</span>
+        ` : ""}
+        ${this.context.uploadMessage ? `
+          <div class="import-dialog-vanilla-upload-message ${this.context.uploadMessageType}">
+            ${this.context.uploadMessage}
+          </div>
+        ` : ""}
+      </div>
+    `;
+  }
+  renderTipsSection() {
+    return `
+      <div class="import-dialog-vanilla-section">
+        <div class="import-dialog-vanilla-section-title">
+          <span class="import-dialog-vanilla-tips-icon"><i class="iconfont icon-icon_tips"></i></span>
+          <span class="import-dialog-vanilla-tips-title">${t("tipsTitle")}</span>
+        </div>
+        <div class="import-dialog-vanilla-tips-content">
+          ${this.tipsList.map((tip) => `<p class="import-dialog-vanilla-tip-item">${tip}</p>`).join("")}
+        </div>
+      </div>
+    `;
+  }
+  renderFooter() {
+    return `
+      <div class="import-dialog-vanilla-footer">
+        <button id="import-dialog-cancel-btn" class="import-dialog-vanilla-btn">${t("cancel")}</button>
+        <button id="import-dialog-confirm-btn" class="import-dialog-vanilla-btn import-dialog-vanilla-btn-primary">
+          ${t("confirm")}
+        </button>
+      </div>
+      ${this.context.confirmLoading ? `
+      <div class="import-dialog-vanilla-loading-overlay">
+        <div class="import-dialog-vanilla-loading-spinner"></div>
+      </div>
+      ` : ""}
+    `;
+  }
+}
+const generateId = () => {
+  return `file_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+};
+class ImportDialogUploader {
+  constructor(config, callbacks = {}) {
+    __publicField(this, "config");
+    __publicField(this, "callbacks");
+    __publicField(this, "resumable");
+    // Resumable实例
+    __publicField(this, "currentFileItem", null);
+    // 当前上传的文件项
+    // Promise resolve/reject 函数存储
+    __publicField(this, "uploadCompleteResolve");
+    __publicField(this, "uploadCompleteReject");
+    // 上传状态
+    __publicField(this, "uploadFileList", []);
+    //上传文件列表
+    __publicField(this, "fileList", []);
+    // 原始文件列表
+    __publicField(this, "uploadProgress", 0);
+    __publicField(this, "isUploading", false);
+    __publicField(this, "uploadMessage", "");
+    __publicField(this, "uploadMessageType", "info");
+    this.config = config;
+    this.callbacks = callbacks;
+  }
+  /**
+   * 判断是否应该使用分片上传
+   * 条件：配置了chunkedUpload 且 是单文件模式
+   */
+  shouldUseChunkedUpload() {
+    const uploadConfig = this.config.uploadConfig;
+    return !!((uploadConfig == null ? void 0 : uploadConfig.chunkedUpload) && !this.config.multiple);
+  }
+  /**
+   * 获取分片上传配置
+   */
+  getChunkedUploadConfig() {
+    var _a;
+    return ((_a = this.config.uploadConfig) == null ? void 0 : _a.chunkedUpload) || null;
+  }
+  updateConfig(config) {
+    this.config = { ...this.config, ...config };
+  }
+  updateCallbacks(callbacks) {
+    this.callbacks = { ...this.callbacks, ...callbacks };
+  }
+  reset() {
+    this.cancelUpload();
+    this.uploadFileList = [];
+    this.fileList = [];
+    this.uploadProgress = 0;
+    this.isUploading = false;
+    this.uploadMessage = "";
+    this.uploadMessageType = "info";
+    this.currentFileItem = null;
+    this.uploadCompleteResolve = void 0;
+    this.uploadCompleteReject = void 0;
+  }
+  /**
+   * 文件上传之前的校验 选择文件时调用
+   */
+  beforeUpload(files) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const fileArray = Array.isArray(files) ? files : [files];
+    if (!fileArray.length) {
+      (_b = (_a = this.callbacks).onMessage) == null ? void 0 : _b.call(_a, "请选择文件", "warning");
+      return false;
+    }
+    if (this.config.multiple) {
+      const totalFiles = this.uploadFileList.length + fileArray.length;
+      if (totalFiles > this.config.maxFiles) {
+        (_d = (_c = this.callbacks).onMessage) == null ? void 0 : _d.call(
+          _c,
+          `最多只能上传 ${this.config.maxFiles} 个文件`,
+          "warning"
+        );
+        return false;
+      }
+    }
+    for (const file of fileArray) {
+      if (file.size > this.config.maxFileSize) {
+        (_f = (_e = this.callbacks).onMessage) == null ? void 0 : _f.call(
+          _e,
+          `文件 ${file.name} 超过最大限制 ${Math.round(this.config.maxFileSize / 1024 / 1024)}MB`,
+          "warning"
+        );
+        return false;
+      }
+    }
+    for (const file of fileArray) {
+      const fileItem = {
+        id: generateId(),
+        file,
+        name: file.name,
+        size: file.size,
+        progress: 0,
+        status: "pending"
+      };
+      if (this.config.multiple) {
+        this.uploadFileList.unshift(fileItem);
+        this.fileList.unshift(file);
+      } else {
+        this.uploadFileList = [fileItem];
+        this.fileList = [file];
+      }
+    }
+    (_h = (_g = this.callbacks).onUpdate) == null ? void 0 : _h.call(_g);
+    (_j = (_i = this.callbacks).onFileChange) == null ? void 0 : _j.call(_i, this.uploadFileList);
+    const autoUpload = ((_k = this.config.uploadConfig) == null ? void 0 : _k.autoUpload) != null ? this.config.uploadConfig.autoUpload : false;
+    if (autoUpload) {
+      this.startUploadFiles();
+    }
+    return true;
+  }
+  /**
+   * 删除文件
+   */
+  removeFile(index) {
+    var _a, _b, _c, _d, _e, _f;
+    if (index !== void 0 && index >= 0 && index < this.uploadFileList.length) {
+      const fileItem = this.uploadFileList[index];
+      if (fileItem.status === "uploading") {
+        (_b = (_a = this.callbacks).onMessage) == null ? void 0 : _b.call(_a, "正在上传中，无法删除", "warning");
+        return false;
+      }
+      this.uploadFileList.splice(index, 1);
+      this.fileList.splice(index, 1);
+    } else {
+      this.uploadFileList = [];
+      this.fileList = [];
+    }
+    this.uploadProgress = 0;
+    this.uploadMessage = "";
+    this.uploadMessageType = "info";
+    this.isUploading = false;
+    (_d = (_c = this.callbacks).onFileChange) == null ? void 0 : _d.call(_c, this.uploadFileList);
+    (_f = (_e = this.callbacks).onUpdate) == null ? void 0 : _f.call(_e);
+    return true;
+  }
+  async startUploadFiles() {
+    const pendingFiles = this.uploadFileList.filter(
+      (f) => f.status === "pending"
+    );
+    for (const fileItem of pendingFiles) {
+      await this.uploadSingleFile(fileItem);
+    }
+  }
+  /**
+   * 单个文件上传
+   * @param fileItem
+   */
+  async uploadSingleFile(fileItem) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    fileItem.status = "uploading";
+    fileItem.progress = 0;
+    this.isUploading = true;
+    (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+    try {
+      if (this.shouldUseChunkedUpload()) {
+        await this.uploadFileChunked(fileItem);
+      } else {
+        await this.uploadFileSimple(fileItem);
+      }
+      fileItem.status = "success";
+      fileItem.progress = 100;
+      (_d = (_c = this.callbacks).onUploadSuccess) == null ? void 0 : _d.call(_c, fileItem, fileItem.response);
+    } catch (error) {
+      fileItem.status = "error";
+      fileItem.errorMessage = error instanceof Error ? error.message : "上传失败";
+      (_f = (_e = this.callbacks).onUploadError) == null ? void 0 : _f.call(_e, fileItem, error);
+    }
+    this.isUploading = this.uploadFileList.some(
+      (f) => f.status === "uploading"
+    );
+    (_h = (_g = this.callbacks).onUpdate) == null ? void 0 : _h.call(_g);
+    this.updateOverallProgress();
+  }
+  /**
+   * 普通上传（非分片）
+   */
+  async uploadFileSimple(fileItem) {
+    var _a;
+    const customUpload = (_a = this.config.uploadConfig) == null ? void 0 : _a.customUpload;
+    if (customUpload) {
+      fileItem.response = await customUpload(fileItem.file, (progress) => {
+        var _a2, _b, _c, _d;
+        fileItem.progress = progress;
+        (_b = (_a2 = this.callbacks).onUploadProgress) == null ? void 0 : _b.call(_a2, fileItem, progress);
+        (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
+      });
+    } else {
+      fileItem.response = fileItem.file;
+    }
+  }
+  /**
+   * 分片上传
+   * 业务侧只需提供：initUpload, getResumableConfig, mergeChunks
+   */
+  async uploadFileChunked(fileItem) {
+    const chunkedConfig = this.getChunkedUploadConfig();
+    if (!chunkedConfig) {
+      throw new Error("分片上传需要配置 chunkedUpload");
+    }
+    try {
+      const initResult = await chunkedConfig.initUpload(
+        fileItem.file.name,
+        fileItem.file.size
+      );
+      fileItem.uploadSessionId = initResult.uploadSessionId;
+      this.currentFileItem = fileItem;
+      this.initResumable(chunkedConfig, initResult);
+      this.resumable.addFile(fileItem.file);
+      fileItem.response = await this.waitForUploadComplete();
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error));
+      throw err;
+    }
+  }
+  /**
+   * 等待上传完成
+   */
+  waitForUploadComplete() {
+    return new Promise((resolve, reject) => {
+      this.uploadCompleteResolve = resolve;
+      this.uploadCompleteReject = reject;
+    });
+  }
+  /**
+   * 初始化Resumable实例
+   */
+  initResumable(chunkedConfig, initResult) {
+    if (this.resumable) {
+      this.resumable.cancel();
+    }
+    const customConfig = chunkedConfig.getResumableConfig(initResult);
+    const defaultConfig = {
+      chunkSize: initResult.partSize,
+      simultaneousUploads: 3,
+      testChunks: false,
+      method: "multipart",
+      chunkNumberParameterName: "partNumber",
+      totalChunksParameterName: "totalParts",
+      fileParameterName: "file",
+      withCredentials: true,
+      maxChunkRetries: 3,
+      chunkRetryInterval: 1e3,
+      forceChunkSize: true
+    };
+    const finalConfig = { ...defaultConfig, ...customConfig };
+    this.resumable = new Resumable(finalConfig);
+    this.bindResumableEvents();
+  }
+  /**
+   * 绑定Resumable事件监听器
+   */
+  bindResumableEvents() {
+    this.resumable.on("progress", () => {
+      var _a, _b, _c, _d;
+      const progress = Math.floor(this.resumable.progress() * 100);
+      this.uploadProgress = progress;
+      this.uploadMessage = `正在上传 (${progress}%)...`;
+      if (this.currentFileItem) {
+        this.currentFileItem.progress = Math.min(progress, 90);
+        (_b = (_a = this.callbacks).onUploadProgress) == null ? void 0 : _b.call(
+          _a,
+          this.currentFileItem,
+          this.currentFileItem.progress
+        );
+      }
+      (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
+    });
+    this.resumable.on("fileSuccess", () => {
+      this.handleResumableComplete();
+    });
+    this.resumable.on("error", (message) => {
+      console.error("[Resumable分片上传] 上传错误:", message);
+      this.handleResumableError(message);
+    });
+    this.resumable.on("fileAdded", () => {
+      this.resumable.upload();
+    });
+    this.resumable.on("pause", () => {
+      this.uploadMessage = "上传已暂停";
+    });
+  }
+  /**
+   * 处理Resumable上传完成
+   */
+  async handleResumableComplete() {
+    var _a;
+    if (!this.currentFileItem || !this.uploadCompleteResolve || !this.uploadCompleteReject) {
+      return;
+    }
+    try {
+      const chunkedConfig = this.getChunkedUploadConfig();
+      if (!chunkedConfig) {
+        throw new Error("分片上传配置缺失");
+      }
+      const mergeResult = await chunkedConfig.mergeChunks(
+        this.currentFileItem.uploadSessionId
+      );
+      if (this.currentFileItem) {
+        this.currentFileItem.progress = 100;
+      }
+      this.uploadMessage = "上传完成";
+      this.uploadMessageType = "success";
+      this.uploadCompleteResolve(mergeResult);
+      this.uploadCompleteResolve = void 0;
+      this.uploadCompleteReject = void 0;
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error));
+      this.handleResumableError(err.message);
+      (_a = this.uploadCompleteReject) == null ? void 0 : _a.call(this, error);
+      this.uploadCompleteResolve = void 0;
+      this.uploadCompleteReject = void 0;
+    }
+  }
+  /**
+   * 处理Resumable上传错误
+   */
+  handleResumableError(message) {
+    var _a, _b;
+    if (this.currentFileItem) {
+      this.currentFileItem.status = "error";
+      this.currentFileItem.errorMessage = message;
+    }
+    this.uploadMessage = message || "上传失败";
+    this.uploadMessageType = "error";
+    this.isUploading = false;
+    if (this.uploadCompleteReject) {
+      this.uploadCompleteReject(new Error(message));
+      this.uploadCompleteResolve = void 0;
+      this.uploadCompleteReject = void 0;
+    }
+    (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+  }
+  /**
+   * 手动触发上传（用于autoUpload=false的场景）
+   */
+  async startUpload() {
+    await this.startUploadFiles();
+  }
+  /**
+   * 暂停上传
+   */
+  pauseUpload() {
+    if (this.resumable) {
+      this.resumable.pause();
+    }
+  }
+  /**
+   * 恢复上传
+   */
+  resumeUpload() {
+    if (this.resumable) {
+      this.resumable.upload();
+    }
+  }
+  /**
+   * 取消上传
+   */
+  cancelUpload() {
+    var _a, _b;
+    if (this.resumable) {
+      this.resumable.cancel();
+      this.resumable = null;
+    }
+    this.currentFileItem = null;
+    this.isUploading = false;
+    this.uploadMessage = "上传已取消";
+    this.uploadMessageType = "info";
+    (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+  }
+  updateOverallProgress() {
+    if (this.uploadFileList.length === 0) {
+      this.uploadProgress = 0;
+      return;
+    }
+    const totalProgress = this.uploadFileList.reduce(
+      (sum, f) => sum + f.progress,
+      0
+    );
+    this.uploadProgress = Math.round(
+      totalProgress / this.uploadFileList.length
+    );
+  }
+  /**
+   * 是否有文件正在上传中
+   */
+  hasUploadingFiles() {
+    return this.uploadFileList.some((f) => f.status === "uploading");
+  }
+  /**
+   * 是否有待上传的文件（用于延迟上传场景）
+   */
+  hasPendingFiles() {
+    return this.uploadFileList.some((f) => f.status === "pending");
+  }
+  hasAllFilesUploaded() {
+    return this.uploadFileList.length > 0 && this.uploadFileList.every((f) => f.status === "success");
+  }
+  getFailedFiles() {
+    return this.uploadFileList.filter((f) => f.status === "error");
+  }
+}
+const ICON_MAP = {
+  success: "icon-success",
+  error: "icon-cuowu",
+  warning: "icon-warning",
+  info: "icon-info"
+};
+const activeToasts = /* @__PURE__ */ new Set();
+function showToast(options) {
+  const { message, type, duration = 3e3, closable = true } = options;
+  const toast2 = document.createElement("div");
+  toast2.className = `import-dialog-vanilla-toast ${type}`;
+  const iconClass = ICON_MAP[type] || ICON_MAP.info;
+  toast2.innerHTML = `
+    <div class="import-dialog-vanilla-toast-content">
+      <i class="iconfont ${iconClass} import-dialog-vanilla-toast-icon"></i>
+      <span class="import-dialog-vanilla-toast-message">${message}</span>
+    </div>
+    ${closable ? `<button class="import-dialog-vanilla-toast-close" data-action="close-toast">
+        <i class="iconfont icon-guanbi"></i>
+      </button>` : ""}
+  `;
+  document.body.appendChild(toast2);
+  const timers = [];
+  const close = () => {
+    toast2.classList.add("fade-out");
+    const removeTimer = window.setTimeout(() => {
+      toast2.remove();
+      activeToasts.delete(instance);
+    }, 3e3);
+    timers.push(removeTimer);
+  };
+  const instance = {
+    element: toast2,
+    timers,
+    close
+  };
+  activeToasts.add(instance);
+  if (closable) {
+    const closeBtn = toast2.querySelector('[data-action="close-toast"]');
+    if (closeBtn) {
+      closeBtn.addEventListener("click", close);
+    }
+  }
+  if (duration > 0) {
+    const autoCloseTimer = window.setTimeout(close, duration);
+    timers.push(autoCloseTimer);
+  }
+  return instance;
+}
+function clearAllToasts() {
+  activeToasts.forEach((instance) => {
+    instance.timers.forEach((timerId) => {
+      window.clearTimeout(timerId);
+    });
+    instance.element.remove();
+  });
+  activeToasts.clear();
+}
+const _ImportDialog = class _ImportDialog {
+  constructor(container) {
+    // DOM相关
+    __publicField(this, "container", null);
+    __publicField(this, "modalElement", null);
+    __publicField(this, "styleElement", null);
+    __publicField(this, "dateRangePicker", null);
+    // 运行时状态（必要的）
+    __publicField(this, "activeTabIndex", 0);
+    __publicField(this, "brandList", []);
+    __publicField(this, "brandLoading", false);
+    __publicField(this, "confirmLoading", false);
+    __publicField(this, "formData", {
+      brandId: void 0,
+      imageRatio: "original",
+      month: 1,
+      dateRange: [null, null]
+    });
+    // 当前弹窗配置（每次openModal时设置）
+    __publicField(this, "modalOptions", {});
+    // 渲染器和上传器
+    __publicField(this, "renderer");
+    /**
+     * 文件上传管理器 - 负责处理所有文件上传相关的逻辑
+     *
+     * 功能：
+     * 1. 文件状态管理：维护上传文件列表、进度、状态等
+     * 2. 文件操作：添加、删除、重置文件
+     * 3. 上传控制：开始/停止上传、进度跟踪
+     * 4. 错误处理：失败文件管理、错误消息显示
+     * 5. 配置管理：动态更新上传参数（多文件、分块、大小限制等）
+     *
+     * 避免了在 ImportDialog 中直接处理复杂的文件上传逻辑，实现了职责分离
+     */
+    __publicField(this, "uploader");
+    // 事件回调
+    __publicField(this, "onTabChangeCallback");
+    __publicField(this, "onBrandChangeCallback");
+    __publicField(this, "handleDocumentClick", (e) => {
+      const target = e.target;
+      const clickedInsideSelect = Array.from(
+        document.querySelectorAll(".import-dialog-vanilla-custom-select")
+      ).some((select) => select.contains(target));
+      if (!clickedInsideSelect) {
+        this.closeAllSelects();
+      }
+    });
+    this.container = container || document.body;
+    this.injectStyles();
+    this.initUploader();
+  }
+  injectStyles() {
+    if (document.getElementById("import-dialog-vanilla-styles")) return;
+    this.styleElement = document.createElement("style");
+    this.styleElement.id = "import-dialog-vanilla-styles";
+    this.styleElement.textContent = getImportDialogStyles();
+    document.head.appendChild(this.styleElement);
+  }
+  /**
+   * 上传相关的逻辑处理
+   */
+  initUploader() {
+    this.uploader = new ImportDialogUploader(
+      {
+        multiple: false,
+        maxFiles: 10,
+        maxFileSize: 100 * 1024 * 1024
+      },
+      {
+        onUpdate: () => this.updateModal(),
+        onMessage: (msg, type) => this.showMessage(msg, type),
+        onFileChange: (files) => {
+          var _a, _b;
+          return (_b = (_a = this.modalOptions).onFileChange) == null ? void 0 : _b.call(_a, files);
+        },
+        onUploadProgress: (file, progress) => {
+          var _a, _b;
+          return (_b = (_a = this.modalOptions).onUploadProgress) == null ? void 0 : _b.call(_a, file, progress);
+        },
+        onUploadSuccess: (file, response) => {
+          var _a, _b;
+          return (_b = (_a = this.modalOptions).onUploadSuccess) == null ? void 0 : _b.call(_a, file, response);
+        },
+        onUploadError: (file, error) => {
+          var _a, _b;
+          return (_b = (_a = this.modalOptions).onUploadError) == null ? void 0 : _b.call(_a, file, error);
+        }
+      }
+    );
+  }
+  get currentConfig() {
+    const templateType = this.modalOptions.templateType || TemplateTypeEnum.BASE;
+    const translatedConfigs = getTranslatedTemplateConfigs(t);
+    const baseConfig = translatedConfigs[templateType] || translatedConfigs[TemplateTypeEnum.BASE];
+    const opts = this.modalOptions;
+    return {
+      ...baseConfig,
+      tabs: opts.tabs || baseConfig.tabs,
+      showBrand: opts.showBrand != null ? opts.showBrand : baseConfig.showBrand,
+      showImageRatio: opts.showImageRatio != null ? opts.showImageRatio : baseConfig.showImageRatio,
+      showMonth: opts.showMonth != null ? opts.showMonth : baseConfig.showMonth,
+      showDateRange: opts.showDateRange != null ? opts.showDateRange : baseConfig.showDateRange,
+      uploadTitle: opts.uploadTitle || baseConfig.uploadTitle,
+      uploadLinkText: opts.uploadLinkText || baseConfig.uploadLinkText,
+      uploadHint: opts.uploadHint || baseConfig.uploadHint,
+      acceptTypes: opts.acceptTypes || baseConfig.acceptTypes,
+      tips: opts.tips || baseConfig.tips,
+      templateUrl: opts.templateUrl || baseConfig.templateUrl
+    };
+  }
+  get dialogTitle() {
+    return this.modalOptions.title || t("batchImport");
+  }
+  get dialogWidth() {
+    return this.modalOptions.width || "480px";
+  }
+  getRenderContext() {
+    var _a, _b;
+    return {
+      currentConfig: this.currentConfig,
+      dialogTitle: this.dialogTitle,
+      width: this.dialogWidth,
+      activeTabIndex: this.activeTabIndex,
+      brandList: this.brandList,
+      brandLoading: this.brandLoading,
+      brandPlaceholder: this.modalOptions.brandPlaceholder || t("defaultBrand"),
+      formData: this.formData,
+      uploadFileList: this.uploader.uploadFileList,
+      multiple: ((_a = this.modalOptions.uploadConfig) == null ? void 0 : _a.multiple) != null ? this.modalOptions.uploadConfig.multiple : false,
+      maxFiles: ((_b = this.modalOptions.uploadConfig) == null ? void 0 : _b.maxFiles) != null ? this.modalOptions.uploadConfig.maxFiles : 10,
+      confirmLoading: this.confirmLoading,
+      isUploading: this.uploader.isUploading,
+      uploadProgress: this.uploader.uploadProgress,
+      uploadMessage: this.uploader.uploadMessage,
+      uploadMessageType: this.uploader.uploadMessageType
+    };
+  }
+  createModal() {
+    var _a;
+    if (this.modalElement) {
+      this.modalElement.remove();
+    }
+    this.renderer = new ImportDialogRenderer(this.getRenderContext());
+    this.modalElement = document.createElement("div");
+    this.modalElement.className = "import-dialog-vanilla-wrapper";
+    this.modalElement.innerHTML = this.renderer.render();
+    (_a = this.container) == null ? void 0 : _a.appendChild(this.modalElement);
+    this.bindEvents();
+    this.initDateRangePicker();
+  }
+  /**
+   * 更新模态框界面 - 核心UI更新机制
+   *
+   * 功能：
+   * 1. 保存当前日期选择器的状态（避免用户输入丢失）
+   * 2. 更新渲染器上下文并重新生成HTML
+   * 3. 重新绑定所有事件监听器（DOM被替换后需要重新绑定）
+   * 4. 如果启用了日期范围选择器，重新初始化并恢复状态
+   *
+   * 调用场景：
+   * - 文件上传状态变化时
+   * - 品牌数据加载时
+   * - Tab切换时
+   * - 确认按钮加载状态变化时
+   * - 语言切换时等
+   */
+  updateModal() {
+    var _a;
+    if (!this.modalElement) return;
+    const datePickerDates = (_a = this.dateRangePicker) == null ? void 0 : _a.getDates();
+    this.renderer.updateContext(this.getRenderContext());
+    this.modalElement.innerHTML = this.renderer.render();
+    this.bindEvents();
+    if (this.currentConfig.showDateRange) {
+      if (datePickerDates) {
+        this.formData.dateRange = datePickerDates;
+      }
+      this.initDateRangePicker();
+    }
+  }
+  initDateRangePicker() {
+    var _a;
+    if (!this.modalElement) return;
+    const container = this.modalElement.querySelector(
+      '[data-field="dateRange"]'
+    );
+    if (!container) return;
+    (_a = this.dateRangePicker) == null ? void 0 : _a.destroy();
+    this.dateRangePicker = new DateRangePicker({
+      container,
+      defaultDates: [this.formData.dateRange[0], this.formData.dateRange[1]],
+      placeholder: [t("startDate"), t("endDate")],
+      shortcuts: this.modalOptions.dateRangeShortcuts,
+      disabledDate: this.modalOptions.disabledDate,
+      onChange: (dates) => {
+        this.formData.dateRange[0] = dates[0];
+        this.formData.dateRange[1] = dates[1] ? new Date(
+          dates[1].getFullYear(),
+          dates[1].getMonth(),
+          dates[1].getDate(),
+          23,
+          59,
+          59
+        ) : null;
+      }
+    });
+  }
+  /**
+   * 给 dom 绑定事件
+   * @returns
+   */
+  bindEvents() {
+    if (!this.modalElement) return;
+    const overlay = this.modalElement.querySelector(
+      ".import-dialog-vanilla-overlay"
+    );
+    overlay == null ? void 0 : overlay.addEventListener("click", (e) => e.stopPropagation());
+    const modal = this.modalElement.querySelector(
+      ".import-dialog-vanilla-modal"
+    );
+    modal == null ? void 0 : modal.addEventListener("click", (e) => e.stopPropagation());
+    const closeBtn = this.modalElement.querySelector(
+      "#import-dialog-close-btn"
+    );
+    closeBtn == null ? void 0 : closeBtn.addEventListener("click", () => this.handleCancel());
+    const tabs = this.modalElement.querySelectorAll(
+      ".import-dialog-vanilla-tab"
+    );
+    tabs.forEach((tab) => {
+      tab.addEventListener("click", (e) => {
+        const index = parseInt(
+          e.currentTarget.dataset.tabIndex || "0"
+        );
+        this.handleTabChange(index);
+      });
+    });
+    const uploadArea = this.modalElement.querySelector(
+      ".import-dialog-vanilla-upload-area"
+    );
+    const fileInput = this.modalElement.querySelector(
+      ".import-dialog-vanilla-file-input"
+    );
+    uploadArea == null ? void 0 : uploadArea.addEventListener("click", () => {
+      if (!this.uploader.isUploading) {
+        fileInput == null ? void 0 : fileInput.click();
+      }
+    });
+    fileInput == null ? void 0 : fileInput.addEventListener("change", (e) => {
+      var _a;
+      const files = e.target.files;
+      if (files && files.length > 0) {
+        const multiple = ((_a = this.modalOptions.uploadConfig) == null ? void 0 : _a.multiple) != null ? this.modalOptions.uploadConfig.multiple : false;
+        if (multiple) {
+          this.uploader.beforeUpload(Array.from(files));
+        } else {
+          this.uploader.beforeUpload(files[0]);
+        }
+      }
+    });
+    uploadArea == null ? void 0 : uploadArea.addEventListener("dragover", (e) => {
+      e.preventDefault();
+      uploadArea.classList.add("dragover");
+    });
+    uploadArea == null ? void 0 : uploadArea.addEventListener("dragleave", () => {
+      uploadArea.classList.remove("dragover");
+    });
+    uploadArea == null ? void 0 : uploadArea.addEventListener("drop", (e) => {
+      var _a, _b;
+      e.preventDefault();
+      uploadArea.classList.remove("dragover");
+      const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
+      if (files && files.length > 0 && !this.uploader.isUploading) {
+        const multiple = ((_b = this.modalOptions.uploadConfig) == null ? void 0 : _b.multiple) != null ? this.modalOptions.uploadConfig.multiple : false;
+        if (multiple) {
+          this.uploader.beforeUpload(Array.from(files));
+        } else {
+          this.uploader.beforeUpload(files[0]);
+        }
+      }
+    });
+    const removeBtns = this.modalElement.querySelectorAll(
+      ".import-dialog-vanilla-file-remove-btn"
+    );
+    removeBtns.forEach((btn) => {
+      btn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        const fileIndex = btn.getAttribute("data-file-index");
+        if (fileIndex !== null) {
+          this.uploader.removeFile(parseInt(fileIndex));
+        } else {
+          this.uploader.removeFile();
+        }
+      });
+    });
+    this.bindFormEvents();
+    const confirmBtn = this.modalElement.querySelector(
+      "#import-dialog-confirm-btn"
+    );
+    confirmBtn == null ? void 0 : confirmBtn.addEventListener("click", () => this.handleConfirm());
+    const cancelBtn = this.modalElement.querySelector(
+      "#import-dialog-cancel-btn"
+    );
+    cancelBtn == null ? void 0 : cancelBtn.addEventListener("click", () => this.handleCancel());
+  }
+  bindFormEvents() {
+    if (!this.modalElement) return;
+    this.bindCustomSelectEvents();
+    const ratioInputs = this.modalElement.querySelectorAll(
+      '[data-field="imageRatio"]'
+    );
+    ratioInputs.forEach((input) => {
+      input.addEventListener("change", (e) => {
+        this.formData.imageRatio = e.target.value;
+      });
+    });
+  }
+  bindCustomSelectEvents() {
+    if (!this.modalElement) return;
+    const customSelects = this.modalElement.querySelectorAll(
+      ".import-dialog-vanilla-custom-select"
+    );
+    customSelects.forEach((customSelect) => {
+      const trigger = customSelect.querySelector(
+        ".import-dialog-vanilla-select-trigger"
+      );
+      const dropdown = customSelect.querySelector(
+        ".import-dialog-vanilla-select-dropdown"
+      );
+      const options = customSelect.querySelectorAll(
+        ".import-dialog-vanilla-select-option"
+      );
+      const fieldName = customSelect.getAttribute("data-field");
+      trigger == null ? void 0 : trigger.addEventListener("click", (e) => {
+        e.stopPropagation();
+        if (trigger.classList.contains("disabled")) return;
+        this.closeAllSelects(customSelect);
+        trigger.classList.toggle("active");
+        dropdown == null ? void 0 : dropdown.classList.toggle("show");
+      });
+      options.forEach((option) => {
+        option.addEventListener("click", (e) => {
+          var _a;
+          e.stopPropagation();
+          const value = option.getAttribute("data-value");
+          const label = option.textContent || "";
+          const valueElement = trigger.querySelector(
+            ".import-dialog-vanilla-select-value"
+          );
+          if (valueElement) {
+            valueElement.textContent = label;
+            valueElement.classList.remove(
+              "import-dialog-vanilla-select-placeholder"
+            );
+          }
+          options.forEach((opt) => opt.classList.remove("selected"));
+          option.classList.add("selected");
+          trigger.classList.remove("active");
+          dropdown == null ? void 0 : dropdown.classList.remove("show");
+          if (fieldName === "brandId") {
+            this.formData.brandId = value || void 0;
+            (_a = this.onBrandChangeCallback) == null ? void 0 : _a.call(this, value || "");
+          } else if (fieldName === "month") {
+            this.formData.month = parseInt(value || "1");
+          }
+        });
+      });
+    });
+    document.addEventListener("click", this.handleDocumentClick);
+  }
+  closeAllSelects(except) {
+    if (!this.modalElement) return;
+    const customSelects = this.modalElement.querySelectorAll(
+      ".import-dialog-vanilla-custom-select"
+    );
+    customSelects.forEach((customSelect) => {
+      if (except && customSelect === except) return;
+      const trigger = customSelect.querySelector(
+        ".import-dialog-vanilla-select-trigger"
+      );
+      const dropdown = customSelect.querySelector(
+        ".import-dialog-vanilla-select-dropdown"
+      );
+      trigger == null ? void 0 : trigger.classList.remove("active");
+      dropdown == null ? void 0 : dropdown.classList.remove("show");
+    });
+  }
+  resetForm() {
+    const now = /* @__PURE__ */ new Date();
+    const currentMonth = now.getMonth() + 1;
+    const monthStart = new Date(now.getFullYear(), now.getMonth(), 1);
+    const monthEnd = new Date(
+      now.getFullYear(),
+      now.getMonth() + 1,
+      0,
+      23,
+      59,
+      59
+    );
+    this.formData = {
+      brandId: void 0,
+      imageRatio: "original",
+      month: currentMonth,
+      dateRange: [monthStart, monthEnd]
+    };
+    this.uploader.reset();
+  }
+  async loadBrandData() {
+    if (!this.currentConfig.showBrand) return;
+    const brandDataSource = this.modalOptions.brandData;
+    if (Array.isArray(brandDataSource)) {
+      this.brandList = brandDataSource;
+      this.updateModal();
+    } else if (typeof brandDataSource === "function") {
+      this.brandLoading = true;
+      this.updateModal();
+      try {
+        this.brandList = await brandDataSource();
+      } catch (error) {
+        this.brandList = [];
+      } finally {
+        this.brandLoading = false;
+        this.updateModal();
+      }
+    }
+  }
+  handleTabChange(index) {
+    var _a, _b, _c;
+    this.activeTabIndex = index;
+    const tabData = { index, tab: this.currentConfig.tabs[index] };
+    (_a = this.onTabChangeCallback) == null ? void 0 : _a.call(this, tabData);
+    (_c = (_b = this.modalOptions).onTabChange) == null ? void 0 : _c.call(_b, tabData);
+    this.updateModal();
+  }
+  /**
+   * 取消按钮事件
+   */
+  async handleCancel() {
+    if (this.modalOptions.onBeforeCancel) {
+      await this.modalOptions.onBeforeCancel();
+    }
+    this.hide();
+    if (this.modalOptions.onCancel) {
+      await this.modalOptions.onCancel();
+    }
+  }
+  /**
+   * 确认按钮事件
+   * @returns
+   */
+  async handleConfirm() {
+    if (this.uploader.uploadFileList.length === 0) {
+      this.showMessage(t("fileTypeError"), "warning");
+      return;
+    }
+    if (this.uploader.hasUploadingFiles()) {
+      this.showMessage("有文件正在上传中，请等待上传完成", "warning");
+      return;
+    }
+    if (this.uploader.hasPendingFiles()) {
+      this.confirmLoading = true;
+      this.updateModal();
+      try {
+        await this.uploader.startUpload();
+      } catch (error) {
+        console.error("[ImportDialog] 上传失败:", error);
+        this.showMessage("上传失败，请重试", "error");
+        return;
+      }
+    }
+    const failedFiles = this.uploader.getFailedFiles();
+    console.log("[ImportDialog] 上传失败的文件数:", failedFiles);
+    if (failedFiles.length > 0) {
+      this.showMessage(
+        `有 ${failedFiles.length} 个文件上传失败，请重新上传`,
+        "warning"
+      );
+      this.confirmLoading = false;
+      this.updateModal();
+      return;
+    }
+    if (!this.uploader.hasAllFilesUploaded()) {
+      this.showMessage("请等待所有文件上传完成", "warning");
+      this.confirmLoading = false;
+      this.updateModal();
+      return;
+    }
+    const uploadResponses = this.uploader.uploadFileList.map(
+      (item) => item.response || item.file
+    );
+    const submitData = {
+      files: uploadResponses,
+      formData: { ...this.formData },
+      activeTab: this.currentConfig.tabs[this.activeTabIndex],
+      activeTabIndex: this.activeTabIndex
+    };
+    try {
+      if (this.modalOptions.onBeforeConfirm) {
+        await this.modalOptions.onBeforeConfirm(submitData);
+      }
+      if (this.modalOptions.onConfirm) {
+        const res = await this.modalOptions.onConfirm(submitData);
+        if (res == null ? void 0 : res.success) {
+          this.hide();
+        } else if (res == null ? void 0 : res.message) {
+          this.showMessage(res.message, "error");
+        }
+      }
+    } finally {
+      this.confirmLoading = false;
+      this.updateModal();
+    }
+  }
+  showMessage(message, type) {
+    showToast({ message, type, duration: 3e3 });
+  }
+  // ==================== 公共方法 ====================
+  /**
+   * 内部方法：打开模态框的核心逻辑
+   */
+  _openModalCore(options) {
+    this.modalOptions = options || {};
+    if (options == null ? void 0 : options.locale) {
+      setLocale(options.locale);
+    }
+    const uploadConfig = options == null ? void 0 : options.uploadConfig;
+    this.uploader.updateConfig({
+      multiple: (uploadConfig == null ? void 0 : uploadConfig.multiple) != null ? uploadConfig.multiple : false,
+      maxFiles: (uploadConfig == null ? void 0 : uploadConfig.maxFiles) != null ? uploadConfig.maxFiles : 10,
+      maxFileSize: (uploadConfig == null ? void 0 : uploadConfig.maxFileSize) != null ? uploadConfig.maxFileSize : 100 * 1024 * 1024,
+      uploadConfig
+    });
+    this.activeTabIndex = (options == null ? void 0 : options.defaultActiveTab) || 0;
+    this.resetForm();
+    this.createModal();
+    this.loadBrandData();
+  }
+  openModal(options) {
+    this._openModalCore(options);
+  }
+  closeModal() {
+    this.handleCancel();
+  }
+  setConfirmLoading(loading) {
+    this.confirmLoading = loading;
+    this.updateModal();
+  }
+  hide() {
+    var _a;
+    (_a = this.dateRangePicker) == null ? void 0 : _a.destroy();
+    this.dateRangePicker = null;
+    if (this.modalElement) {
+      this.modalElement.remove();
+      this.modalElement = null;
+    }
+    document.removeEventListener("click", this.handleDocumentClick);
+  }
+  destroy() {
+    this.hide();
+    clearAllToasts();
+    if (this.styleElement) {
+      this.styleElement.remove();
+      this.styleElement = null;
+    }
+    document.removeEventListener("click", this.handleDocumentClick);
+  }
+  onTabChange(callback) {
+    this.onTabChangeCallback = callback;
+  }
+  onBrandChange(callback) {
+    this.onBrandChangeCallback = callback;
+  }
+  // ==================== 静态方法（单例 + Promise 模式）====================
+  static getInstance() {
+    if (!_ImportDialog.instance) {
+      _ImportDialog.instance = new _ImportDialog(document.body);
+    }
+    return _ImportDialog.instance;
+  }
+  static open(options) {
+    return new Promise((resolve, reject) => {
+      const dialog = _ImportDialog.getInstance();
+      const wrappedOptions = {
+        ...options,
+        onBeforeConfirm: async (data) => {
+          if (options == null ? void 0 : options.onBeforeConfirm) {
+            await options.onBeforeConfirm(data);
+          }
+        },
+        onConfirm: async (data) => {
+          if (options == null ? void 0 : options.onConfirm) {
+            const res = await options.onConfirm(data);
+            if (res == null ? void 0 : res.success) {
+              resolve(data);
+            }
+            return res;
+          }
+          resolve(data);
+        },
+        onBeforeCancel: async () => {
+          if (options == null ? void 0 : options.onBeforeCancel) {
+            await options.onBeforeCancel();
+          }
+        },
+        onCancel: () => {
+          if (options == null ? void 0 : options.onCancel) {
+            options.onCancel();
+          }
+          reject(new Error("用户取消"));
+        }
+      };
+      dialog._openModalCore(wrappedOptions);
+    });
+  }
+  static close() {
+    var _a;
+    (_a = _ImportDialog.instance) == null ? void 0 : _a.closeModal();
+  }
+  static setLoading(loading) {
+    var _a;
+    (_a = _ImportDialog.instance) == null ? void 0 : _a.setConfirmLoading(loading);
+  }
+  static isReady() {
+    return _ImportDialog.instance !== null;
+  }
+  static setLocale(locale) {
+    setLocale(locale);
+    if (_ImportDialog.instance) {
+      _ImportDialog.instance.updateModal();
+    }
+  }
+  static getLocale() {
+    return i18n.getLocale();
+  }
+  static destroyInstance() {
+    if (_ImportDialog.instance) {
+      _ImportDialog.instance.destroy();
+      _ImportDialog.instance = null;
+    }
+  }
+  static install() {
+    if (typeof window !== "undefined") {
+      window.addEventListener("message", (event) => {
+        const { type, data } = event.data || {};
+        if (type === "OPEN_IMPORT_DIALOG") {
+          _ImportDialog.open(data).catch(() => {
+          });
+        } else if (type === "CLOSE_IMPORT_DIALOG") {
+          _ImportDialog.close();
+        }
+      });
+      window.$importDialog = _ImportDialog;
+    }
+  }
+};
+// 静态单例实例
+__publicField(_ImportDialog, "instance", null);
+let ImportDialog = _ImportDialog;
+const importDialogService = ImportDialog;
+const installImportDialog = () => ImportDialog.install();
+export {
+  DEFAULT_LOCALE,
+  ExportTypeEnum,
+  I18nLocaleEnum,
+  ImportDialog,
+  TemplateTypeEnum,
+  ImportDialog as default,
+  getLocale,
+  importDialogService,
+  installImportDialog,
+  setLocale,
+  t,
+  types
+};