@wc-kit/vue 0.0.1

package/dist/index.cjs.js

@@ -0,0 +1,4740 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lit"),s=require("lit/decorators.js"),Vr=require("lit/directives/unsafe-svg.js"),l=i.css`
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  :host {
+    display: inline-block;
+    font-family: var(--wc-font-family);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-line-height-base);
+    color: var(--wc-color-text);
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--wc-color-focus-ring);
+    outline-offset: 2px;
+  }
+
+  :focus:not(:focus-visible) {
+    outline: none;
+  }
+`,Ur=i.css`
+  :host {
+    display: inline-block;
+    /* component 层令牌：引用 semantic 层，允许按实例覆盖 */
+    --wc-button-height: 32px;
+    --wc-button-padding-x: var(--wc-space-4);
+    --wc-button-font-size: var(--wc-font-size-medium);
+    --wc-button-radius: var(--wc-radius-medium);
+  }
+
+  :host([size='small']) {
+    --wc-button-height: 24px;
+    --wc-button-padding-x: var(--wc-space-2);
+    --wc-button-font-size: var(--wc-font-size-small);
+  }
+
+  :host([size='large']) {
+    --wc-button-height: 40px;
+    --wc-button-padding-x: 20px;
+    --wc-button-font-size: var(--wc-font-size-large);
+  }
+
+  :host([block]) {
+    display: block;
+    width: 100%;
+  }
+
+  .button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wc-space-1);
+    width: 100%;
+    height: var(--wc-button-height);
+    padding: 0 var(--wc-button-padding-x);
+    border: 1px solid transparent;
+    border-radius: var(--wc-button-radius);
+    font-family: inherit;
+    font-size: var(--wc-button-font-size);
+    line-height: 1;
+    cursor: pointer;
+    user-select: none;
+    transition:
+      background-color var(--wc-duration-fast) var(--wc-easing-standard),
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .button:disabled {
+    cursor: not-allowed;
+  }
+
+  .icon[hidden] {
+    display: none;
+  }
+
+  /* 纯图标按钮：宽度收为与高度相等的正方形 */
+  :host(.wc-button--icon-only) .button {
+    width: var(--wc-button-height);
+    padding: 0;
+  }
+
+  /* ---- theme 语义色变量：base 实色底与 outline/dashed/text/link 前景色统一从这里取 ---- */
+  :host {
+    --wc-button-theme-color: var(--wc-color-primary);
+    --wc-button-theme-hover: var(--wc-color-primary-hover);
+    --wc-button-theme-active: var(--wc-color-primary-active);
+  }
+  :host([theme='success']) {
+    --wc-button-theme-color: var(--wc-color-success);
+    --wc-button-theme-hover: var(--wc-color-success-dark);
+    --wc-button-theme-active: var(--wc-color-success-dark);
+  }
+  :host([theme='warning']) {
+    --wc-button-theme-color: var(--wc-color-warning);
+    --wc-button-theme-hover: var(--wc-color-warning-dark);
+    --wc-button-theme-active: var(--wc-color-warning-dark);
+  }
+  :host([theme='danger']) {
+    --wc-button-theme-color: var(--wc-color-error);
+    --wc-button-theme-hover: var(--wc-color-error-dark);
+    --wc-button-theme-active: var(--wc-color-error-dark);
+  }
+
+  /* ---- theme: default ---- */
+  :host([variant='base']) .button {
+    background-color: var(--wc-color-bg-container);
+    border-color: var(--wc-color-border);
+    color: var(--wc-color-text);
+  }
+  :host([theme='default'][variant='base']) .button:hover:not(:disabled) {
+    border-color: var(--wc-button-theme-color);
+    color: var(--wc-button-theme-color);
+  }
+
+  /* ---- theme: primary / success / warning / danger 的 base 变体：实色底 ---- */
+  :host([theme='primary'][variant='base']) .button,
+  :host([theme='success'][variant='base']) .button,
+  :host([theme='warning'][variant='base']) .button,
+  :host([theme='danger'][variant='base']) .button {
+    background-color: var(--wc-button-theme-color);
+    border-color: var(--wc-button-theme-color);
+    color: var(--wc-color-text-anti);
+  }
+  :host([theme='primary'][variant='base']) .button:hover:not(:disabled),
+  :host([theme='success'][variant='base']) .button:hover:not(:disabled),
+  :host([theme='warning'][variant='base']) .button:hover:not(:disabled),
+  :host([theme='danger'][variant='base']) .button:hover:not(:disabled) {
+    background-color: var(--wc-button-theme-hover);
+    border-color: var(--wc-button-theme-hover);
+    color: var(--wc-color-text-anti);
+  }
+  :host([theme='primary'][variant='base']) .button:active:not(:disabled),
+  :host([theme='success'][variant='base']) .button:active:not(:disabled),
+  :host([theme='warning'][variant='base']) .button:active:not(:disabled),
+  :host([theme='danger'][variant='base']) .button:active:not(:disabled) {
+    background-color: var(--wc-button-theme-active);
+    border-color: var(--wc-button-theme-active);
+    color: var(--wc-color-text-anti);
+  }
+
+  /* ---- variant: outline / dashed（继承 theme 色） ---- */
+  :host([variant='outline']) .button,
+  :host([variant='dashed']) .button {
+    background-color: transparent;
+    border-color: var(--wc-button-theme-color);
+    color: var(--wc-button-theme-color);
+  }
+  :host([variant='dashed']) .button {
+    border-style: dashed;
+  }
+  :host([variant='outline']) .button:hover:not(:disabled),
+  :host([variant='dashed']) .button:hover:not(:disabled) {
+    background-color: var(--wc-button-theme-hover);
+    border-color: var(--wc-button-theme-hover);
+    color: var(--wc-color-text-anti);
+  }
+
+  /* ---- variant: text ---- */
+  :host([variant='text']) .button {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--wc-button-theme-color);
+  }
+  :host([variant='text']) .button:hover:not(:disabled) {
+    background-color: var(--wc-color-bg);
+  }
+
+  /* ---- variant: link ---- */
+  :host([variant='link']) .button {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--wc-button-theme-color);
+  }
+  :host([variant='link']) .button:hover:not(:disabled) {
+    color: var(--wc-button-theme-hover);
+    text-decoration: underline;
+  }
+
+  /* ---- 禁用态 ---- */
+  .button:disabled {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    color: var(--wc-color-text-disabled);
+  }
+
+  /* ---- 加载态 spinner ---- */
+  .button[aria-busy='true'] .content {
+    opacity: 0.7;
+  }
+`;var Yr=Object.defineProperty,R=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Yr(e,t,r),r};const dt=class extends i.LitElement{constructor(){super(...arguments),this.theme="default",this.variant="base",this.size="medium",this.iconPosition="start",this.block=!1,this.disabled=!1,this.loading=!1,this._hasIcon=!1,this._hasText=!1}handleClick(e){this.loading&&(e.preventDefault(),e.stopImmediatePropagation())}render(){const e=i.html`<span class="icon" part="icon" ?hidden=${!this._hasIcon}>
+      <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
+    </span>`,t=i.html`<span class="content" part="content"
+      ><slot @slotchange=${this._onTextSlotChange}></slot
+    ></span>`;return i.html`
+      <button
+        part="base"
+        class="button"
+        ?disabled=${this.disabled||this.loading}
+        aria-disabled=${this.disabled||this.loading}
+        aria-busy=${this.loading}
+        @click=${this.handleClick}
+      >
+        ${this.iconPosition==="end"?[t,e]:[e,t]}
+      </button>
+    `}_onIconSlotChange(e){this._hasIcon=e.target.assignedElements({flatten:!0}).length>0,this._syncIconOnly(),this.requestUpdate()}_onTextSlotChange(e){const t=e.target.assignedNodes({flatten:!0});this._hasText=t.some(n=>(n.textContent??"").trim().length>0),this._syncIconOnly(),this.requestUpdate()}_syncIconOnly(){this.classList.toggle("wc-button--icon-only",this._hasIcon&&!this._hasText)}};dt.styles=[l,Ur];let E=dt;R([s.property({reflect:!0})],E.prototype,"theme");R([s.property({reflect:!0})],E.prototype,"variant");R([s.property({reflect:!0})],E.prototype,"size");R([s.property({reflect:!0,attribute:"icon-position"})],E.prototype,"iconPosition");R([s.property({type:Boolean,reflect:!0})],E.prototype,"block");R([s.property({type:Boolean,reflect:!0})],E.prototype,"disabled");R([s.property({type:Boolean,reflect:!0})],E.prototype,"loading");customElements.get("wc-button")||customElements.define("wc-button",E);const Kr=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌：首尾按钮保留的圆角 */
+    --wc-button-group-radius: var(--wc-radius-medium);
+  }
+
+  .group {
+    display: inline-flex;
+    vertical-align: middle;
+  }
+
+  /*
+   * ::slotted 只能作用于子 wc-button 的宿主元素，圆角与边距通过
+   * --wc-button-radius 自定义属性穿透进按钮的 Shadow DOM
+   *（外层作用域对宿主的声明优先于组件内 :host 声明）。
+   * 注意令牌名不能与按钮自身的 --wc-button-radius 同名，否则自引用失效。
+   */
+  ::slotted(wc-button) {
+    --wc-button-radius: 0;
+    position: relative;
+  }
+
+  /* 相邻边框合并：后一个左移 1px 压在前一个边框上 */
+  ::slotted(wc-button:not(:first-child)) {
+    margin-left: -1px;
+  }
+
+  /* 悬停/聚焦的上层按钮边框完整可见 */
+  ::slotted(wc-button:hover),
+  ::slotted(wc-button:focus-within) {
+    z-index: 1;
+  }
+
+  ::slotted(wc-button:first-child) {
+    --wc-button-radius: var(--wc-button-group-radius) 0 0 var(--wc-button-group-radius);
+  }
+
+  ::slotted(wc-button:last-child) {
+    --wc-button-radius: 0 var(--wc-button-group-radius) var(--wc-button-group-radius) 0;
+  }
+
+  ::slotted(wc-button:only-child) {
+    --wc-button-radius: var(--wc-button-group-radius);
+  }
+`,ht=class extends i.LitElement{render(){return i.html`<div class="group" part="base"><slot></slot></div>`}};ht.styles=[l,Kr];let pt=ht;customElements.get("wc-button-group")||customElements.define("wc-button-group",pt);const He=new Map,We=new Map,_e=new Map,Ve=new Set;function ut(o){return Ve.add(o),()=>Ve.delete(o)}function wt(){for(const o of[...Ve])o()}function vt(o,e){He.set(o,e),wt()}function Hr(o){return He.get(o)}function mt(o,e){We.set(o,e),wt()}function Wr(o){return We.get(o)}function d(o,e,t="0 0 24 24"){return{name:o,svg:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${t}" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`}}mt("default",{resolver:o=>He.get(o)??""});async function gt(o,e){const t=We.get(o);if(!t)return"";const n=`${o}:${e}`;let r=_e.get(n);r||(r=Promise.resolve(t.resolver(e)).catch(c=>""),_e.set(n,r));const a=await r;if(!a)return _e.delete(n),"";if(t.mutator&&typeof DOMParser<"u"){const c=new DOMParser().parseFromString(a,"text/html").querySelector("svg");if(c)return t.mutator(c),c.outerHTML}return a}const Xr=i.css`
+  :host {
+    display: inline-flex;
+    /* 尺寸默认 1em，跟随 font-size 缩放；颜色继承 currentColor */
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+    line-height: 1;
+  }
+
+  [part='base'] {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+  }
+
+  svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+    /* 不设 fill：描边图标由 SVG 根的 fill="none" 决定（CSS 会覆盖 presentation attribute，
+       设 fill: currentColor 会把闭合形状整体填充导致发糊）；填充型图标由各自 SVG 声明。
+       颜色统一走 color → stroke="currentColor" 继承。 */
+    color: currentColor;
+    pointer-events: none;
+  }
+
+  :host([spin]) svg,
+  :host([pulse]) svg {
+    transform-origin: center;
+    animation: wc-spin var(--wc-duration-slow, 1s) linear infinite;
+  }
+
+  /* pulse：旋转 + 缓动呼吸感，用于加载中区分度更高的场景 */
+  :host([pulse]) svg {
+    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+  }
+
+  @keyframes wc-spin {
+    from {
+      rotate: 0deg;
+    }
+    to {
+      rotate: 360deg;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :host([spin]) svg,
+    :host([pulse]) svg {
+      animation: none;
+    }
+  }
+`;var Gr=Object.defineProperty,V=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Gr(e,t,r),r};const bt=class extends i.LitElement{constructor(){super(...arguments),this.name="",this.src="",this.library="default",this.label="",this.spin=!1,this.pulse=!1,this.svg="",this.requestId=0}willUpdate(e){(e.has("src")||e.has("name")||e.has("library"))&&this.loadIcon()}disconnectedCallback(){this.unwatchRegister?.()}async loadIcon(){this.unwatchRegister?.(),this.unwatchRegister=void 0;const e=++this.requestId,t=this.name&&!this.src?ut(()=>{this.loadIcon()}):null;let n="";if(this.src?n=await this.fetchSrc(this.src):this.name&&(n=await gt(this.library,this.name)),e!==this.requestId){t?.();return}n||!t?t?.():this.unwatchRegister=t,this.svg=n}async fetchSrc(e){if(typeof fetch!="function")return"";try{const t=await fetch(e);return t.ok?await t.text():""}catch{return""}}render(){return i.html`
+      <span
+        part="base"
+        role=${this.label?"img":"presentation"}
+        aria-label=${this.label||i.nothing}
+        aria-hidden=${this.label?i.nothing:"true"}
+        >${this.svg?Vr.unsafeSVG(this.svg):i.nothing}</span
+      >
+    `}};bt.styles=[l,Xr];let O=bt;V([s.property()],O.prototype,"name");V([s.property()],O.prototype,"src");V([s.property()],O.prototype,"library");V([s.property()],O.prototype,"label");V([s.property({type:Boolean,reflect:!0})],O.prototype,"spin");V([s.property({type:Boolean,reflect:!0})],O.prototype,"pulse");V([s.state()],O.prototype,"svg");customElements.get("wc-icon")||customElements.define("wc-icon",O);function x(o){const e=class extends o{constructor(...r){super(...r),this.name="",this.disabled=!1,this.internals=this.attachInternals()}get value(){}set value(r){}formResetCallback(){this.value=this.defaultValue}get defaultValue(){}};return e.formAssociated=!0,e.properties={name:{type:String},disabled:{type:Boolean,reflect:!0}},e}const Jr={"select.placeholder":"Select","select.empty":"No data","pagination.total":"{total} items in total","pagination.prev":"Previous page","pagination.next":"Next page","pagination.label":"Pagination","pagination.page":"Page {page}","pagination.jumpTo":"Go to","pagination.pageUnit":"Page","dialog.confirm":"Confirm","dialog.cancel":"Cancel","empty.noData":"No data","table.empty":"No data in table","input.clear":"Clear","inputNumber.increment":"Increment","inputNumber.decrement":"Decrement","datePicker.placeholder":"Select date","datePicker.today":"Today","datePicker.prevYear":"Previous year","datePicker.prevMonth":"Previous month","datePicker.nextMonth":"Next month","datePicker.nextYear":"Next year","form.required":"{name} is required","form.min":"{name} must be no less than {min}","form.max":"{name} must be no greater than {max}","form.minLength":"{name} must be at least {minLength} characters","form.maxLength":"{name} must be at most {maxLength} characters","form.pattern":"{name} format is invalid","form.invalid":"{name} is invalid","tag.close":"Remove","dialog.close":"Close","message.close":"Close","breadcrumb.label":"Breadcrumb","image.loadError":"Failed to load image","image.preview":"Preview","image.zoomIn":"Zoom in","image.zoomOut":"Zoom out","image.rotate":"Rotate","image.reset":"Reset","image.close":"Close","upload.upload":"Upload","upload.clickOrDrag":"Click or drag file here to upload","upload.failed":"Upload failed","upload.retry":"Retry","upload.remove":"Remove","upload.preview":"Preview"},Zr={"select.placeholder":"请选择","select.empty":"暂无数据","pagination.total":"共 {total} 条","pagination.prev":"上一页","pagination.next":"下一页","pagination.label":"分页导航","pagination.page":"第 {page} 页","pagination.jumpTo":"跳至","pagination.pageUnit":"页","dialog.confirm":"确认","dialog.cancel":"取消","empty.noData":"暂无数据","table.empty":"表格暂无数据","input.clear":"清空","inputNumber.increment":"增加","inputNumber.decrement":"减少","datePicker.placeholder":"请选择日期","datePicker.today":"今天","datePicker.prevYear":"上一年","datePicker.prevMonth":"上个月","datePicker.nextMonth":"下个月","datePicker.nextYear":"下一年","form.required":"{name}不能为空","form.min":"{name}不能小于{min}","form.max":"{name}不能大于{max}","form.minLength":"{name}至少{minLength}个字符","form.maxLength":"{name}最多{maxLength}个字符","form.pattern":"{name}格式不正确","form.invalid":"{name}校验不通过","tag.close":"删除","dialog.close":"关闭","message.close":"关闭","breadcrumb.label":"面包屑导航","image.loadError":"图片加载失败","image.preview":"预览","image.zoomIn":"放大","image.zoomOut":"缩小","image.rotate":"旋转","image.reset":"重置","image.close":"关闭","upload.upload":"上传文件","upload.clickOrDrag":"点击或拖拽文件到此处上传","upload.failed":"上传失败","upload.retry":"重新上传","upload.remove":"移除","upload.preview":"预览"},ze="wc-language-change",F=new Map([["zh-CN",{...Zr}],["en-US",{...Jr}]]);let ge="zh-CN";function Qr(o,e){const t=F.get(o);F.set(o,Object.assign({},t,e)),o===ge&&xt()}function eo(o){if(!/^[a-zA-Z]{2,3}(-[a-zA-Z0-9]+)*$/.test(o))throw new Error(`[wc] 无效的语言标识: "${o}"，需符合 BCP 47 格式，如 zh-CN`);o!==ge&&(ge=o,xt())}function ft(){return ge}function Xe(o){if(F.has(o))return o;const e=o.split("-")[0]?.toLowerCase();for(const t of F.keys())if(t.split("-")[0]?.toLowerCase()===e)return t;return"zh-CN"}function yt(o,e,t){const n=F.get(Xe(o)),r=F.get("zh-CN");let a=n?.[e]??r?.[e]??e;return t&&(a=a.replace(/\{(\w+)\}/g,(c,m)=>m in t?String(t[m]):c)),a}function to(){return[...F.keys()]}function xt(){document.dispatchEvent(new CustomEvent(ze,{detail:{locale:ge},bubbles:!0,composed:!0}))}class u{constructor(e){this.handleLanguageChange=()=>{this.host.requestUpdate()},this.host=e,e.addController(this)}hostConnected(){document.addEventListener(ze,this.handleLanguageChange)}hostDisconnected(){document.removeEventListener(ze,this.handleLanguageChange)}term(e,t){return yt(this.resolvedLocale,e,t)}date(e,t){const{locale:n,...r}=t??{};return new Intl.DateTimeFormat(n??this.resolvedLocale,r).format(e)}number(e,t){const{locale:n,...r}=t??{};return new Intl.NumberFormat(n??this.resolvedLocale,r).format(e)}get resolvedLocale(){const e=this.host.getAttribute("lang");return e?Xe(e):ft()}}const ro=i.css`
+  :host {
+    display: inline-block;
+    width: 240px;
+
+    /* component 层令牌 */
+    --wc-input-height: 32px;
+    --wc-input-padding-x: var(--wc-space-2);
+    --wc-input-font-size: var(--wc-font-size-medium);
+    --wc-input-radius: var(--wc-radius-medium);
+  }
+
+  :host([size='small']) {
+    --wc-input-height: 24px;
+    --wc-input-padding-x: var(--wc-space-1);
+    --wc-input-font-size: var(--wc-font-size-small);
+  }
+
+  :host([size='large']) {
+    --wc-input-height: 40px;
+    --wc-input-padding-x: var(--wc-space-3);
+    --wc-input-font-size: var(--wc-font-size-large);
+  }
+
+  .input {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    width: 100%;
+    height: var(--wc-input-height);
+    padding: 0 var(--wc-input-padding-x);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-input-radius);
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      box-shadow var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  /* 焦点态：外层容器统一呈现，内层去掉原生 outline 避免双重 */
+  .input:focus-within {
+    border-color: var(--wc-color-primary);
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .inner {
+    flex: 1;
+    min-width: 0;
+    height: 100%;
+    font-family: inherit;
+    font-size: var(--wc-input-font-size);
+    color: var(--wc-color-text);
+    background: transparent;
+    border: none;
+    outline: none;
+    caret-color: var(--wc-color-primary);
+  }
+
+  .inner::placeholder {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .inner:disabled {
+    cursor: not-allowed;
+  }
+
+  .affix {
+    display: inline-flex;
+    align-items: center;
+    color: var(--wc-color-text-placeholder);
+    flex-shrink: 0;
+  }
+
+  .affix[hidden] {
+    display: none;
+  }
+
+  .clear {
+    width: 16px;
+    height: 16px;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    border-radius: var(--wc-radius-circle);
+    background: transparent;
+    color: var(--wc-color-text-placeholder);
+    cursor: pointer;
+  }
+
+  /* wc-icon 的 :host 自带 text 色，这里让叉号跟随按钮的灰阶 */
+  .clear wc-icon {
+    color: inherit;
+  }
+
+  .clear:hover {
+    color: var(--wc-color-text-secondary);
+  }
+
+  /* ---- 校验状态 ---- */
+  :host([status='success']) .input {
+    border-color: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .input {
+    border-color: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .input {
+    border-color: var(--wc-color-error);
+  }
+
+  :host([status='error']) .input:focus-within {
+    border-color: var(--wc-color-error);
+    box-shadow: 0 0 0 2px var(--wc-color-error-light);
+  }
+
+  /* ---- 禁用 / 只读 ---- */
+  :host([disabled]) .input {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .inner {
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([readonly]) .input {
+    border-style: dashed;
+  }
+`;var oo=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,S=(o,e,t,n)=>{for(var r=n>1?void 0:n?ao(e,t):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=(n?c(e,t,r):c(r))||r);return n&&r&&oo(e,t,r),r};const kt=class extends x(i.LitElement){constructor(){super(...arguments),this._value="",this.type="text",this.size="medium",this.placeholder="",this.label="",this.readonly=!1,this.clearable=!1,this.status="default",this.localize=new u(this),this._hasPrefix=!1,this._hasSuffix=!1}get value(){return this._value}set value(e){const t=this._value;this._value=e??"",this.requestUpdate("value",t)}get defaultValue(){return this.getAttribute("value")??""}updated(e){super.updated(e),e.has("value")&&this.internals.setFormValue(this.value||null)}formResetCallback(){super.formResetCallback(),this.internals.setFormValue(this.value||null)}handleInput(e){const t=e.target;this.value=t.value,this.dispatchEvent(new CustomEvent("wc-input",{detail:{value:this.value},bubbles:!0,composed:!0}))}handleChange(){this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}handleClear(e){e.preventDefault(),this.value="",this.dispatchEvent(new CustomEvent("wc-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:""},bubbles:!0,composed:!0})),this.requestUpdate(),this.shadowRoot.querySelector("input")?.focus()}render(){const e=this.clearable&&this.value&&!this.disabled&&!this.readonly;return i.html`
+      <div class="input" part="base">
+        <span class="affix prefix" part="prefix" ?hidden=${!this._hasPrefix}>
+          <slot name="prefix" @slotchange=${this._onPrefixSlotChange}></slot>
+        </span>
+        <input
+          part="input"
+          class="inner"
+          .value=${this.value}
+          type=${this.type}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          placeholder=${this.placeholder}
+          maxlength=${this.maxlength??-1}
+          aria-label=${this.label||void 0}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+        />
+        ${e?i.html`
+                <button
+                  type="button"
+                  class="affix clear"
+                  part="clear-button"
+                  tabindex="-1"
+                  aria-label=${this.localize.term("input.clear")}
+                  @mousedown=${this.handleClear}
+                >
+                  <wc-icon name="close"></wc-icon>
+                </button>
+              `:""}
+        <span class="affix suffix" part="suffix" ?hidden=${!this._hasSuffix}>
+          <slot name="suffix" @slotchange=${this._onSuffixSlotChange}></slot>
+        </span>
+      </div>
+    `}_onPrefixSlotChange(e){this._hasPrefix=e.target.assignedElements({flatten:!0}).length>0,this.requestUpdate()}_onSuffixSlotChange(e){this._hasSuffix=e.target.assignedElements({flatten:!0}).length>0,this.requestUpdate()}};kt.styles=[l,ro];let g=kt;S([s.property()],g.prototype,"value",1);S([s.property()],g.prototype,"type",2);S([s.property({reflect:!0})],g.prototype,"size",2);S([s.property()],g.prototype,"placeholder",2);S([s.property()],g.prototype,"label",2);S([s.property({type:Number})],g.prototype,"maxlength",2);S([s.property({type:Boolean,reflect:!0})],g.prototype,"readonly",2);S([s.property({type:Boolean,reflect:!0})],g.prototype,"clearable",2);S([s.property({reflect:!0})],g.prototype,"status",2);customElements.get("wc-input")||customElements.define("wc-input",g);const so=i.css`
+  :host {
+    display: inline-block;
+    width: 320px;
+
+    /* component 层令牌 */
+    --wc-textarea-min-height: 80px;
+    --wc-textarea-padding-y: var(--wc-space-2);
+    --wc-textarea-padding-x: var(--wc-space-2);
+    --wc-textarea-font-size: var(--wc-font-size-medium);
+    --wc-textarea-radius: var(--wc-radius-medium);
+  }
+
+  .textarea {
+    position: relative;
+    display: inline-flex;
+    width: 100%;
+    min-height: var(--wc-textarea-min-height);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-textarea-radius);
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      box-shadow var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .textarea:focus-within {
+    border-color: var(--wc-color-primary);
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .inner {
+    flex: 1;
+    width: 100%;
+    padding: var(--wc-textarea-padding-y) var(--wc-textarea-padding-x);
+    font-family: inherit;
+    font-size: var(--wc-textarea-font-size);
+    line-height: var(--wc-line-height-base);
+    color: var(--wc-color-text);
+    background: transparent;
+    border: none;
+    outline: none;
+    resize: vertical;
+    caret-color: var(--wc-color-primary);
+  }
+
+  /* autosize 时接管高度，禁用手动拉伸 */
+  :host([autosize]) .inner {
+    resize: none;
+    overflow: hidden;
+  }
+
+  .inner::placeholder {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .inner:disabled {
+    cursor: not-allowed;
+  }
+
+  .count {
+    position: absolute;
+    right: var(--wc-textarea-padding-x);
+    bottom: var(--wc-textarea-padding-y);
+    font-size: var(--wc-font-size-small);
+    color: var(--wc-color-text-placeholder);
+    background: var(--wc-color-bg-container);
+    pointer-events: none;
+  }
+
+  :host([status='success']) .textarea {
+    border-color: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .textarea {
+    border-color: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .textarea {
+    border-color: var(--wc-color-error);
+  }
+
+  :host([status='error']) .textarea:focus-within {
+    border-color: var(--wc-color-error);
+    box-shadow: 0 0 0 2px var(--wc-color-error-light);
+  }
+
+  :host([disabled]) .textarea {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .inner {
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([readonly]) .textarea {
+    border-style: dashed;
+  }
+`;var io=Object.defineProperty,no=Object.getOwnPropertyDescriptor,N=(o,e,t,n)=>{for(var r=n>1?void 0:n?no(e,t):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=(n?c(e,t,r):c(r))||r);return n&&r&&io(e,t,r),r};const $t=class extends x(i.LitElement){constructor(){super(...arguments),this._value="",this.placeholder="",this.label="",this.rows=3,this.autosize=!1,this.readonly=!1,this.status="default"}get value(){return this._value}set value(e){const t=this._value;this._value=e??"",this.requestUpdate("value",t)}get defaultValue(){return this.getAttribute("value")??""}updated(e){super.updated(e),e.has("value")&&this.internals.setFormValue(this.value||null),e.has("value")&&this.autosize&&this.autoResize()}formResetCallback(){super.formResetCallback(),this.internals.setFormValue(this.value||null)}handleInput(e){const t=e.target;this.value=t.value,this.dispatchEvent(new CustomEvent("wc-input",{detail:{value:this.value},bubbles:!0,composed:!0})),this.autosize&&this.autoResize()}handleChange(){this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}autoResize(){const e=this.shadowRoot.querySelector("textarea");e&&(e.style.height="auto",e.style.height=`${e.scrollHeight}px`)}render(){return i.html`
+      <div class="textarea" part="base">
+        <textarea
+          part="textarea"
+          class="inner"
+          .value=${this.value}
+          rows=${this.rows}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          placeholder=${this.placeholder}
+          maxlength=${this.maxlength??-1}
+          aria-label=${this.label||void 0}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+        ></textarea>
+        ${this.maxlength?i.html`<span class="count" part="count">${this.value.length}/${this.maxlength}</span>`:""}
+      </div>
+    `}};$t.styles=[l,so];let k=$t;N([s.property()],k.prototype,"value",1);N([s.property()],k.prototype,"placeholder",2);N([s.property()],k.prototype,"label",2);N([s.property({type:Number})],k.prototype,"maxlength",2);N([s.property({type:Number})],k.prototype,"rows",2);N([s.property({type:Boolean,reflect:!0})],k.prototype,"autosize",2);N([s.property({type:Boolean,reflect:!0})],k.prototype,"readonly",2);N([s.property({reflect:!0})],k.prototype,"status",2);customElements.get("wc-textarea")||customElements.define("wc-textarea",k);const co=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌 */
+    --wc-checkbox-size: 16px;
+    --wc-checkbox-radius: var(--wc-radius-small);
+  }
+
+  .checkbox {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text);
+    cursor: pointer;
+    user-select: none;
+  }
+
+  /* 原生 input 隐藏但保持可聚焦（键盘空格切换） */
+  .native {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .box {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--wc-checkbox-size);
+    height: var(--wc-checkbox-size);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border-strong);
+    border-radius: var(--wc-checkbox-radius);
+    color: var(--wc-color-text-anti);
+    flex-shrink: 0;
+    transition:
+      background-color var(--wc-duration-fast) var(--wc-easing-standard),
+      border-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .check {
+    width: 12px;
+    height: 12px;
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity var(--wc-duration-fast) var(--wc-easing-standard),
+      transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .dash {
+    position: absolute;
+    width: 8px;
+    height: 2px;
+    border-radius: 1px;
+    background: currentColor;
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity var(--wc-duration-fast) var(--wc-easing-standard),
+      transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  /* 键盘焦点环 */
+  .native:focus-visible + .box {
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  /* 选中态 */
+  :host([checked]) .box {
+    background-color: var(--wc-color-primary);
+    border-color: var(--wc-color-primary);
+  }
+
+  :host([checked]) .check {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  /* 半选态（优先于选中态图标） */
+  :host([indeterminate]) .box {
+    background-color: var(--wc-color-primary);
+    border-color: var(--wc-color-primary);
+  }
+
+  :host([indeterminate]) .check {
+    opacity: 0;
+  }
+
+  :host([indeterminate]) .dash {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  /* 悬停 */
+  .checkbox:hover .box:not(.native:disabled + .box) {
+    border-color: var(--wc-color-primary);
+  }
+
+  /* 禁用 */
+  :host([disabled]) .checkbox {
+    cursor: not-allowed;
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([disabled]) .box {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: var(--wc-color-border);
+  }
+
+  :host([disabled][checked]) .box,
+  :host([disabled][indeterminate]) .box {
+    background-color: var(--wc-color-border);
+    border-color: var(--wc-color-border);
+    color: var(--wc-color-text-disabled);
+  }
+
+  .label {
+    line-height: var(--wc-line-height-base);
+  }
+`;var lo=Object.defineProperty,Ce=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&lo(e,t,r),r};const zt=class extends x(i.LitElement){constructor(){super(),this.checked=!1,this.indeterminate=!1,this.value="on",this.label="",this.initialChecked=!1,this.initialChecked=this.hasAttribute("checked")}get defaultValue(){return this.initialChecked?this.value:null}updated(e){super.updated(e),(e.has("checked")||e.has("value"))&&this.internals.setFormValue(this.checked?this.value:null)}formResetCallback(){super.formResetCallback(),this.checked=this.initialChecked,this.internals.setFormValue(this.checked?this.value:null)}handleChange(e){const t=e.target;this.indeterminate=!1,this.checked=t.checked,this.dispatchEvent(new CustomEvent("wc-change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0}))}render(){return i.html`
+      <label class="checkbox" part="base">
+        <input
+          type="checkbox"
+          class="native"
+          .checked=${this.checked}
+          .indeterminate=${this.indeterminate}
+          ?disabled=${this.disabled}
+          aria-label=${this.label||void 0}
+          @change=${this.handleChange}
+        />
+        <span class="box" part="box" aria-hidden="true">
+          <svg class="check" viewBox="0 0 16 16" fill="none">
+            <path
+              d="M3 8.5L6.5 12L13 4.5"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+          <span class="dash"></span>
+        </span>
+        <span class="label" part="label"><slot></slot></span>
+      </label>
+    `}};zt.styles=[l,co];let te=zt;Ce([s.property({type:Boolean,reflect:!0})],te.prototype,"checked");Ce([s.property({type:Boolean,reflect:!0})],te.prototype,"indeterminate");Ce([s.property()],te.prototype,"value");Ce([s.property()],te.prototype,"label");customElements.get("wc-checkbox")||customElements.define("wc-checkbox",te);const ho=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌 */
+    --wc-radio-size: 16px;
+  }
+
+  .radio {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text);
+    cursor: pointer;
+    user-select: none;
+  }
+
+  /* 原生 input 隐藏但保持可聚焦（键盘方向键切换） */
+  .native {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .dot {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--wc-radio-size);
+    height: var(--wc-radio-size);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border-strong);
+    border-radius: var(--wc-radius-circle);
+    flex-shrink: 0;
+    transition: border-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .inner {
+    width: calc(var(--wc-radio-size) / 2 - 1px);
+    height: calc(var(--wc-radio-size) / 2 - 1px);
+    border-radius: var(--wc-radius-circle);
+    background-color: var(--wc-color-primary);
+    opacity: 0;
+    transform: scale(0);
+    transition:
+      opacity var(--wc-duration-fast) var(--wc-easing-standard),
+      transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .native:focus-visible + .dot {
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  :host([checked]) .dot {
+    border-color: var(--wc-color-primary);
+  }
+
+  :host([checked]) .inner {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .radio:hover .dot {
+    border-color: var(--wc-color-primary);
+  }
+
+  :host([disabled]) .radio {
+    cursor: not-allowed;
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([disabled]) .dot {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: var(--wc-color-border);
+  }
+
+  :host([disabled][checked]) .dot {
+    border-color: var(--wc-color-border);
+  }
+
+  :host([disabled][checked]) .inner {
+    background-color: var(--wc-color-text-disabled);
+  }
+
+  .label {
+    line-height: var(--wc-line-height-base);
+  }
+`;var po=Object.defineProperty,Ge=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&po(e,t,r),r};const Ct=class extends x(i.LitElement){constructor(){super(),this.checked=!1,this.value="",this.label="",this.initialChecked=!1,this.initialChecked=this.hasAttribute("checked")}get defaultValue(){return this.initialChecked?this.value:null}updated(e){super.updated(e),(e.has("checked")||e.has("value"))&&this.internals.setFormValue(this.checked?this.value:null)}formResetCallback(){super.formResetCallback(),this.checked=this.initialChecked,this.internals.setFormValue(this.checked?this.value:null)}handleChange(e){const t=e.target;this.checked=t.checked,this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}render(){return i.html`
+      <label class="radio" part="base">
+        <input
+          type="radio"
+          class="native"
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          aria-label=${this.label||void 0}
+          @change=${this.handleChange}
+        />
+        <span class="dot" part="dot" aria-hidden="true"><span class="inner"></span></span>
+        <span class="label" part="label"><slot></slot></span>
+      </label>
+    `}};Ct.styles=[l,ho];let be=Ct;Ge([s.property({type:Boolean,reflect:!0})],be.prototype,"checked");Ge([s.property()],be.prototype,"value");Ge([s.property()],be.prototype,"label");customElements.get("wc-radio")||customElements.define("wc-radio",be);const uo=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌 */
+    --wc-switch-width: 40px;
+    --wc-switch-height: 22px;
+    --wc-switch-thumb: 18px;
+  }
+
+  .switch {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text);
+    cursor: pointer;
+    user-select: none;
+  }
+
+  /* 原生 input 隐藏但保持可聚焦（键盘空格切换） */
+  .native {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .track {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    width: var(--wc-switch-width);
+    height: var(--wc-switch-height);
+    padding: 2px;
+    background-color: var(--wc-color-gray-300);
+    border-radius: var(--wc-radius-round);
+    flex-shrink: 0;
+    transition: background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .thumb {
+    width: var(--wc-switch-thumb);
+    height: var(--wc-switch-thumb);
+    border-radius: var(--wc-radius-circle);
+    background-color: var(--wc-color-text-anti);
+    box-shadow: var(--wc-shadow-1);
+    transform: translateX(0);
+    transition: transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .native:focus-visible + .track {
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  :host([checked]) .track {
+    background-color: var(--wc-color-primary);
+  }
+
+  :host([checked]) .thumb {
+    transform: translateX(calc(var(--wc-switch-width) - var(--wc-switch-height)));
+  }
+
+  .switch:hover .track {
+    background-color: var(--wc-color-gray-400);
+  }
+
+  :host([checked]) .switch:hover .track {
+    background-color: var(--wc-color-primary-hover);
+  }
+
+  :host([disabled]) .switch {
+    cursor: not-allowed;
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([disabled]) .track {
+    background-color: var(--wc-color-bg-disabled);
+  }
+
+  :host([disabled]) .thumb {
+    background-color: var(--wc-color-gray-100);
+    box-shadow: none;
+  }
+
+  .label {
+    line-height: var(--wc-line-height-base);
+  }
+`;var wo=Object.defineProperty,Ee=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&wo(e,t,r),r};const Et=class extends x(i.LitElement){constructor(){super(),this.checked=!1,this.checkedValue="on",this.uncheckedValue="",this.label="",this.initialChecked=!1,this.initialChecked=this.hasAttribute("checked")}get defaultValue(){return this.initialChecked?this.checkedValue:this.uncheckedValue||null}updated(e){super.updated(e),(e.has("checked")||e.has("checkedValue")||e.has("uncheckedValue"))&&this.internals.setFormValue(this.checked?this.checkedValue:this.uncheckedValue||null)}formResetCallback(){super.formResetCallback(),this.checked=this.initialChecked,this.internals.setFormValue(this.checked?this.checkedValue:this.uncheckedValue||null)}handleChange(e){const t=e.target;this.checked=t.checked,this.dispatchEvent(new CustomEvent("wc-change",{detail:{checked:this.checked},bubbles:!0,composed:!0}))}render(){return i.html`
+      <label class="switch" part="base">
+        <input
+          type="checkbox"
+          role="switch"
+          class="native"
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          aria-label=${this.label||void 0}
+          @change=${this.handleChange}
+        />
+        <span class="track" part="track" aria-hidden="true">
+          <span class="thumb" part="thumb"></span>
+        </span>
+        <span class="label" part="label"><slot></slot></span>
+      </label>
+    `}};Et.styles=[l,uo];let re=Et;Ee([s.property({type:Boolean,reflect:!0})],re.prototype,"checked");Ee([s.property()],re.prototype,"checkedValue");Ee([s.property()],re.prototype,"uncheckedValue");Ee([s.property()],re.prototype,"label");customElements.get("wc-switch")||customElements.define("wc-switch",re);const vo=i.css`
+  :host {
+    display: block;
+  }
+
+  .option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--wc-space-2);
+    padding: 0 var(--wc-space-3);
+    height: 32px;
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text);
+    cursor: pointer;
+    user-select: none;
+    transition: background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .text {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .check {
+    width: 14px;
+    height: 14px;
+    color: var(--wc-color-primary);
+    flex-shrink: 0;
+    opacity: 0;
+  }
+
+  :host([selected]) .check {
+    opacity: 1;
+  }
+
+  :host([selected]:not([active])) .text {
+    color: var(--wc-color-primary);
+    font-weight: var(--wc-font-weight-medium);
+  }
+
+  :host(:hover:not([disabled])) .option,
+  :host([active]:not([disabled])) .option {
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  :host([disabled]) .option {
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+  }
+`;var mo=Object.defineProperty,Oe=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&mo(e,t,r),r};const Ot=class extends i.LitElement{constructor(){super(...arguments),this.value="",this.disabled=!1,this.selected=!1,this.active=!1}get label(){return(this.textContent??"").trim()}render(){return i.html`
+      <div class="option" part="base" role="option" aria-selected=${this.selected}>
+        <span class="text"><slot></slot></span>
+        <svg class="check" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+          <path
+            d="M3 8.5L6.5 12L13 4.5"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </div>
+    `}};Ot.styles=[vo];let oe=Ot;Oe([s.property({reflect:!0})],oe.prototype,"value");Oe([s.property({type:Boolean,reflect:!0})],oe.prototype,"disabled");Oe([s.property({type:Boolean,reflect:!0})],oe.prototype,"selected");Oe([s.property({type:Boolean,reflect:!0})],oe.prototype,"active");customElements.get("wc-option")||customElements.define("wc-option",oe);const go=i.css`
+  :host {
+    display: inline-block;
+    width: 240px;
+
+    /* component 层令牌 */
+    --wc-select-height: 32px;
+    --wc-select-padding-x: var(--wc-space-2);
+    --wc-select-font-size: var(--wc-font-size-medium);
+    --wc-select-radius: var(--wc-radius-medium);
+    --wc-select-panel-max-height: 280px;
+  }
+
+  :host([size='small']) {
+    --wc-select-height: 24px;
+    --wc-select-padding-x: var(--wc-space-1);
+    --wc-select-font-size: var(--wc-font-size-small);
+  }
+
+  :host([size='large']) {
+    --wc-select-height: 40px;
+    --wc-select-padding-x: var(--wc-space-3);
+    --wc-select-font-size: var(--wc-font-size-large);
+  }
+
+  .select {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+  }
+
+  .trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    width: 100%;
+    height: var(--wc-select-height);
+    padding: 0 var(--wc-select-padding-x);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-select-radius);
+    cursor: pointer;
+    user-select: none;
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      box-shadow var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  /* 与 input 的 focus-within 对齐：键盘聚焦或展开时均呈现焦点视觉 */
+  .trigger:focus-visible,
+  :host([open]) .trigger {
+    outline: none;
+    border-color: var(--wc-color-primary);
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .value {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: var(--wc-select-font-size);
+    color: var(--wc-color-text);
+  }
+
+  .value.placeholder {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .arrow {
+    font-size: 16px;
+    color: var(--wc-color-text-placeholder);
+    flex-shrink: 0;
+    transition: transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  :host([open]) .arrow {
+    transform: rotate(180deg);
+  }
+
+  .clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+    color: var(--wc-color-text-placeholder);
+    border-radius: var(--wc-radius-circle);
+    flex-shrink: 0;
+    opacity: 0;
+    transition: opacity var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .clear:hover {
+    color: var(--wc-color-text-secondary);
+  }
+
+  /* 悬停触发器时显示清除按钮 */
+  .trigger:hover .clear,
+  .trigger:focus-visible .clear {
+    opacity: 1;
+  }
+
+  /* 有清除按钮时悬停隐藏箭头，避免拥挤 */
+  .trigger:hover .clear + .arrow {
+    display: none;
+  }
+
+  .panel {
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    z-index: var(--wc-z-index-dropdown);
+    width: 100%;
+    max-height: var(--wc-select-panel-max-height);
+    overflow-y: auto;
+    padding: var(--wc-space-1) 0;
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-select-radius);
+    box-shadow: var(--wc-shadow-2);
+  }
+
+  .panel[hidden] {
+    display: none;
+  }
+
+  .empty {
+    padding: var(--wc-space-4) var(--wc-space-3);
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text-placeholder);
+    text-align: center;
+  }
+
+  /* ---- 校验状态 ---- */
+  :host([status='success']) .trigger {
+    border-color: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .trigger {
+    border-color: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .trigger {
+    border-color: var(--wc-color-error);
+  }
+
+  :host([status='error']) .trigger:focus-visible,
+  :host([status='error'][open]) .trigger {
+    border-color: var(--wc-color-error);
+    box-shadow: 0 0 0 2px var(--wc-color-error-light);
+  }
+
+  /* ---- 禁用 ---- */
+  :host([disabled]) .trigger {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .value {
+    color: var(--wc-color-text-disabled);
+  }
+`;var bo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,ae=(o,e,t,n)=>{for(var r=n>1?void 0:n?fo(e,t):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=(n?c(e,t,r):c(r))||r);return n&&r&&bo(e,t,r),r};const St=class extends x(i.LitElement){constructor(){super(),this._value="",this.placeholder="",this.size="medium",this.status="default",this.clearable=!1,this.open=!1,this.activeIndex=-1,this.localize=new u(this),this.uid=`wc-select-${Math.random().toString(36).slice(2,8)}`,this.assignedOptions=[],this.onDocumentClick=e=>{e.composedPath().includes(this)||this.hide()},this.handleKeydown=e=>{if(!this.disabled)switch(e.key){case"Enter":case" ":if(e.preventDefault(),this.open&&this.activeIndex>=0){const t=this.enabledOptions[this.activeIndex];t&&this.selectOption(t)}else this.show();break;case"Escape":e.preventDefault(),this.hide();break;case"ArrowDown":e.preventDefault(),this.open?this.enabledOptions.length&&(this.activeIndex=(this.activeIndex+1)%this.enabledOptions.length,this.scrollToActive()):this.show();break;case"ArrowUp":if(e.preventDefault(),!this.open)this.show();else if(this.enabledOptions.length){const t=this.enabledOptions.length;this.activeIndex=(this.activeIndex-1+t)%t,this.scrollToActive()}break;case"Home":this.open&&this.enabledOptions.length&&(e.preventDefault(),this.activeIndex=0,this.scrollToActive());break;case"End":this.open&&this.enabledOptions.length&&(e.preventDefault(),this.activeIndex=this.enabledOptions.length-1,this.scrollToActive());break;case"Tab":this.hide();break}},this.addEventListener("keydown",this.handleKeydown)}get value(){return this._value}set value(e){const t=this._value;this._value=e??"",this.requestUpdate("value",t)}get defaultValue(){return this.getAttribute("value")??""}updated(e){super.updated(e),e.has("value")&&(this.syncOptions(),this.internals.setFormValue(this.value||null))}formResetCallback(){super.formResetCallback(),this.value=String(this.defaultValue??""),this.internals.setFormValue(this.value||null)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.onDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.onDocumentClick),super.disconnectedCallback()}get enabledOptions(){return this.assignedOptions.filter(e=>!e.disabled)}get selectedLabel(){return this.assignedOptions.find(e=>e.value===this.value)?.label??""}get displayText(){return this.value?this.selectedLabel:this.placeholder||this.localize.term("select.placeholder")}onSlotChange(e){this.assignedOptions=e.target.assignedElements().filter(t=>t.tagName==="WC-OPTION"),this.assignedOptions.forEach((t,n)=>t.setAttribute("id",`${this.uid}-opt-${n}`)),this.syncOptions(),this.requestUpdate()}syncOptions(){for(const e of this.assignedOptions)e.selected=!e.disabled&&e.value===this.value}show(){if(this.disabled||this.open)return;this.open=!0;const e=this.enabledOptions.findIndex(t=>t.value===this.value);this.activeIndex=e>=0?e:this.enabledOptions.length?0:-1,this.scrollToActive()}hide(){this.open&&(this.open=!1,this.activeIndex=-1)}toggle(){this.open?this.hide():this.show()}onTriggerClick(){this.toggle()}onPanelClick(e){const t=e.target.closest("wc-option");t&&!t.disabled&&this.selectOption(t)}selectOption(e){this.value=e.value,this.hide(),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value,label:e.label},bubbles:!0,composed:!0}))}handleClear(e){e.preventDefault(),e.stopPropagation(),this.value="",this.hide(),this.dispatchEvent(new CustomEvent("wc-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:"",label:""},bubbles:!0,composed:!0}))}scrollToActive(){for(const t of this.assignedOptions)t.active=!1;const e=this.enabledOptions[this.activeIndex];e&&(e.active=!0),this.updateComplete.then(()=>{e&&typeof e.scrollIntoView=="function"&&e.scrollIntoView({block:"nearest"})})}render(){const e=this.activeIndex>=0?this.enabledOptions[this.activeIndex]:void 0,t=e?`${this.uid}-opt-${this.assignedOptions.indexOf(e)}`:"",n=this.clearable&&this.value&&!this.disabled;return i.html`
+      <div class="select" part="base">
+        <div
+          class="trigger"
+          part="trigger"
+          role="combobox"
+          tabindex=${this.disabled?-1:0}
+          aria-haspopup="listbox"
+          aria-expanded=${this.open}
+          aria-disabled=${this.disabled}
+          aria-controls=${this.open?`${this.uid}-panel`:void 0}
+          aria-activedescendant=${this.open&&t?t:void 0}
+          @click=${this.onTriggerClick}
+        >
+          <span class="value ${this.value?"":"placeholder"}" part="value"
+            >${this.displayText}</span
+          >
+          ${n?i.html`
+                  <span
+                    class="clear"
+                    part="clear-button"
+                    role="button"
+                    aria-label=${this.localize.term("input.clear")}
+                    @mousedown=${r=>{r.preventDefault(),r.stopPropagation()}}
+                    @click=${this.handleClear}
+                  >
+                    <wc-icon name="close"></wc-icon>
+                  </span>
+                `:""}
+          <wc-icon name="chevron-down" class="arrow"></wc-icon>
+        </div>
+        <div
+          class="panel"
+          part="panel"
+          id="${this.uid}-panel"
+          role="listbox"
+          ?hidden=${!this.open}
+          @click=${this.onPanelClick}
+        >
+          <slot @slotchange=${this.onSlotChange}></slot>
+          ${this.assignedOptions.length===0?i.html`<div class="empty">${this.localize.term("select.empty")}</div>`:""}
+        </div>
+      </div>
+    `}};St.styles=[l,go];let B=St;ae([s.property()],B.prototype,"value",1);ae([s.property()],B.prototype,"placeholder",2);ae([s.property({reflect:!0})],B.prototype,"size",2);ae([s.property({reflect:!0})],B.prototype,"status",2);ae([s.property({type:Boolean,reflect:!0})],B.prototype,"clearable",2);ae([s.property({type:Boolean,reflect:!0})],B.prototype,"open",2);customElements.get("wc-select")||customElements.define("wc-select",B);const yo=i.css`
+  :host {
+    display: inline-block;
+    width: 240px;
+
+    /* component 层令牌 */
+    --wc-slider-height: 20px;
+    --wc-slider-track-height: 4px;
+    --wc-slider-thumb-size: 16px;
+  }
+
+  .slider {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    width: 100%;
+    height: var(--wc-slider-height);
+    touch-action: none;
+  }
+
+  .track {
+    width: 100%;
+    height: var(--wc-slider-track-height);
+    background-color: var(--wc-color-gray-200);
+    border-radius: var(--wc-radius-round);
+    overflow: hidden;
+  }
+
+  .fill {
+    height: 100%;
+    background-color: var(--wc-color-primary);
+    transition: width var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .thumb {
+    position: absolute;
+    top: 50%;
+    width: var(--wc-slider-thumb-size);
+    height: var(--wc-slider-thumb-size);
+    background-color: var(--wc-color-bg-container);
+    border: 2px solid var(--wc-color-primary);
+    border-radius: var(--wc-radius-circle);
+    box-shadow: var(--wc-shadow-1);
+    box-sizing: border-box;
+    pointer-events: none;
+    transform: translate(-50%, -50%);
+    transition: left var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  /* 原生 range 覆盖整个区域接收交互，视觉隐藏 */
+  .native {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .native:focus-visible ~ .thumb {
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .native:disabled {
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .track {
+    background-color: var(--wc-color-bg-disabled);
+  }
+
+  :host([disabled]) .fill {
+    background-color: var(--wc-color-border);
+  }
+
+  :host([disabled]) .thumb {
+    border-color: var(--wc-color-border);
+    box-shadow: none;
+  }
+`;var xo=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,fe=(o,e,t,n)=>{for(var r=n>1?void 0:n?ko(e,t):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=(n?c(e,t,r):c(r))||r);return n&&r&&xo(e,t,r),r};const Lt=class extends x(i.LitElement){constructor(){super(...arguments),this._value=0,this.min=0,this.max=100,this.step=1,this.label=""}get value(){return this._value}set value(e){const t=this._value;this._value=this.clamp(e),this.requestUpdate("value",t)}clamp(e){if(Number.isNaN(e))return this._value;const t=Math.round((e-this.min)/this.step)*this.step+this.min,n=Number(t.toFixed(10));return Math.min(this.max,Math.max(this.min,n))}get percent(){return this.max===this.min?0:(this.value-this.min)/(this.max-this.min)*100}get defaultValue(){const e=this.getAttribute("value");return e?Number(e):0}updated(e){super.updated(e),e.has("value")&&this.internals.setFormValue(String(this.value))}formResetCallback(){super.formResetCallback(),this.value=Number(this.defaultValue??0),this.internals.setFormValue(String(this.value))}handleInput(e){const t=e.target;this.value=Number(t.value),this.dispatchEvent(new CustomEvent("wc-input",{detail:{value:this.value},bubbles:!0,composed:!0}))}handleChange(){this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}render(){return i.html`
+      <div class="slider" part="base">
+        <div class="track" part="track">
+          <div class="fill" part="fill" style="width: ${this.percent}%"></div>
+        </div>
+        <div class="thumb" part="thumb" style="left: ${this.percent}%"></div>
+        <input
+          type="range"
+          class="native"
+          min=${this.min}
+          max=${this.max}
+          step=${this.step}
+          .value=${String(this.value)}
+          ?disabled=${this.disabled}
+          aria-label=${this.label||void 0}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+        />
+      </div>
+    `}};Lt.styles=[l,yo];let U=Lt;fe([s.property({type:Number})],U.prototype,"value",1);fe([s.property({type:Number})],U.prototype,"min",2);fe([s.property({type:Number})],U.prototype,"max",2);fe([s.property({type:Number})],U.prototype,"step",2);fe([s.property()],U.prototype,"label",2);customElements.get("wc-slider")||customElements.define("wc-slider",U);const $o=i.css`
+  :host {
+    display: inline-block;
+    width: 144px;
+
+    /* component 层令牌 */
+    --wc-input-number-height: 32px;
+    --wc-input-number-padding-x: var(--wc-space-2);
+    --wc-input-number-font-size: var(--wc-font-size-medium);
+    --wc-input-number-radius: var(--wc-radius-medium);
+    --wc-input-number-step-width: 28px;
+  }
+
+  :host([size='small']) {
+    --wc-input-number-height: 24px;
+    --wc-input-number-padding-x: var(--wc-space-1);
+    --wc-input-number-font-size: var(--wc-font-size-small);
+    --wc-input-number-step-width: 24px;
+  }
+
+  :host([size='large']) {
+    --wc-input-number-height: 40px;
+    --wc-input-number-padding-x: var(--wc-space-3);
+    --wc-input-number-font-size: var(--wc-font-size-large);
+    --wc-input-number-step-width: 32px;
+  }
+
+  .number {
+    display: flex;
+    align-items: stretch;
+    width: 100%;
+    height: var(--wc-input-number-height);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-input-number-radius);
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      box-shadow var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .number:focus-within {
+    border-color: var(--wc-color-primary);
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .inner {
+    flex: 1;
+    min-width: 0;
+    padding: 0 var(--wc-input-number-padding-x);
+    font-family: inherit;
+    font-size: var(--wc-input-number-font-size);
+    color: var(--wc-color-text);
+    text-align: center;
+    background: transparent;
+    border: none;
+    outline: none;
+    caret-color: var(--wc-color-primary);
+  }
+
+  :host([theme='column']) .inner,
+  :host([theme='normal']) .inner {
+    text-align: inherit;
+  }
+
+  .inner::placeholder {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .inner:disabled {
+    cursor: not-allowed;
+  }
+
+  .step {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: var(--wc-input-number-step-width);
+    padding: 0;
+    color: var(--wc-color-text-secondary);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: 0;
+    transition:
+      background-color var(--wc-duration-fast) var(--wc-easing-standard),
+      color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .step:hover:not(:disabled):not(:active) {
+    color: var(--wc-color-primary);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .step:active:not(:disabled) {
+    color: var(--wc-color-primary-active);
+  }
+
+  .step:disabled {
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+  }
+
+  .step wc-icon {
+    pointer-events: none;
+  }
+
+  /* ---- column 主题：步进按钮右侧纵向堆叠 ---- */
+  .stepper {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    width: 22px;
+    border-left: 1px solid var(--wc-color-border);
+  }
+
+  :host([theme='column']) .step {
+    flex: 1;
+    width: 100%;
+  }
+
+  :host([theme='column']) .step wc-icon {
+    font-size: 10px;
+  }
+
+  .stepper .step + .step {
+    border-top: 1px solid var(--wc-color-border);
+  }
+
+  /* row 主题：左右两个按钮与边框衔接处不留圆角缝隙 */
+  :host([theme='row']) .number {
+    overflow: hidden;
+  }
+
+  /* ---- 校验状态 ---- */
+  :host([status='success']) .number {
+    border-color: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .number {
+    border-color: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .number {
+    border-color: var(--wc-color-error);
+  }
+
+  :host([status='error']) .number:focus-within {
+    border-color: var(--wc-color-error);
+    box-shadow: 0 0 0 2px var(--wc-color-error-light);
+  }
+
+  /* ---- 禁用 / 只读 ---- */
+  :host([disabled]) .number {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .inner {
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([readonly]) .number {
+    border-style: dashed;
+  }
+`;var zo=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,$=(o,e,t,n)=>{for(var r=n>1?void 0:n?Co(e,t):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=(n?c(e,t,r):c(r))||r);return n&&r&&zo(e,t,r),r};const Mt=class extends x(i.LitElement){constructor(){super(...arguments),this._value=0,this.min=-1/0,this.max=1/0,this.step=1,this.theme="row",this.size="medium",this.placeholder="",this.label="",this.readonly=!1,this.status="default",this.localize=new u(this),this._editing=!1,this._text=""}get value(){return this._value}set value(e){const t=this._value;this._value=this.clamp(e),this.requestUpdate("value",t)}clamp(e){if(Number.isNaN(e))return this._value;const t=Number.isFinite(this.min)?Math.round((e-this.min)/this.step)*this.step+this.min:Math.round(e/this.step)*this.step,n=Number(t.toFixed(10));return Math.min(this.max,Math.max(this.min,n))}formatValue(){return String(this._value)}get defaultValue(){const e=this.getAttribute("value");return e?Number(e):0}updated(e){super.updated(e),e.has("value")&&this.internals.setFormValue(String(this.value))}formResetCallback(){super.formResetCallback(),this.value=Number(this.defaultValue??0),this.internals.setFormValue(String(this.value))}stepBy(e){if(this.disabled||this.readonly)return;const t=this.clamp(this.value+e*this.step);t!==this.value&&(this.value=t,this.internals.setFormValue(String(this.value)),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value},bubbles:!0,composed:!0})))}commit(){if(!this._editing)return;this._editing=!1,this._text="";const e=this.shadowRoot.querySelector(".inner").value.trim(),t=Number(e),n=e===""||Number.isNaN(t)?this._value:this.clamp(t);this.requestUpdate(),n!==this._value&&(this.value=n,this.internals.setFormValue(String(this.value)),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:this.value},bubbles:!0,composed:!0})))}handleFocus(){this._editing=!0,this._text=this.formatValue(),this.requestUpdate()}handleBlur(){this.commit()}handleInput(e){const t=e.target;this._text=t.value,this.dispatchEvent(new CustomEvent("wc-input",{detail:{value:Number(t.value),text:t.value},bubbles:!0,composed:!0}))}handleKeydown(e){e.key==="ArrowUp"?(e.preventDefault(),this.stepBy(1)):e.key==="ArrowDown"?(e.preventDefault(),this.stepBy(-1)):e.key==="Enter"&&this.commit()}get canDecrement(){return!this.disabled&&!this.readonly&&this.value>this.min}get canIncrement(){return!this.disabled&&!this.readonly&&this.value<this.max}render(){const e=n=>{const r=n===1;return i.html`
+        <button
+          type="button"
+          class="step ${r?"plus":"minus"}"
+          part=${r?"increment-button":"decrement-button"}
+          tabindex="-1"
+          ?disabled=${r?!this.canIncrement:!this.canDecrement}
+          aria-label=${this.localize.term(r?"inputNumber.increment":"inputNumber.decrement")}
+          @click=${()=>this.stepBy(n)}
+        >
+          <wc-icon name=${r?"plus":"minus"}></wc-icon>
+        </button>
+      `},t=i.html`
+      <input
+        part="input"
+        class="inner"
+        type="text"
+        inputmode="decimal"
+        .value=${this._editing?this._text:this.formatValue()}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        placeholder=${this.placeholder}
+        aria-label=${this.label||void 0}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+        @input=${this.handleInput}
+        @keydown=${this.handleKeydown}
+      />
+    `;return this.theme==="normal"?i.html`<div class="number" part="base">${t}</div>`:this.theme==="column"?i.html`
+        <div class="number" part="base">
+          ${t}
+          <span class="stepper" part="stepper"> ${e(1)}${e(-1)} </span>
+        </div>
+      `:i.html` <div class="number" part="base">${e(-1)}${t}${e(1)}</div> `}};Mt.styles=[l,$o];let v=Mt;$([s.property({type:Number})],v.prototype,"value",1);$([s.property({type:Number})],v.prototype,"min",2);$([s.property({type:Number})],v.prototype,"max",2);$([s.property({type:Number})],v.prototype,"step",2);$([s.property({reflect:!0})],v.prototype,"theme",2);$([s.property({reflect:!0})],v.prototype,"size",2);$([s.property()],v.prototype,"placeholder",2);$([s.property()],v.prototype,"label",2);$([s.property({type:Boolean,reflect:!0})],v.prototype,"readonly",2);$([s.property({reflect:!0})],v.prototype,"status",2);customElements.get("wc-input-number")||customElements.define("wc-input-number",v);const Eo=i.css`
+  :host {
+    display: inline-block;
+    width: 240px;
+
+    /* component 层令牌 */
+    --wc-date-picker-height: 32px;
+    --wc-date-picker-padding-x: var(--wc-space-2);
+    --wc-date-picker-font-size: var(--wc-font-size-medium);
+    --wc-date-picker-radius: var(--wc-radius-medium);
+    --wc-date-picker-cell-size: 32px;
+  }
+
+  :host([size='small']) {
+    --wc-date-picker-height: 24px;
+    --wc-date-picker-padding-x: var(--wc-space-1);
+    --wc-date-picker-font-size: var(--wc-font-size-small);
+    --wc-date-picker-cell-size: 28px;
+  }
+
+  :host([size='large']) {
+    --wc-date-picker-height: 40px;
+    --wc-date-picker-padding-x: var(--wc-space-3);
+    --wc-date-picker-font-size: var(--wc-font-size-large);
+    --wc-date-picker-cell-size: 36px;
+  }
+
+  .picker {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+  }
+
+  .trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    width: 100%;
+    height: var(--wc-date-picker-height);
+    padding: 0 var(--wc-date-picker-padding-x);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-date-picker-radius);
+    cursor: pointer;
+    user-select: none;
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      box-shadow var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .trigger:focus-visible {
+    outline: none;
+    border-color: var(--wc-color-primary);
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .value {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: var(--wc-date-picker-font-size);
+    color: var(--wc-color-text);
+  }
+
+  .value.placeholder {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .icon {
+    font-size: 16px;
+    color: var(--wc-color-text-placeholder);
+    flex-shrink: 0;
+  }
+
+  .clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+    color: var(--wc-color-text-placeholder);
+    border-radius: var(--wc-radius-circle);
+    flex-shrink: 0;
+    opacity: 0;
+    transition: opacity var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .clear:hover {
+    color: var(--wc-color-text-secondary);
+  }
+
+  .trigger:hover .clear,
+  .trigger:focus-visible .clear {
+    opacity: 1;
+  }
+
+  .trigger:hover .clear + .icon {
+    display: none;
+  }
+
+  /* ---- 日历面板 ---- */
+  .panel {
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    z-index: var(--wc-z-index-dropdown);
+    padding: var(--wc-space-3);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-date-picker-radius);
+    box-shadow: var(--wc-shadow-2);
+  }
+
+  .panel[hidden] {
+    display: none;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    margin-bottom: var(--wc-space-2);
+  }
+
+  .month-label {
+    flex: 1;
+    min-width: 0;
+    font-size: var(--wc-font-size-medium);
+    font-weight: var(--wc-font-weight-medium, 500);
+    color: var(--wc-color-text);
+    text-align: center;
+    white-space: nowrap;
+  }
+
+  .nav {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    padding: 0;
+    font-size: 12px;
+    color: var(--wc-color-text-secondary);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-small);
+    transition:
+      background-color var(--wc-duration-fast) var(--wc-easing-standard),
+      color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .nav wc-icon + wc-icon {
+    margin-left: -10px;
+  }
+
+  .nav:hover {
+    color: var(--wc-color-primary);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .grid {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .row {
+    display: grid;
+    grid-template-columns: repeat(7, var(--wc-date-picker-cell-size));
+  }
+
+  .cell {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--wc-date-picker-cell-size);
+    height: var(--wc-date-picker-cell-size);
+    box-sizing: border-box;
+    font-size: var(--wc-font-size-small);
+    color: var(--wc-color-text);
+    border: 1px solid transparent;
+    border-radius: var(--wc-radius-circle);
+    user-select: none;
+  }
+
+  .cell.weekday {
+    height: auto;
+    color: var(--wc-color-text-placeholder);
+    cursor: default;
+  }
+
+  .cell.day {
+    cursor: pointer;
+    transition:
+      background-color var(--wc-duration-fast) var(--wc-easing-standard),
+      color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .cell.day:hover {
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .cell.day.out {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .cell.day.today {
+    border-color: var(--wc-color-primary);
+    color: var(--wc-color-primary);
+  }
+
+  .cell.day.active {
+    box-shadow: inset 0 0 0 1px var(--wc-color-primary);
+  }
+
+  .cell.day.selected {
+    background-color: var(--wc-color-primary);
+    color: var(--wc-color-text-anti);
+  }
+
+  .cell.day.selected.today {
+    border-color: var(--wc-color-primary);
+    color: var(--wc-color-text-anti);
+  }
+
+  .footer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: var(--wc-space-2);
+    padding-top: var(--wc-space-2);
+    border-top: 1px solid var(--wc-color-border);
+  }
+
+  .today {
+    padding: 2px var(--wc-space-2);
+    font-size: var(--wc-font-size-small);
+    color: var(--wc-color-primary);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-small);
+    transition: background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .today:hover {
+    background-color: var(--wc-color-primary-light);
+  }
+
+  /* ---- 校验状态 ---- */
+  :host([status='success']) .trigger {
+    border-color: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .trigger {
+    border-color: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .trigger {
+    border-color: var(--wc-color-error);
+  }
+
+  :host([status='error']) .trigger:focus-visible {
+    border-color: var(--wc-color-error);
+    box-shadow: 0 0 0 2px var(--wc-color-error-light);
+  }
+
+  /* ---- 禁用 / 只读 ---- */
+  :host([disabled]) .trigger {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .value {
+    color: var(--wc-color-text-disabled);
+  }
+
+  :host([readonly]) .trigger {
+    border-style: dashed;
+  }
+`;var Oo=Object.defineProperty,So=Object.getOwnPropertyDescriptor,L=(o,e,t,n)=>{for(var r=n>1?void 0:n?So(e,t):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=(n?c(e,t,r):c(r))||r);return n&&r&&Oo(e,t,r),r};function st(o){return String(o).padStart(2,"0")}function me(o){return`${o.getFullYear()}-${st(o.getMonth()+1)}-${st(o.getDate())}`}function Fe(o){const e=/^(\d{4})-(\d{2})-(\d{2})$/.exec(o);if(!e)return null;const t=new Date(Number(e[1]),Number(e[2])-1,Number(e[3]));return Number.isNaN(t.getTime())?null:t}function it(o,e){return new Date(o.getFullYear(),o.getMonth(),o.getDate()+e)}const Pt=class extends x(i.LitElement){constructor(){super(),this._value="",this.placeholder="",this.label="",this.size="medium",this.status="default",this.clearable=!1,this.readonly=!1,this.firstDayOfWeek=0,this.open=!1,this.viewYear=new Date().getFullYear(),this.viewMonth=new Date().getMonth(),this.activeIso="",this.localize=new u(this),this.uid=`wc-date-picker-${Math.random().toString(36).slice(2,8)}`,this.onDocumentClick=e=>{e.composedPath().includes(this)||this.hide()},this.handleKeydown=e=>{if(!(this.disabled||this.readonly))switch(e.key){case"Enter":case" ":e.preventDefault(),this.open&&this.activeIso?this.selectDate(this.activeIso):this.show();break;case"Escape":e.preventDefault(),this.hide();break;case"ArrowLeft":e.preventDefault(),this.open?this.moveActive(-1):this.show();break;case"ArrowRight":e.preventDefault(),this.open?this.moveActive(1):this.show();break;case"ArrowUp":e.preventDefault(),this.open?this.moveActive(-7):this.show();break;case"ArrowDown":e.preventDefault(),this.open?this.moveActive(7):this.show();break;case"Home":this.open&&(e.preventDefault(),this.moveActive(-7));break;case"End":this.open&&(e.preventDefault(),this.moveActive(7));break;case"Tab":this.hide();break}},this.addEventListener("keydown",this.handleKeydown)}get value(){return this._value}set value(e){const t=this._value;this._value=e&&Fe(e)?e:"",this.requestUpdate("value",t)}get defaultValue(){return this.getAttribute("value")??""}updated(e){super.updated(e),e.has("value")&&this.internals.setFormValue(this.value||null)}formResetCallback(){super.formResetCallback(),this.value=String(this.defaultValue??""),this.internals.setFormValue(this.value||null)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.onDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.onDocumentClick),super.disconnectedCallback()}show(){if(this.disabled||this.readonly||this.open)return;this.open=!0;const e=Fe(this.value)??new Date;this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth(),this.activeIso=me(e)}hide(){this.open&&(this.open=!1,this.activeIso="")}toggle(){this.open?this.hide():this.show()}setView(e,t){this.viewYear=e,this.viewMonth=t,this.requestUpdate()}prevMonth(){const e=this.viewMonth===0?11:this.viewMonth-1,t=this.viewMonth===0?this.viewYear-1:this.viewYear;this.setView(t,e)}nextMonth(){const e=this.viewMonth===11?0:this.viewMonth+1,t=this.viewMonth===11?this.viewYear+1:this.viewYear;this.setView(t,e)}prevYear(){this.setView(this.viewYear-1,this.viewMonth)}nextYear(){this.setView(this.viewYear+1,this.viewMonth)}get calendarCells(){const e=(new Date(this.viewYear,this.viewMonth,1).getDay()-this.firstDayOfWeek+7)%7,t=new Date(this.viewYear,this.viewMonth,1-e),n=me(new Date),r=[];for(let a=0;a<42;a++){const c=it(t,a),m=me(c);r.push({iso:m,day:c.getDate(),inMonth:c.getMonth()===this.viewMonth,isToday:m===n})}return r}get weekdayLabels(){return Array.from({length:7},(e,t)=>this.localize.date(new Date(2023,0,1+(this.firstDayOfWeek+t)%7),{weekday:"narrow"}))}get monthLabel(){return this.localize.date(new Date(this.viewYear,this.viewMonth,1),{year:"numeric",month:"long"})}selectDate(e){this.value=e,this.hide(),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:e},bubbles:!0,composed:!0}))}handleClear(e){e.preventDefault(),e.stopPropagation(),this.value="",this.hide(),this.dispatchEvent(new CustomEvent("wc-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:""},bubbles:!0,composed:!0}))}selectToday(){this.selectDate(me(new Date))}onCellClick(e){const t=e.target.closest("[data-iso]");t?.dataset.iso&&this.selectDate(t.dataset.iso)}moveActive(e){if(!this.open)return;const t=Fe(this.activeIso)??new Date,n=it(t,e),r=me(n);this.activeIso=r,n.getFullYear()!==this.viewYear||n.getMonth()!==this.viewMonth?this.setView(n.getFullYear(),n.getMonth()):this.requestUpdate()}render(){const e=this.clearable&&this.value&&!this.disabled&&!this.readonly,t=this.open?this.calendarCells:[],n=[];for(let r=0;r<t.length;r+=7)n.push(t.slice(r,r+7));return i.html`
+      <div class="picker" part="base">
+        <div
+          class="trigger"
+          part="trigger"
+          role="combobox"
+          tabindex=${this.disabled?-1:0}
+          aria-haspopup="grid"
+          aria-expanded=${this.open}
+          aria-disabled=${this.disabled}
+          aria-label=${this.label||void 0}
+          aria-controls=${this.open?`${this.uid}-panel`:void 0}
+          aria-activedescendant=${this.open&&this.activeIso?`${this.uid}-cell-${this.activeIso}`:void 0}
+          @click=${this.toggle}
+        >
+          <span class="value ${this.value?"":"placeholder"}" part="value"
+            >${this.value||this.placeholder||this.localize.term("datePicker.placeholder")}</span
+          >
+          ${e?i.html`
+                  <span
+                    class="clear"
+                    part="clear-button"
+                    role="button"
+                    aria-label=${this.localize.term("input.clear")}
+                    @mousedown=${r=>{r.preventDefault(),r.stopPropagation()}}
+                    @click=${this.handleClear}
+                  >
+                    <wc-icon name="close"></wc-icon>
+                  </span>
+                `:""}
+          <wc-icon name="calendar" class="icon"></wc-icon>
+        </div>
+        <div
+          class="panel"
+          part="panel"
+          id="${this.uid}-panel"
+          role="dialog"
+          aria-label=${this.label||this.localize.term("datePicker.placeholder")}
+          ?hidden=${!this.open}
+        >
+          <div class="header" part="header">
+            <button
+              type="button"
+              class="nav"
+              part="prev-year-button"
+              tabindex="-1"
+              aria-label=${this.localize.term("datePicker.prevYear")}
+              @click=${this.prevYear}
+            >
+              <wc-icon name="chevron-left"></wc-icon><wc-icon name="chevron-left"></wc-icon>
+            </button>
+            <button
+              type="button"
+              class="nav"
+              part="prev-month-button"
+              tabindex="-1"
+              aria-label=${this.localize.term("datePicker.prevMonth")}
+              @click=${this.prevMonth}
+            >
+              <wc-icon name="chevron-left"></wc-icon>
+            </button>
+            <span class="month-label" part="month-label">${this.monthLabel}</span>
+            <button
+              type="button"
+              class="nav"
+              part="next-month-button"
+              tabindex="-1"
+              aria-label=${this.localize.term("datePicker.nextMonth")}
+              @click=${this.nextMonth}
+            >
+              <wc-icon name="chevron-right"></wc-icon>
+            </button>
+            <button
+              type="button"
+              class="nav"
+              part="next-year-button"
+              tabindex="-1"
+              aria-label=${this.localize.term("datePicker.nextYear")}
+              @click=${this.nextYear}
+            >
+              <wc-icon name="chevron-right"></wc-icon><wc-icon name="chevron-right"></wc-icon>
+            </button>
+          </div>
+          <div class="grid" part="grid" role="grid">
+            <div class="row weekdays" role="row">
+              ${this.weekdayLabels.map(r=>i.html`<span class="cell weekday" role="columnheader">${r}</span>`)}
+            </div>
+            ${n.map(r=>i.html`
+                <div class="row" role="row">
+                  ${r.map(a=>i.html`
+                      <span
+                        class="cell day ${a.inMonth?"":"out"} ${a.iso===this.value?"selected":""} ${a.iso===this.activeIso?"active":""}"
+                        role="gridcell"
+                        data-iso=${a.iso}
+                        id="${this.uid}-cell-${a.iso}"
+                        aria-selected=${a.iso===this.value}
+                        @click=${this.onCellClick}
+                        >${a.day}</span
+                      >
+                    `)}
+                </div>
+              `)}
+          </div>
+          <div class="footer" part="footer">
+            <button
+              type="button"
+              class="today"
+              part="today-button"
+              tabindex="-1"
+              @click=${this.selectToday}
+            >
+              ${this.localize.term("datePicker.today")}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}};Pt.styles=[l,Eo];let b=Pt;L([s.property()],b.prototype,"value",1);L([s.property()],b.prototype,"placeholder",2);L([s.property()],b.prototype,"label",2);L([s.property({reflect:!0})],b.prototype,"size",2);L([s.property({reflect:!0})],b.prototype,"status",2);L([s.property({type:Boolean,reflect:!0})],b.prototype,"clearable",2);L([s.property({type:Boolean,reflect:!0})],b.prototype,"readonly",2);L([s.property({type:Number,attribute:"first-day-of-week"})],b.prototype,"firstDayOfWeek",2);L([s.property({type:Boolean,reflect:!0})],b.prototype,"open",2);customElements.get("wc-date-picker")||customElements.define("wc-date-picker",b);const jt=i.css`
+  :host {
+    display: block;
+  }
+
+  .form {
+    margin: 0;
+    padding: 0;
+  }
+
+  .item {
+    display: grid;
+    grid-template-columns: var(--wc-form-label-width, 80px) 1fr;
+    gap: var(--wc-space-2);
+    align-items: start;
+    margin-bottom: var(--wc-space-4);
+  }
+
+  .label {
+    padding-right: var(--wc-space-2);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-form-line-height, 32px);
+    color: var(--wc-color-text);
+    text-align: right;
+    overflow-wrap: break-word;
+  }
+
+  .asterisk {
+    margin-right: 2px;
+    color: var(--wc-color-error);
+  }
+
+  .asterisk[hidden] {
+    display: none;
+  }
+
+  .control {
+    min-width: 0;
+  }
+
+  .error {
+    margin-top: var(--wc-space-1);
+    font-size: var(--wc-font-size-small);
+    color: var(--wc-color-error);
+  }
+
+  .error[hidden] {
+    display: none;
+  }
+
+  :host([disabled]) .label {
+    color: var(--wc-color-text-disabled);
+  }
+`,Tt=class extends i.LitElement{constructor(){super(),this.onSubmit=e=>{e.preventDefault(),this.submit()},this.onHostClick=e=>{const t=e.composedPath().find(r=>r instanceof Element&&r.tagName==="WC-BUTTON");if(!t)return;const n=t.getAttribute("type");n==="submit"?(e.preventDefault(),this.submit()):n==="reset"&&(e.preventDefault(),this.reset())},this.addEventListener("click",this.onHostClick)}connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.onSubmit)}getItems(){return(this.shadowRoot.querySelector("slot")?.assignedElements()??[]).filter(e=>e.tagName==="WC-FORM-ITEM")}getItem(e){return this.getItems().find(t=>t.name===e)}async validate(){const e={};for(const n of this.getItems()){const r=await n.validate();r&&(e[n.name||`field-${Object.keys(e).length}`]=r)}const t=Object.values(e)[0]??"";return t&&this.focusFirstError(),{valid:Object.keys(e).length===0,errors:e,firstError:t}}reset(){for(const e of this.getItems())e.reset()}async submit(){const e=await this.validate();this.dispatchEvent(new CustomEvent("wc-submit",{detail:e,bubbles:!0,composed:!0}))}focusFirstError(){const e=this.getItems().find(t=>t.error)?.control;!e||typeof e.focus!="function"||(e.focus(),document.activeElement!==e&&e.shadowRoot?.querySelector("input, textarea, button, [tabindex]")?.focus())}render(){return i.html`
+      <form class="form" part="form" novalidate>
+        <slot></slot>
+      </form>
+    `}};Tt.styles=[l,jt];let Dt=Tt;customElements.get("wc-form")||customElements.define("wc-form",Dt);var Lo=Object.defineProperty,M=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Lo(e,t,r),r};const It=class extends i.LitElement{constructor(){super(),this.name="",this.label="",this.required=!1,this.pattern="",this.rules=[],this._error="",this.localize=new u(this),this.onControlInteract=()=>{this.validate()},this.addEventListener("wc-change",this.onControlInteract),this.addEventListener("blur",this.onControlInteract,!0)}get error(){return this._error}get control(){return this.shadowRoot.querySelector("slot")?.assignedElements()[0]??null}get controlValue(){return this.control?.value??""}get effectiveRules(){const e=[];return this.required&&e.push({required:!0}),this.min!==void 0&&e.push({min:this.min}),this.max!==void 0&&e.push({max:this.max}),this.minLength!==void 0&&e.push({minLength:this.minLength}),this.maxLength!==void 0&&e.push({maxLength:this.maxLength}),this.pattern&&e.push({pattern:this.pattern}),[...e,...this.rules]}async validate(){const e=this.controlValue;for(const t of this.effectiveRules){const n=await this.checkRule(t,e);if(n)return this.setError(n),n}return this.clearError(),""}async checkRule(e,t){const n=this.label||this.name||"",r=(c,m)=>e.message??this.localize.term(c,{name:n,...m}),a=t===""||t==null||Array.isArray(t)&&t.length===0;if(e.required&&a)return r("form.required");if(a)return"";if(e.min!==void 0&&Number(t)<e.min)return r("form.min",{min:e.min});if(e.max!==void 0&&Number(t)>e.max)return r("form.max",{max:e.max});if(e.minLength!==void 0&&String(t).length<e.minLength)return r("form.minLength",{minLength:e.minLength});if(e.maxLength!==void 0&&String(t).length>e.maxLength)return r("form.maxLength",{maxLength:e.maxLength});if(e.pattern&&!(typeof e.pattern=="string"?new RegExp(e.pattern):e.pattern).test(String(t)))return r("form.pattern");if(e.validator){const c=await e.validator(t);if(c===!1)return r("form.invalid");if(typeof c=="string"&&c)return c}return""}setError(e){this._error=e,this.applyControlStatus(),this.requestUpdate()}clearError(){this._error&&(this._error="",this.applyControlStatus(),this.requestUpdate())}applyControlStatus(){const e=this.control;e&&"status"in e&&(e.status=this._error?"error":"default")}reset(){const e=this.control;e&&(typeof e.formResetCallback=="function"?e.formResetCallback():"value"in e&&(e.value=""),this.clearError())}render(){return i.html`
+      <div class="item" part="base">
+        <label class="label" part="label">
+          <span class="asterisk" ?hidden=${!this.required}>*</span>${this.label}
+        </label>
+        <div class="control" part="control">
+          <slot></slot>
+          <div class="error" part="error" role="alert" ?hidden=${!this._error}>${this._error}</div>
+        </div>
+      </div>
+    `}};It.styles=[l,jt];let f=It;M([s.property()],f.prototype,"name");M([s.property()],f.prototype,"label");M([s.property({type:Boolean,reflect:!0})],f.prototype,"required");M([s.property({type:Number})],f.prototype,"min");M([s.property({type:Number})],f.prototype,"max");M([s.property({type:Number,attribute:"min-length"})],f.prototype,"minLength");M([s.property({type:Number,attribute:"max-length"})],f.prototype,"maxLength");M([s.property()],f.prototype,"pattern");M([s.property({attribute:!1})],f.prototype,"rules");customElements.get("wc-form-item")||customElements.define("wc-form-item",f);const Mo=i.css`
+  :host {
+    display: block;
+
+    /* component 层令牌 */
+    --wc-divider-color: var(--wc-color-border);
+    --wc-divider-text-gap: var(--wc-space-3);
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+  }
+
+  .divider {
+    display: flex;
+    align-items: center;
+    gap: var(--wc-divider-text-gap);
+    margin: var(--wc-space-4) 0;
+  }
+
+  .content {
+    flex-shrink: 0;
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text-secondary);
+    white-space: nowrap;
+  }
+
+  .content[hidden] {
+    display: none;
+  }
+
+  .line {
+    display: block;
+    flex: 1;
+    /* 不能用 height: 0 + 背景——0 高度画不出背景色，实线会不可见 */
+    height: 1px;
+    background-color: var(--wc-divider-color);
+  }
+
+  :host([dashed]) .line {
+    height: 0;
+    background: none;
+    border-top: 1px dashed var(--wc-divider-color);
+  }
+
+  .line.vertical {
+    display: inline-block;
+    flex: none;
+    width: 1px;
+    height: 1em;
+    margin: 0 var(--wc-space-2);
+    vertical-align: middle;
+  }
+
+  :host([dashed]) .line.vertical {
+    width: 0;
+    height: 1em;
+    background: none;
+    border-left: 1px dashed var(--wc-divider-color);
+  }
+
+  /* 文案对齐：一侧线固定短 */
+  .align-left .line.start {
+    flex: 0 0 var(--wc-space-4);
+  }
+
+  .align-right .line.end {
+    flex: 0 0 var(--wc-space-4);
+  }
+
+  .align-left .content {
+    order: -1;
+  }
+
+  :host([vertical]) .divider {
+    margin: 0;
+  }
+`;var Po=Object.defineProperty,Je=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Po(e,t,r),r};const Nt=class extends i.LitElement{constructor(){super(...arguments),this.dashed=!1,this.align="center",this.vertical=!1,this._hasContent=!1}onSlotChange(e){this._hasContent=e.target.assignedNodes({flatten:!0}).length>0,this.requestUpdate()}render(){return this.vertical?i.html`<span class="line vertical" part="line"></span>`:i.html`
+      <div class="divider ${`align-${this.align}`}" part="base">
+        <span class="line start" part="line"></span>
+        <span class="content" part="content" ?hidden=${!this._hasContent}>
+          <slot @slotchange=${this.onSlotChange}></slot>
+        </span>
+        <span class="line end" part="line"></span>
+      </div>
+    `}};Nt.styles=[l,Mo];let ye=Nt;Je([s.property({type:Boolean,reflect:!0})],ye.prototype,"dashed");Je([s.property({reflect:!0})],ye.prototype,"align");Je([s.property({type:Boolean,reflect:!0})],ye.prototype,"vertical");customElements.get("wc-divider")||customElements.define("wc-divider",ye);const jo=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌 */
+    --wc-tag-height: 24px;
+    --wc-tag-font-size: var(--wc-font-size-small);
+    --wc-tag-padding-x: var(--wc-space-2);
+    --wc-tag-radius: var(--wc-radius-small);
+  }
+
+  :host([size='small']) {
+    --wc-tag-height: 20px;
+    --wc-tag-font-size: var(--wc-font-size-small);
+    --wc-tag-padding-x: var(--wc-space-1);
+  }
+
+  :host([size='large']) {
+    --wc-tag-height: 28px;
+    --wc-tag-font-size: var(--wc-font-size-medium);
+    --wc-tag-padding-x: var(--wc-space-2);
+  }
+
+  .tag {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    height: var(--wc-tag-height);
+    padding: 0 var(--wc-tag-padding-x);
+    font-size: var(--wc-tag-font-size);
+    line-height: 1;
+    white-space: nowrap;
+    border: 1px solid transparent;
+    border-radius: var(--wc-tag-radius);
+    box-sizing: border-box;
+    transition: opacity var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .icon {
+    display: inline-flex;
+    align-items: center;
+    font-size: 1em;
+  }
+
+  /* 未分配图标时 slot 渲染占位 fallback，隐藏以消除多余间隙 */
+  .icon:has(.icon-placeholder) {
+    display: none;
+  }
+
+  /* ---- 关闭按钮 ---- */
+  .close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 14px;
+    height: 14px;
+    padding: 0;
+    font-size: 10px;
+    color: inherit;
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-circle);
+    transition: background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .close:hover {
+    background-color: var(--wc-color-overlay-hover);
+  }
+
+  .close wc-icon {
+    pointer-events: none;
+  }
+
+  /* ---- default 主题 ---- */
+  :host([theme='default']) .tag {
+    color: var(--wc-color-text);
+    background-color: var(--wc-color-bg-container-secondary);
+    border-color: var(--wc-color-border);
+  }
+
+  /* ---- 语义色 × light 浅底（默认 variant） ---- */
+  :host([theme='primary']) .tag {
+    color: var(--wc-color-primary);
+    background-color: var(--wc-color-primary-light);
+  }
+
+  :host([theme='success']) .tag {
+    color: var(--wc-color-success);
+    background-color: var(--wc-color-success-bg);
+  }
+
+  :host([theme='warning']) .tag {
+    color: var(--wc-color-warning);
+    background-color: var(--wc-color-warning-bg);
+  }
+
+  :host([theme='danger']) .tag {
+    color: var(--wc-color-error);
+    background-color: var(--wc-color-error-bg);
+  }
+
+  /* ---- dark 实底 ---- */
+  :host([variant='dark'][theme='default']) .tag {
+    color: var(--wc-color-text-anti);
+    background-color: var(--wc-color-text-secondary);
+    border-color: transparent;
+  }
+
+  :host([variant='dark'][theme='primary']) .tag {
+    color: var(--wc-color-text-anti);
+    background-color: var(--wc-color-primary);
+  }
+
+  :host([variant='dark'][theme='success']) .tag {
+    color: var(--wc-color-text-anti);
+    background-color: var(--wc-color-success);
+  }
+
+  :host([variant='dark'][theme='warning']) .tag {
+    color: var(--wc-color-text-anti);
+    background-color: var(--wc-color-warning);
+  }
+
+  :host([variant='dark'][theme='danger']) .tag {
+    color: var(--wc-color-text-anti);
+    background-color: var(--wc-color-error);
+  }
+
+  /* ---- outline 描边 ---- */
+  :host([variant='outline']) .tag {
+    background-color: transparent;
+  }
+
+  :host([variant='outline'][theme='default']) .tag {
+    border-color: var(--wc-color-border);
+  }
+
+  :host([variant='outline'][theme='primary']) .tag {
+    border-color: var(--wc-color-primary);
+  }
+
+  :host([variant='outline'][theme='success']) .tag {
+    border-color: var(--wc-color-success);
+  }
+
+  :host([variant='outline'][theme='warning']) .tag {
+    border-color: var(--wc-color-warning);
+  }
+
+  :host([variant='outline'][theme='danger']) .tag {
+    border-color: var(--wc-color-error);
+  }
+
+  /* ---- 禁用 ---- */
+  :host([disabled]) .tag {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  :host([disabled]) .close {
+    cursor: not-allowed;
+  }
+`;var To=Object.defineProperty,xe=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&To(e,t,r),r};const Bt=class extends i.LitElement{constructor(){super(...arguments),this.theme="default",this.size="medium",this.variant="light",this.closable=!1,this.disabled=!1,this.localize=new u(this)}handleClose(e){e.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("wc-close",{bubbles:!0,composed:!0}))}render(){return i.html`
+      <span class="tag" part="base">
+        <slot name="icon" class="icon"><span class="icon-placeholder"></span></slot>
+        <slot></slot>
+        ${this.closable?i.html`
+                <button
+                  type="button"
+                  class="close"
+                  part="close-button"
+                  tabindex="-1"
+                  ?disabled=${this.disabled}
+                  aria-label=${this.localize.term("tag.close")}
+                  @click=${this.handleClose}
+                >
+                  <wc-icon name="close"></wc-icon>
+                </button>
+              `:""}
+      </span>
+    `}};Bt.styles=[l,jo];let Y=Bt;xe([s.property({reflect:!0})],Y.prototype,"theme");xe([s.property({reflect:!0})],Y.prototype,"size");xe([s.property({reflect:!0})],Y.prototype,"variant");xe([s.property({type:Boolean,reflect:!0})],Y.prototype,"closable");xe([s.property({type:Boolean,reflect:!0})],Y.prototype,"disabled");customElements.get("wc-tag")||customElements.define("wc-tag",Y);const Do=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌（预设档位会覆写） */
+    --wc-avatar-size: 32px;
+    --wc-avatar-font-size: var(--wc-font-size-medium);
+  }
+
+  .avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    width: var(--wc-avatar-size);
+    height: var(--wc-avatar-size);
+    font-size: var(--wc-avatar-font-size);
+    color: var(--wc-color-text);
+    white-space: nowrap;
+    user-select: none;
+    background-color: var(--wc-color-bg-container-secondary);
+  }
+
+  .avatar.small {
+    --wc-avatar-size: 24px;
+    --wc-avatar-font-size: var(--wc-font-size-small);
+  }
+
+  .avatar.large {
+    --wc-avatar-size: 40px;
+    --wc-avatar-font-size: var(--wc-font-size-large);
+  }
+
+  .avatar.shape-circle {
+    border-radius: var(--wc-radius-circle);
+  }
+
+  .avatar.shape-round {
+    border-radius: var(--wc-radius-large);
+  }
+
+  .avatar.shape-square {
+    border-radius: var(--wc-radius-small);
+  }
+
+  .avatar ::slotted(img) {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .avatar ::slotted(wc-icon) {
+    color: var(--wc-color-text-placeholder);
+  }
+`;var Io=Object.defineProperty,qt=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Io(e,t,r),r};const No=["small","medium","large"],At=class extends i.LitElement{constructor(){super(...arguments),this.size="medium",this.shape="circle"}get isPreset(){return No.includes(this.size)}get customStyle(){if(this.isPreset)return"";const e=this.size.trim(),t=/^\d+$/.test(e)?`${e}px`:e;return`--wc-avatar-size:${t};--wc-avatar-font-size:${t}`}render(){return i.html`
+      <div
+        class="avatar ${this.isPreset?this.size:"custom"} shape-${this.shape}"
+        part="base"
+        style=${this.customStyle}
+      >
+        <slot></slot>
+      </div>
+    `}};At.styles=[l,Do];let Se=At;qt([s.property()],Se.prototype,"size");qt([s.property({reflect:!0})],Se.prototype,"shape");customElements.get("wc-avatar")||customElements.define("wc-avatar",Se);const Bo=i.css`
+  :host {
+    display: inline-block;
+  }
+
+  :host([direction='vertical']) {
+    display: block;
+  }
+
+  .space {
+    display: flex;
+    gap: var(--wc-space-gap, var(--wc-space-4));
+  }
+
+  /* slot 透明化，让 slotted 子元素直接成为 flex item，gap 才能生效 */
+  .space slot {
+    display: contents;
+  }
+
+  :host([direction='vertical']) .space {
+    flex-direction: column;
+  }
+
+  :host([wrap]) .space {
+    flex-wrap: wrap;
+  }
+
+  .align-start {
+    align-items: flex-start;
+  }
+
+  .align-center {
+    align-items: center;
+  }
+
+  .align-end {
+    align-items: flex-end;
+  }
+
+  .align-baseline {
+    align-items: baseline;
+  }
+
+  .align-stretch {
+    align-items: stretch;
+  }
+`;var qo=Object.defineProperty,Le=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&qo(e,t,r),r};const Ao={small:"var(--wc-space-2)",medium:"var(--wc-space-4)",large:"var(--wc-space-6)"},_t=class extends i.LitElement{constructor(){super(...arguments),this.size="medium",this.direction="horizontal",this.wrap=!1}get gapValue(){const e=Ao[this.size];if(e)return e;const t=this.size.trim();return/^\d+$/.test(t)?`${t}px`:t}render(){return i.html`
+      <div
+        class="space ${`align-${this.align??(this.direction==="vertical"?"stretch":"center")}`}"
+        part="base"
+        style=${`--wc-space-gap:${this.gapValue}`}
+      >
+        <slot></slot>
+      </div>
+    `}};_t.styles=[l,Bo];let se=_t;Le([s.property()],se.prototype,"size");Le([s.property({reflect:!0})],se.prototype,"direction");Le([s.property({reflect:!0})],se.prototype,"align");Le([s.property({type:Boolean,reflect:!0})],se.prototype,"wrap");customElements.get("wc-space")||customElements.define("wc-space",se);const Ft=i.css`
+  :host {
+    display: block;
+  }
+
+  wc-row,
+  :host(wc-row) {
+    display: block;
+  }
+
+  wc-col,
+  :host(wc-col) {
+    display: contents;
+  }
+
+  .row {
+    display: flex;
+    column-gap: var(--wc-row-gutter, 0);
+  }
+
+  .row slot {
+    display: contents;
+  }
+
+  :host([wrap]) .row {
+    flex-wrap: wrap;
+  }
+
+  .justify-start {
+    justify-content: flex-start;
+  }
+
+  .justify-center {
+    justify-content: center;
+  }
+
+  .justify-end {
+    justify-content: flex-end;
+  }
+
+  .justify-space-between {
+    justify-content: space-between;
+  }
+
+  .justify-space-around {
+    justify-content: space-around;
+  }
+
+  .justify-space-evenly {
+    justify-content: space-evenly;
+  }
+
+  .align-top {
+    align-items: flex-start;
+  }
+
+  .align-middle {
+    align-items: center;
+  }
+
+  .align-bottom {
+    align-items: flex-end;
+  }
+
+  .align-stretch {
+    align-items: stretch;
+  }
+
+  .col {
+    box-sizing: border-box;
+    min-width: 0;
+    padding-right: calc(var(--wc-row-gutter, 0) / 2);
+    padding-left: calc(var(--wc-row-gutter, 0) / 2);
+  }
+`;var _o=Object.defineProperty,ie=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&_o(e,t,r),r};const Rt=class extends i.LitElement{constructor(){super(...arguments),this.gutter=0,this.justify="start",this.align="top",this.wrap=!1}render(){return i.html`
+      <div
+        class="row ${`justify-${this.justify} align-${this.align}`}"
+        part="base"
+        style=${this.gutter?`--wc-row-gutter:${this.gutter}px`:""}
+      >
+        <slot></slot>
+      </div>
+    `}};Rt.styles=[l,Ft];let ne=Rt;ie([s.property({type:Number})],ne.prototype,"gutter");ie([s.property({reflect:!0})],ne.prototype,"justify");ie([s.property({reflect:!0})],ne.prototype,"align");ie([s.property({type:Boolean,reflect:!0})],ne.prototype,"wrap");const Vt=class extends i.LitElement{constructor(){super(...arguments),this.span=24,this.offset=0}get widthPercent(){return`${(Math.min(24,Math.max(1,Math.round(this.span)||24))/24*100).toFixed(4)}%`}get offsetPercent(){return`${(Math.min(23,Math.max(0,Math.round(this.offset)||0))/24*100).toFixed(4)}%`}render(){return i.html`
+      <div
+        class="col"
+        part="base"
+        style=${`width:${this.widthPercent};margin-left:${this.offsetPercent}`}
+      >
+        <slot></slot>
+      </div>
+    `}};Vt.styles=[l,Ft];let Me=Vt;ie([s.property({type:Number})],Me.prototype,"span");ie([s.property({type:Number})],Me.prototype,"offset");customElements.get("wc-row")||customElements.define("wc-row",ne);customElements.get("wc-col")||customElements.define("wc-col",Me);const Fo=i.css`
+  :host {
+    display: inline;
+  }
+
+  :host([variant='heading']) {
+    display: block;
+  }
+
+  .text {
+    color: var(--wc-color-text);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-font-line-height, 1.6);
+  }
+
+  .text slot {
+    display: contents;
+  }
+
+  /* ---- 标题级别（h4~h6 无对应全局令牌，组件层补齐） ---- */
+  .heading {
+    font-weight: var(--wc-font-weight-semibold);
+    line-height: 1.4;
+    color: var(--wc-color-text);
+  }
+
+  .level-1 {
+    font-size: var(--wc-font-size-h1);
+  }
+
+  .level-2 {
+    font-size: var(--wc-font-size-h2);
+  }
+
+  .level-3 {
+    font-size: var(--wc-font-size-h3);
+  }
+
+  .level-4 {
+    font-size: var(--wc-font-size-large);
+  }
+
+  .level-5 {
+    font-size: var(--wc-font-size-medium);
+  }
+
+  .level-6 {
+    font-size: var(--wc-font-size-medium);
+    font-weight: var(--wc-font-weight-medium);
+  }
+
+  /* ---- 语义色 ---- */
+  :host([type='secondary']) .text {
+    color: var(--wc-color-text-secondary);
+  }
+
+  :host([type='success']) .text {
+    color: var(--wc-color-success);
+  }
+
+  :host([type='warning']) .text {
+    color: var(--wc-color-warning);
+  }
+
+  :host([type='danger']) .text {
+    color: var(--wc-color-error);
+  }
+
+  /* ---- 禁用 ---- */
+  :host([disabled]) .text {
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+    user-select: none;
+  }
+`;var Ro=Object.defineProperty,Pe=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Ro(e,t,r),r};const Ut=class extends i.LitElement{constructor(){super(...arguments),this.variant="text",this.level=3,this.type="default",this.disabled=!1}get headingLevel(){const e=Math.round(this.level);return Math.min(6,Math.max(1,Number.isNaN(e)?3:e))}render(){if(this.variant==="heading"){const e=this.headingLevel;return i.html`
+        <div class="text heading level-${e}" part="base" role="heading" aria-level=${e}>
+          <slot></slot>
+        </div>
+      `}return i.html`<span class="text" part="base"><slot></slot></span>`}};Ut.styles=[l,Fo];let ce=Ut;Pe([s.property({reflect:!0})],ce.prototype,"variant");Pe([s.property({type:Number})],ce.prototype,"level");Pe([s.property({reflect:!0})],ce.prototype,"type");Pe([s.property({type:Boolean,reflect:!0})],ce.prototype,"disabled");customElements.get("wc-text")||customElements.define("wc-text",ce);const Vo="wc-dialog, wc-drawer";class Ze{constructor(e,t){this.host=e,this.hooks=t,this.bound=!1,this.prevFocused=null,this.prevBodyOverflow="",this.onDocumentKeydown=n=>{n.key==="Escape"?(n.stopPropagation(),this.hooks.requestClose("escape")):n.key==="Tab"&&this.trapFocus(n)}}otherOpenOverlays(){let e=0;return document.querySelectorAll(Vo).forEach(t=>{t!==this.host&&t.open&&(e+=1)}),e}trapFocus(e){const t=[...Array.from(this.host.shadowRoot.querySelectorAll('button, [href], [tabindex]:not([tabindex="-1"])')),...Array.from(this.host.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'))].filter(c=>!c.hasAttribute("disabled")&&c.offsetParent!==null);if(t.length===0)return;const n=t[0],r=t[t.length-1],a=this.host.shadowRoot.activeElement??document.activeElement;e.shiftKey&&(a===n||!this.host.contains(a))?(e.preventDefault(),r.focus()):!e.shiftKey&&a===r&&(e.preventDefault(),n.focus())}bind(){this.bound||(this.bound=!0,this.prevFocused=document.activeElement,document.addEventListener("keydown",this.onDocumentKeydown,!0),this.otherOpenOverlays()===0&&(this.prevBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"),queueMicrotask(()=>{(this.host.shadowRoot?.querySelector('[part="close-button"]')??this.host.shadowRoot?.querySelector('[role="dialog"]'))?.focus()}))}unbind(){this.bound&&(this.bound=!1,document.removeEventListener("keydown",this.onDocumentKeydown,!0),this.otherOpenOverlays()===0&&(document.body.style.overflow=this.prevBodyOverflow),this.prevFocused&&this.prevFocused.focus&&(this.prevFocused.focus(),this.prevFocused=null))}}const Uo=i.css`
+  :host {
+    display: contents;
+
+    /* component 层令牌 */
+    --wc-dialog-width: 520px;
+  }
+
+  .overlay {
+    position: fixed;
+    inset: 0;
+    z-index: var(--wc-z-index-modal);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--wc-space-4);
+    background: var(--wc-color-mask);
+    animation: wc-dialog-fade var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .overlay[hidden] {
+    display: none;
+  }
+
+  .dialog {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    width: min(var(--wc-dialog-width), 100%);
+    max-height: calc(100vh - var(--wc-space-8));
+    overflow: hidden;
+    background-color: var(--wc-color-bg-container);
+    border-radius: var(--wc-radius-xlarge);
+    box-shadow: var(--wc-shadow-3);
+    animation: wc-dialog-in var(--wc-duration-medium) var(--wc-easing-standard);
+    outline: none;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--wc-space-2);
+    padding: var(--wc-space-4) var(--wc-space-6) 0;
+  }
+
+  .title {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    font-size: var(--wc-font-size-large);
+    font-weight: var(--wc-font-weight-semibold);
+    color: var(--wc-color-text);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .close {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    padding: var(--wc-space-1);
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text-placeholder);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-small);
+    transition:
+      color var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .close:hover {
+    color: var(--wc-color-text);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .body {
+    flex: 1;
+    min-height: 0;
+    padding: var(--wc-space-4) var(--wc-space-6);
+    overflow-y: auto;
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text);
+  }
+
+  .footer {
+    display: flex;
+    gap: var(--wc-space-2);
+    justify-content: flex-end;
+    padding: var(--wc-space-2) var(--wc-space-6) var(--wc-space-4);
+  }
+
+  .footer slot {
+    display: contents;
+  }
+
+  @keyframes wc-dialog-fade {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes wc-dialog-in {
+    from {
+      transform: translateY(-8px) scale(0.98);
+      opacity: 0;
+    }
+
+    to {
+      transform: none;
+      opacity: 1;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .overlay,
+    .dialog {
+      animation: none;
+    }
+  }
+`;var Yo=Object.defineProperty,le=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Yo(e,t,r),r};const Yt=class extends i.LitElement{constructor(){super(...arguments),this.open=!1,this.header="",this.footer=!0,this.closable=!0,this.closeOnOverlayClick=!1,this.width="",this.localize=new u(this),this.overlay=new Ze(this,{requestClose:e=>this.requestClose(e)})}connectedCallback(){super.connectedCallback(),this.open&&this.overlay.bind()}disconnectedCallback(){super.disconnectedCallback(),this.overlay.unbind()}show(){this.open||(this.open=!0)}requestClose(e="api"){this.dispatchEvent(new CustomEvent("wc-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0}))&&(this.open=!1)}confirm(){this.dispatchEvent(new CustomEvent("wc-confirm",{bubbles:!0,composed:!0})),this.requestClose("confirm")}cancel(){this.dispatchEvent(new CustomEvent("wc-cancel",{bubbles:!0,composed:!0})),this.requestClose("cancel")}updated(e){super.updated(e),e.has("open")&&(this.open?(this.dispatchEvent(new CustomEvent("wc-open",{bubbles:!0,composed:!0})),this.overlay.bind()):this.overlay.unbind())}onOverlayClick(e){e.target===e.currentTarget&&this.closeOnOverlayClick&&this.requestClose("overlay")}widthStyle(){if(!this.width)return"";const e=this.width.trim();return`--wc-dialog-width:${/^\d+$/.test(e)?`${e}px`:e}`}render(){return i.html`
+      <div class="overlay" part="overlay" ?hidden=${!this.open} @click=${this.onOverlayClick}>
+        <div
+          class="dialog"
+          part="base"
+          role="dialog"
+          aria-modal="true"
+          aria-label=${this.header||"dialog"}
+          tabindex="-1"
+          style=${this.widthStyle()}
+        >
+          ${this.header||this.closable?i.html`
+                  <div class="header" part="header">
+                    <div class="title"><slot name="header">${this.header}</slot></div>
+                    ${this.closable?i.html`
+                            <button
+                              type="button"
+                              class="close"
+                              part="close-button"
+                              aria-label=${this.localize.term("dialog.close")}
+                              @click=${()=>this.requestClose("close-btn")}
+                            >
+                              <wc-icon name="close"></wc-icon>
+                            </button>
+                          `:""}
+                  </div>
+                `:""}
+          <div class="body" part="body"><slot></slot></div>
+          ${this.footer?i.html`
+                  <div class="footer" part="footer">
+                    <slot name="footer">
+                      <wc-button @click=${()=>this.cancel()}>
+                        ${this.localize.term("dialog.cancel")}
+                      </wc-button>
+                      <wc-button theme="primary" @click=${()=>this.confirm()}>
+                        ${this.localize.term("dialog.confirm")}
+                      </wc-button>
+                    </slot>
+                  </div>
+                `:""}
+        </div>
+      </div>
+    `}};Yt.styles=[l,Uo];let q=Yt;le([s.property({type:Boolean,reflect:!0})],q.prototype,"open");le([s.property()],q.prototype,"header");le([s.property({type:Boolean})],q.prototype,"footer");le([s.property({type:Boolean,reflect:!0})],q.prototype,"closable");le([s.property({type:Boolean,attribute:"close-on-overlay-click"})],q.prototype,"closeOnOverlayClick");le([s.property()],q.prototype,"width");customElements.get("wc-dialog")||customElements.define("wc-dialog",q);const Ko=i.css`
+  :host {
+    display: contents;
+
+    /* component 层令牌 */
+    --wc-drawer-size: 500px;
+  }
+
+  .overlay {
+    position: fixed;
+    inset: 0;
+    z-index: var(--wc-z-index-drawer);
+    background: var(--wc-color-mask);
+    animation: wc-drawer-fade var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .overlay[hidden] {
+    display: none;
+  }
+
+  .drawer {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    overflow: hidden;
+    background-color: var(--wc-color-bg-container);
+    box-shadow: var(--wc-shadow-2);
+    outline: none;
+    animation: wc-drawer-in var(--wc-duration-medium) var(--wc-easing-standard);
+  }
+
+  /* ---- 四个方向 ---- */
+  .placement-right {
+    inset: 0 0 0 auto;
+    width: min(var(--wc-drawer-size), 100%);
+    height: 100%;
+    --wc-drawer-from: translateX(100%);
+  }
+
+  .placement-left {
+    inset: 0 auto 0 0;
+    width: min(var(--wc-drawer-size), 100%);
+    height: 100%;
+    --wc-drawer-from: translateX(-100%);
+  }
+
+  .placement-bottom {
+    inset: auto 0 0 0;
+    width: 100%;
+    height: var(--wc-drawer-size);
+    --wc-drawer-from: translateY(100%);
+  }
+
+  .placement-top {
+    inset: 0 0 auto 0;
+    width: 100%;
+    height: var(--wc-drawer-size);
+    --wc-drawer-from: translateY(-100%);
+  }
+
+  /* ---- 页头 ---- */
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--wc-space-2);
+    padding: var(--wc-space-4) var(--wc-space-6) 0;
+  }
+
+  .title {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    font-size: var(--wc-font-size-large);
+    font-weight: var(--wc-font-weight-semibold);
+    color: var(--wc-color-text);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .close {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    padding: var(--wc-space-1);
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text-placeholder);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-small);
+    transition:
+      color var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .close:hover {
+    color: var(--wc-color-text);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  /* ---- 内容区 ---- */
+  .body {
+    flex: 1;
+    min-height: 0;
+    padding: var(--wc-space-4) var(--wc-space-6);
+    overflow-y: auto;
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text);
+  }
+
+  /* ---- 页脚 ---- */
+  .footer {
+    display: flex;
+    gap: var(--wc-space-2);
+    justify-content: flex-end;
+    padding: var(--wc-space-2) var(--wc-space-6) var(--wc-space-4);
+  }
+
+  .footer slot {
+    display: contents;
+  }
+
+  @keyframes wc-drawer-fade {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes wc-drawer-in {
+    from {
+      transform: var(--wc-drawer-from, translateX(100%));
+    }
+
+    to {
+      transform: none;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .overlay,
+    .drawer {
+      animation: none;
+    }
+  }
+`;var Ho=Object.defineProperty,K=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Ho(e,t,r),r};const Wo={small:"300px",medium:"500px",large:"760px"},Kt=class extends i.LitElement{constructor(){super(...arguments),this.open=!1,this.placement="right",this.size="medium",this.header="",this.footer=!0,this.closable=!0,this.closeOnOverlayClick=!0,this.localize=new u(this),this.overlay=new Ze(this,{requestClose:e=>this.requestClose(e)})}connectedCallback(){super.connectedCallback(),this.open&&this.overlay.bind()}disconnectedCallback(){super.disconnectedCallback(),this.overlay.unbind()}show(){this.open||(this.open=!0)}requestClose(e="api"){this.dispatchEvent(new CustomEvent("wc-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0}))&&(this.open=!1)}confirm(){this.dispatchEvent(new CustomEvent("wc-confirm",{bubbles:!0,composed:!0})),this.requestClose("confirm")}cancel(){this.dispatchEvent(new CustomEvent("wc-cancel",{bubbles:!0,composed:!0})),this.requestClose("cancel")}updated(e){super.updated(e),e.has("open")&&(this.open?(this.dispatchEvent(new CustomEvent("wc-open",{bubbles:!0,composed:!0})),this.overlay.bind()):this.overlay.unbind())}onOverlayClick(e){e.target===e.currentTarget&&this.closeOnOverlayClick&&this.requestClose("overlay")}sizeStyle(){const e=Wo[this.size]??this.size.trim();return`--wc-drawer-size:${/^\d+$/.test(e)?`${e}px`:e}`}render(){return i.html`
+      <div class="overlay" part="overlay" ?hidden=${!this.open} @click=${this.onOverlayClick}>
+        <div
+          class="drawer placement-${this.placement}"
+          part="base"
+          role="dialog"
+          aria-modal="true"
+          aria-label=${this.header||"drawer"}
+          tabindex="-1"
+          style=${this.sizeStyle()}
+        >
+          ${this.header||this.closable?i.html`
+                  <div class="header" part="header">
+                    <div class="title"><slot name="header">${this.header}</slot></div>
+                    ${this.closable?i.html`
+                            <button
+                              type="button"
+                              class="close"
+                              part="close-button"
+                              aria-label=${this.localize.term("dialog.close")}
+                              @click=${()=>this.requestClose("close-btn")}
+                            >
+                              <wc-icon name="close"></wc-icon>
+                            </button>
+                          `:""}
+                  </div>
+                `:""}
+          <div class="body" part="body"><slot></slot></div>
+          ${this.footer?i.html`
+                  <div class="footer" part="footer">
+                    <slot name="footer">
+                      <wc-button @click=${()=>this.cancel()}>
+                        ${this.localize.term("dialog.cancel")}
+                      </wc-button>
+                      <wc-button theme="primary" @click=${()=>this.confirm()}>
+                        ${this.localize.term("dialog.confirm")}
+                      </wc-button>
+                    </slot>
+                  </div>
+                `:""}
+        </div>
+      </div>
+    `}};Kt.styles=[l,Ko];let P=Kt;K([s.property({type:Boolean,reflect:!0})],P.prototype,"open");K([s.property({reflect:!0})],P.prototype,"placement");K([s.property()],P.prototype,"size");K([s.property()],P.prototype,"header");K([s.property({type:Boolean})],P.prototype,"footer");K([s.property({type:Boolean,reflect:!0})],P.prototype,"closable");K([s.property({type:Boolean,attribute:"close-on-overlay-click"})],P.prototype,"closeOnOverlayClick");customElements.get("wc-drawer")||customElements.define("wc-drawer",P);const Xo=i.css`
+  :host {
+    display: block;
+    pointer-events: auto;
+  }
+
+  .message {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--wc-space-2);
+    box-sizing: border-box;
+    min-width: 240px;
+    max-width: 480px;
+    margin: 0 auto var(--wc-space-2);
+    padding: var(--wc-space-2) var(--wc-space-4);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-font-line-height, 1.6);
+    color: var(--wc-color-text);
+    background-color: var(--wc-color-bg-container);
+    border-radius: var(--wc-radius-medium);
+    box-shadow: var(--wc-shadow-2);
+    animation: wc-message-in var(--wc-duration-medium) var(--wc-easing-standard);
+  }
+
+  .icon {
+    flex-shrink: 0;
+    margin-top: 2px;
+    font-size: var(--wc-font-size-large);
+  }
+
+  .icon.success {
+    color: var(--wc-color-success);
+  }
+
+  .icon.error {
+    color: var(--wc-color-error);
+  }
+
+  .icon.warning {
+    color: var(--wc-color-warning);
+  }
+
+  .icon.info,
+  .icon.loading {
+    color: var(--wc-color-primary);
+  }
+
+  .content {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .close {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    font-size: var(--wc-font-size-medium);
+    color: var(--wc-color-text-placeholder);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-small);
+    transition: color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .close:hover {
+    color: var(--wc-color-text);
+  }
+
+  @keyframes wc-message-in {
+    from {
+      transform: translateY(-100%);
+      opacity: 0;
+    }
+
+    to {
+      transform: none;
+      opacity: 1;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .message {
+      animation: none;
+    }
+  }
+`;var Go=Object.defineProperty,je=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Go(e,t,r),r};const Jo={info:"info",success:"check",warning:"warning",error:"error",loading:"loader"},Ht=class extends i.LitElement{constructor(){super(...arguments),this.theme="info",this.content="",this.duration=3e3,this.closable=!1,this.localize=new u(this),this.autoCloseTimer=null}connectedCallback(){super.connectedCallback(),this.startAutoClose()}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoClose()}startAutoClose(){this.duration<=0||this.autoCloseTimer!==null||(this.autoCloseTimer=setTimeout(()=>this.close(),this.duration))}stopAutoClose(){this.autoCloseTimer!==null&&(clearTimeout(this.autoCloseTimer),this.autoCloseTimer=null)}close(){this.stopAutoClose(),this.dispatchEvent(new CustomEvent("wc-close",{bubbles:!0,composed:!0})),this.remove()}render(){const e=Jo[this.theme]??"info";return i.html`
+      <div class="message" part="base" role="status" aria-live="polite">
+        <wc-icon
+          class="icon ${this.theme}"
+          part="icon"
+          name=${e}
+          ?spin=${this.theme==="loading"}
+        ></wc-icon>
+        <div class="content" part="content"><slot>${this.content}</slot></div>
+        ${this.closable?i.html`
+                <button
+                  type="button"
+                  class="close"
+                  part="close-button"
+                  aria-label=${this.localize.term("message.close")}
+                  @click=${()=>this.close()}
+                >
+                  <wc-icon name="close"></wc-icon>
+                </button>
+              `:""}
+      </div>
+    `}};Ht.styles=[l,Xo];let de=Ht;je([s.property({reflect:!0})],de.prototype,"theme");je([s.property()],de.prototype,"content");je([s.property({type:Number})],de.prototype,"duration");je([s.property({type:Boolean,reflect:!0})],de.prototype,"closable");customElements.get("wc-message")||customElements.define("wc-message",de);let I=null;function Zo(){if(I&&I.isConnected)return I;I=document.createElement("div"),I.className="wc-message-container";const o=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--wc-z-index-message"));return I.style.cssText=["position:fixed","top:var(--wc-space-4, 16px)","left:0","right:0","display:flex","flex-direction:column","align-items:center","pointer-events:none",`z-index:${Number.isFinite(o)&&o>0?o:1500}`].join(";"),document.body.appendChild(I),I}function Z(o,e={}){const t=document.createElement("wc-message");return t.theme=e.theme??"info",t.content=o,e.duration!==void 0&&(t.duration=e.duration),e.closable!==void 0&&(t.closable=e.closable),e.onClose&&t.addEventListener("wc-close",()=>e.onClose()),Zo().appendChild(t),t}const Qo={info:(o,e)=>Z(o,{...e,theme:"info"}),success:(o,e)=>Z(o,{...e,theme:"success"}),warning:(o,e)=>Z(o,{...e,theme:"warning"}),error:(o,e)=>Z(o,{...e,theme:"error"}),loading:(o,e)=>Z(o,{duration:0,closable:!1,...e,theme:"loading"}),show:Z},C=8,$e=12;function Te(o){const e=o.indexOf("-");return e===-1?{base:o}:{base:o.slice(0,e),align:o.slice(e+1)}}function nt(o){switch(o){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}function ct(o,e,t,n){switch(o){case"top":return e.y-t.height-C>=n.y;case"bottom":return e.y+e.height+t.height+C<=n.y+n.height;case"left":return e.x-t.width-C>=n.x;case"right":return e.x+e.width+t.width+C<=n.x+n.width}}function Re(o,e,t){return Math.max(e,Math.min(o,t))}function Qe(o,e,t,n){const{base:r,align:a}=Te(n);let c=r;!ct(r,o,e,t)&&ct(nt(r),o,e,t)&&(c=nt(r));const m=a==="start",qr=a==="end";let G,J;const rt=(Ae,ot,at)=>m?Ae:qr?Ae+ot-at:Ae+ot/2-at/2;c==="top"||c==="bottom"?(G=rt(o.x,o.width,e.width),J=c==="top"?o.y-e.height-C:o.y+o.height+C):(J=rt(o.y,o.height,e.height),G=c==="left"?o.x-e.width-C:o.x+o.width+C),G=Re(G,t.x,t.x+t.width-e.width),J=Re(J,t.y,t.y+t.height-e.height);const Ar=c==="top"||c==="bottom"?o.x+o.width/2-G:o.y+o.height/2-J,_r=(c==="top"||c==="bottom"?e.width:e.height)-$e,Fr=Re(Ar,$e,Math.max($e,_r)),Rr=a?`${c}-${a}`:c;return{x:G,y:J,placement:Rr,arrowOffset:Fr}}const ea=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌 */
+    --wc-tooltip-max-width: 240px;
+    --wc-tooltip-arrow-offset: 50%;
+  }
+
+  .trigger {
+    display: inline-flex;
+  }
+
+  .panel {
+    position: fixed;
+    z-index: var(--wc-z-index-tooltip);
+    box-sizing: border-box;
+    max-width: var(--wc-tooltip-max-width);
+    padding: var(--wc-space-2) var(--wc-space-3);
+    font-size: var(--wc-font-size-small);
+    line-height: var(--wc-font-line-height, 1.6);
+    color: var(--wc-color-text-anti);
+    background-color: var(--wc-color-gray-900);
+    border-radius: var(--wc-radius-small);
+    box-shadow: var(--wc-shadow-2);
+    opacity: 0;
+    visibility: hidden;
+    transform: scale(0.96);
+    transition:
+      opacity var(--wc-duration-fast) var(--wc-easing-standard),
+      transform var(--wc-duration-fast) var(--wc-easing-standard),
+      visibility var(--wc-duration-fast);
+  }
+
+  .panel[data-open] {
+    opacity: 1;
+    visibility: visible;
+    transform: none;
+  }
+
+  .body {
+    overflow-wrap: anywhere;
+  }
+
+  /* ---- 箭头：8px 旋转正方形，贴在朝向锚点的一边 ---- */
+  .arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background-color: inherit;
+    transform: rotate(45deg);
+  }
+
+  .side-top .arrow {
+    left: var(--wc-tooltip-arrow-offset);
+    bottom: -4px;
+    margin-left: -4px;
+  }
+
+  .side-bottom .arrow {
+    left: var(--wc-tooltip-arrow-offset);
+    top: -4px;
+    margin-left: -4px;
+  }
+
+  .side-left .arrow {
+    top: var(--wc-tooltip-arrow-offset);
+    right: -4px;
+    margin-top: -4px;
+  }
+
+  .side-right .arrow {
+    top: var(--wc-tooltip-arrow-offset);
+    left: -4px;
+    margin-top: -4px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .panel {
+      transition: none;
+    }
+  }
+`;var ta=Object.defineProperty,De=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&ta(e,t,r),r};const ra=100,oa=150;let aa=0;const Wt=class extends i.LitElement{constructor(){super(...arguments),this.content="",this.placement="top",this.trigger="hover",this.open=!1,this.panelId=`wc-tooltip-panel-${++aa}`,this.showTimer=null,this.hideTimer=null,this.onDocumentClick=e=>{e.composedPath().includes(this)||this.hide()}}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimers(),document.removeEventListener("click",this.onDocumentClick,!0)}show(){this.clearTimers(),this.showTimer=setTimeout(()=>{this.open||(this.open=!0,this.dispatchEvent(new CustomEvent("wc-show",{bubbles:!0,composed:!0})))},ra)}hide(){this.clearTimers(),this.hideTimer=setTimeout(()=>{this.open&&(this.open=!1,this.dispatchEvent(new CustomEvent("wc-hide",{bubbles:!0,composed:!0})))},oa)}clearTimers(){this.showTimer!==null&&(clearTimeout(this.showTimer),this.showTimer=null),this.hideTimer!==null&&(clearTimeout(this.hideTimer),this.hideTimer=null)}onTriggerEnter(){this.trigger==="hover"&&this.show()}onTriggerLeave(){this.trigger==="hover"&&this.hide()}onTriggerClick(e){this.trigger==="click"&&(e.stopPropagation(),this.open?this.hide():this.show())}onTriggerKeydown(e){this.trigger==="click"&&e.key==="Escape"&&this.open&&this.hide()}updated(e){super.updated(e),e.has("open")&&(this.open&&this.trigger==="click"?document.addEventListener("click",this.onDocumentClick,!0):this.open||document.removeEventListener("click",this.onDocumentClick,!0),this.open&&this.position())}position(){const e=this.shadowRoot.querySelector(".panel");if(!e)return;const t=this.getBoundingClientRect(),n=e.getBoundingClientRect(),r={x:0,y:0,width:window.innerWidth,height:window.innerHeight},a=Qe(t,n,r,this.placement);e.style.left=`${a.x}px`,e.style.top=`${a.y}px`,e.dataset.placement=a.placement,e.style.setProperty("--wc-tooltip-arrow-offset",`${a.arrowOffset}px`)}render(){const{base:e}=Te(this.placement);return i.html`
+      <span
+        class="trigger"
+        part="trigger"
+        aria-describedby=${this.panelId}
+        @mouseenter=${this.onTriggerEnter}
+        @mouseleave=${this.onTriggerLeave}
+        @focusin=${this.onTriggerEnter}
+        @focusout=${this.onTriggerLeave}
+        @click=${this.onTriggerClick}
+        @keydown=${this.onTriggerKeydown}
+      >
+        <slot></slot>
+      </span>
+      <div
+        class="panel side-${e}"
+        part="base"
+        id=${this.panelId}
+        role="tooltip"
+        ?data-open=${this.open}
+      >
+        <div class="arrow" part="arrow"></div>
+        <div class="body"><slot name="content">${this.content}</slot></div>
+      </div>
+    `}};Wt.styles=[l,ea];let he=Wt;De([s.property()],he.prototype,"content");De([s.property()],he.prototype,"placement");De([s.property({reflect:!0})],he.prototype,"trigger");De([s.property({type:Boolean,reflect:!0})],he.prototype,"open");customElements.get("wc-tooltip")||customElements.define("wc-tooltip",he);const sa=i.css`
+  :host {
+    display: inline-block;
+
+    /* component 层令牌 */
+    --wc-popconfirm-width: 240px;
+    --wc-popconfirm-arrow-offset: 50%;
+  }
+
+  .trigger {
+    display: inline-flex;
+  }
+
+  .panel {
+    position: fixed;
+    z-index: var(--wc-z-index-tooltip);
+    box-sizing: border-box;
+    width: var(--wc-popconfirm-width);
+    padding: var(--wc-space-4);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-font-line-height, 1.6);
+    color: var(--wc-color-text);
+    background-color: var(--wc-color-bg-container);
+    border-radius: var(--wc-radius-medium);
+    box-shadow: var(--wc-shadow-2);
+    opacity: 0;
+    visibility: hidden;
+    transform: scale(0.96);
+    transition:
+      opacity var(--wc-duration-fast) var(--wc-easing-standard),
+      transform var(--wc-duration-fast) var(--wc-easing-standard),
+      visibility var(--wc-duration-fast);
+  }
+
+  .panel[data-open] {
+    opacity: 1;
+    visibility: visible;
+    transform: none;
+  }
+
+  .main {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--wc-space-2);
+  }
+
+  .icon {
+    flex-shrink: 0;
+    margin-top: 2px;
+    font-size: var(--wc-font-size-large);
+    color: var(--wc-color-warning);
+  }
+
+  .content {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .actions {
+    display: flex;
+    gap: var(--wc-space-2);
+    justify-content: flex-end;
+    margin-top: var(--wc-space-3);
+  }
+
+  /* ---- 箭头（同 Tooltip） ---- */
+  .arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background-color: inherit;
+    transform: rotate(45deg);
+  }
+
+  .side-top .arrow {
+    left: var(--wc-popconfirm-arrow-offset);
+    bottom: -4px;
+    margin-left: -4px;
+  }
+
+  .side-bottom .arrow {
+    left: var(--wc-popconfirm-arrow-offset);
+    top: -4px;
+    margin-left: -4px;
+  }
+
+  .side-left .arrow {
+    top: var(--wc-popconfirm-arrow-offset);
+    right: -4px;
+    margin-top: -4px;
+  }
+
+  .side-right .arrow {
+    top: var(--wc-popconfirm-arrow-offset);
+    left: -4px;
+    margin-top: -4px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .panel {
+      transition: none;
+    }
+  }
+`;var ia=Object.defineProperty,H=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&ia(e,t,r),r};let na=0;const Xt=class extends i.LitElement{constructor(){super(...arguments),this.content="",this.placement="top",this.confirmText="",this.cancelText="",this.theme="primary",this.icon="warning",this.open=!1,this.panelId=`wc-popconfirm-panel-${++na}`,this.localize=new u(this),this.onDocumentClick=e=>{e.composedPath().includes(this)||this.cancel("outside")},this.onDocumentKeydown=e=>{e.key==="Escape"&&(e.stopPropagation(),this.cancel("escape"))}}disconnectedCallback(){super.disconnectedCallback(),this.unbindSideEffects()}connectedCallback(){super.connectedCallback(),this.open&&this.bindSideEffects()}show(){this.open||(this.open=!0,this.bindSideEffects())}hide(){this.open&&(this.open=!1,this.unbindSideEffects())}confirm(){this.dispatchEvent(new CustomEvent("wc-confirm",{bubbles:!0,composed:!0})),this.hide()}cancel(e="button"){this.open&&(this.dispatchEvent(new CustomEvent("wc-cancel",{detail:{reason:e},bubbles:!0,composed:!0})),this.hide())}bindSideEffects(){document.addEventListener("click",this.onDocumentClick,!0),document.addEventListener("keydown",this.onDocumentKeydown,!0),queueMicrotask(()=>{this.shadowRoot.querySelector('[part="confirm-button"]')?.focus()})}unbindSideEffects(){document.removeEventListener("click",this.onDocumentClick,!0),document.removeEventListener("keydown",this.onDocumentKeydown,!0),this.shadowRoot.querySelector(".trigger")?.focus()}updated(e){super.updated(e),e.has("open")&&(this.open?(this.bindSideEffects(),this.position()):this.unbindSideEffects())}position(){const e=this.shadowRoot.querySelector(".panel");if(!e)return;const t=this.getBoundingClientRect(),n=e.getBoundingClientRect(),r={x:0,y:0,width:window.innerWidth,height:window.innerHeight},a=Qe(t,n,r,this.placement);e.style.left=`${a.x}px`,e.style.top=`${a.y}px`,e.dataset.placement=a.placement,e.style.setProperty("--wc-popconfirm-arrow-offset",`${a.arrowOffset}px`)}onTriggerClick(e){e.stopPropagation(),this.open?this.hide():this.show()}render(){const{base:e}=Te(this.placement);return i.html`
+      <span
+        class="trigger"
+        part="trigger"
+        tabindex="0"
+        role="button"
+        aria-describedby=${this.open?this.panelId:""}
+        @click=${this.onTriggerClick}
+        @keydown=${t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.onTriggerClick(t))}}
+      >
+        <slot></slot>
+      </span>
+      <div
+        class="panel side-${e}"
+        part="base"
+        id=${this.panelId}
+        role="dialog"
+        aria-label=${this.content||"popconfirm"}
+        ?data-open=${this.open}
+      >
+        <div class="arrow" part="arrow"></div>
+        <div class="main">
+          ${this.icon?i.html`<wc-icon class="icon" part="icon" name=${this.icon}></wc-icon>`:""}
+          <div class="content"><slot name="content">${this.content}</slot></div>
+        </div>
+        <div class="actions" part="actions">
+          <wc-button size="small" @click=${()=>this.cancel("button")}>
+            ${this.cancelText||this.localize.term("dialog.cancel")}
+          </wc-button>
+          <wc-button
+            size="small"
+            theme=${this.theme}
+            part="confirm-button"
+            @click=${()=>this.confirm()}
+          >
+            ${this.confirmText||this.localize.term("dialog.confirm")}
+          </wc-button>
+        </div>
+      </div>
+    `}};Xt.styles=[l,sa];let j=Xt;H([s.property()],j.prototype,"content");H([s.property()],j.prototype,"placement");H([s.property({attribute:"confirm-text"})],j.prototype,"confirmText");H([s.property({attribute:"cancel-text"})],j.prototype,"cancelText");H([s.property()],j.prototype,"theme");H([s.property()],j.prototype,"icon");H([s.property({type:Boolean,reflect:!0})],j.prototype,"open");customElements.get("wc-popconfirm")||customElements.define("wc-popconfirm",j);const ca=i.css`
+  :host {
+    display: block;
+  }
+
+  .bar {
+    display: flex;
+    gap: var(--wc-space-2);
+    border-bottom: 1px solid var(--wc-color-border);
+  }
+
+  .tab {
+    position: relative;
+    padding: var(--wc-space-2) var(--wc-space-4);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-font-line-height, 1.6);
+    color: var(--wc-color-text);
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    outline: none;
+    transition:
+      color var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .tab::after {
+    content: '';
+    position: absolute;
+    right: var(--wc-space-3);
+    bottom: -1px;
+    left: var(--wc-space-3);
+    height: 2px;
+    background-color: var(--wc-color-primary);
+    border-radius: var(--wc-radius-small);
+    opacity: 0;
+    transform: scaleX(0.4);
+    transition:
+      opacity var(--wc-duration-fast) var(--wc-easing-standard),
+      transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .tab:hover {
+    color: var(--wc-color-primary);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .tab[aria-selected='true'] {
+    color: var(--wc-color-primary);
+    font-weight: var(--wc-font-weight-semibold);
+  }
+
+  .tab[aria-selected='true']::after {
+    opacity: 1;
+    transform: none;
+  }
+
+  .tab:focus-visible {
+    box-shadow: 0 0 0 2px var(--wc-color-focus-ring);
+  }
+
+  .tab[data-disabled] {
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+    background-color: transparent;
+  }
+`,la=i.css`
+  :host {
+    display: block;
+    padding-top: var(--wc-space-3);
+    font-size: var(--wc-font-size-medium);
+    line-height: var(--wc-font-line-height, 1.6);
+    color: var(--wc-color-text);
+  }
+
+  :host(:not([active])) {
+    display: none;
+  }
+`;var da=Object.defineProperty,Ie=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&da(e,t,r),r};const Gt=class extends i.LitElement{constructor(){super(...arguments),this.value="",this.label="",this.disabled=!1,this.active=!1}render(){return i.html`<div class="panel" part="panel" role="tabpanel" aria-label=${this.label}>
+      <slot></slot>
+    </div>`}};Gt.styles=[l,la];let pe=Gt;Ie([s.property()],pe.prototype,"value");Ie([s.property()],pe.prototype,"label");Ie([s.property({type:Boolean,reflect:!0})],pe.prototype,"disabled");Ie([s.property({type:Boolean,reflect:!0})],pe.prototype,"active");customElements.get("wc-tab")||customElements.define("wc-tab",pe);var ha=Object.defineProperty,pa=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&ha(e,t,r),r};const Jt=class extends i.LitElement{constructor(){super(...arguments),this.value="",this.tabs=[],this.uid=`wc-tabs-${Math.random().toString(36).slice(2,8)}`,this.mutationObserver=new MutationObserver(()=>this.collectTabs())}connectedCallback(){super.connectedCallback(),this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label","value","disabled"]})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver.disconnect()}collectTabs(){const e=Array.from(this.querySelectorAll("wc-tab"));this.tabs=e.map((t,n)=>({value:t.value||String(n),label:t.label||t.textContent?.trim()||String(n+1),disabled:t.disabled,element:t})),this.requestUpdate(),this.syncActive()}syncActive(){!this.value&&this.tabs.length>0&&!this.tabs.some(e=>e.value===this.value)&&(this.value=this.tabs[0].value);for(const e of this.tabs)e.element.active=e.value===this.value}updated(e){super.updated(e),e.has("value")&&this.syncActive()}select(e){if(e===this.value)return;const t=this.tabs.find(n=>n.value===e);!t||t.disabled||(this.value=e,this.dispatchEvent(new CustomEvent("wc-change",{detail:{value:e},bubbles:!0,composed:!0})))}onTablistKeydown(e){const t=this.tabs.filter(a=>!a.disabled);if(t.length===0)return;const n=Math.max(0,t.findIndex(a=>a.value===this.value));let r;switch(e.key){case"ArrowRight":case"ArrowDown":r=t[(n+1)%t.length];break;case"ArrowLeft":case"ArrowUp":r=t[(n-1+t.length)%t.length];break;case"Home":r=t[0];break;case"End":r=t[t.length-1];break;default:return}e.preventDefault(),r&&(this.select(r.value),this.focusTab(r.value))}focusTab(e){const t=e.replace(/["\\]/g,"\\$&");this.shadowRoot.querySelector(`[data-value="${t}"]`)?.focus()}render(){return i.html`
+      <div class="bar" part="bar" role="tablist" @keydown=${this.onTablistKeydown}>
+        ${this.tabs.map(e=>i.html`
+            <button
+              type="button"
+              class="tab"
+              part="tab"
+              role="tab"
+              data-value=${e.value}
+              id=${`${this.uid}-tab-${e.value}`}
+              aria-selected=${e.value===this.value?"true":"false"}
+              aria-disabled=${e.disabled?"true":"false"}
+              tabindex=${e.value===this.value?"0":"-1"}
+              ?data-disabled=${e.disabled}
+              @click=${()=>this.select(e.value)}
+            >
+              ${e.label}
+            </button>
+          `)}
+      </div>
+      ${this.tabs.length>0?i.html`<slot @slotchange=${this.collectTabs}></slot>`:i.nothing}
+    `}};Jt.styles=[l,ca];let et=Jt;pa([s.property({reflect:!0})],et.prototype,"value");customElements.get("wc-tabs")||customElements.define("wc-tabs",et);const ua=i.css`
+  :host {
+    display: block;
+  }
+
+  /* 条目由 shadow 渲染，light-DOM 子元素仅用于收集元数据 */
+  slot {
+    display: none;
+  }
+
+  .list {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--wc-space-1);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    font-size: var(--wc-font-size-medium);
+  }
+
+  .item {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .separator {
+    display: inline-flex;
+    align-items: center;
+    color: var(--wc-color-text-placeholder);
+    user-select: none;
+  }
+
+  .link {
+    color: var(--wc-color-text-secondary);
+    text-decoration: none;
+    cursor: pointer;
+    transition: color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .link:hover {
+    color: var(--wc-color-primary);
+  }
+
+  .link[data-disabled] {
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+  }
+
+  .link[data-disabled]:hover {
+    color: var(--wc-color-text-disabled);
+  }
+
+  .current {
+    color: var(--wc-color-text);
+    font-weight: var(--wc-font-weight-medium);
+  }
+`;var wa=Object.defineProperty,va=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&wa(e,t,r),r};const Zt=class extends i.LitElement{constructor(){super(...arguments),this.separator="/",this.items=[],this.localize=new u(this),this.mutationObserver=new MutationObserver(()=>this.collectItems())}connectedCallback(){super.connectedCallback(),this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["href","disabled"]})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver.disconnect()}collectItems(){const e=Array.from(this.querySelectorAll("wc-breadcrumb-item"));this.items=e.map((t,n)=>({label:t.textContent?.trim()||String(n+1),href:t.getAttribute("href")||"",disabled:t.hasAttribute("disabled"),index:n})),this.requestUpdate()}onSelect(e){this.dispatchEvent(new CustomEvent("wc-select",{detail:{index:e.index,label:e.label,href:e.href},bubbles:!0,composed:!0}))}renderItem(e,t){return t?i.html`<span class="current" part="current" aria-current="page">${e.label}</span>`:e.disabled?i.html`<span class="link" data-disabled aria-disabled="true">${e.label}</span>`:e.href?i.html`<a class="link" part="link" href=${e.href} @click=${()=>this.onSelect(e)}
+        >${e.label}</a
+      >`:i.html`<span class="link" part="link" @click=${()=>this.onSelect(e)}
+      >${e.label}</span
+    >`}render(){const e=this.items.length-1;return i.html`
+      <nav class="nav" part="nav" aria-label=${this.localize.term("breadcrumb.label")}>
+        <ol class="list" part="list">
+          ${this.items.map((t,n)=>i.html`
+              <li class="item" part="item">${this.renderItem(t,n===e)}</li>
+              ${n<e?i.html`<li class="separator" part="separator" aria-hidden="true">
+                      ${this.separator}
+                    </li>`:i.nothing}
+            `)}
+        </ol>
+        <slot @slotchange=${this.collectItems}></slot>
+      </nav>
+    `}};Zt.styles=[l,ua];let tt=Zt;va([s.property()],tt.prototype,"separator");customElements.get("wc-breadcrumb")||customElements.define("wc-breadcrumb",tt);var ma=Object.defineProperty,Qt=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&ma(e,t,r),r};class Ne extends i.LitElement{constructor(){super(...arguments),this.href="",this.disabled=!1}render(){return i.html``}}Qt([s.property()],Ne.prototype,"href");Qt([s.property({type:Boolean,reflect:!0})],Ne.prototype,"disabled");customElements.get("wc-breadcrumb-item")||customElements.define("wc-breadcrumb-item",Ne);const ga=i.css`
+  :host {
+    display: block;
+  }
+
+  .pagination {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--wc-space-1);
+    font-size: var(--wc-font-size-medium);
+  }
+
+  .total {
+    margin-right: var(--wc-space-2);
+    color: var(--wc-color-text-secondary);
+  }
+
+  .page-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 32px;
+    height: 32px;
+    padding: 0 var(--wc-space-2);
+    color: var(--wc-color-text);
+    font: inherit;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-small);
+    cursor: pointer;
+    transition:
+      color var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .page-button:hover:not(:disabled) {
+    color: var(--wc-color-primary);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .page-button:disabled {
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+    background: transparent;
+  }
+
+  .page-button[aria-current='page'] {
+    color: var(--wc-color-primary);
+    font-weight: var(--wc-font-weight-medium);
+    background-color: var(--wc-color-primary-light);
+  }
+
+  .ellipsis {
+    min-width: 32px;
+    color: var(--wc-color-text-placeholder);
+    letter-spacing: 1px;
+    text-align: center;
+    user-select: none;
+  }
+
+  .jumper {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+    margin-left: var(--wc-space-2);
+    color: var(--wc-color-text-secondary);
+  }
+
+  .jumper-input {
+    width: 56px;
+    height: 32px;
+    padding: 0 var(--wc-space-2);
+    font: inherit;
+    color: var(--wc-color-text);
+    text-align: center;
+    background: transparent;
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-radius-small);
+  }
+
+  .jumper-input:focus {
+    outline: none;
+    border-color: var(--wc-color-primary);
+  }
+
+  .jumper-input:disabled {
+    color: var(--wc-color-text-disabled);
+    background-color: var(--wc-color-bg-disabled, var(--wc-color-bg-hover));
+    cursor: not-allowed;
+  }
+`;var ba=Object.defineProperty,W=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&ba(e,t,r),r};const er=class extends i.LitElement{constructor(){super(...arguments),this.total=0,this.pageSize=10,this.current=1,this.foldedPageCount=5,this.showTotal=!1,this.showJumper=!1,this.disabled=!1,this.localize=new u(this)}get pageCount(){return Math.max(1,Math.ceil(this.total/Math.max(1,this.pageSize)))}select(e){const t=Math.min(this.pageCount,Math.max(1,Math.floor(e)));if(this.disabled||t===this.current)return;const n=this.current;this.current=t,this.dispatchEvent(new CustomEvent("wc-change",{detail:{current:t,previous:n},bubbles:!0,composed:!0}))}updated(e){super.updated(e),(e.has("total")||e.has("pageSize"))&&this.current>this.pageCount&&(this.current=this.pageCount)}getPageItems(){const e=this.pageCount,t=Math.max(1,this.foldedPageCount);if(e<=t+2)return Array.from({length:e},(c,m)=>m+1);let n=Math.max(2,this.current-Math.floor(t/2));const r=Math.min(e-1,n+t-1);n=Math.max(2,r-t+1);const a=[1];n>2&&a.push("ellipsis-prev");for(let c=n;c<=r;c++)a.push(c);return r<e-1&&a.push("ellipsis-next"),a.push(e),a}onJumperKeydown(e){if(e.key!=="Enter")return;const t=e.target,n=Number.parseInt(t.value,10);Number.isNaN(n)||(this.select(n),t.value=String(this.current))}render(){const e=this.disabled||this.current<=1,t=this.disabled||this.current>=this.pageCount;return i.html`
+      <nav class="pagination" part="nav" aria-label=${this.localize.term("pagination.label")}>
+        ${this.showTotal?i.html`<span class="total" part="total">
+                ${this.localize.term("pagination.total",{total:this.total})}
+              </span>`:i.nothing}
+        <button
+          type="button"
+          class="page-button"
+          part="prev"
+          ?disabled=${e}
+          aria-label=${this.localize.term("pagination.prev")}
+          @click=${()=>this.select(this.current-1)}
+        >
+          <wc-icon name="chevron-left"></wc-icon>
+        </button>
+        ${this.getPageItems().map(n=>typeof n!="number"?i.html`<span class="ellipsis" part="ellipsis" aria-hidden="true">•••</span>`:i.html`<button
+                type="button"
+                class="page-button"
+                part="page"
+                ?disabled=${this.disabled}
+                aria-label=${this.localize.term("pagination.page",{page:n})}
+                aria-current=${n===this.current?"page":i.nothing}
+                @click=${()=>this.select(n)}
+              >
+                ${n}
+              </button>`)}
+        <button
+          type="button"
+          class="page-button"
+          part="next"
+          ?disabled=${t}
+          aria-label=${this.localize.term("pagination.next")}
+          @click=${()=>this.select(this.current+1)}
+        >
+          <wc-icon name="chevron-right"></wc-icon>
+        </button>
+        ${this.showJumper?i.html`<span class="jumper" part="jumper">
+                ${this.localize.term("pagination.jumpTo")}
+                <input
+                  type="text"
+                  class="jumper-input"
+                  part="jumper-input"
+                  ?disabled=${this.disabled}
+                  aria-label=${this.localize.term("pagination.jumpTo")}
+                  @keydown=${this.onJumperKeydown}
+                />
+                ${this.localize.term("pagination.pageUnit")}
+              </span>`:i.nothing}
+      </nav>
+    `}};er.styles=[l,ga];let T=er;W([s.property({type:Number})],T.prototype,"total");W([s.property({type:Number,attribute:"page-size"})],T.prototype,"pageSize");W([s.property({type:Number,reflect:!0})],T.prototype,"current");W([s.property({type:Number,attribute:"folded-page-count"})],T.prototype,"foldedPageCount");W([s.property({type:Boolean,attribute:"show-total"})],T.prototype,"showTotal");W([s.property({type:Boolean,attribute:"show-jumper"})],T.prototype,"showJumper");W([s.property({type:Boolean,reflect:!0})],T.prototype,"disabled");customElements.get("wc-pagination")||customElements.define("wc-pagination",T);const fa=i.css`
+  :host {
+    position: relative;
+    display: inline-flex;
+  }
+
+  .badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: var(--wc-z-index-popover, 1);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 16px;
+    height: 16px;
+    padding: 0 4px;
+    color: var(--wc-color-text-anti);
+    font-size: var(--wc-font-size-xsmall);
+    line-height: 1;
+    white-space: nowrap;
+    background-color: var(--wc-color-error);
+    border-radius: var(--wc-radius-round);
+    transform: translate(50%, -50%);
+  }
+
+  :host([dot]) .badge {
+    min-width: 6px;
+    width: 6px;
+    height: 6px;
+    padding: 0;
+  }
+
+  :host([theme='primary']) .badge {
+    background-color: var(--wc-color-primary);
+  }
+
+  :host([theme='success']) .badge {
+    background-color: var(--wc-color-success);
+  }
+
+  :host([theme='warning']) .badge {
+    background-color: var(--wc-color-warning);
+  }
+
+  :host([theme='danger']) .badge {
+    background-color: var(--wc-color-error);
+  }
+`;var ya=Object.defineProperty,Be=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&ya(e,t,r),r};const tr=class extends i.LitElement{constructor(){super(...arguments),this.count=0,this.max=99,this.dot=!1,this.theme="danger"}get displayCount(){return this.count>this.max?`${this.max}+`:String(Math.max(0,this.count))}render(){const e=this.dot||this.count>0;return i.html`
+      <slot></slot>
+      ${e?i.html`<sup class="badge" part="badge">${this.dot?i.nothing:this.displayCount}</sup>`:i.nothing}
+    `}};tr.styles=[l,fa];let ue=tr;Be([s.property({type:Number})],ue.prototype,"count");Be([s.property({type:Number})],ue.prototype,"max");Be([s.property({type:Boolean,reflect:!0})],ue.prototype,"dot");Be([s.property({reflect:!0})],ue.prototype,"theme");customElements.get("wc-badge")||customElements.define("wc-badge",ue);const xa=i.css`
+  :host {
+    display: block;
+  }
+
+  .empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: var(--wc-space-8) var(--wc-space-4);
+    text-align: center;
+  }
+
+  .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--wc-color-text-placeholder);
+  }
+
+  /* 默认占位图形：圆角方块 + 内嵌虚线圆，柔和示意「空」 */
+  .placeholder {
+    position: relative;
+    display: block;
+    width: 56px;
+    height: 56px;
+    background-color: var(--wc-color-bg-hover);
+    border-radius: var(--wc-radius-xlarge);
+  }
+
+  .placeholder::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 24px;
+    height: 24px;
+    border: 2px dashed var(--wc-color-text-placeholder);
+    border-radius: var(--wc-radius-circle);
+    transform: translate(-50%, -50%);
+  }
+
+  .description {
+    margin-top: var(--wc-space-3);
+    color: var(--wc-color-text-secondary);
+    font-size: var(--wc-font-size-medium);
+  }
+
+  .action {
+    margin-top: var(--wc-space-4);
+  }
+
+  .action:empty {
+    display: none;
+  }
+`,rr=class extends i.LitElement{constructor(){super(...arguments),this.localize=new u(this)}render(){return i.html`
+      <div class="empty" part="base">
+        <div class="icon" part="icon">
+          <slot name="icon"><span class="placeholder"></span></slot>
+        </div>
+        <div class="description" part="description">
+          <slot>${this.localize.term("empty.noData")}</slot>
+        </div>
+        <div class="action" part="action">
+          <slot name="action"></slot>
+        </div>
+      </div>
+    `}};rr.styles=[l,xa];let or=rr;customElements.get("wc-empty")||customElements.define("wc-empty",or);const ka=i.css`
+  :host {
+    display: block;
+  }
+
+  /* ---- line ---- */
+  .line {
+    display: flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+  }
+
+  .track {
+    position: relative;
+    flex: 1;
+    overflow: hidden;
+    background-color: var(--wc-color-bg-hover);
+    border-radius: var(--wc-radius-round);
+  }
+
+  .indicator {
+    height: 100%;
+    background-color: var(--wc-color-primary);
+    border-radius: var(--wc-radius-round);
+    transition: width var(--wc-duration-slow, 300ms) var(--wc-easing-standard);
+  }
+
+  :host([status='success']) .indicator {
+    background-color: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .indicator {
+    background-color: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .indicator {
+    background-color: var(--wc-color-error);
+  }
+
+  .label {
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    color: var(--wc-color-text-secondary);
+    font-size: var(--wc-font-size-small);
+    line-height: 1;
+    white-space: nowrap;
+  }
+
+  :host([status='success']) .label {
+    color: var(--wc-color-success);
+  }
+
+  :host([status='error']) .label {
+    color: var(--wc-color-error);
+  }
+
+  .label wc-icon {
+    --icon-size: 1em;
+  }
+
+  /* ---- circle ---- */
+  .circle-wrap {
+    position: relative;
+    display: inline-block;
+    width: 72px;
+    height: 72px;
+  }
+
+  .circle {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  .circle .track {
+    fill: none;
+    stroke: var(--wc-color-bg-hover);
+    stroke-width: 6;
+  }
+
+  .circle .indicator {
+    fill: none;
+    stroke: var(--wc-color-primary);
+    stroke-width: 6;
+    stroke-linecap: round;
+    transition: stroke-dashoffset var(--wc-duration-slow, 300ms) var(--wc-easing-standard);
+  }
+
+  :host([status='success']) .circle .indicator {
+    stroke: var(--wc-color-success);
+  }
+
+  :host([status='warning']) .circle .indicator {
+    stroke: var(--wc-color-warning);
+  }
+
+  :host([status='error']) .circle .indicator {
+    stroke: var(--wc-color-error);
+  }
+
+  .circle-label {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--wc-color-text);
+    font-size: var(--wc-font-size-small);
+  }
+
+  .circle-label .label {
+    color: inherit;
+  }
+`;var $a=Object.defineProperty,we=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&$a(e,t,r),r};const Ue=32,lt=2*Math.PI*Ue,ar=class extends i.LitElement{constructor(){super(...arguments),this.value=0,this.theme="line",this.status="normal",this.showLabel=!0,this.strokeWidth=6,this.label=""}get percent(){return Math.min(100,Math.max(0,this.value))}get labelText(){return this.label||`${Math.round(this.percent)}%`}renderStatusLabel(){if(!this.showLabel)return i.nothing;const e=this.status==="success"?"check":this.status==="error"?"close":"";return i.html`<span class="label" part="label">
+      ${e?i.html`<wc-icon name=${e}></wc-icon>`:i.nothing}${this.labelText}
+    </span>`}renderLine(){return i.html`<div class="line" part="base">
+      <div
+        class="track"
+        part="track"
+        role="progressbar"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${Math.round(this.percent)}
+        aria-label=${this.labelText}
+        style="height: ${this.strokeWidth}px"
+      >
+        <div class="indicator" part="indicator" style="width: ${this.percent}%"></div>
+      </div>
+      ${this.renderStatusLabel()}
+    </div>`}renderCircle(){return i.html`<div class="circle-wrap" part="base">
+      <svg
+        class="circle"
+        viewBox="0 0 72 72"
+        role="progressbar"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${Math.round(this.percent)}
+        aria-label=${this.labelText}
+      >
+        <circle class="track" part="track" cx="36" cy="36" r="${Ue}"></circle>
+        <circle
+          class="indicator"
+          part="indicator"
+          cx="36"
+          cy="36"
+          r="${Ue}"
+          stroke-dasharray="${lt}"
+          stroke-dashoffset=${lt*(1-this.percent/100)}
+          transform="rotate(-90 36 36)"
+        ></circle>
+      </svg>
+      <div class="circle-label">${this.renderStatusLabel()}</div>
+    </div>`}render(){return this.theme==="circle"?this.renderCircle():this.renderLine()}};ar.styles=[l,ka];let A=ar;we([s.property({type:Number})],A.prototype,"value");we([s.property({reflect:!0})],A.prototype,"theme");we([s.property({reflect:!0})],A.prototype,"status");we([s.property({type:Boolean,attribute:"show-label"})],A.prototype,"showLabel");we([s.property({type:Number,attribute:"stroke-width"})],A.prototype,"strokeWidth");we([s.property()],A.prototype,"label");customElements.get("wc-progress")||customElements.define("wc-progress",A);const za=i.css`
+  :host {
+    display: block;
+  }
+
+  /* display:flex 类会覆盖 [hidden] 的 UA 样式，显式关闭 */
+  [hidden] {
+    display: none !important;
+  }
+
+  .card {
+    background-color: var(--wc-color-bg-container);
+    border-radius: var(--wc-radius-large);
+    transition: box-shadow var(--wc-duration-base, 200ms) var(--wc-easing-standard);
+  }
+
+  :host([bordered]) .card {
+    border: 1px solid var(--wc-color-border);
+  }
+
+  :host([hoverable]) .card:hover {
+    box-shadow: var(--wc-shadow-2);
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--wc-space-2);
+    padding: var(--wc-space-4) var(--wc-space-4) 0;
+  }
+
+  .titles {
+    min-width: 0;
+  }
+
+  .title {
+    color: var(--wc-color-text);
+    font-size: var(--wc-font-size-large);
+    font-weight: var(--wc-font-weight-medium);
+    line-height: 1.5;
+  }
+
+  .subtitle {
+    margin-top: 2px;
+    color: var(--wc-color-text-secondary);
+    font-size: var(--wc-font-size-small);
+  }
+
+  .actions {
+    flex-shrink: 0;
+  }
+
+  .body {
+    padding: var(--wc-space-4);
+    color: var(--wc-color-text);
+    font-size: var(--wc-font-size-medium);
+  }
+
+  .footer {
+    padding: var(--wc-space-3) var(--wc-space-4);
+    border-top: 1px solid var(--wc-color-border);
+  }
+`;var Ca=Object.defineProperty,X=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Ca(e,t,r),r};const sr=class extends i.LitElement{constructor(){super(...arguments),this.title="",this.subtitle="",this.bordered=!0,this.hoverable=!1,this.hasHeaderSlot=!1,this.hasActions=!1,this.hasFooter=!1}onSlotChange(e){const t=e.target,n=t.assignedElements().length>0;t.name==="header"?this.hasHeaderSlot=n:t.name==="actions"?this.hasActions=n:t.name==="footer"&&(this.hasFooter=n)}connectedCallback(){super.connectedCallback(),this.hasHeaderSlot=this.querySelector('[slot="header"]')!==null,this.hasActions=this.querySelector('[slot="actions"]')!==null,this.hasFooter=this.querySelector('[slot="footer"]')!==null}renderHeader(){const e=!!(this.title||this.subtitle||this.hasHeaderSlot||this.hasActions);return i.html`<div class="header" part="header" ?hidden=${!e}>
+      <div class="titles" ?hidden=${this.hasHeaderSlot}>
+        ${this.title?i.html`<div class="title" part="title">${this.title}</div>`:i.nothing}
+        ${this.subtitle?i.html`<div class="subtitle" part="subtitle">${this.subtitle}</div>`:i.nothing}
+      </div>
+      <slot name="header" @slotchange=${this.onSlotChange} ?hidden=${!this.hasHeaderSlot}></slot>
+      <div class="actions" part="actions" ?hidden=${!this.hasActions}>
+        <slot name="actions" @slotchange=${this.onSlotChange}></slot>
+      </div>
+    </div>`}render(){return i.html`<div class="card" part="base">
+      ${this.renderHeader()}
+      <div class="body" part="body"><slot></slot></div>
+      <div class="footer" part="footer" ?hidden=${!this.hasFooter}>
+        <slot name="footer" @slotchange=${this.onSlotChange}></slot>
+      </div>
+    </div>`}};sr.styles=[l,za];let D=sr;X([s.property()],D.prototype,"title");X([s.property()],D.prototype,"subtitle");X([s.property({type:Boolean,reflect:!0})],D.prototype,"bordered");X([s.property({type:Boolean,reflect:!0})],D.prototype,"hoverable");X([s.state()],D.prototype,"hasHeaderSlot");X([s.state()],D.prototype,"hasActions");X([s.state()],D.prototype,"hasFooter");customElements.get("wc-card")||customElements.define("wc-card",D);const Ea=i.css`
+  :host {
+    display: block;
+  }
+
+  /* display:flex/grid 类会覆盖 [hidden] 的 UA 样式，显式关闭 */
+  [hidden] {
+    display: none !important;
+  }
+
+  .list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    color: var(--wc-color-text);
+    font-size: var(--wc-font-size-medium);
+  }
+
+  /* 通过 ::slotted 为 light-DOM 条目提供统一样式 */
+  ::slotted(wc-list-item) {
+    display: block;
+    padding: var(--wc-space-3) var(--wc-space-4);
+  }
+
+  ::slotted(wc-list-item:not(:last-child)) {
+    border-bottom: 1px solid var(--wc-color-border);
+  }
+
+  :host([striped]) ::slotted(wc-list-item:nth-child(even)) {
+    background-color: var(--wc-color-bg-container-secondary);
+  }
+
+  :host([hoverable]) ::slotted(wc-list-item:hover) {
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  :host([size='small']) ::slotted(wc-list-item) {
+    padding: var(--wc-space-2) var(--wc-space-4);
+  }
+
+  :host([size='large']) ::slotted(wc-list-item) {
+    padding: var(--wc-space-4) var(--wc-space-4);
+  }
+
+  .empty {
+    padding: var(--wc-space-2) 0;
+  }
+`;var Oa=Object.defineProperty,qe=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Oa(e,t,r),r};const ir=class extends i.LitElement{constructor(){super(...arguments),this.size="medium",this.striped=!1,this.hoverable=!1,this.itemCount=0}onSlotChange(e){const t=e.target;t.name===""&&(this.itemCount=t.assignedElements().length)}connectedCallback(){super.connectedCallback(),this.itemCount=this.querySelectorAll("wc-list-item").length}render(){return i.html`
+      <ul class="list" part="base" role="list" ?hidden=${this.itemCount===0}>
+        <slot @slotchange=${this.onSlotChange}></slot>
+      </ul>
+      <div class="empty" part="empty" ?hidden=${this.itemCount>0}>
+        <slot name="empty" @slotchange=${this.onSlotChange}><wc-empty></wc-empty></slot>
+      </div>
+    `}};ir.styles=[l,Ea];let ve=ir;qe([s.property({reflect:!0})],ve.prototype,"size");qe([s.property({type:Boolean,reflect:!0})],ve.prototype,"striped");qe([s.property({type:Boolean,reflect:!0})],ve.prototype,"hoverable");qe([s.state()],ve.prototype,"itemCount");customElements.get("wc-list")||customElements.define("wc-list",ve);const nr=class extends i.LitElement{render(){return i.html`<slot></slot>`}};nr.styles=[l];let cr=nr;customElements.get("wc-list-item")||customElements.define("wc-list-item",cr);const Sa=i.css`
+  :host {
+    display: block;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  .wrapper {
+    position: relative;
+    color: var(--wc-color-text);
+    font-size: var(--wc-font-size-medium);
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+  }
+
+  th,
+  td {
+    padding: var(--wc-space-3) var(--wc-space-3);
+    border-bottom: 1px solid var(--wc-color-border);
+    font-weight: normal;
+  }
+
+  th {
+    color: var(--wc-color-text-secondary);
+    font-weight: var(--wc-font-weight-medium);
+    background-color: var(--wc-color-bg-container-secondary);
+    white-space: nowrap;
+    user-select: none;
+  }
+
+  :host([bordered]) th,
+  :host([bordered]) td {
+    border: 1px solid var(--wc-color-border);
+  }
+
+  :host([size='small']) th,
+  :host([size='small']) td {
+    padding: var(--wc-space-2) var(--wc-space-2);
+  }
+
+  :host([size='large']) th,
+  :host([size='large']) td {
+    padding: var(--wc-space-4) var(--wc-space-3);
+  }
+
+  :host([striped]) tbody tr:nth-child(even) td {
+    background-color: var(--wc-color-bg-container-secondary);
+  }
+
+  tbody tr {
+    transition: background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  tbody tr:hover td {
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  :host([striped]) tbody tr:nth-child(even):hover td {
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  th.sortable {
+    cursor: pointer;
+  }
+
+  th.sortable:hover {
+    color: var(--wc-color-primary);
+  }
+
+  th.sorted {
+    color: var(--wc-color-primary);
+  }
+
+  .th-inner {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+  }
+
+  .sort {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 0;
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .sort wc-icon {
+    display: block;
+    height: 0.5em;
+    pointer-events: none;
+  }
+
+  .sort wc-icon.active {
+    color: var(--wc-color-primary);
+  }
+
+  td[ellipsis] {
+    max-width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  .align-left {
+    text-align: left;
+  }
+
+  .align-right {
+    text-align: right;
+  }
+
+  .align-center {
+    text-align: center;
+  }
+
+  .empty {
+    padding: var(--wc-space-4) 0;
+  }
+
+  .loading {
+    position: absolute;
+    inset: 0;
+    z-index: var(--wc-z-index-popover, 1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--wc-color-primary);
+    /* 随容器底色自适应明暗主题 */
+    background-color: color-mix(in srgb, var(--wc-color-bg-container) 70%, transparent);
+  }
+`;var La=Object.defineProperty,_=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&La(e,t,r),r};const lr=class extends i.LitElement{constructor(){super(...arguments),this.columns=[],this.data=[],this.striped=!1,this.bordered=!1,this.size="medium",this.loading=!1,this.sortKey="",this.sortOrder=null,this.onSlotChange=()=>this.requestUpdate()}get displayData(){if(!this.sortKey||!this.sortOrder)return this.data;const e=this.sortOrder==="asc"?1:-1;return[...this.data].sort((t,n)=>{const r=t[this.sortKey],a=n[this.sortKey];return r==null?1:a==null?-1:typeof r=="number"&&typeof a=="number"?(r-a)*e:String(r).localeCompare(String(a),"zh-CN")*e})}onHeaderClick(e){if(!e.sortable)return;const t={"":"asc",asc:"desc",desc:null};this.sortOrder=this.sortKey===e.key?t[this.sortOrder??""]??null:"asc",this.sortKey=this.sortOrder===null?"":e.key,this.dispatchEvent(new CustomEvent("wc-sort",{detail:{key:this.sortKey,order:this.sortOrder},bubbles:!0,composed:!0}))}cellContent(e,t,n){const r=e.render?.(t,n);if(r!=null&&r!=="")return typeof r=="object"?r:String(r);const a=t[e.key];return a==null?"":String(a)}renderHead(){return i.html`<thead part="head">
+      <tr>
+        ${this.columns.map(e=>{const t=this.sortKey===e.key&&this.sortOrder!==null;return i.html`<th
+            part="th"
+            scope="col"
+            style=${e.width!=null?`width: ${typeof e.width=="number"?`${e.width}px`:e.width}`:i.nothing}
+            class=${[e.align?`align-${e.align}`:"",e.sortable?"sortable":"",t?"sorted":""].join(" ")||i.nothing}
+            aria-sort=${t?this.sortOrder==="asc"?"ascending":"descending":i.nothing}
+            @click=${()=>this.onHeaderClick(e)}
+          >
+            <div class="th-inner">
+              ${e.title}
+              ${e.sortable?i.html`<span class="sort" part="sort">
+                      <wc-icon
+                        class=${this.sortKey===e.key&&this.sortOrder==="asc"?"active":""}
+                        name="chevron-up"
+                      ></wc-icon>
+                      <wc-icon
+                        class=${this.sortKey===e.key&&this.sortOrder==="desc"?"active":""}
+                        name="chevron-down"
+                      ></wc-icon>
+                    </span>`:i.nothing}
+            </div>
+          </th>`})}
+      </tr>
+    </thead>`}render(){const e=this.data.length>0;return i.html`<div class="wrapper" part="wrapper">
+      <table part="table">
+        ${this.renderHead()}
+        <tbody part="body" ?hidden=${!e}>
+          ${this.displayData.map((t,n)=>i.html`<tr
+              part="row"
+              @click=${()=>this.dispatchEvent(new CustomEvent("wc-row-click",{detail:{row:t,index:n},bubbles:!0,composed:!0}))}
+            >
+              ${this.columns.map(r=>i.html`<td
+                  part="td"
+                  class=${r.align?`align-${r.align}`:i.nothing}
+                  ?ellipsis=${r.ellipsis===!0}
+                  title=${r.ellipsis?String(t[r.key]??""):i.nothing}
+                >
+                  ${this.cellContent(r,t,n)}
+                </td>`)}
+            </tr>`)}
+        </tbody>
+      </table>
+      <div class="empty" part="empty" ?hidden=${e}>
+        <slot name="empty" @slotchange=${this.onSlotChange}><wc-empty></wc-empty></slot>
+      </div>
+      ${this.loading?i.html`<div class="loading" part="loading">
+              <wc-icon name="loader" spin label="加载中"></wc-icon>
+            </div>`:i.nothing}
+    </div>`}};lr.styles=[l,Sa];let z=lr;_([s.property({type:Array})],z.prototype,"columns");_([s.property({type:Array})],z.prototype,"data");_([s.property({type:Boolean,reflect:!0})],z.prototype,"striped");_([s.property({type:Boolean,reflect:!0})],z.prototype,"bordered");_([s.property({reflect:!0})],z.prototype,"size");_([s.property({type:Boolean,reflect:!0})],z.prototype,"loading");_([s.state()],z.prototype,"sortKey");_([s.state()],z.prototype,"sortOrder");customElements.get("wc-table")||customElements.define("wc-table",z);const Ma=i.css`
+  :host {
+    --wc-image-bg: var(--wc-color-bg-container-secondary);
+    --wc-image-radius: var(--wc-radius-medium);
+    --wc-image-mask-bg: rgb(0 0 0 / 75%);
+    --wc-image-tool-bg: rgb(255 255 255 / 16%);
+    --wc-image-tool-bg-hover: rgb(255 255 255 / 28%);
+    --wc-image-tool-color: #fff;
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .frame {
+    position: relative;
+    width: var(--wc-image-width, 240px);
+    height: var(--wc-image-height, 160px);
+    overflow: hidden;
+    background: var(--wc-image-bg);
+  }
+
+  :host([shape='rounded']) .frame {
+    border-radius: var(--wc-image-radius);
+  }
+
+  :host([shape='circle']) .frame {
+    border-radius: 50%;
+  }
+
+  .frame img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  /* 点击触发层：仅在开启预览且加载成功时出现 */
+  .trigger {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    cursor: zoom-in;
+  }
+
+  .trigger:focus-visible {
+    outline: 2px solid var(--wc-color-primary);
+    outline-offset: -2px;
+  }
+
+  /* 加载中 / 失败占位层 */
+  .layer {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wc-space-2);
+    color: var(--wc-color-text-placeholder);
+    font-size: var(--wc-font-size-small);
+  }
+
+  /* 大图预览浮层 */
+  .overlay {
+    position: fixed;
+    inset: 0;
+    z-index: var(--wc-z-index-modal);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--wc-image-mask-bg);
+    animation: wc-image-fade var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .stage {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    cursor: grab;
+  }
+
+  .stage.dragging {
+    cursor: grabbing;
+  }
+
+  .stage img {
+    max-width: 90vw;
+    max-height: 90vh;
+    user-select: none;
+    transition: transform var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .stage.dragging img {
+    transition: none;
+  }
+
+  .toolbar {
+    position: absolute;
+    left: 50%;
+    bottom: var(--wc-space-6);
+    transform: translateX(-50%);
+    display: flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    padding: var(--wc-space-2) var(--wc-space-3);
+    background: var(--wc-image-tool-bg);
+    border-radius: var(--wc-radius-circle);
+    backdrop-filter: blur(4px);
+  }
+
+  .toolbar button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    color: var(--wc-image-tool-color);
+    font-size: var(--wc-font-size-small);
+    cursor: pointer;
+    transition: background var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .toolbar button:hover {
+    background: var(--wc-image-tool-bg-hover);
+  }
+
+  @keyframes wc-image-fade {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;var Pa=Object.defineProperty,p=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Pa(e,t,r),r};const ja=.25,Ta=5,ke=.25,dr=class extends i.LitElement{constructor(){super(...arguments),this.src="",this.alt="",this.fit="fill",this.position="center",this.shape="square",this.lazy=!1,this.preview=!1,this.previewSrc="",this.fallback="",this.status="loading",this.shouldLoad=!1,this.fallbackFailed=!1,this.previewOpen=!1,this.scale=1,this.rotate=0,this.x=0,this.y=0,this.dragging=!1,this.localize=new u(this),this.overlay=new Ze(this,{requestClose:()=>this.requestClosePreview("escape")}),this.io=null,this.dragStartX=0,this.dragStartY=0}connectedCallback(){super.connectedCallback(),this.lazy&&typeof IntersectionObserver<"u"?(this.io=new IntersectionObserver(e=>{e.some(t=>t.isIntersecting)&&(this.startLoad(),this.io?.disconnect())}),this.io.observe(this)):this.startLoad(),this.previewOpen&&this.overlay.bind()}disconnectedCallback(){super.disconnectedCallback(),this.io?.disconnect(),this.overlay.unbind()}willUpdate(e){super.willUpdate(e),e.has("src")&&(this.status="loading",this.fallbackFailed=!1)}updated(e){super.updated(e),e.has("previewOpen")&&(this.previewOpen?(this.dispatchEvent(new CustomEvent("wc-preview-open",{bubbles:!0,composed:!0})),this.overlay.bind()):this.overlay.unbind())}startLoad(){this.shouldLoad||(this.shouldLoad=!0)}onImgLoad(){this.status="loaded",this.dispatchEvent(new CustomEvent("wc-load",{detail:{src:this.src},bubbles:!0,composed:!0}))}onImgError(){this.status="error",this.dispatchEvent(new CustomEvent("wc-error",{detail:{src:this.src},bubbles:!0,composed:!0}))}openPreview(){!this.preview||this.status!=="loaded"||(this.resetTransform(),this.previewOpen=!0)}requestClosePreview(e="api"){this.previewOpen&&this.dispatchEvent(new CustomEvent("wc-preview-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0}))&&(this.previewOpen=!1)}zoomBy(e){const t=Math.round((this.scale+e)*100)/100;this.scale=Math.min(Ta,Math.max(ja,t))}rotateBy(){this.rotate=(this.rotate+90)%360}resetTransform(){this.scale=1,this.rotate=0,this.x=0,this.y=0}onOverlayWheel(e){e.preventDefault(),this.zoomBy(e.deltaY<0?ke:-ke)}onStagePointerDown(e){e.button===0&&(this.dragging=!0,this.dragStartX=e.clientX-this.x,this.dragStartY=e.clientY-this.y,e.currentTarget.setPointerCapture(e.pointerId))}onStagePointerMove(e){this.dragging&&(this.x=e.clientX-this.dragStartX,this.y=e.clientY-this.dragStartY)}onStagePointerUp(){this.dragging=!1}onTriggerKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.openPreview())}imgStyle(){return`object-fit:${this.fit};object-position:${this.position}`}previewStyle(){return`transform:translate(${this.x}px, ${this.y}px) scale(${this.scale}) rotate(${this.rotate}deg)`}render(){const e=this.previewSrc||this.src;return i.html`
+      <div class="frame" part="base">
+        ${this.shouldLoad&&this.status!=="error"?i.html`<img
+                part="image"
+                src=${this.src}
+                alt=${this.alt}
+                style=${this.imgStyle()}
+                @load=${this.onImgLoad}
+                @error=${this.onImgError}
+              />`:""}
+        ${this.status==="error"&&this.fallback&&!this.fallbackFailed?i.html`<img
+                part="image"
+                src=${this.fallback}
+                alt=${this.alt}
+                style=${this.imgStyle()}
+                @error=${()=>this.fallbackFailed=!0}
+              />`:""}
+        ${this.status==="loading"?i.html`<div class="layer">
+                <wc-icon name="loader" spin></wc-icon>
+              </div>`:""}
+        ${this.status==="error"&&(!this.fallback||this.fallbackFailed)?i.html`<div class="layer">
+                <wc-icon name="image-off"></wc-icon>
+                <span>${this.localize.term("image.loadError")}</span>
+              </div>`:""}
+        ${this.preview&&this.status==="loaded"?i.html`<div
+                class="trigger"
+                role="button"
+                tabindex="0"
+                aria-label=${this.localize.term("image.preview")}
+                @click=${()=>this.openPreview()}
+                @keydown=${this.onTriggerKeydown}
+              ></div>`:""}
+      </div>
+      ${this.previewOpen?i.html`<div
+              class="overlay"
+              part="overlay"
+              role="dialog"
+              aria-modal="true"
+              aria-label=${this.localize.term("image.preview")}
+              tabindex="-1"
+              @wheel=${this.onOverlayWheel}
+              @click=${t=>{t.target===t.currentTarget&&this.requestClosePreview("overlay")}}
+            >
+              <div
+                class="stage ${this.dragging?"dragging":""}"
+                @pointerdown=${this.onStagePointerDown}
+                @pointermove=${this.onStagePointerMove}
+                @pointerup=${this.onStagePointerUp}
+                @pointercancel=${this.onStagePointerUp}
+              >
+                <img
+                  part="preview-image"
+                  src=${e}
+                  alt=${this.alt}
+                  draggable="false"
+                  style=${this.previewStyle()}
+                />
+              </div>
+              <div class="toolbar" part="toolbar">
+                <button
+                  type="button"
+                  aria-label=${this.localize.term("image.zoomIn")}
+                  @click=${()=>this.zoomBy(ke)}
+                >
+                  <wc-icon name="zoom-in"></wc-icon>
+                </button>
+                <button
+                  type="button"
+                  aria-label=${this.localize.term("image.zoomOut")}
+                  @click=${()=>this.zoomBy(-ke)}
+                >
+                  <wc-icon name="zoom-out"></wc-icon>
+                </button>
+                <button
+                  type="button"
+                  aria-label=${this.localize.term("image.rotate")}
+                  @click=${()=>this.rotateBy()}
+                >
+                  <wc-icon name="rotate-cw"></wc-icon>
+                </button>
+                <button
+                  type="button"
+                  aria-label=${this.localize.term("image.reset")}
+                  title=${this.localize.term("image.reset")}
+                  @click=${()=>this.resetTransform()}
+                >
+                  1:1
+                </button>
+                <button
+                  type="button"
+                  part="close-button"
+                  aria-label=${this.localize.term("image.close")}
+                  @click=${()=>this.requestClosePreview("close-btn")}
+                >
+                  <wc-icon name="close"></wc-icon>
+                </button>
+              </div>
+            </div>`:""}
+    `}};dr.styles=[l,Ma];let h=dr;p([s.property()],h.prototype,"src");p([s.property()],h.prototype,"alt");p([s.property()],h.prototype,"fit");p([s.property()],h.prototype,"position");p([s.property({reflect:!0})],h.prototype,"shape");p([s.property({type:Boolean})],h.prototype,"lazy");p([s.property({type:Boolean,reflect:!0})],h.prototype,"preview");p([s.property({attribute:"preview-src"})],h.prototype,"previewSrc");p([s.property()],h.prototype,"fallback");p([s.state()],h.prototype,"status");p([s.state()],h.prototype,"shouldLoad");p([s.state()],h.prototype,"fallbackFailed");p([s.state()],h.prototype,"previewOpen");p([s.state()],h.prototype,"scale");p([s.state()],h.prototype,"rotate");p([s.state()],h.prototype,"x");p([s.state()],h.prototype,"y");p([s.state()],h.prototype,"dragging");customElements.get("wc-image")||customElements.define("wc-image",h);const Da=i.css`
+  :host {
+    display: block;
+
+    /* component 层令牌 */
+    --wc-upload-font-size: var(--wc-font-size-medium);
+    --wc-upload-radius: var(--wc-radius-medium);
+    --wc-upload-dragger-bg: var(--wc-color-bg-container);
+  }
+
+  .hidden-input {
+    display: none;
+  }
+
+  /* ---- 默认触发按钮 ---- */
+  .trigger-wrap {
+    display: flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+  }
+
+  .trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--wc-space-1);
+    height: 32px;
+    padding: 0 var(--wc-space-3);
+    font-family: inherit;
+    font-size: var(--wc-upload-font-size);
+    color: var(--wc-color-text);
+    background-color: var(--wc-color-bg-container);
+    border: 1px solid var(--wc-color-border);
+    border-radius: var(--wc-upload-radius);
+    cursor: pointer;
+    user-select: none;
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .trigger:hover:not(:disabled) {
+    border-color: var(--wc-color-primary);
+    color: var(--wc-color-primary);
+  }
+
+  .trigger:disabled {
+    background-color: var(--wc-color-bg-disabled);
+    border-color: transparent;
+    color: var(--wc-color-text-disabled);
+    cursor: not-allowed;
+  }
+
+  /* ---- 拖拽区域 ---- */
+  .dragger {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: var(--wc-space-6) var(--wc-space-4);
+    background-color: var(--wc-upload-dragger-bg);
+    border: 1px dashed var(--wc-color-border);
+    border-radius: var(--wc-upload-radius);
+    cursor: pointer;
+    user-select: none;
+    text-align: center;
+    transition:
+      border-color var(--wc-duration-fast) var(--wc-easing-standard),
+      background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .dragger:hover:not([aria-disabled='true']),
+  .dragger.drag-over {
+    border-color: var(--wc-color-primary);
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .dragger[aria-disabled='true'] {
+    cursor: not-allowed;
+    color: var(--wc-color-text-disabled);
+  }
+
+  .dragger-icon {
+    font-size: 28px;
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .dragger:hover:not([aria-disabled='true']) .dragger-icon,
+  .dragger.drag-over .dragger-icon {
+    color: var(--wc-color-primary);
+  }
+
+  .dragger-text {
+    margin-top: var(--wc-space-2);
+    font-size: var(--wc-upload-font-size);
+    color: var(--wc-color-text);
+  }
+
+  /* ---- 提示文字（tip 插槽） ---- */
+  .tip {
+    display: inline-block;
+    margin-top: var(--wc-space-1);
+    font-size: var(--wc-font-size-small);
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .tip:empty {
+    display: none;
+  }
+
+  /* ---- 文件列表 ---- */
+  .list {
+    margin: var(--wc-space-2) 0 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .item {
+    padding: var(--wc-space-1) var(--wc-space-2);
+    border-radius: var(--wc-radius-small);
+    transition: background-color var(--wc-duration-fast) var(--wc-easing-standard);
+  }
+
+  .item:hover {
+    background-color: var(--wc-color-bg-hover);
+  }
+
+  .row {
+    display: flex;
+    align-items: center;
+    gap: var(--wc-space-2);
+    min-height: 24px;
+  }
+
+  .type-icon {
+    font-size: 16px;
+    color: var(--wc-color-text-placeholder);
+    flex-shrink: 0;
+  }
+
+  .item.success .type-icon {
+    color: var(--wc-color-success);
+  }
+
+  .item.error .type-icon {
+    color: var(--wc-color-error);
+  }
+
+  .name {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: var(--wc-upload-font-size);
+    color: var(--wc-color-text);
+  }
+
+  .name.link {
+    color: var(--wc-color-primary);
+    cursor: pointer;
+  }
+
+  .name.link:hover {
+    text-decoration: underline;
+  }
+
+  .size,
+  .percent,
+  .fail-text {
+    flex-shrink: 0;
+    font-size: var(--wc-font-size-small);
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .fail-text {
+    color: var(--wc-color-error);
+  }
+
+  .status-icon {
+    font-size: 16px;
+    flex-shrink: 0;
+  }
+
+  .status-icon.success {
+    color: var(--wc-color-success);
+  }
+
+  .status-icon.error {
+    color: var(--wc-color-error);
+  }
+
+  .status-icon.waiting {
+    color: var(--wc-color-text-placeholder);
+  }
+
+  .icon-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+  }
+
+  .remove {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    background: transparent;
+    border: none;
+    border-radius: var(--wc-radius-circle);
+    color: var(--wc-color-text-placeholder);
+    cursor: pointer;
+    flex-shrink: 0;
+  }
+
+  /* wc-icon 的 :host 自带 text 色，这里让叉号跟随按钮的灰阶 */
+  .remove wc-icon {
+    color: inherit;
+  }
+
+  .remove:hover {
+    color: var(--wc-color-text-secondary);
+  }
+
+  .bar {
+    margin: var(--wc-space-1) 0 0 var(--wc-space-6);
+  }
+`;var Ia=Object.defineProperty,y=(o,e,t,n)=>{for(var r=void 0,a=o.length-1,c;a>=0;a--)(c=o[a])&&(r=c(e,t,r)||r);return r&&Ia(e,t,r),r};const hr=class extends i.LitElement{constructor(){super(...arguments),this.action="",this.name="file",this.accept="",this.multiple=!1,this.max=0,this.draggable=!1,this.autoUpload=!0,this.disabled=!1,this.requestMethod=null,this.files=[],this.dragOver=!1,this.localize=new u(this),this.xhrMap=new Map,this.uidCounter=0}disconnectedCallback(){super.disconnectedCallback();for(const e of this.xhrMap.values())e.abort();this.xhrMap.clear()}submit(){for(const e of this.files)e.status==="waiting"&&this.startUpload(e)}clearFiles(){for(const e of this.xhrMap.values())e.abort();this.xhrMap.clear(),this.files.length&&(this.files=[],this.emitChange())}nextUid(){return this.uidCounter+=1,`wc-upload-file-${this.uidCounter}`}pick(){this.disabled||this.shadowRoot?.querySelector('input[type="file"]')?.click()}onInputChange(e){const t=e.target;t.files?.length&&this.addFiles(t.files),t.value=""}onDragOver(e){e.preventDefault(),this.disabled||(this.dragOver=!0)}onDragLeave(){this.dragOver=!1}onDrop(e){e.preventDefault(),this.dragOver=!1,!this.disabled&&e.dataTransfer?.files?.length&&this.addFiles(e.dataTransfer.files)}onDraggerKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.pick())}addFiles(e){const t=Array.from(e);if(!t.length)return;let n=t;if(this.max>0){const a=this.max-this.files.length;if(a<t.length){const c=t.slice(Math.max(0,a));this.dispatchEvent(new CustomEvent("wc-exceed",{detail:{files:c,max:this.max},bubbles:!0,composed:!0})),n=t.slice(0,Math.max(0,a))}}if(!n.length)return;const r=n.map(a=>({uid:this.nextUid(),raw:a,name:a.name,size:a.size,percent:0,status:"waiting"}));if(this.files=[...this.files,...r],this.dispatchEvent(new CustomEvent("wc-select",{detail:{files:n},bubbles:!0,composed:!0})),this.emitChange(),this.autoUpload)for(const a of r)this.startUpload(a)}startUpload(e){if(!(this.disabled||e.status==="uploading")){if(!this.action&&!this.requestMethod){console.warn("[wc-upload] 未配置 action 或 requestMethod，文件保持待上传状态");return}this.updateFile(e,{status:"uploading",percent:0}),this.requestMethod?this.requestMethod(e,{onProgress:t=>this.handleProgress(e,t),onSuccess:t=>this.handleSuccess(e,t),onError:t=>this.handleError(e,t)}):this.uploadWithXhr(e)}}uploadWithXhr(e){const t=new XMLHttpRequest;this.xhrMap.set(e.uid,t);const n=new FormData;n.append(this.name,e.raw),t.open("POST",this.action),t.upload.onprogress=r=>{r.lengthComputable&&this.handleProgress(e,r.loaded/r.total*100)},t.onload=()=>{if(t.status>=200&&t.status<300){let r=t.responseText;try{r=JSON.parse(t.responseText)}catch{}this.handleSuccess(e,r)}else this.handleError(e,`HTTP ${t.status}`)},t.onerror=()=>this.handleError(e,"network error"),t.send(n)}handleProgress(e,t){const n=Math.min(100,Math.max(0,Math.round(t)));this.updateFile(e,{percent:n}),this.dispatchEvent(new CustomEvent("wc-progress",{detail:{file:this.snapshot(e),percent:n},bubbles:!0,composed:!0}))}handleSuccess(e,t){this.xhrMap.delete(e.uid);const n=typeof t?.url=="string"?t.url:void 0;this.updateFile(e,{status:"success",percent:100,response:t,url:n}),this.dispatchEvent(new CustomEvent("wc-success",{detail:{file:this.snapshot(e),response:t},bubbles:!0,composed:!0})),this.emitChange()}handleError(e,t){this.xhrMap.delete(e.uid),this.updateFile(e,{status:"error"}),this.dispatchEvent(new CustomEvent("wc-error",{detail:{file:this.snapshot(e),message:t},bubbles:!0,composed:!0})),this.emitChange()}removeFile(e){const t=this.files[e];!t||!this.dispatchEvent(new CustomEvent("wc-remove",{detail:{file:t,index:e},bubbles:!0,composed:!0,cancelable:!0}))||(this.xhrMap.get(t.uid)?.abort(),this.xhrMap.delete(t.uid),this.files=this.files.filter((n,r)=>r!==e),this.emitChange())}retry(e){e.status==="error"&&this.startUpload(e)}onNameClick(e){e.url&&this.dispatchEvent(new CustomEvent("wc-preview",{detail:{file:e},bubbles:!0,composed:!0}))}updateFile(e,t){this.files=this.files.map(n=>n.uid===e.uid?{...n,...t}:n)}snapshot(e){return this.files.find(t=>t.uid===e.uid)??e}emitChange(){this.dispatchEvent(new CustomEvent("wc-change",{detail:{files:[...this.files]},bubbles:!0,composed:!0}))}formatSize(e){return e==null?"":e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}render(){return i.html`
+      <div class="upload" part="base">
+        <input
+          class="hidden-input"
+          type="file"
+          accept=${this.accept}
+          ?multiple=${this.multiple}
+          ?disabled=${this.disabled}
+          @change=${this.onInputChange}
+        />
+        ${this.draggable?i.html`<div
+                class="dragger ${this.dragOver?"drag-over":""}"
+                part="dragger"
+                role="button"
+                tabindex=${this.disabled?-1:0}
+                aria-disabled=${this.disabled}
+                @click=${this.pick}
+                @keydown=${this.onDraggerKeydown}
+                @dragover=${this.onDragOver}
+                @dragleave=${this.onDragLeave}
+                @drop=${this.onDrop}
+              >
+                <wc-icon name="upload" class="dragger-icon"></wc-icon>
+                <span class="dragger-text">${this.localize.term("upload.clickOrDrag")}</span>
+                <span class="tip"><slot name="tip"></slot></span>
+              </div>`:i.html`<div class="trigger-wrap">
+                <button
+                  type="button"
+                  class="trigger"
+                  part="trigger"
+                  ?disabled=${this.disabled}
+                  @click=${this.pick}
+                >
+                  <wc-icon name="upload"></wc-icon>
+                  <span>${this.localize.term("upload.upload")}</span>
+                </button>
+                <span class="tip"><slot name="tip"></slot></span>
+              </div>`}
+        ${this.files.length?i.html`<ul class="list" part="list">
+                ${this.files.map((e,t)=>i.html`
+                    <li class="item ${e.status}" part="item">
+                      <div class="row">
+                        <wc-icon name="file" class="type-icon"></wc-icon>
+                        <span
+                          class="name ${e.url?"link":""}"
+                          title=${e.name}
+                          role=${e.url?"button":void 0}
+                          tabindex=${e.url?0:void 0}
+                          @click=${()=>this.onNameClick(e)}
+                          @keydown=${n=>{e.url&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.onNameClick(e))}}
+                          >${e.name}</span
+                        >
+                        ${e.status==="uploading"?i.html`<span class="percent">${Math.round(e.percent??0)}%</span>`:e.status==="error"?i.html`<span class="fail-text"
+                                  >${this.localize.term("upload.failed")}</span
+                                >`:i.html`<span class="size">${this.formatSize(e.size)}</span>`}
+                        ${e.status==="success"?i.html`<wc-icon name="check" class="status-icon success"></wc-icon>`:e.status==="error"?i.html`<button
+                                  type="button"
+                                  class="icon-btn"
+                                  title=${this.localize.term("upload.retry")}
+                                  aria-label=${this.localize.term("upload.retry")}
+                                  @click=${()=>this.retry(e)}
+                                >
+                                  <wc-icon name="error" class="status-icon error"></wc-icon>
+                                </button>`:e.status==="waiting"?i.html`<wc-icon
+                                    name="loader"
+                                    spin
+                                    class="status-icon waiting"
+                                  ></wc-icon>`:""}
+                        <button
+                          type="button"
+                          class="remove"
+                          part="remove-button"
+                          aria-label=${this.localize.term("upload.remove")}
+                          @click=${()=>this.removeFile(t)}
+                        >
+                          <wc-icon name="close"></wc-icon>
+                        </button>
+                      </div>
+                      ${e.status==="uploading"?i.html`<wc-progress
+                              class="bar"
+                              value=${e.percent??0}
+                              stroke-width="4"
+                              ?show-label=${!1}
+                            ></wc-progress>`:""}
+                    </li>
+                  `)}
+              </ul>`:""}
+      </div>
+    `}};hr.styles=[l,Da];let w=hr;y([s.property()],w.prototype,"action");y([s.property()],w.prototype,"name");y([s.property()],w.prototype,"accept");y([s.property({type:Boolean})],w.prototype,"multiple");y([s.property({type:Number})],w.prototype,"max");y([s.property({type:Boolean,reflect:!0})],w.prototype,"draggable");y([s.property({type:Boolean,reflect:!0,attribute:"auto-upload",converter:o=>o==null?!0:o!=="false"})],w.prototype,"autoUpload");y([s.property({type:Boolean,reflect:!0})],w.prototype,"disabled");y([s.property({attribute:!1})],w.prototype,"requestMethod");y([s.state()],w.prototype,"files");y([s.state()],w.prototype,"dragOver");customElements.get("wc-upload")||customElements.define("wc-upload",w);const pr=d("arrow-left",'<path d="M19 12H5"/><path d="m12 19-7-7 7-7"/>'),ur=d("arrow-right",'<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>'),wr=d("calendar",'<rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h18"/>'),vr=d("check",'<polyline points="20 6 9 17 4 12"/>'),mr=d("chevron-down",'<path d="m6 9 6 6 6-6"/>'),gr=d("chevron-left",'<path d="m15 18-6-6 6-6"/>'),br=d("chevron-right",'<path d="m9 18 6-6-6-6"/>'),fr=d("chevron-up",'<path d="m18 15-6-6-6 6"/>'),yr=d("close",'<path d="M18 6 6 18"/><path d="m6 6 12 12"/>'),xr=d("error",'<circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/>'),kr=d("file",'<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/>'),$r=d("image-off",'<path d="m2 2 20 20"/><path d="M10.41 10.17a2 2 0 0 1-2.24 2.24"/><path d="M21 15V5a2 2 0 0 0-2-2H7"/><path d="M3.59 3.59A2 2 0 0 0 3 5v14a2 2 0 0 0 2 2h14a2 2 0 0 0 1.41-.59"/><path d="m21 15-5-5L5 21"/>'),zr=d("info",'<circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/>'),Cr=d("loader",'<path d="M21 12a9 9 0 1 1-6.219-8.56"/>'),Er=d("minus",'<path d="M5 12h14"/>'),Or=d("plus",'<path d="M5 12h14"/><path d="M12 5v14"/>'),Sr=d("rotate-cw",'<path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/>'),Lr=d("search",'<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>'),Mr=d("upload",'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/>'),Pr=d("warning",'<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>'),jr=d("zoom-in",'<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/><path d="M11 8v6"/><path d="M8 11h6"/>'),Tr=d("zoom-out",'<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/><path d="M8 11h6"/>'),Dr=[pr,ur,wr,vr,mr,gr,br,fr,yr,xr,kr,$r,zr,Cr,Er,Or,Sr,Lr,Mr,Pr,jr,Tr];function Na(){for(const o of Dr)vt(o.name,o.svg)}const Ir="wc-theme-change",Ye="wc-theme";let ee="light",Q=null;function Ba(){return typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Nr(){return ee==="auto"?Ba():ee}function qa(){return ee}function Br(o,e){if(o!=="light"&&o!=="dark"&&o!=="auto")throw new Error(`[wc] 无效主题: "${String(o)}"，可选 light | dark | auto`);ee=o,typeof localStorage<"u"&&(e?.persist?localStorage.setItem(Ye,o):localStorage.removeItem(Ye)),_a(),Ke()}function Aa(){let o=null;typeof localStorage<"u"&&(o=localStorage.getItem(Ye)),Br(o==="light"||o==="dark"||o==="auto"?o:"auto")}function _a(){const o=ee==="auto"&&typeof window.matchMedia=="function";o&&!Q?(Q=window.matchMedia("(prefers-color-scheme: dark)"),Q.addEventListener("change",Ke)):!o&&Q&&(Q.removeEventListener("change",Ke),Q=null)}function Ke(){const o=Nr();typeof document<"u"&&(document.documentElement.dataset.theme=o),document.dispatchEvent(new CustomEvent(Ir,{detail:{theme:ee,effective:o},bubbles:!0,composed:!0}))}const Fa=':root{--wc-color-brand-50: #f2f7ff;--wc-color-brand-100: #d9e8ff;--wc-color-brand-200: #b5d0ff;--wc-color-brand-300: #8cb8ff;--wc-color-brand-400: #5f96f7;--wc-color-brand-500: #0052d9;--wc-color-brand-600: #0045c2;--wc-color-brand-700: #00359e;--wc-color-brand-800: #002a7d;--wc-color-success-light: #e3f9e9;--wc-color-success: #2ba471;--wc-color-success-dark: #1f895c;--wc-color-warning-light: #fdf3e6;--wc-color-warning: #e37318;--wc-color-warning-dark: #c25c0a;--wc-color-error-light: #fdecee;--wc-color-error: #d54941;--wc-color-error-dark: #b5362f;--wc-color-info-light: #f2f7ff;--wc-color-info: #0052d9;--wc-color-info-dark: #0045c2;--wc-color-gray-50: #f5f7fa;--wc-color-gray-100: #e7eaee;--wc-color-gray-200: #d5dbe3;--wc-color-gray-300: #c2c9d4;--wc-color-gray-400: #a6b0bf;--wc-color-gray-500: #8a94a6;--wc-color-gray-600: #6b7687;--wc-color-gray-700: #4b5563;--wc-color-gray-800: #2f3540;--wc-color-gray-900: #1b1f27;--wc-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "PingFang SC", "Microsoft YaHei", sans-serif;--wc-font-family-mono: ui-monospace, sfmono-regular, "SF Mono", menlo, consolas, "Liberation Mono", monospace;--wc-font-size-xsmall: 12px;--wc-font-size-small: 13px;--wc-font-size-medium: 14px;--wc-font-size-large: 16px;--wc-font-size-xlarge: 20px;--wc-font-size-h1: 24px;--wc-font-size-h2: 20px;--wc-font-size-h3: 18px;--wc-font-weight-normal: 400;--wc-font-weight-medium: 500;--wc-font-weight-semibold: 600;--wc-font-weight-bold: 700;--wc-line-height-base: 1.5;--wc-line-height-compact: 1.25;--wc-space-1: 4px;--wc-space-2: 8px;--wc-space-3: 12px;--wc-space-4: 16px;--wc-space-5: 20px;--wc-space-6: 24px;--wc-space-8: 32px;--wc-space-10: 40px;--wc-space-12: 48px;--wc-radius-none: 0;--wc-radius-small: 3px;--wc-radius-medium: 4px;--wc-radius-large: 8px;--wc-radius-xlarge: 10px;--wc-radius-round: 999px;--wc-radius-circle: 50%;--wc-shadow-1: 0 1px 2px rgb(15 23 42 / 6%), 0 1px 3px rgb(15 23 42 / 10%);--wc-shadow-2: 0 1px 2px rgb(15 23 42 / 6%), 0 4px 12px -2px rgb(15 23 42 / 12%);--wc-shadow-3: 0 4px 8px -2px rgb(15 23 42 / 8%), 0 12px 32px -4px rgb(15 23 42 / 18%);--wc-duration-fast: .15s;--wc-duration-medium: .3s;--wc-duration-slow: 1s;--wc-easing-standard: cubic-bezier(.4, 0, .2, 1);--wc-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--wc-z-index-dropdown: 1000;--wc-z-index-sticky: 1100;--wc-z-index-modal: 1200;--wc-z-index-drawer: 1300;--wc-z-index-message: 1500;--wc-z-index-tooltip: 1600;--wc-color-primary: var(--wc-color-brand-500);--wc-color-primary-hover: var(--wc-color-brand-600);--wc-color-primary-active: var(--wc-color-brand-700);--wc-color-primary-light: var(--wc-color-brand-50);--wc-color-text-anti: #ffffff;--wc-color-success-bg: var(--wc-color-success-light);--wc-color-warning-bg: var(--wc-color-warning-light);--wc-color-error-bg: var(--wc-color-error-light);--wc-color-info-bg: var(--wc-color-info-light);--wc-color-text: var(--wc-color-gray-900);--wc-color-text-secondary: var(--wc-color-gray-600);--wc-color-text-placeholder: var(--wc-color-gray-400);--wc-color-text-disabled: var(--wc-color-gray-500);--wc-color-border: var(--wc-color-gray-200);--wc-color-border-strong: var(--wc-color-gray-500);--wc-color-bg: var(--wc-color-gray-50);--wc-color-bg-container: #ffffff;--wc-color-bg-container-secondary: var(--wc-color-gray-50);--wc-color-bg-hover: var(--wc-color-gray-100);--wc-color-bg-disabled: var(--wc-color-gray-100);--wc-color-mask: rgb(0 0 0 / 60%);--wc-color-overlay-hover: rgb(0 0 0 / 8%);--wc-color-focus-ring: var(--wc-color-brand-300)}[data-theme=dark]{color-scheme:dark;--wc-color-primary: var(--wc-color-brand-300);--wc-color-primary-hover: var(--wc-color-brand-200);--wc-color-primary-active: var(--wc-color-brand-100);--wc-color-primary-light: var(--wc-color-brand-800);--wc-color-text-anti: #1b1f27;--wc-color-success: #4fce8e;--wc-color-success-bg: #103524;--wc-color-warning: #f5a962;--wc-color-warning-bg: #3c2a15;--wc-color-error: #e76f68;--wc-color-error-bg: #442423;--wc-color-info: var(--wc-color-brand-300);--wc-color-info-bg: var(--wc-color-brand-800);--wc-color-text: var(--wc-color-gray-50);--wc-color-text-secondary: var(--wc-color-gray-400);--wc-color-text-placeholder: var(--wc-color-gray-600);--wc-color-text-disabled: var(--wc-color-gray-500);--wc-color-border: var(--wc-color-gray-700);--wc-color-border-strong: var(--wc-color-gray-500);--wc-color-bg: var(--wc-color-gray-900);--wc-color-bg-container: #242832;--wc-color-bg-container-secondary: #2f3540;--wc-color-bg-hover: var(--wc-color-gray-800);--wc-color-bg-disabled: var(--wc-color-gray-700);--wc-color-mask: rgb(0 0 0 / 70%);--wc-color-overlay-hover: rgb(255 255 255 / 12%);--wc-color-focus-ring: var(--wc-color-brand-200);--wc-shadow-1: 0 1px 2px rgb(0 0 0 / 40%), 0 1px 3px rgb(0 0 0 / 30%);--wc-shadow-2: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 12px -2px rgb(0 0 0 / 45%);--wc-shadow-3: 0 4px 8px -2px rgb(0 0 0 / 40%), 0 12px 32px -4px rgb(0 0 0 / 50%)}',Ra="*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}body{font-family:var(--wc-font-family);font-size:var(--wc-font-size-medium);line-height:var(--wc-line-height-base);color:var(--wc-color-text);background-color:var(--wc-color-bg-container);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--wc-font-weight-semibold);line-height:var(--wc-line-height-compact)}h1{font-size:var(--wc-font-size-h1)}h2{font-size:var(--wc-font-size-h2)}h3{font-size:var(--wc-font-size-h3)}h4{font-size:var(--wc-font-size-large)}h5,h6{font-size:var(--wc-font-size-medium)}ul,ol{padding:0;list-style:none}a{color:var(--wc-color-primary);text-decoration:none;transition:color var(--wc-duration-fast) var(--wc-easing-standard)}a:hover{color:var(--wc-color-primary-hover)}a:active{color:var(--wc-color-primary-active)}a[disabled]{color:var(--wc-color-text-disabled);cursor:not-allowed}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img{border-style:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:none;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{background-color:transparent;border:none}input::placeholder,textarea::placeholder{color:var(--wc-color-text-placeholder)}textarea{resize:vertical}code,kbd,samp,pre{font-family:var(--wc-font-family-mono);font-size:var(--wc-font-size-small)}table{border-collapse:collapse;border-spacing:0}th{font-weight:var(--wc-font-weight-medium);text-align:inherit}fieldset{border:none;padding:0}hr{border:none;border-top:1px solid var(--wc-color-border)}blockquote,figure,dd,dl{margin:0}:focus-visible{outline:2px solid var(--wc-color-focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--wc-color-primary-light);color:var(--wc-color-text)}";exports.ARROW_INSET=$e;exports.FormAssociatedMixin=x;exports.LANGUAGE_CHANGE_EVENT=ze;exports.LocalizeController=u;exports.POSITION_GAP=C;exports.THEME_CHANGE_EVENT=Ir;exports.WcIcon=O;exports.arrowLeft=pr;exports.arrowRight=ur;exports.baseStyles=l;exports.builtinIcons=Dr;exports.calendar=wr;exports.check=vr;exports.chevronDown=mr;exports.chevronLeft=gr;exports.chevronRight=br;exports.chevronUp=fr;exports.close=yr;exports.computePosition=Qe;exports.createIcon=d;exports.error=xr;exports.file=kr;exports.getEffectiveTheme=Nr;exports.getIcon=Hr;exports.getIconLibrary=Wr;exports.getLocale=ft;exports.getRegisteredLocales=to;exports.getTerm=yt;exports.getTheme=qa;exports.imageOff=$r;exports.info=zr;exports.initTheme=Aa;exports.loader=Cr;exports.message=Qo;exports.minus=Er;exports.onIconRegister=ut;exports.plus=Or;exports.registerBuiltinIcons=Na;exports.registerIcon=vt;exports.registerIconLibrary=mt;exports.registerLocale=Qr;exports.resetCss=Ra;exports.resolveIcon=gt;exports.resolveLocale=Xe;exports.rotateCw=Sr;exports.search=Lr;exports.setLocale=eo;exports.setTheme=Br;exports.splitPlacement=Te;exports.tokensCss=Fa;exports.upload=Mr;exports.warning=Pr;exports.wcAvatar=Se;exports.wcBadge=ue;exports.wcBreadcrumb=tt;exports.wcBreadcrumbItem=Ne;exports.wcButton=E;exports.wcButtonGroup=pt;exports.wcCard=D;exports.wcCheckbox=te;exports.wcCol=Me;exports.wcDatePicker=b;exports.wcDialog=q;exports.wcDivider=ye;exports.wcDrawer=P;exports.wcEmpty=or;exports.wcForm=Dt;exports.wcFormItem=f;exports.wcImage=h;exports.wcInput=g;exports.wcInputNumber=v;exports.wcList=ve;exports.wcListItem=cr;exports.wcMessage=de;exports.wcOption=oe;exports.wcPagination=T;exports.wcPopconfirm=j;exports.wcProgress=A;exports.wcRadio=be;exports.wcRow=ne;exports.wcSelect=B;exports.wcSlider=U;exports.wcSpace=se;exports.wcSwitch=re;exports.wcTab=pe;exports.wcTable=z;exports.wcTabs=et;exports.wcTag=Y;exports.wcText=ce;exports.wcTextarea=k;exports.wcTooltip=he;exports.wcUpload=w;exports.zoomIn=jr;exports.zoomOut=Tr;
+//# sourceMappingURL=index.cjs.js.map