@wc-kit/core 0.0.0-stage → 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,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&&Yr(e,t,r),r};const nt=class nt 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)}};nt.styles=[l,Ur];let k=nt;oe([s.property({reflect:!0})],k.prototype,"theme");oe([s.property({reflect:!0})],k.prototype,"variant");oe([s.property({reflect:!0})],k.prototype,"size");oe([s.property({reflect:!0,attribute:"icon-position"})],k.prototype,"iconPosition");oe([s.property({type:Boolean,reflect:!0})],k.prototype,"block");oe([s.property({type:Boolean,reflect:!0})],k.prototype,"disabled");oe([s.property({type:Boolean,reflect:!0})],k.prototype,"loading");customElements.get("wc-button")||customElements.define("wc-button",k);const Hr=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);
+  }
+`,ct=class ct extends i.LitElement{render(){return i.html`<div class="group" part="base"><slot></slot></div>`}};ct.styles=[l,Hr];let Oe=ct;customElements.get("wc-button-group")||customElements.define("wc-button-group",Oe);const et=new Map,tt=new Map,Ke=new Map,Ge=new Set;function tr(o){return Ge.add(o),()=>Ge.delete(o)}function rr(){for(const o of[...Ge])o()}function or(o,e){et.set(o,e),rr()}function Kr(o){return et.get(o)}function ar(o,e){tt.set(o,e),rr()}function Wr(o){return tt.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>`}}ar("default",{resolver:o=>et.get(o)??""});async function sr(o,e){const t=tt.get(o);if(!t)return"";const n=`${o}:${e}`;let r=Ke.get(n);r||(r=Promise.resolve(t.resolver(e)).catch(c=>""),Ke.set(n,r));const a=await r;if(!a)return Ke.delete(n),"";if(t.mutator&&typeof DOMParser<"u"){const u=new DOMParser().parseFromString(a,"text/html").querySelector("svg");if(u)return t.mutator(u),u.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,ae=(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 lt=class lt 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?tr(()=>{this.loadIcon()}):null;let n="";if(this.src?n=await this.fetchSrc(this.src):this.name&&(n=await sr(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
+      >
+    `}};lt.styles=[l,Xr];let $=lt;ae([s.property()],$.prototype,"name");ae([s.property()],$.prototype,"src");ae([s.property()],$.prototype,"library");ae([s.property()],$.prototype,"label");ae([s.property({type:Boolean,reflect:!0})],$.prototype,"spin");ae([s.property({type:Boolean,reflect:!0})],$.prototype,"pulse");ae([s.state()],$.prototype,"svg");customElements.get("wc-icon")||customElements.define("wc-icon",$);function M(o){const t=class t 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(){}};t.formAssociated=!0,t.properties={name:{type:String},disabled:{type:Boolean,reflect:!0}};let e=t;return e}const Zr={"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"},Jr={"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":"预览"},Pe="wc-language-change",ee=new Map([["zh-CN",{...Jr}],["en-US",{...Zr}]]);let xe="zh-CN";function Qr(o,e){const t=ee.get(o);ee.set(o,Object.assign({},t,e)),o===xe&&cr()}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!==xe&&(xe=o,cr())}function ir(){return xe}function rt(o){if(ee.has(o))return o;const e=o.split("-")[0]?.toLowerCase();for(const t of ee.keys())if(t.split("-")[0]?.toLowerCase()===e)return t;return"zh-CN"}function nr(o,e,t){const n=ee.get(rt(o)),r=ee.get("zh-CN");let a=n?.[e]??r?.[e]??e;return t&&(a=a.replace(/\{(\w+)\}/g,(c,u)=>u in t?String(t[u]):c)),a}function to(){return[...ee.keys()]}function cr(){document.dispatchEvent(new CustomEvent(Pe,{detail:{locale:xe},bubbles:!0,composed:!0}))}class v{constructor(e){this.handleLanguageChange=()=>{this.host.requestUpdate()},this.host=e,e.addController(this)}hostConnected(){document.addEventListener(Pe,this.handleLanguageChange)}hostDisconnected(){document.removeEventListener(Pe,this.handleLanguageChange)}term(e,t){return nr(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?rt(e):ir()}}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,N=(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 dt=class dt extends M(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 v(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()}};dt.styles=[l,ro];let b=dt;N([s.property()],b.prototype,"value",1);N([s.property()],b.prototype,"type",2);N([s.property({reflect:!0})],b.prototype,"size",2);N([s.property()],b.prototype,"placeholder",2);N([s.property()],b.prototype,"label",2);N([s.property({type:Number})],b.prototype,"maxlength",2);N([s.property({type:Boolean,reflect:!0})],b.prototype,"readonly",2);N([s.property({type:Boolean,reflect:!0})],b.prototype,"clearable",2);N([s.property({reflect:!0})],b.prototype,"status",2);customElements.get("wc-input")||customElements.define("wc-input",b);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,J=(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 ht=class ht extends M(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>
+    `}};ht.styles=[l,so];let y=ht;J([s.property()],y.prototype,"value",1);J([s.property()],y.prototype,"placeholder",2);J([s.property()],y.prototype,"label",2);J([s.property({type:Number})],y.prototype,"maxlength",2);J([s.property({type:Number})],y.prototype,"rows",2);J([s.property({type:Boolean,reflect:!0})],y.prototype,"autosize",2);J([s.property({type:Boolean,reflect:!0})],y.prototype,"readonly",2);J([s.property({reflect:!0})],y.prototype,"status",2);customElements.get("wc-textarea")||customElements.define("wc-textarea",y);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,Te=(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 pt=class pt extends M(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>
+    `}};pt.styles=[l,co];let R=pt;Te([s.property({type:Boolean,reflect:!0})],R.prototype,"checked");Te([s.property({type:Boolean,reflect:!0})],R.prototype,"indeterminate");Te([s.property()],R.prototype,"value");Te([s.property()],R.prototype,"label");customElements.get("wc-checkbox")||customElements.define("wc-checkbox",R);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,ot=(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 ut=class ut extends M(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>
+    `}};ut.styles=[l,ho];let te=ut;ot([s.property({type:Boolean,reflect:!0})],te.prototype,"checked");ot([s.property()],te.prototype,"value");ot([s.property()],te.prototype,"label");customElements.get("wc-radio")||customElements.define("wc-radio",te);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 vo=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&&vo(e,t,r),r};const vt=class vt extends M(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>
+    `}};vt.styles=[l,uo];let F=vt;De([s.property({type:Boolean,reflect:!0})],F.prototype,"checked");De([s.property()],F.prototype,"checkedValue");De([s.property()],F.prototype,"uncheckedValue");De([s.property()],F.prototype,"label");customElements.get("wc-switch")||customElements.define("wc-switch",F);const wo=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,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&&mo(e,t,r),r};const wt=class wt 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>
+    `}};wt.styles=[wo];let V=wt;je([s.property({reflect:!0})],V.prototype,"value");je([s.property({type:Boolean,reflect:!0})],V.prototype,"disabled");je([s.property({type:Boolean,reflect:!0})],V.prototype,"selected");je([s.property({type:Boolean,reflect:!0})],V.prototype,"active");customElements.get("wc-option")||customElements.define("wc-option",V);const bo=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 go=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,me=(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&&go(e,t,r),r};const mt=class mt extends M(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 v(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>
+    `}};mt.styles=[l,bo];let O=mt;me([s.property()],O.prototype,"value",1);me([s.property()],O.prototype,"placeholder",2);me([s.property({reflect:!0})],O.prototype,"size",2);me([s.property({reflect:!0})],O.prototype,"status",2);me([s.property({type:Boolean,reflect:!0})],O.prototype,"clearable",2);me([s.property({type:Boolean,reflect:!0})],O.prototype,"open",2);customElements.get("wc-select")||customElements.define("wc-select",O);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,ze=(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 bt=class bt extends M(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>
+    `}};bt.styles=[l,yo];let D=bt;ze([s.property({type:Number})],D.prototype,"value",1);ze([s.property({type:Number})],D.prototype,"min",2);ze([s.property({type:Number})],D.prototype,"max",2);ze([s.property({type:Number})],D.prototype,"step",2);ze([s.property()],D.prototype,"label",2);customElements.get("wc-slider")||customElements.define("wc-slider",D);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,I=(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 gt=class gt extends M(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 v(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> `}};gt.styles=[l,$o];let m=gt;I([s.property({type:Number})],m.prototype,"value",1);I([s.property({type:Number})],m.prototype,"min",2);I([s.property({type:Number})],m.prototype,"max",2);I([s.property({type:Number})],m.prototype,"step",2);I([s.property({reflect:!0})],m.prototype,"theme",2);I([s.property({reflect:!0})],m.prototype,"size",2);I([s.property()],m.prototype,"placeholder",2);I([s.property()],m.prototype,"label",2);I([s.property({type:Boolean,reflect:!0})],m.prototype,"readonly",2);I([s.property({reflect:!0})],m.prototype,"status",2);customElements.get("wc-input-number")||customElements.define("wc-input-number",m);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 So=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,q=(o,e,t,n)=>{for(var r=n>1?void 0:n?_o(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&&So(e,t,r),r};function Gt(o){return String(o).padStart(2,"0")}function ye(o){return`${o.getFullYear()}-${Gt(o.getMonth()+1)}-${Gt(o.getDate())}`}function We(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 Zt(o,e){return new Date(o.getFullYear(),o.getMonth(),o.getDate()+e)}const ft=class ft extends M(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 v(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&&We(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=We(this.value)??new Date;this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth(),this.activeIso=ye(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 t=(new Date(this.viewYear,this.viewMonth,1).getDay()-this.firstDayOfWeek+7)%7,n=new Date(this.viewYear,this.viewMonth,1-t),r=ye(new Date),a=[];for(let c=0;c<42;c++){const u=Zt(n,c),Ee=ye(u);a.push({iso:Ee,day:u.getDate(),inMonth:u.getMonth()===this.viewMonth,isToday:Ee===r})}return a}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(ye(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=We(this.activeIso)??new Date,n=Zt(t,e),r=ye(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>
+    `}};ft.styles=[l,Eo];let g=ft;q([s.property()],g.prototype,"value",1);q([s.property()],g.prototype,"placeholder",2);q([s.property()],g.prototype,"label",2);q([s.property({reflect:!0})],g.prototype,"size",2);q([s.property({reflect:!0})],g.prototype,"status",2);q([s.property({type:Boolean,reflect:!0})],g.prototype,"clearable",2);q([s.property({type:Boolean,reflect:!0})],g.prototype,"readonly",2);q([s.property({type:Number,attribute:"first-day-of-week"})],g.prototype,"firstDayOfWeek",2);q([s.property({type:Boolean,reflect:!0})],g.prototype,"open",2);customElements.get("wc-date-picker")||customElements.define("wc-date-picker",g);const lr=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);
+  }
+`,yt=class yt 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(t=>t.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>
+    `}};yt.styles=[l,lr];let Le=yt;customElements.get("wc-form")||customElements.define("wc-form",Le);var Oo=Object.defineProperty,A=(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&&Oo(e,t,r),r};const xt=class xt extends i.LitElement{constructor(){super(),this.name="",this.label="",this.required=!1,this.pattern="",this.rules=[],this._error="",this.localize=new v(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,u)=>e.message??this.localize.term(c,{name:n,...u}),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>
+    `}};xt.styles=[l,lr];let f=xt;A([s.property()],f.prototype,"name");A([s.property()],f.prototype,"label");A([s.property({type:Boolean,reflect:!0})],f.prototype,"required");A([s.property({type:Number})],f.prototype,"min");A([s.property({type:Number})],f.prototype,"max");A([s.property({type:Number,attribute:"min-length"})],f.prototype,"minLength");A([s.property({type:Number,attribute:"max-length"})],f.prototype,"maxLength");A([s.property()],f.prototype,"pattern");A([s.property({attribute:!1})],f.prototype,"rules");customElements.get("wc-form-item")||customElements.define("wc-form-item",f);const Po=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 Lo=Object.defineProperty,at=(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 kt=class kt 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>
+    `}};kt.styles=[l,Po];let re=kt;at([s.property({type:Boolean,reflect:!0})],re.prototype,"dashed");at([s.property({reflect:!0})],re.prototype,"align");at([s.property({type:Boolean,reflect:!0})],re.prototype,"vertical");customElements.get("wc-divider")||customElements.define("wc-divider",re);const Mo=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 Io=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&&Io(e,t,r),r};const $t=class $t extends i.LitElement{constructor(){super(...arguments),this.theme="default",this.size="medium",this.variant="light",this.closable=!1,this.disabled=!1,this.localize=new v(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>
+    `}};$t.styles=[l,Mo];let j=$t;Ce([s.property({reflect:!0})],j.prototype,"theme");Ce([s.property({reflect:!0})],j.prototype,"size");Ce([s.property({reflect:!0})],j.prototype,"variant");Ce([s.property({type:Boolean,reflect:!0})],j.prototype,"closable");Ce([s.property({type:Boolean,reflect:!0})],j.prototype,"disabled");customElements.get("wc-tag")||customElements.define("wc-tag",j);const To=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 Do=Object.defineProperty,dr=(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&&Do(e,t,r),r};const jo=["small","medium","large"],zt=class zt extends i.LitElement{constructor(){super(...arguments),this.size="medium",this.shape="circle"}get isPreset(){return jo.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>
+    `}};zt.styles=[l,To];let ue=zt;dr([s.property()],ue.prototype,"size");dr([s.property({reflect:!0})],ue.prototype,"shape");customElements.get("wc-avatar")||customElements.define("wc-avatar",ue);const No=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,Ne=(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)"},Ct=class Ct 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>
+    `}};Ct.styles=[l,No];let U=Ct;Ne([s.property()],U.prototype,"size");Ne([s.property({reflect:!0})],U.prototype,"direction");Ne([s.property({reflect:!0})],U.prototype,"align");Ne([s.property({type:Boolean,reflect:!0})],U.prototype,"wrap");customElements.get("wc-space")||customElements.define("wc-space",U);const hr=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 Bo=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&&Bo(e,t,r),r};const Et=class Et 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>
+    `}};Et.styles=[l,hr];let Y=Et;be([s.property({type:Number})],Y.prototype,"gutter");be([s.property({reflect:!0})],Y.prototype,"justify");be([s.property({reflect:!0})],Y.prototype,"align");be([s.property({type:Boolean,reflect:!0})],Y.prototype,"wrap");const St=class St 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>
+    `}};St.styles=[l,hr];let ve=St;be([s.property({type:Number})],ve.prototype,"span");be([s.property({type:Number})],ve.prototype,"offset");customElements.get("wc-row")||customElements.define("wc-row",Y);customElements.get("wc-col")||customElements.define("wc-col",ve);const Ro=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 Fo=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&&Fo(e,t,r),r};const _t=class _t 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>`}};_t.styles=[l,Ro];let H=_t;qe([s.property({reflect:!0})],H.prototype,"variant");qe([s.property({type:Number})],H.prototype,"level");qe([s.property({reflect:!0})],H.prototype,"type");qe([s.property({type:Boolean,reflect:!0})],H.prototype,"disabled");customElements.get("wc-text")||customElements.define("wc-text",H);const Vo="wc-dialog, wc-drawer";class st{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,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&&Yo(e,t,r),r};const Ot=class Ot 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 v(this),this.overlay=new st(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>
+    `}};Ot.styles=[l,Uo];let P=Ot;ge([s.property({type:Boolean,reflect:!0})],P.prototype,"open");ge([s.property()],P.prototype,"header");ge([s.property({type:Boolean})],P.prototype,"footer");ge([s.property({type:Boolean,reflect:!0})],P.prototype,"closable");ge([s.property({type:Boolean,attribute:"close-on-overlay-click"})],P.prototype,"closeOnOverlayClick");ge([s.property()],P.prototype,"width");customElements.get("wc-dialog")||customElements.define("wc-dialog",P);const Ho=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 Ko=Object.defineProperty,se=(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&&Ko(e,t,r),r};const Wo={small:"300px",medium:"500px",large:"760px"},Pt=class Pt 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 v(this),this.overlay=new st(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 t=Wo[this.size]??this.size.trim();return`--wc-drawer-size:${/^\d+$/.test(t)?`${t}px`:t}`}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>
+    `}};Pt.styles=[l,Ho];let z=Pt;se([s.property({type:Boolean,reflect:!0})],z.prototype,"open");se([s.property({reflect:!0})],z.prototype,"placement");se([s.property()],z.prototype,"size");se([s.property()],z.prototype,"header");se([s.property({type:Boolean})],z.prototype,"footer");se([s.property({type:Boolean,reflect:!0})],z.prototype,"closable");se([s.property({type:Boolean,attribute:"close-on-overlay-click"})],z.prototype,"closeOnOverlayClick");customElements.get("wc-drawer")||customElements.define("wc-drawer",z);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,Ae=(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 Zo={info:"info",success:"check",warning:"warning",error:"error",loading:"loader"},Lt=class Lt extends i.LitElement{constructor(){super(...arguments),this.theme="info",this.content="",this.duration=3e3,this.closable=!1,this.localize=new v(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=Zo[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>
+    `}};Lt.styles=[l,Xo];let K=Lt;Ae([s.property({reflect:!0})],K.prototype,"theme");Ae([s.property()],K.prototype,"content");Ae([s.property({type:Number})],K.prototype,"duration");Ae([s.property({type:Boolean,reflect:!0})],K.prototype,"closable");customElements.get("wc-message")||customElements.define("wc-message",K);let B=null;function Jo(){if(B&&B.isConnected)return B;B=document.createElement("div"),B.className="wc-message-container";const o=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--wc-z-index-message"));return B.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(B),B}function he(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()),Jo().appendChild(t),t}const Qo={info:(o,e)=>he(o,{...e,theme:"info"}),success:(o,e)=>he(o,{...e,theme:"success"}),warning:(o,e)=>he(o,{...e,theme:"warning"}),error:(o,e)=>he(o,{...e,theme:"error"}),loading:(o,e)=>he(o,{duration:0,closable:!1,...e,theme:"loading"}),show:he},T=8,_e=12;function Be(o){const e=o.indexOf("-");return e===-1?{base:o}:{base:o.slice(0,e),align:o.slice(e+1)}}function Jt(o){switch(o){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}function Qt(o,e,t,n){switch(o){case"top":return e.y-t.height-T>=n.y;case"bottom":return e.y+e.height+t.height+T<=n.y+n.height;case"left":return e.x-t.width-T>=n.x;case"right":return e.x+e.width+t.width+T<=n.x+n.width}}function Xe(o,e,t){return Math.max(e,Math.min(o,t))}function it(o,e,t,n){const{base:r,align:a}=Be(n);let c=r;!Qt(r,o,e,t)&&Qt(Jt(r),o,e,t)&&(c=Jt(r));const u=a==="start",Ee=a==="end";let le,de;const Kt=(He,Wt,Xt)=>u?He:Ee?He+Wt-Xt:He+Wt/2-Xt/2;c==="top"||c==="bottom"?(le=Kt(o.x,o.width,e.width),de=c==="top"?o.y-e.height-T:o.y+o.height+T):(de=Kt(o.y,o.height,e.height),le=c==="left"?o.x-e.width-T:o.x+o.width+T),le=Xe(le,t.x,t.x+t.width-e.width),de=Xe(de,t.y,t.y+t.height-e.height);const Ar=c==="top"||c==="bottom"?o.x+o.width/2-le:o.y+o.height/2-de,Br=(c==="top"||c==="bottom"?e.width:e.height)-_e,Rr=Xe(Ar,_e,Math.max(_e,Br)),Fr=a?`${c}-${a}`:c;return{x:le,y:de,placement:Fr,arrowOffset:Rr}}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,Re=(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 Mt=class Mt 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=it(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}=Be(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>
+    `}};Mt.styles=[l,ea];let W=Mt;Re([s.property()],W.prototype,"content");Re([s.property()],W.prototype,"placement");Re([s.property({reflect:!0})],W.prototype,"trigger");Re([s.property({type:Boolean,reflect:!0})],W.prototype,"open");customElements.get("wc-tooltip")||customElements.define("wc-tooltip",W);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,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&&ia(e,t,r),r};let na=0;const It=class It 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 v(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=it(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}=Be(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>
+    `}};It.styles=[l,sa];let C=It;ie([s.property()],C.prototype,"content");ie([s.property()],C.prototype,"placement");ie([s.property({attribute:"confirm-text"})],C.prototype,"confirmText");ie([s.property({attribute:"cancel-text"})],C.prototype,"cancelText");ie([s.property()],C.prototype,"theme");ie([s.property()],C.prototype,"icon");ie([s.property({type:Boolean,reflect:!0})],C.prototype,"open");customElements.get("wc-popconfirm")||customElements.define("wc-popconfirm",C);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,Fe=(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 Tt=class Tt 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>`}};Tt.styles=[l,la];let X=Tt;Fe([s.property()],X.prototype,"value");Fe([s.property()],X.prototype,"label");Fe([s.property({type:Boolean,reflect:!0})],X.prototype,"disabled");Fe([s.property({type:Boolean,reflect:!0})],X.prototype,"active");customElements.get("wc-tab")||customElements.define("wc-tab",X);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 Dt=class Dt 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}
+    `}};Dt.styles=[l,ca];let ke=Dt;pa([s.property({reflect:!0})],ke.prototype,"value");customElements.get("wc-tabs")||customElements.define("wc-tabs",ke);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 va=Object.defineProperty,wa=(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&&va(e,t,r),r};const jt=class jt extends i.LitElement{constructor(){super(...arguments),this.separator="/",this.items=[],this.localize=new v(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>
+    `}};jt.styles=[l,ua];let $e=jt;wa([s.property()],$e.prototype,"separator");customElements.get("wc-breadcrumb")||customElements.define("wc-breadcrumb",$e);var ma=Object.defineProperty,pr=(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 Ve extends i.LitElement{constructor(){super(...arguments),this.href="",this.disabled=!1}render(){return i.html``}}pr([s.property()],Ve.prototype,"href");pr([s.property({type:Boolean,reflect:!0})],Ve.prototype,"disabled");customElements.get("wc-breadcrumb-item")||customElements.define("wc-breadcrumb-item",Ve);const ba=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 ga=Object.defineProperty,ne=(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&&ga(e,t,r),r};const Nt=class Nt 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 v(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,u)=>u+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>
+    `}};Nt.styles=[l,ba];let E=Nt;ne([s.property({type:Number})],E.prototype,"total");ne([s.property({type:Number,attribute:"page-size"})],E.prototype,"pageSize");ne([s.property({type:Number,reflect:!0})],E.prototype,"current");ne([s.property({type:Number,attribute:"folded-page-count"})],E.prototype,"foldedPageCount");ne([s.property({type:Boolean,attribute:"show-total"})],E.prototype,"showTotal");ne([s.property({type:Boolean,attribute:"show-jumper"})],E.prototype,"showJumper");ne([s.property({type:Boolean,reflect:!0})],E.prototype,"disabled");customElements.get("wc-pagination")||customElements.define("wc-pagination",E);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,Ue=(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 qt=class qt 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}
+    `}};qt.styles=[l,fa];let G=qt;Ue([s.property({type:Number})],G.prototype,"count");Ue([s.property({type:Number})],G.prototype,"max");Ue([s.property({type:Boolean,reflect:!0})],G.prototype,"dot");Ue([s.property({reflect:!0})],G.prototype,"theme");customElements.get("wc-badge")||customElements.define("wc-badge",G);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;
+  }
+`,At=class At extends i.LitElement{constructor(){super(...arguments),this.localize=new v(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>
+    `}};At.styles=[l,xa];let Me=At;customElements.get("wc-empty")||customElements.define("wc-empty",Me);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,fe=(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 Ze=32,er=2*Math.PI*Ze,Bt=class Bt 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="${Ze}"></circle>
+        <circle
+          class="indicator"
+          part="indicator"
+          cx="36"
+          cy="36"
+          r="${Ze}"
+          stroke-dasharray="${er}"
+          stroke-dashoffset=${er*(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()}};Bt.styles=[l,ka];let L=Bt;fe([s.property({type:Number})],L.prototype,"value");fe([s.property({reflect:!0})],L.prototype,"theme");fe([s.property({reflect:!0})],L.prototype,"status");fe([s.property({type:Boolean,attribute:"show-label"})],L.prototype,"showLabel");fe([s.property({type:Number,attribute:"stroke-width"})],L.prototype,"strokeWidth");fe([s.property()],L.prototype,"label");customElements.get("wc-progress")||customElements.define("wc-progress",L);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,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&&Ca(e,t,r),r};const Rt=class Rt 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>`}};Rt.styles=[l,za];let S=Rt;ce([s.property()],S.prototype,"title");ce([s.property()],S.prototype,"subtitle");ce([s.property({type:Boolean,reflect:!0})],S.prototype,"bordered");ce([s.property({type:Boolean,reflect:!0})],S.prototype,"hoverable");ce([s.state()],S.prototype,"hasHeaderSlot");ce([s.state()],S.prototype,"hasActions");ce([s.state()],S.prototype,"hasFooter");customElements.get("wc-card")||customElements.define("wc-card",S);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 Sa=Object.defineProperty,Ye=(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&&Sa(e,t,r),r};const Ft=class Ft 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>
+    `}};Ft.styles=[l,Ea];let Z=Ft;Ye([s.property({reflect:!0})],Z.prototype,"size");Ye([s.property({type:Boolean,reflect:!0})],Z.prototype,"striped");Ye([s.property({type:Boolean,reflect:!0})],Z.prototype,"hoverable");Ye([s.state()],Z.prototype,"itemCount");customElements.get("wc-list")||customElements.define("wc-list",Z);const Vt=class Vt extends i.LitElement{render(){return i.html`<slot></slot>`}};Vt.styles=[l];let Ie=Vt;customElements.get("wc-list-item")||customElements.define("wc-list-item",Ie);const _a=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 Oa=Object.defineProperty,Q=(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 Ut=class Ut 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>`}};Ut.styles=[l,_a];let x=Ut;Q([s.property({type:Array})],x.prototype,"columns");Q([s.property({type:Array})],x.prototype,"data");Q([s.property({type:Boolean,reflect:!0})],x.prototype,"striped");Q([s.property({type:Boolean,reflect:!0})],x.prototype,"bordered");Q([s.property({reflect:!0})],x.prototype,"size");Q([s.property({type:Boolean,reflect:!0})],x.prototype,"loading");Q([s.state()],x.prototype,"sortKey");Q([s.state()],x.prototype,"sortOrder");customElements.get("wc-table")||customElements.define("wc-table",x);const Pa=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 La=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&&La(e,t,r),r};const Ma=.25,Ia=5,Se=.25,Yt=class Yt 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 v(this),this.overlay=new st(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"){if(!this.previewOpen)return;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(Ia,Math.max(Ma,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?Se:-Se)}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(Se)}
+                >
+                  <wc-icon name="zoom-in"></wc-icon>
+                </button>
+                <button
+                  type="button"
+                  aria-label=${this.localize.term("image.zoomOut")}
+                  @click=${()=>this.zoomBy(-Se)}
+                >
+                  <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>`:""}
+    `}};Yt.styles=[l,Pa];let h=Yt;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 Ta=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 Da=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&&Da(e,t,r),r};const Ht=class Ht 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 v(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(){if(this.disabled)return;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((r,a)=>a!==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>
+    `}};Ht.styles=[l,Ta];let w=Ht;_([s.property()],w.prototype,"action");_([s.property()],w.prototype,"name");_([s.property()],w.prototype,"accept");_([s.property({type:Boolean})],w.prototype,"multiple");_([s.property({type:Number})],w.prototype,"max");_([s.property({type:Boolean,reflect:!0})],w.prototype,"draggable");_([s.property({type:Boolean,reflect:!0,attribute:"auto-upload",converter:o=>o==null?!0:o!=="false"})],w.prototype,"autoUpload");_([s.property({type:Boolean,reflect:!0})],w.prototype,"disabled");_([s.property({attribute:!1})],w.prototype,"requestMethod");_([s.state()],w.prototype,"files");_([s.state()],w.prototype,"dragOver");customElements.get("wc-upload")||customElements.define("wc-upload",w);const ur=d("arrow-left",'<path d="M19 12H5"/><path d="m12 19-7-7 7-7"/>'),vr=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"/>'),mr=d("check",'<polyline points="20 6 9 17 4 12"/>'),br=d("chevron-down",'<path d="m6 9 6 6 6-6"/>'),gr=d("chevron-left",'<path d="m15 18-6-6 6-6"/>'),fr=d("chevron-right",'<path d="m9 18 6-6-6-6"/>'),yr=d("chevron-up",'<path d="m18 15-6-6-6 6"/>'),xr=d("close",'<path d="M18 6 6 18"/><path d="m6 6 12 12"/>'),kr=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"/>'),$r=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"/>'),zr=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"/>'),Cr=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"/>'),Er=d("loader",'<path d="M21 12a9 9 0 1 1-6.219-8.56"/>'),Sr=d("minus",'<path d="M5 12h14"/>'),_r=d("plus",'<path d="M5 12h14"/><path d="M12 5v14"/>'),Or=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"/>'),Pr=d("search",'<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>'),Lr=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"/>'),Mr=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"/>'),Ir=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=[ur,vr,wr,mr,br,gr,fr,yr,xr,kr,$r,zr,Cr,Er,Sr,_r,Or,Pr,Lr,Mr,Ir,Tr];function ja(){for(const o of Dr)or(o.name,o.svg)}const jr="wc-theme-change",Je="wc-theme";let we="light",pe=null;function Na(){return typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Nr(){return we==="auto"?Na():we}function qa(){return we}function qr(o,e){if(o!=="light"&&o!=="dark"&&o!=="auto")throw new Error(`[wc] 无效主题: "${String(o)}"，可选 light | dark | auto`);we=o,typeof localStorage<"u"&&(e?.persist?localStorage.setItem(Je,o):localStorage.removeItem(Je)),Ba(),Qe()}function Aa(){let o=null;typeof localStorage<"u"&&(o=localStorage.getItem(Je)),qr(o==="light"||o==="dark"||o==="auto"?o:"auto")}function Ba(){const o=we==="auto"&&typeof window.matchMedia=="function";o&&!pe?(pe=window.matchMedia("(prefers-color-scheme: dark)"),pe.addEventListener("change",Qe)):!o&&pe&&(pe.removeEventListener("change",Qe),pe=null)}function Qe(){const o=Nr();typeof document<"u"&&(document.documentElement.dataset.theme=o),document.dispatchEvent(new CustomEvent(jr,{detail:{theme:we,effective:o},bubbles:!0,composed:!0}))}const Ra=':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%)}',Fa="*,*: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=M;exports.LANGUAGE_CHANGE_EVENT=Pe;exports.LocalizeController=v;exports.POSITION_GAP=T;exports.THEME_CHANGE_EVENT=jr;exports.WcIcon=$;exports.arrowLeft=ur;exports.arrowRight=vr;exports.baseStyles=l;exports.builtinIcons=Dr;exports.calendar=wr;exports.check=mr;exports.chevronDown=br;exports.chevronLeft=gr;exports.chevronRight=fr;exports.chevronUp=yr;exports.close=xr;exports.computePosition=it;exports.createIcon=d;exports.error=kr;exports.file=$r;exports.getEffectiveTheme=Nr;exports.getIcon=Kr;exports.getIconLibrary=Wr;exports.getLocale=ir;exports.getRegisteredLocales=to;exports.getTerm=nr;exports.getTheme=qa;exports.imageOff=zr;exports.info=Cr;exports.initTheme=Aa;exports.loader=Er;exports.message=Qo;exports.minus=Sr;exports.onIconRegister=tr;exports.plus=_r;exports.registerBuiltinIcons=ja;exports.registerIcon=or;exports.registerIconLibrary=ar;exports.registerLocale=Qr;exports.resetCss=Fa;exports.resolveIcon=sr;exports.resolveLocale=rt;exports.rotateCw=Or;exports.search=Pr;exports.setLocale=eo;exports.setTheme=qr;exports.splitPlacement=Be;exports.tokensCss=Ra;exports.upload=Lr;exports.warning=Mr;exports.wcAvatar=ue;exports.wcBadge=G;exports.wcBreadcrumb=$e;exports.wcBreadcrumbItem=Ve;exports.wcButton=k;exports.wcButtonGroup=Oe;exports.wcCard=S;exports.wcCheckbox=R;exports.wcCol=ve;exports.wcDatePicker=g;exports.wcDialog=P;exports.wcDivider=re;exports.wcDrawer=z;exports.wcEmpty=Me;exports.wcForm=Le;exports.wcFormItem=f;exports.wcImage=h;exports.wcInput=b;exports.wcInputNumber=m;exports.wcList=Z;exports.wcListItem=Ie;exports.wcMessage=K;exports.wcOption=V;exports.wcPagination=E;exports.wcPopconfirm=C;exports.wcProgress=L;exports.wcRadio=te;exports.wcRow=Y;exports.wcSelect=O;exports.wcSlider=D;exports.wcSpace=U;exports.wcSwitch=F;exports.wcTab=X;exports.wcTable=x;exports.wcTabs=ke;exports.wcTag=j;exports.wcText=H;exports.wcTextarea=y;exports.wcTooltip=W;exports.wcUpload=w;exports.zoomIn=Ir;exports.zoomOut=Tr;
+//# sourceMappingURL=index.cjs.js.map