@geektech/one 0.1.0 → 0.2.0

package/dist/index.js

@@ -1118,8 +1118,252 @@ class OneSwitch extends Component7 {
       input.checked = this.props.checked;
   }
 }
+// lib/radio/OneRadio.ts
+import { Component as Component8, slot as slot4 } from "@geektech/tsone";
+var ONE_RADIO_STYLES = [
+  {
+    name: "one-radio-base",
+    selector: ".one-radio",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "inline-flex",
+      gap: "8px",
+      alignItems: "center",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
+    }
+  },
+  {
+    name: "one-radio-input",
+    selector: ".one-radio__input",
+    properties: {
+      accentColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-radio-invalid",
+    selector: ".one-radio--invalid",
+    properties: {
+      color: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-radio-disabled",
+    selector: ".one-radio--disabled",
+    properties: { opacity: "0.5", cursor: "not-allowed" }
+  }
+];
+
+class OneRadio extends Component8 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return { internalChecked: this.props.defaultChecked ?? false, revision: 0 };
+  }
+  initStyles() {
+    ONE_RADIO_STYLES.forEach(({ name, ...style }) => this.styleManager.addStyle(name, style));
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    if (this.props.checked === true || this.props.defaultChecked === true) {
+      this.fieldContext?.model.ensureValue(this.fieldContext.name, this.props.value ?? "");
+    }
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  onUpdated() {
+    const element = this.getElement();
+    const input = element instanceof HTMLElement ? element.querySelector("input") : null;
+    if (input instanceof HTMLInputElement)
+      input.checked = this.getChecked();
+  }
+  render() {
+    this.state.revision;
+    const checked = this.getChecked();
+    const invalid = this.props.invalid || (this.fieldContext?.model.getErrors(this.fieldContext.name).length ?? 0) > 0;
+    return {
+      tag: "label",
+      props: {
+        className: [
+          "one-radio",
+          ...invalid ? ["one-radio--invalid"] : [],
+          ...this.props.disabled ? ["one-radio--disabled"] : []
+        ].join(" ")
+      },
+      children: [
+        {
+          tag: "input",
+          props: {
+            className: "one-radio__input",
+            type: "radio",
+            value: this.props.value,
+            checked,
+            name: this.fieldContext?.name ?? this.props.name,
+            disabled: this.props.disabled === true,
+            required: this.props.required === true,
+            id: this.fieldContext?.controlId,
+            "aria-label": this.props.ariaLabel,
+            "aria-invalid": invalid ? "true" : undefined,
+            "aria-describedby": this.fieldContext?.describedBy
+          },
+          listeners: {
+            input: (event) => this.emitChecked("input", event),
+            change: (event) => this.emitChecked("change", event)
+          }
+        },
+        slot4("default")
+      ]
+    };
+  }
+  getChecked() {
+    const value = this.fieldContext?.model.getValue(this.fieldContext.name);
+    if (typeof value === "string")
+      return value === (this.props.value ?? "");
+    return this.props.checked ?? this.state.internalChecked;
+  }
+  emitChecked(eventName, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled)
+      return;
+    const value = this.props.value ?? "";
+    if (this.fieldContext)
+      this.fieldContext.model.setValue(this.fieldContext.name, value);
+    else if (this.props.checked === undefined)
+      this.state.internalChecked = input.checked;
+    this.emit(eventName, {
+      value,
+      originalEvent: event
+    });
+    if (!this.fieldContext && this.props.checked !== undefined)
+      input.checked = this.props.checked;
+  }
+}
+// lib/radio/OneRadioGroup.ts
+import { Component as Component9 } from "@geektech/tsone";
+var ONE_RADIO_GROUP_STYLES = [
+  {
+    name: "one-radio-group-base",
+    selector: ".one-radio-group",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "inline-flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  },
+  {
+    name: "one-radio-group-option",
+    selector: ".one-radio-group__option",
+    properties: {
+      display: "inline-flex",
+      gap: "8px",
+      alignItems: "center"
+    }
+  },
+  {
+    name: "one-radio-group-input",
+    selector: ".one-radio-group__option input",
+    properties: {
+      accentColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-radio-group-disabled",
+    selector: ".one-radio-group--disabled",
+    properties: { opacity: "0.5", cursor: "not-allowed" }
+  }
+];
+
+class OneRadioGroup extends Component9 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return { internalValue: this.props.defaultValue ?? "", revision: 0 };
+  }
+  initStyles() {
+    ONE_RADIO_GROUP_STYLES.forEach(({ name, ...style }) => this.styleManager.addStyle(name, style));
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    this.fieldContext?.model.ensureValue(this.fieldContext.name, this.props.value ?? this.props.defaultValue ?? "");
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  render() {
+    this.state.revision;
+    const value = this.getValue();
+    const invalid = this.props.invalid || (this.fieldContext?.model.getErrors(this.fieldContext.name).length ?? 0) > 0;
+    return {
+      tag: "div",
+      props: {
+        className: [
+          "one-radio-group",
+          ...this.props.disabled ? ["one-radio-group--disabled"] : []
+        ].join(" "),
+        role: "radiogroup",
+        "aria-label": this.props.ariaLabel,
+        "aria-invalid": invalid ? "true" : undefined,
+        "aria-describedby": this.fieldContext?.describedBy
+      },
+      children: this.props.options.map((option) => ({
+        tag: "label",
+        props: { className: "one-radio-group__option" },
+        children: [
+          {
+            tag: "input",
+            props: {
+              type: "radio",
+              value: option.value,
+              checked: value === option.value,
+              disabled: this.props.disabled || option.disabled,
+              name: this.fieldContext?.name ?? this.props.name
+            },
+            listeners: { change: (event) => this.select(option, event) }
+          },
+          option.label
+        ]
+      }))
+    };
+  }
+  getValue() {
+    const value = this.fieldContext?.model.getValue(this.fieldContext.name);
+    return typeof value === "string" ? value : this.props.value ?? this.state.internalValue;
+  }
+  select(option, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled || option.disabled)
+      return;
+    if (this.fieldContext)
+      this.fieldContext.model.setValue(this.fieldContext.name, option.value);
+    else if (this.props.value === undefined)
+      this.state.internalValue = option.value;
+    this.emit("input", {
+      value: option.value,
+      originalEvent: event
+    });
+    this.emit("change", {
+      value: option.value,
+      originalEvent: event
+    });
+  }
+}
 // lib/select/OneSelect.ts
-import { Component as Component8 } from "@geektech/tsone";
+import { Component as Component10 } from "@geektech/tsone";
 var ONE_SELECT_STYLES = [
   {
     name: "one-select-base",
@@ -1196,7 +1440,7 @@ function matchesSearch(option, query) {
   return option.label.toLowerCase().includes(query.trim().toLowerCase());
 }
 
-class OneSelect extends Component8 {
+class OneSelect extends Component10 {
   fieldContext;
   unsubscribe;
   initState() {
@@ -1382,1317 +1626,3029 @@ class OneSelect extends Component8 {
     }
   }
 }
-// lib/tabs/OneTabs.ts
-import { Component as Component9, slot as slot4 } from "@geektech/tsone";
-var tabsInstanceId = 0;
-function createTabsId() {
-  tabsInstanceId += 1;
-  return `one-tabs-${tabsInstanceId}`;
-}
-function normalizeId(value) {
-  return typeof value === "string" && /^[A-Za-z_][A-Za-z0-9_-]*$/.test(value) ? value : createTabsId();
-}
-var ONE_TABS_STYLES = [
+// lib/time-picker/OneTimePicker.ts
+import { Component as Component11 } from "@geektech/tsone";
+var ONE_TIME_PICKER_STYLES = [
   {
-    name: "one-tabs-base",
-    selector: ".one-tabs",
+    name: "one-time-picker-base",
+    selector: ".one-time-picker",
     properties: {
       ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
+      position: "relative",
+      width: "100%"
     }
   },
   {
-    name: "one-tabs-list",
-    selector: ".one-tabs__list",
+    name: "one-time-picker-input",
+    selector: ".one-time-picker__input",
     properties: {
-      display: "flex",
-      overflowX: "auto",
-      borderBottom: oneThemeBorder()
+      boxSizing: "border-box",
+      width: "100%",
+      border: oneThemeBorder(`var(--one-input-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`),
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      color: `var(--one-input-color, var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText}))`,
+      backgroundColor: `var(--one-input-background, var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface}))`,
+      cursor: "pointer",
+      transition: "150ms ease"
     }
   },
   {
-    name: "one-tabs-tab",
-    selector: ".one-tabs__tab",
+    name: "one-time-picker-input-sm",
+    selector: ".one-time-picker__input--sm",
     properties: {
-      position: "relative",
-      flex: "0 0 auto",
-      padding: `${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd}`,
-      color: "inherit",
-      backgroundColor: "transparent",
-      border: "0",
-      cursor: "pointer",
-      font: "inherit"
-    },
-    hover: {
-      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+      minHeight: "32px",
+      padding: `var(--one-input-padding-sm, ${ONE_THEME_DEFAULTS.spaceXs} ${ONE_THEME_DEFAULTS.spaceSm})`,
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
     }
   },
   {
-    name: "one-tabs-tab-selected",
-    selector: '.one-tabs__tab[aria-selected="true"]',
+    name: "one-time-picker-input-md",
+    selector: ".one-time-picker__input--md",
     properties: {
-      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+      minHeight: "40px",
+      padding: `var(--one-input-padding-md, ${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd})`,
+      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
     }
   },
   {
-    name: "one-tabs-tab-selected-indicator",
-    selector: '.one-tabs__tab[aria-selected="true"]::after',
+    name: "one-time-picker-input-lg",
+    selector: ".one-time-picker__input--lg",
     properties: {
-      position: "absolute",
-      right: "0",
-      bottom: "-1px",
-      left: "0",
-      height: "2px",
-      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
-      content: '""'
+      minHeight: "48px",
+      padding: `var(--one-input-padding-lg, ${ONE_THEME_DEFAULTS.spaceMd} ${ONE_THEME_DEFAULTS.spaceLg})`,
+      fontSize: `var(--one-font-size-lg, ${ONE_THEME_DEFAULTS.fontSizeLg})`
     }
   },
   {
-    name: "one-tabs-tab-disabled",
-    selector: ".one-tabs__tab:disabled",
+    name: "one-time-picker-input-invalid",
+    selector: ".one-time-picker__input--invalid",
     properties: {
-      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      cursor: "not-allowed"
+      borderColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
     }
   },
   {
-    name: "one-tabs-tab-focus-visible",
-    selector: ".one-tabs__tab:focus-visible",
+    name: "one-time-picker-input-disabled",
+    selector: ".one-time-picker__input:disabled",
+    properties: {
+      opacity: "0.5",
+      cursor: "not-allowed"
+    }
+  },
+  {
+    name: "one-time-picker-input-focus-visible",
+    selector: ".one-time-picker__input:focus-visible",
     properties: {
       outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
-      outlineOffset: "-2px"
+      outlineOffset: "2px",
+      borderColor: `var(--one-input-focus-border-color, var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus}))`
     }
   },
   {
-    name: "one-tabs-panel",
-    selector: ".one-tabs__panel",
+    name: "one-time-picker-panel",
+    selector: ".one-time-picker__panel",
     properties: {
-      padding: `${ONE_THEME_DEFAULTS.spaceLg} 0`
+      position: "absolute",
+      top: "calc(100% + 4px)",
+      left: "0",
+      zIndex: "1",
+      display: "flex",
+      gap: "8px",
+      padding: "8px",
+      border: oneThemeBorder(),
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      boxShadow: `var(--one-shadow-card, ${ONE_THEME_DEFAULTS.shadowCard})`
+    }
+  },
+  {
+    name: "one-time-picker-column",
+    selector: ".one-time-picker__column",
+    properties: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "2px",
+      maxHeight: "240px",
+      overflowY: "auto"
+    }
+  },
+  {
+    name: "one-time-picker-column-label",
+    selector: ".one-time-picker__column-label",
+    properties: {
+      padding: "2px 8px",
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`,
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
+    }
+  },
+  {
+    name: "one-time-picker-option",
+    selector: ".one-time-picker__option",
+    properties: {
+      padding: "4px 8px",
+      border: "0",
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
+      backgroundColor: "transparent",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      cursor: "pointer",
+      textAlign: "center"
+    }
+  },
+  {
+    name: "one-time-picker-option-selected",
+    selector: ".one-time-picker__option--selected",
+    properties: {
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
   }
 ];
+function normalizeStep(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : 60;
+}
+function pad(value) {
+  return value < 10 ? `0${value}` : String(value);
+}
+function parseTime(value) {
+  const match = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/.exec(value.trim());
+  if (!match) {
+    return null;
+  }
+  const hour = Number(match[1]);
+  const minute = Number(match[2]);
+  const second = match[3] === undefined ? 0 : Number(match[3]);
+  if (hour > 23 || minute > 59 || second > 59) {
+    return null;
+  }
+  return { hour, minute, second };
+}
+function formatTime(parts, includeSeconds) {
+  return includeSeconds ? `${pad(parts.hour)}:${pad(parts.minute)}:${pad(parts.second)}` : `${pad(parts.hour)}:${pad(parts.minute)}`;
+}
 
-class OneTabs extends Component9 {
-  idPrefix = normalizeId(this.props.id);
+class OneTimePicker extends Component11 {
+  fieldContext;
+  unsubscribe;
   initState() {
-    return { internalValue: this.props.defaultValue };
+    return {
+      internalValue: this.props.defaultValue ?? "",
+      open: false,
+      revision: 0
+    };
   }
   initStyles() {
-    ONE_TABS_STYLES.forEach(({ name, ...style }) => {
+    ONE_TIME_PICKER_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    const items = this.normalizedItems();
-    const value = this.effectiveValue(items);
+    this.state.revision;
+    const size = normalizeOneSize(this.props.size);
+    const step = normalizeStep(this.props.step);
+    const includeSeconds = step < 60;
+    const minuteIncrement = includeSeconds ? 1 : Math.max(1, Math.floor(step / 60));
+    const fieldContext = this.fieldContext;
+    const fieldErrors = fieldContext?.model.getErrors(fieldContext.name) ?? [];
+    const invalid = this.props.invalid || fieldErrors.length > 0;
+    const text = this.getDisplayValue();
+    const parts = parseTime(text);
+    const disabled = this.props.disabled === true;
+    const readonly = this.props.readonly === true;
+    const minParts = this.props.min ? parseTime(this.props.min) : undefined;
+    const maxParts = this.props.max ? parseTime(this.props.max) : undefined;
+    const startHour = minParts?.hour ?? 0;
+    const endHour = maxParts?.hour ?? 23;
+    const minuteStart = minParts && parts?.hour === minParts.hour ? minParts.minute : 0;
+    const minuteEnd = maxParts && parts?.hour === maxParts.hour ? maxParts.minute : 59;
+    const secondStart = minParts && parts?.hour === minParts.hour && parts?.minute === minParts.minute ? minParts.second : 0;
+    const secondEnd = maxParts && parts?.hour === maxParts.hour && parts?.minute === maxParts.minute ? maxParts.second : 59;
+    const inputClassNames = [
+      "one-time-picker__input",
+      ...invalid ? ["one-time-picker__input--invalid"] : [],
+      `one-time-picker__input--${size}`
+    ];
     return {
-      tag: "section",
-      props: { className: "one-tabs" },
+      tag: "div",
+      props: { className: "one-time-picker" },
       children: [
         {
-          tag: "div",
+          tag: "input",
           props: {
-            className: "one-tabs__list",
-            role: "tablist",
-            "aria-label": this.props.ariaLabel,
-            "aria-orientation": "horizontal"
+            className: inputClassNames.join(" "),
+            type: "text",
+            value: text,
+            name: fieldContext?.name ?? this.props.name,
+            id: fieldContext?.controlId,
+            placeholder: this.props.placeholder ?? "请选择时间",
+            disabled,
+            readonly,
+            required: this.props.required === true,
+            "aria-invalid": invalid ? "true" : undefined,
+            "aria-expanded": this.state.open ? "true" : "false",
+            "aria-haspopup": "dialog",
+            "aria-describedby": fieldContext?.describedBy,
+            "aria-label": this.props.ariaLabel
           },
-          children: items.map((item, index) => {
-            const selected = item.value === value;
-            return {
-              tag: "button",
-              props: {
-                className: "one-tabs__tab",
-                type: "button",
-                id: `${this.idPrefix}-tab-${index}`,
-                role: "tab",
-                disabled: item.disabled === true,
-                tabindex: selected ? 0 : -1,
-                "aria-selected": selected ? "true" : "false",
-                "aria-controls": `${this.idPrefix}-panel-${index}`
-              },
-              listeners: {
-                click: (event) => this.activate(item, index, event),
-                keydown: (event) => this.handleKeydown(event, index)
-              },
-              children: [item.label]
-            };
-          })
+          listeners: {
+            click: () => {
+              if (!disabled && !readonly) {
+                this.state.open = !this.state.open;
+              }
+            },
+            keydown: (event) => this.handleKeydown(event),
+            input: (event) => this.emitValue("input", event),
+            change: (event) => this.emitValue("change", event)
+          }
         },
-        ...items.map((item, index) => ({
+        ...this.state.open ? [
+          {
+            tag: "div",
+            props: {
+              className: "one-time-picker__panel",
+              role: "dialog",
+              "aria-label": "选择时间"
+            },
+            children: [
+              this.buildColumn("时", this.rangeValues(startHour, endHour, 1), parts?.hour, "hour", false),
+              this.buildColumn("分", this.rangeValues(minuteStart, minuteEnd, minuteIncrement), parts?.minute, "minute", !includeSeconds),
+              ...includeSeconds ? [
+                this.buildColumn("秒", this.rangeValues(secondStart, secondEnd, step), parts?.second, "second", true)
+              ] : []
+            ]
+          }
+        ] : []
+      ]
+    };
+  }
+  onUpdated() {
+    if (this.fieldContext || this.props.value === undefined) {
+      return;
+    }
+    const root = this.getElement();
+    const input = root instanceof HTMLInputElement ? root : root instanceof HTMLElement ? root.querySelector("input") : null;
+    if (input instanceof HTMLInputElement) {
+      input.value = this.props.value;
+    }
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    if (this.fieldContext) {
+      this.fieldContext.model.ensureValue(this.fieldContext.name, this.props.value ?? this.props.defaultValue ?? "");
+    }
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  getDisplayValue() {
+    const value = this.fieldContext ? this.fieldContext.model.getValue(this.fieldContext.name) : this.props.value ?? this.state.internalValue;
+    return typeof value === "string" ? value : "";
+  }
+  rangeValues(start, end, increment) {
+    const values = [];
+    for (let value = start;value <= end; value += increment) {
+      values.push(value);
+    }
+    return values;
+  }
+  buildColumn(label, values, selectedValue, part, isLast) {
+    return {
+      tag: "div",
+      props: { className: "one-time-picker__column" },
+      children: [
+        {
           tag: "div",
+          props: { className: "one-time-picker__column-label" },
+          children: [label]
+        },
+        ...values.map((value) => ({
+          tag: "button",
           props: {
-            className: "one-tabs__panel",
-            id: `${this.idPrefix}-panel-${index}`,
-            role: "tabpanel",
-            hidden: item.value === value ? undefined : true,
-            tabindex: 0,
-            "aria-labelledby": `${this.idPrefix}-tab-${index}`
+            type: "button",
+            className: [
+              "one-time-picker__option",
+              ...selectedValue === value ? ["one-time-picker__option--selected"] : []
+            ].join(" ")
           },
-          children: [slot4(item.value)]
+          children: [pad(value)],
+          listeners: {
+            click: (event) => this.commitPart(part, value, isLast, event)
+          }
         }))
       ]
     };
   }
-  normalizedItems() {
-    const items = Array.isArray(this.props.items) ? this.props.items : [];
-    const values = new Set;
-    return items.flatMap((item) => {
-      if (!item || typeof item.value !== "string" || typeof item.label !== "string" || values.has(item.value)) {
-        return [];
-      }
-      values.add(item.value);
-      return [{ ...item, disabled: item.disabled === true }];
-    });
-  }
-  effectiveValue(items) {
-    const candidate = this.props.value ?? this.state.internalValue;
-    const selected = items.find((item) => item.value === candidate && !item.disabled);
-    return selected?.value ?? items.find((item) => !item.disabled)?.value;
-  }
-  activate(item, index, event) {
-    if (item.disabled) {
-      return;
+  commitPart(part, value, isLast, event) {
+    const current = parseTime(this.getDisplayValue()) ?? {
+      hour: 0,
+      minute: 0,
+      second: 0
+    };
+    const next = { ...current };
+    if (part === "hour") {
+      next.hour = value;
+    } else if (part === "minute") {
+      next.minute = value;
+    } else {
+      next.second = value;
     }
-    this.focusTab(index);
-    if (item.value === this.effectiveValue(this.normalizedItems())) {
-      return;
+    const formatted = formatTime(next, normalizeStep(this.props.step) < 60);
+    this.writeValue(formatted, event);
+    if (isLast) {
+      this.state.open = false;
     }
-    if (this.props.value === undefined) {
-      this.state.internalValue = item.value;
+  }
+  writeValue(value, event) {
+    if (this.fieldContext) {
+      this.fieldContext.model.setValue(this.fieldContext.name, value);
+    } else if (this.props.value === undefined) {
+      this.state.internalValue = value;
     }
+    this.emit("input", {
+      value,
+      originalEvent: event
+    });
     this.emit("change", {
-      value: item.value,
+      value,
       originalEvent: event
     });
   }
-  handleKeydown(event, currentIndex) {
+  handleKeydown(event) {
     if (!(event instanceof KeyboardEvent)) {
       return;
     }
-    if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
-      return;
-    }
-    const items = this.normalizedItems();
-    const enabled = this.enabledIndices(items);
-    if (enabled.length === 0) {
-      return;
+    if (event.key === "Escape") {
+      this.state.open = false;
     }
-    event.preventDefault();
-    const currentPosition = Math.max(0, enabled.indexOf(currentIndex));
-    const nextPosition = event.key === "Home" ? 0 : event.key === "End" ? enabled.length - 1 : event.key === "ArrowRight" ? (currentPosition + 1) % enabled.length : (currentPosition - 1 + enabled.length) % enabled.length;
-    const nextIndex = enabled[nextPosition];
-    this.focusTab(nextIndex);
-    this.activate(items[nextIndex], nextIndex, event);
   }
-  enabledIndices(items) {
-    return items.flatMap((item, index) => item.disabled ? [] : [index]);
-  }
-  focusTab(index) {
-    const element = this.getElement();
-    if (!(element instanceof HTMLElement)) {
+  emitValue(eventName, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement)) {
       return;
     }
-    const tab = element.querySelectorAll('[role="tab"]')[index];
-    tab?.focus();
+    const nextValue = input.value;
+    if (this.fieldContext) {
+      this.fieldContext.model.setValue(this.fieldContext.name, nextValue);
+    } else if (this.props.value === undefined) {
+      this.state.internalValue = nextValue;
+    }
+    this.emit(eventName, { value: nextValue, originalEvent: event });
+    if (!this.fieldContext && this.props.value !== undefined) {
+      input.value = this.props.value;
+    }
   }
 }
-// lib/breadcrumb/OneBreadcrumb.ts
-import { Component as Component10, slot as slot5 } from "@geektech/tsone";
-
-// lib/navigation/normalize.ts
-function normalizeNonNegativeInteger(value, fallback) {
-  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? Math.floor(value) : Math.max(0, Math.floor(fallback));
-}
-function normalizePositiveInteger(value, fallback) {
-  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : Math.max(1, Math.floor(fallback));
-}
-function normalizePositiveIntegerList(values, fallback) {
-  const source = Array.isArray(values) ? values : fallback;
-  return [
-    ...new Set(source.filter((value) => typeof value === "number" && Number.isFinite(value) && value > 0).map(Math.floor))
-  ];
-}
-// lib/breadcrumb/OneBreadcrumb.ts
-var ONE_BREADCRUMB_STYLES = [
+// lib/slider/OneSlider.ts
+import { Component as Component12 } from "@geektech/tsone";
+var ONE_SLIDER_STYLES = [
   {
-    name: "one-breadcrumb-base",
-    selector: ".one-breadcrumb",
+    name: "one-slider-base",
+    selector: ".one-slider",
     properties: {
       ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
-    }
-  },
-  {
-    name: "one-breadcrumb-list",
-    selector: ".one-breadcrumb__list",
-    properties: {
-      display: "flex",
-      flexWrap: "wrap",
-      gap: ONE_THEME_DEFAULTS.spaceXs,
-      alignItems: "center",
-      margin: "0",
-      padding: "0",
-      listStyle: "none"
-    }
-  },
-  {
-    name: "one-breadcrumb-token",
-    selector: ".one-breadcrumb__item, .one-breadcrumb__collapse",
-    properties: {
       display: "inline-flex",
-      gap: ONE_THEME_DEFAULTS.spaceXs,
-      alignItems: "center"
-    }
-  },
-  {
-    name: "one-breadcrumb-link",
-    selector: ".one-breadcrumb__link",
-    properties: {
-      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      textDecoration: "none"
-    },
-    hover: {
-      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
-    }
-  },
-  {
-    name: "one-breadcrumb-link-focus-visible",
-    selector: ".one-breadcrumb__link:focus-visible",
-    properties: {
-      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
-      outlineOffset: "2px"
+      alignItems: "center",
+      gap: "12px",
+      width: "100%",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
   },
   {
-    name: "one-breadcrumb-current",
-    selector: ".one-breadcrumb__current",
-    properties: { fontWeight: "600" }
-  },
-  {
-    name: "one-breadcrumb-separator",
-    selector: ".one-breadcrumb__separator",
+    name: "one-slider-input",
+    selector: ".one-slider__input",
     properties: {
-      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      userSelect: "none"
+      flex: "1",
+      minWidth: "160px",
+      accentColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
     }
   },
   {
-    name: "one-breadcrumb-ellipsis",
-    selector: ".one-breadcrumb__ellipsis",
+    name: "one-slider-value",
+    selector: ".one-slider__value",
     properties: {
-      padding: `0 ${ONE_THEME_DEFAULTS.spaceXs}`,
+      minWidth: "3em",
+      textAlign: "right",
       color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      backgroundColor: "transparent",
-      border: "0",
-      cursor: "pointer",
-      font: "inherit"
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
     }
   },
   {
-    name: "one-breadcrumb-ellipsis-focus-visible",
-    selector: ".one-breadcrumb__ellipsis:focus-visible",
-    properties: {
-      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
-      outlineOffset: "2px"
-    }
+    name: "one-slider-disabled",
+    selector: ".one-slider--disabled",
+    properties: { opacity: "0.5" }
   }
 ];
+function normalizeOneSliderNumber(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+function clampOneSliderValue(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
 
-class OneBreadcrumb extends Component10 {
+class OneSlider extends Component12 {
   initState() {
-    return { expanded: false };
+    return {
+      internalValue: normalizeOneSliderNumber(this.props.defaultValue, 0)
+    };
   }
   initStyles() {
-    ONE_BREADCRUMB_STYLES.forEach(({ name, ...style }) => {
+    ONE_SLIDER_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    const items = this.normalizedItems();
-    const currentIndex = this.currentIndex(items);
-    const tokens = this.tokens(items, currentIndex);
+    const min = normalizeOneSliderNumber(this.props.min, 0);
+    const max = normalizeOneSliderNumber(this.props.max, 100);
+    const step = normalizeOneSliderNumber(this.props.step, 1);
+    const rawValue = normalizeOneSliderNumber(this.props.value ?? this.state.internalValue, 0);
+    const value = clampOneSliderValue(rawValue, min, max);
+    const disabled = this.props.disabled === true;
     return {
-      tag: "nav",
+      tag: "div",
       props: {
-        className: "one-breadcrumb",
-        "aria-label": this.props.ariaLabel ?? "面包屑"
+        className: [
+          "one-slider",
+          ...disabled ? ["one-slider--disabled"] : []
+        ].join(" ")
       },
       children: [
         {
-          tag: "ol",
-          props: { className: "one-breadcrumb__list" },
-          children: tokens.map((token, tokenIndex) => this.renderToken(token, tokenIndex < tokens.length - 1, currentIndex))
-        }
+          tag: "input",
+          props: {
+            className: "one-slider__input",
+            type: "range",
+            min: String(min),
+            max: String(max),
+            step: String(step),
+            value: String(value),
+            disabled,
+            "aria-label": this.props.ariaLabel,
+            "aria-valuenow": String(value),
+            "aria-valuemin": String(min),
+            "aria-valuemax": String(max)
+          },
+          listeners: {
+            input: (event) => this.emitValue("input", event),
+            change: (event) => this.emitValue("change", event)
+          }
+        },
+        ...this.props.showValue ? [
+          {
+            tag: "output",
+            props: { className: "one-slider__value" },
+            children: [String(value)]
+          }
+        ] : []
       ]
     };
   }
-  normalizedItems() {
-    const items = Array.isArray(this.props.items) ? this.props.items : [];
-    return items.flatMap((item) => item && typeof item.label === "string" ? [{ ...item }] : []);
-  }
-  currentIndex(items) {
-    const explicit = items.findIndex((item) => item.current === true);
-    return explicit >= 0 ? explicit : items.length - 1;
-  }
-  tokens(items, currentIndex) {
-    const limit = Math.max(3, normalizePositiveInteger(this.props.maxItems, items.length || 3));
-    if (this.state.expanded || items.length <= limit) {
-      return items.map((item, index) => ({ type: "item", item, index }));
+  emitValue(eventName, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled)
+      return;
+    const min = normalizeOneSliderNumber(this.props.min, 0);
+    const max = normalizeOneSliderNumber(this.props.max, 100);
+    const value = clampOneSliderValue(normalizeOneSliderNumber(Number(input.value), 0), min, max);
+    if (this.props.value === undefined) {
+      this.setState({ internalValue: value });
     }
-    const visible = new Set([0, currentIndex, items.length - 1]);
-    const candidates = items.map((_, index) => index).filter((index) => !visible.has(index)).sort((left, right) => Math.abs(left - currentIndex) - Math.abs(right - currentIndex) || left - right);
-    candidates.slice(0, Math.max(0, limit - visible.size)).forEach((index) => {
-      visible.add(index);
-    });
-    const result = [];
-    let hiddenStart = -1;
-    items.forEach((item, index) => {
-      if (!visible.has(index)) {
-        if (hiddenStart < 0)
-          hiddenStart = index;
-        return;
-      }
-      if (hiddenStart >= 0) {
-        result.push({ type: "collapse", key: `${hiddenStart}-${index - 1}` });
-        hiddenStart = -1;
-      }
-      result.push({ type: "item", item, index });
+    this.emit(eventName, {
+      value,
+      originalEvent: event
     });
-    if (hiddenStart >= 0) {
-      result.push({
-        type: "collapse",
-        key: `${hiddenStart}-${items.length - 1}`
-      });
+  }
+}
+// lib/rate/OneRate.ts
+import { Component as Component13 } from "@geektech/tsone";
+var ONE_RATE_STYLES = [
+  {
+    name: "one-rate-base",
+    selector: ".one-rate",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "2px",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
-    return result;
+  },
+  {
+    name: "one-rate-star",
+    selector: ".one-rate__star",
+    properties: {
+      appearance: "none",
+      border: "none",
+      background: "transparent",
+      padding: "2px",
+      fontSize: "22px",
+      lineHeight: "1",
+      cursor: "pointer",
+      color: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      transition: "color 120ms ease"
+    }
+  },
+  {
+    name: "one-rate-star-filled",
+    selector: ".one-rate__star--filled",
+    properties: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-rate-star-hover",
+    selector: ".one-rate__star:hover:not(:disabled)",
+    properties: {
+      color: `var(--one-color-primary-hover, ${ONE_THEME_DEFAULTS.colorPrimaryHover})`
+    }
+  },
+  {
+    name: "one-rate-readonly",
+    selector: ".one-rate--readonly .one-rate__star",
+    properties: { cursor: "default" }
+  },
+  {
+    name: "one-rate-disabled",
+    selector: ".one-rate--disabled",
+    properties: { opacity: "0.5" }
   }
-  renderToken(token, hasSeparator, currentIndex) {
-    const content = token.type === "collapse" ? this.renderCollapse() : this.renderItem(token.item, token.index, token.index === currentIndex);
+];
+function normalizeOneRateValue(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+
+class OneRate extends Component13 {
+  initState() {
     return {
-      tag: "li",
-      props: {
-        className: token.type === "item" ? "one-breadcrumb__item" : "one-breadcrumb__collapse"
-      },
-      children: [content, ...hasSeparator ? [this.renderSeparator()] : []]
+      internalValue: normalizeOneRateValue(this.props.defaultValue, 0)
     };
   }
-  renderItem(item, index, current) {
-    if (current || !item.href) {
-      return {
-        tag: "span",
+  initStyles() {
+    ONE_RATE_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const count = this.getCount();
+    const rawValue = normalizeOneRateValue(this.props.value ?? this.state.internalValue, 0);
+    const value = Math.min(count, Math.max(0, rawValue));
+    const disabled = this.props.disabled === true;
+    const readonly = this.props.readonly === true;
+    const stars = [];
+    for (let index = 1;index <= count; index += 1) {
+      const filled = index <= value;
+      stars.push({
+        tag: "button",
         props: {
-          className: current ? "one-breadcrumb__current" : "one-breadcrumb__label",
-          "aria-current": current ? "page" : undefined
+          type: "button",
+          role: "radio",
+          className: [
+            "one-rate__star",
+            ...filled ? ["one-rate__star--filled"] : []
+          ].join(" "),
+          "aria-checked": filled ? "true" : "false",
+          "aria-label": this.props.ariaLabel ? `${index} ${this.props.ariaLabel}` : String(index),
+          disabled: disabled || undefined
         },
-        children: [item.label]
-      };
+        listeners: {
+          click: (event) => this.emitValue(index, event)
+        },
+        children: ["★"]
+      });
     }
     return {
-      tag: "a",
-      props: { className: "one-breadcrumb__link", href: item.href },
-      listeners: { click: (event) => this.handleItemClick(event, item, index) },
-      children: [item.label]
-    };
-  }
-  renderCollapse() {
-    return {
-      tag: "button",
+      tag: "div",
       props: {
-        className: "one-breadcrumb__ellipsis",
-        type: "button",
-        "aria-label": "展开面包屑",
-        "aria-expanded": "false"
+        role: "radiogroup",
+        className: [
+          "one-rate",
+          ...disabled ? ["one-rate--disabled"] : [],
+          ...readonly ? ["one-rate--readonly"] : []
+        ].join(" "),
+        "aria-label": this.props.ariaLabel
       },
-      listeners: { click: () => this.state.expanded = true },
-      children: ["…"]
+      children: stars
     };
   }
-  renderSeparator() {
-    return {
-      tag: "span",
-      props: { className: "one-breadcrumb__separator", "aria-hidden": "true" },
-      children: [
-        this.hasSlot("separator") ? slot5("separator") : this.props.separator ?? "/"
-      ]
-    };
+  getCount() {
+    const count = this.props.count;
+    return typeof count === "number" && Number.isFinite(count) && count >= 1 ? Math.floor(count) : 5;
   }
-  handleItemClick(event, item, index) {
-    if (!(event instanceof MouseEvent))
+  emitValue(index, event) {
+    if (this.props.disabled === true || this.props.readonly === true)
       return;
-    this.emit("itemClick", {
-      item,
-      index,
+    const value = this.getCount();
+    const current = Math.min(value, Math.max(0, normalizeOneRateValue(this.props.value ?? this.state.internalValue, 0)));
+    let next = index;
+    if (this.props.allowClear === true && index === current)
+      next = 0;
+    if (this.props.value === undefined) {
+      this.setState({ internalValue: next });
+    }
+    this.emit("change", {
+      value: next,
       originalEvent: event
     });
   }
-  hasSlot(name) {
-    return this.props.children?.some((child) => typeof child !== "string" && child.slot === name) ?? false;
-  }
 }
-// lib/pagination/OnePagination.ts
-import { Component as Component11 } from "@geektech/tsone";
-
-// lib/pagination/tokens.ts
-function createOnePaginationTokens(pageCount, page, siblingCount) {
-  const normalizedCount = normalizePositiveInteger(pageCount, 1);
-  const normalizedPage = Math.min(normalizedCount, normalizePositiveInteger(page, 1));
-  const normalizedSiblings = normalizeNonNegativeInteger(siblingCount, 1);
-  const pages = new Set([1, normalizedCount]);
-  for (let candidate = Math.max(1, normalizedPage - normalizedSiblings);candidate <= Math.min(normalizedCount, normalizedPage + normalizedSiblings); candidate += 1) {
-    pages.add(candidate);
-  }
-  const sorted = [...pages].sort((left, right) => left - right);
-  return sorted.flatMap((value, index) => {
-    if (index === 0)
-      return [value];
-    const previous = sorted[index - 1];
-    const gap = value - previous;
-    if (gap === 2)
-      return [previous + 1, value];
-    if (gap > 2) {
-      return [previous === 1 ? "ellipsis-start" : "ellipsis-end", value];
+// lib/upload/OneUpload.ts
+import { Component as Component14 } from "@geektech/tsone";
+var ONE_UPLOAD_STYLES = [
+  {
+    name: "one-upload-base",
+    selector: ".one-upload",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "flex",
+      flexDirection: "column",
+      gap: `var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm})`,
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
-    return [value];
-  });
+  },
+  {
+    name: "one-upload-trigger",
+    selector: ".one-upload__trigger",
+    properties: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      alignSelf: "flex-start",
+      gap: `var(--one-space-xs, ${ONE_THEME_DEFAULTS.spaceXs})`,
+      boxSizing: "border-box",
+      padding: `${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd}`,
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      border: `1px dashed var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      cursor: "pointer",
+      transition: "border-color 150ms ease, color 150ms ease"
+    }
+  },
+  {
+    name: "one-upload-trigger-hover",
+    selector: ".one-upload__trigger:hover",
+    properties: {
+      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-upload-input",
+    selector: ".one-upload__input",
+    properties: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0 0 0 0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    }
+  },
+  {
+    name: "one-upload-list",
+    selector: ".one-upload__list",
+    properties: {
+      display: "flex",
+      flexDirection: "column",
+      gap: `var(--one-space-xs, ${ONE_THEME_DEFAULTS.spaceXs})`
+    }
+  },
+  {
+    name: "one-upload-item",
+    selector: ".one-upload__item",
+    properties: {
+      display: "flex",
+      alignItems: "center",
+      gap: `var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm})`,
+      padding: `${ONE_THEME_DEFAULTS.spaceXs} ${ONE_THEME_DEFAULTS.spaceSm}`,
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      border: oneThemeBorder(`var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`)
+    }
+  },
+  {
+    name: "one-upload-item-name",
+    selector: ".one-upload__item-name",
+    properties: {
+      flex: "1",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
+    }
+  },
+  {
+    name: "one-upload-item-size",
+    selector: ".one-upload__item-size",
+    properties: {
+      flexShrink: "0",
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
+    }
+  },
+  {
+    name: "one-upload-remove",
+    selector: ".one-upload__remove",
+    properties: {
+      appearance: "none",
+      border: "none",
+      background: "transparent",
+      padding: "2px 6px",
+      cursor: "pointer",
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`
+    }
+  },
+  {
+    name: "one-upload-remove-hover",
+    selector: ".one-upload__remove:hover",
+    properties: {
+      color: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`,
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
+    }
+  },
+  {
+    name: "one-upload-disabled",
+    selector: ".one-upload--disabled",
+    properties: { opacity: "0.5", pointerEvents: "none" }
+  }
+];
+var uploadFileSequence = 0;
+function nextUploadFileId() {
+  uploadFileSequence += 1;
+  return `one-upload-${uploadFileSequence}`;
+}
+function formatOneFileSize(bytes) {
+  if (bytes < 1024)
+    return `${bytes} B`;
+  if (bytes < 1024 * 1024)
+    return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 
-// lib/pagination/OnePagination.ts
-var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
-var ONE_PAGINATION_STYLES = [
+class OneUpload extends Component14 {
+  initState() {
+    return { internalFiles: [...this.props.defaultValue ?? []] };
+  }
+  initStyles() {
+    ONE_UPLOAD_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const disabled = this.props.disabled === true;
+    const files = this.getFiles();
+    const triggerLabel = this.props.children && this.props.children.length > 0 ? this.props.children : ["选择文件"];
+    return {
+      tag: "div",
+      props: {
+        className: ["one-upload", ...disabled ? ["one-upload--disabled"] : []].join(" ")
+      },
+      children: [
+        {
+          tag: "label",
+          props: { className: "one-upload__trigger" },
+          children: [
+            {
+              tag: "input",
+              props: {
+                type: "file",
+                className: "one-upload__input",
+                accept: this.props.accept,
+                multiple: this.props.multiple === true || undefined,
+                disabled: this.props.disabled === true || undefined,
+                "aria-label": this.props.ariaLabel
+              },
+              listeners: {
+                change: (event) => this.handleFiles(event)
+              }
+            },
+            ...triggerLabel
+          ]
+        },
+        ...files.length > 0 ? [
+          {
+            tag: "ul",
+            props: { className: "one-upload__list" },
+            children: files.map((file) => ({
+              tag: "li",
+              props: { className: "one-upload__item" },
+              children: [
+                {
+                  tag: "span",
+                  props: { className: "one-upload__item-name" },
+                  children: [file.name]
+                },
+                ...file.size !== undefined ? [
+                  {
+                    tag: "span",
+                    props: { className: "one-upload__item-size" },
+                    children: [formatOneFileSize(file.size)]
+                  }
+                ] : [],
+                {
+                  tag: "button",
+                  props: {
+                    type: "button",
+                    className: "one-upload__remove",
+                    "aria-label": `移除 ${file.name}`,
+                    disabled: this.props.disabled === true || undefined
+                  },
+                  listeners: {
+                    click: () => this.removeFile(file.id)
+                  }
+                }
+              ]
+            }))
+          }
+        ] : []
+      ]
+    };
+  }
+  getFiles() {
+    return this.props.value ?? this.state.internalFiles;
+  }
+  handleFiles(event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled)
+      return;
+    const incoming = Array.from(input.files ?? []).map((file) => ({
+      id: nextUploadFileId(),
+      name: file.name,
+      size: file.size,
+      type: file.type
+    }));
+    const current = this.getFiles();
+    const merged = this.props.multiple === true ? [...current, ...incoming] : incoming;
+    const max = this.props.max;
+    const files = typeof max === "number" && max >= 1 ? merged.slice(0, max) : merged;
+    if (this.props.value === undefined) {
+      this.setState({ internalFiles: files });
+    }
+    this.emit("change", {
+      files,
+      originalEvent: event
+    });
+    input.value = "";
+  }
+  removeFile(id) {
+    if (this.props.disabled === true)
+      return;
+    const files = this.getFiles().filter((file) => file.id !== id);
+    if (this.props.value === undefined) {
+      this.setState({ internalFiles: files });
+    }
+    this.emit("change", {
+      files,
+      originalEvent: new Event("change")
+    });
+  }
+}
+// lib/tabs/OneTabs.ts
+import { Component as Component15, slot as slot5 } from "@geektech/tsone";
+var tabsInstanceId = 0;
+function createTabsId() {
+  tabsInstanceId += 1;
+  return `one-tabs-${tabsInstanceId}`;
+}
+function normalizeId(value) {
+  return typeof value === "string" && /^[A-Za-z_][A-Za-z0-9_-]*$/.test(value) ? value : createTabsId();
+}
+var ONE_TABS_STYLES = [
   {
-    name: "one-pagination-base",
-    selector: ".one-pagination",
+    name: "one-tabs-base",
+    selector: ".one-tabs",
     properties: {
       ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      display: "flex",
-      flexWrap: "wrap",
-      gap: ONE_THEME_DEFAULTS.spaceSm,
-      alignItems: "center",
       color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
   },
   {
-    name: "one-pagination-pages",
-    selector: ".one-pagination__pages",
+    name: "one-tabs-list",
+    selector: ".one-tabs__list",
     properties: {
       display: "flex",
-      flexWrap: "wrap",
-      gap: ONE_THEME_DEFAULTS.spaceXs,
-      alignItems: "center"
+      overflowX: "auto",
+      borderBottom: oneThemeBorder()
+    }
+  },
+  {
+    name: "one-tabs-tab",
+    selector: ".one-tabs__tab",
+    properties: {
+      position: "relative",
+      flex: "0 0 auto",
+      padding: `${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd}`,
+      color: "inherit",
+      backgroundColor: "transparent",
+      border: "0",
+      cursor: "pointer",
+      font: "inherit"
+    },
+    hover: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-tabs-tab-selected",
+    selector: '.one-tabs__tab[aria-selected="true"]',
+    properties: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-tabs-tab-selected-indicator",
+    selector: '.one-tabs__tab[aria-selected="true"]::after',
+    properties: {
+      position: "absolute",
+      right: "0",
+      bottom: "-1px",
+      left: "0",
+      height: "2px",
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
+      content: '""'
+    }
+  },
+  {
+    name: "one-tabs-tab-disabled",
+    selector: ".one-tabs__tab:disabled",
+    properties: {
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      cursor: "not-allowed"
+    }
+  },
+  {
+    name: "one-tabs-tab-focus-visible",
+    selector: ".one-tabs__tab:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "-2px"
+    }
+  },
+  {
+    name: "one-tabs-panel",
+    selector: ".one-tabs__panel",
+    properties: {
+      padding: `${ONE_THEME_DEFAULTS.spaceLg} 0`
+    }
+  }
+];
+
+class OneTabs extends Component15 {
+  idPrefix = normalizeId(this.props.id);
+  initState() {
+    return { internalValue: this.props.defaultValue };
+  }
+  initStyles() {
+    ONE_TABS_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const items = this.normalizedItems();
+    const value = this.effectiveValue(items);
+    return {
+      tag: "section",
+      props: { className: "one-tabs" },
+      children: [
+        {
+          tag: "div",
+          props: {
+            className: "one-tabs__list",
+            role: "tablist",
+            "aria-label": this.props.ariaLabel,
+            "aria-orientation": "horizontal"
+          },
+          children: items.map((item, index) => {
+            const selected = item.value === value;
+            return {
+              tag: "button",
+              props: {
+                className: "one-tabs__tab",
+                type: "button",
+                id: `${this.idPrefix}-tab-${index}`,
+                role: "tab",
+                disabled: item.disabled === true,
+                tabindex: selected ? 0 : -1,
+                "aria-selected": selected ? "true" : "false",
+                "aria-controls": `${this.idPrefix}-panel-${index}`
+              },
+              listeners: {
+                click: (event) => this.activate(item, index, event),
+                keydown: (event) => this.handleKeydown(event, index)
+              },
+              children: [item.label]
+            };
+          })
+        },
+        ...items.map((item, index) => ({
+          tag: "div",
+          props: {
+            className: "one-tabs__panel",
+            id: `${this.idPrefix}-panel-${index}`,
+            role: "tabpanel",
+            hidden: item.value === value ? undefined : true,
+            tabindex: 0,
+            "aria-labelledby": `${this.idPrefix}-tab-${index}`
+          },
+          children: [slot5(item.value)]
+        }))
+      ]
+    };
+  }
+  normalizedItems() {
+    const items = Array.isArray(this.props.items) ? this.props.items : [];
+    const values = new Set;
+    return items.flatMap((item) => {
+      if (!item || typeof item.value !== "string" || typeof item.label !== "string" || values.has(item.value)) {
+        return [];
+      }
+      values.add(item.value);
+      return [{ ...item, disabled: item.disabled === true }];
+    });
+  }
+  effectiveValue(items) {
+    const candidate = this.props.value ?? this.state.internalValue;
+    const selected = items.find((item) => item.value === candidate && !item.disabled);
+    return selected?.value ?? items.find((item) => !item.disabled)?.value;
+  }
+  activate(item, index, event) {
+    if (item.disabled) {
+      return;
+    }
+    this.focusTab(index);
+    if (item.value === this.effectiveValue(this.normalizedItems())) {
+      return;
+    }
+    if (this.props.value === undefined) {
+      this.state.internalValue = item.value;
+    }
+    this.emit("change", {
+      value: item.value,
+      originalEvent: event
+    });
+  }
+  handleKeydown(event, currentIndex) {
+    if (!(event instanceof KeyboardEvent)) {
+      return;
+    }
+    if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
+      return;
+    }
+    const items = this.normalizedItems();
+    const enabled = this.enabledIndices(items);
+    if (enabled.length === 0) {
+      return;
+    }
+    event.preventDefault();
+    const currentPosition = Math.max(0, enabled.indexOf(currentIndex));
+    const nextPosition = event.key === "Home" ? 0 : event.key === "End" ? enabled.length - 1 : event.key === "ArrowRight" ? (currentPosition + 1) % enabled.length : (currentPosition - 1 + enabled.length) % enabled.length;
+    const nextIndex = enabled[nextPosition];
+    this.focusTab(nextIndex);
+    this.activate(items[nextIndex], nextIndex, event);
+  }
+  enabledIndices(items) {
+    return items.flatMap((item, index) => item.disabled ? [] : [index]);
+  }
+  focusTab(index) {
+    const element = this.getElement();
+    if (!(element instanceof HTMLElement)) {
+      return;
+    }
+    const tab = element.querySelectorAll('[role="tab"]')[index];
+    tab?.focus();
+  }
+}
+// lib/breadcrumb/OneBreadcrumb.ts
+import { Component as Component16, slot as slot6 } from "@geektech/tsone";
+
+// lib/navigation/normalize.ts
+function normalizeNonNegativeInteger(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? Math.floor(value) : Math.max(0, Math.floor(fallback));
+}
+function normalizePositiveInteger(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : Math.max(1, Math.floor(fallback));
+}
+function normalizePositiveIntegerList(values, fallback) {
+  const source = Array.isArray(values) ? values : fallback;
+  return [
+    ...new Set(source.filter((value) => typeof value === "number" && Number.isFinite(value) && value > 0).map(Math.floor))
+  ];
+}
+// lib/breadcrumb/OneBreadcrumb.ts
+var ONE_BREADCRUMB_STYLES = [
+  {
+    name: "one-breadcrumb-base",
+    selector: ".one-breadcrumb",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
+    }
+  },
+  {
+    name: "one-breadcrumb-list",
+    selector: ".one-breadcrumb__list",
+    properties: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: ONE_THEME_DEFAULTS.spaceXs,
+      alignItems: "center",
+      margin: "0",
+      padding: "0",
+      listStyle: "none"
+    }
+  },
+  {
+    name: "one-breadcrumb-token",
+    selector: ".one-breadcrumb__item, .one-breadcrumb__collapse",
+    properties: {
+      display: "inline-flex",
+      gap: ONE_THEME_DEFAULTS.spaceXs,
+      alignItems: "center"
+    }
+  },
+  {
+    name: "one-breadcrumb-link",
+    selector: ".one-breadcrumb__link",
+    properties: {
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      textDecoration: "none"
+    },
+    hover: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-breadcrumb-link-focus-visible",
+    selector: ".one-breadcrumb__link:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  },
+  {
+    name: "one-breadcrumb-current",
+    selector: ".one-breadcrumb__current",
+    properties: { fontWeight: "600" }
+  },
+  {
+    name: "one-breadcrumb-separator",
+    selector: ".one-breadcrumb__separator",
+    properties: {
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      userSelect: "none"
+    }
+  },
+  {
+    name: "one-breadcrumb-ellipsis",
+    selector: ".one-breadcrumb__ellipsis",
+    properties: {
+      padding: `0 ${ONE_THEME_DEFAULTS.spaceXs}`,
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      backgroundColor: "transparent",
+      border: "0",
+      cursor: "pointer",
+      font: "inherit"
+    }
+  },
+  {
+    name: "one-breadcrumb-ellipsis-focus-visible",
+    selector: ".one-breadcrumb__ellipsis:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  }
+];
+
+class OneBreadcrumb extends Component16 {
+  initState() {
+    return { expanded: false };
+  }
+  initStyles() {
+    ONE_BREADCRUMB_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const items = this.normalizedItems();
+    const currentIndex = this.currentIndex(items);
+    const tokens = this.tokens(items, currentIndex);
+    return {
+      tag: "nav",
+      props: {
+        className: "one-breadcrumb",
+        "aria-label": this.props.ariaLabel ?? "面包屑"
+      },
+      children: [
+        {
+          tag: "ol",
+          props: { className: "one-breadcrumb__list" },
+          children: tokens.map((token, tokenIndex) => this.renderToken(token, tokenIndex < tokens.length - 1, currentIndex))
+        }
+      ]
+    };
+  }
+  normalizedItems() {
+    const items = Array.isArray(this.props.items) ? this.props.items : [];
+    return items.flatMap((item) => item && typeof item.label === "string" ? [{ ...item }] : []);
+  }
+  currentIndex(items) {
+    const explicit = items.findIndex((item) => item.current === true);
+    return explicit >= 0 ? explicit : items.length - 1;
+  }
+  tokens(items, currentIndex) {
+    const limit = Math.max(3, normalizePositiveInteger(this.props.maxItems, items.length || 3));
+    if (this.state.expanded || items.length <= limit) {
+      return items.map((item, index) => ({ type: "item", item, index }));
+    }
+    const visible = new Set([0, currentIndex, items.length - 1]);
+    const candidates = items.map((_, index) => index).filter((index) => !visible.has(index)).sort((left, right) => Math.abs(left - currentIndex) - Math.abs(right - currentIndex) || left - right);
+    candidates.slice(0, Math.max(0, limit - visible.size)).forEach((index) => {
+      visible.add(index);
+    });
+    const result = [];
+    let hiddenStart = -1;
+    items.forEach((item, index) => {
+      if (!visible.has(index)) {
+        if (hiddenStart < 0)
+          hiddenStart = index;
+        return;
+      }
+      if (hiddenStart >= 0) {
+        result.push({ type: "collapse", key: `${hiddenStart}-${index - 1}` });
+        hiddenStart = -1;
+      }
+      result.push({ type: "item", item, index });
+    });
+    if (hiddenStart >= 0) {
+      result.push({
+        type: "collapse",
+        key: `${hiddenStart}-${items.length - 1}`
+      });
+    }
+    return result;
+  }
+  renderToken(token, hasSeparator, currentIndex) {
+    const content = token.type === "collapse" ? this.renderCollapse() : this.renderItem(token.item, token.index, token.index === currentIndex);
+    return {
+      tag: "li",
+      props: {
+        className: token.type === "item" ? "one-breadcrumb__item" : "one-breadcrumb__collapse"
+      },
+      children: [content, ...hasSeparator ? [this.renderSeparator()] : []]
+    };
+  }
+  renderItem(item, index, current) {
+    if (current || !item.href) {
+      return {
+        tag: "span",
+        props: {
+          className: current ? "one-breadcrumb__current" : "one-breadcrumb__label",
+          "aria-current": current ? "page" : undefined
+        },
+        children: [item.label]
+      };
+    }
+    return {
+      tag: "a",
+      props: { className: "one-breadcrumb__link", href: item.href },
+      listeners: { click: (event) => this.handleItemClick(event, item, index) },
+      children: [item.label]
+    };
+  }
+  renderCollapse() {
+    return {
+      tag: "button",
+      props: {
+        className: "one-breadcrumb__ellipsis",
+        type: "button",
+        "aria-label": "展开面包屑",
+        "aria-expanded": "false"
+      },
+      listeners: { click: () => this.state.expanded = true },
+      children: ["…"]
+    };
+  }
+  renderSeparator() {
+    return {
+      tag: "span",
+      props: { className: "one-breadcrumb__separator", "aria-hidden": "true" },
+      children: [
+        this.hasSlot("separator") ? slot6("separator") : this.props.separator ?? "/"
+      ]
+    };
+  }
+  handleItemClick(event, item, index) {
+    if (!(event instanceof MouseEvent))
+      return;
+    this.emit("itemClick", {
+      item,
+      index,
+      originalEvent: event
+    });
+  }
+  hasSlot(name) {
+    return this.props.children?.some((child) => typeof child !== "string" && child.slot === name) ?? false;
+  }
+}
+// lib/pagination/OnePagination.ts
+import { Component as Component17 } from "@geektech/tsone";
+
+// lib/pagination/tokens.ts
+function createOnePaginationTokens(pageCount, page, siblingCount) {
+  const normalizedCount = normalizePositiveInteger(pageCount, 1);
+  const normalizedPage = Math.min(normalizedCount, normalizePositiveInteger(page, 1));
+  const normalizedSiblings = normalizeNonNegativeInteger(siblingCount, 1);
+  const pages = new Set([1, normalizedCount]);
+  for (let candidate = Math.max(1, normalizedPage - normalizedSiblings);candidate <= Math.min(normalizedCount, normalizedPage + normalizedSiblings); candidate += 1) {
+    pages.add(candidate);
+  }
+  const sorted = [...pages].sort((left, right) => left - right);
+  return sorted.flatMap((value, index) => {
+    if (index === 0)
+      return [value];
+    const previous = sorted[index - 1];
+    const gap = value - previous;
+    if (gap === 2)
+      return [previous + 1, value];
+    if (gap > 2) {
+      return [previous === 1 ? "ellipsis-start" : "ellipsis-end", value];
+    }
+    return [value];
+  });
+}
+
+// lib/pagination/OnePagination.ts
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+var ONE_PAGINATION_STYLES = [
+  {
+    name: "one-pagination-base",
+    selector: ".one-pagination",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "flex",
+      flexWrap: "wrap",
+      gap: ONE_THEME_DEFAULTS.spaceSm,
+      alignItems: "center",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
+    }
+  },
+  {
+    name: "one-pagination-pages",
+    selector: ".one-pagination__pages",
+    properties: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: ONE_THEME_DEFAULTS.spaceXs,
+      alignItems: "center"
+    }
+  },
+  {
+    name: "one-pagination-button",
+    selector: ".one-pagination__button",
+    properties: {
+      minWidth: "32px",
+      height: "32px",
+      padding: `0 ${ONE_THEME_DEFAULTS.spaceSm}`,
+      color: "inherit",
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      border: oneThemeBorder(),
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
+      cursor: "pointer",
+      font: "inherit"
+    },
+    hover: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
+      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-pagination-button-current",
+    selector: '.one-pagination__button[aria-current="page"]',
+    properties: {
+      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
+      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-pagination-button-disabled",
+    selector: ".one-pagination__button:disabled",
+    properties: {
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      cursor: "not-allowed",
+      opacity: "0.55"
+    }
+  },
+  {
+    name: "one-pagination-button-focus-visible",
+    selector: ".one-pagination__button:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  },
+  {
+    name: "one-pagination-ellipsis",
+    selector: ".one-pagination__ellipsis",
+    properties: {
+      minWidth: "24px",
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      textAlign: "center"
+    }
+  },
+  {
+    name: "one-pagination-control",
+    selector: ".one-pagination__size, .one-pagination__jumper",
+    properties: {
+      height: "32px",
+      padding: `0 ${ONE_THEME_DEFAULTS.spaceSm}`,
+      color: "inherit",
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      border: oneThemeBorder(),
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
+      font: "inherit"
+    }
+  },
+  {
+    name: "one-pagination-control-focus-visible",
+    selector: ".one-pagination__size:focus-visible, .one-pagination__jumper:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  },
+  {
+    name: "one-pagination-jumper",
+    selector: ".one-pagination__jumper",
+    properties: { width: "80px" }
+  }
+];
+
+class OnePagination extends Component17 {
+  initState() {
+    return {
+      internalPage: normalizePositiveInteger(this.props.defaultPage, 1),
+      internalPageSize: normalizePositiveInteger(this.props.defaultPageSize, 10),
+      jumpValue: ""
+    };
+  }
+  initStyles() {
+    ONE_PAGINATION_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const pageSize = this.effectivePageSize();
+    const pageCount = this.pageCount(pageSize);
+    const page = this.effectivePage(pageSize);
+    const disabled = this.props.disabled === true;
+    const siblingCount = normalizeNonNegativeInteger(this.props.siblingCount, 1);
+    return {
+      tag: "nav",
+      props: {
+        className: "one-pagination",
+        "aria-label": this.props.ariaLabel ?? "分页"
+      },
+      children: [
+        {
+          tag: "div",
+          props: { className: "one-pagination__pages" },
+          children: [
+            this.renderPageButton("上一页", "‹", page - 1, page <= 1),
+            ...createOnePaginationTokens(pageCount, page, siblingCount).map((token) => typeof token === "number" ? this.renderPageButton(`第 ${token} 页`, String(token), token, false, token === page) : this.renderEllipsis(token)),
+            this.renderPageButton("下一页", "›", page + 1, page >= pageCount)
+          ]
+        },
+        {
+          tag: "select",
+          props: {
+            className: "one-pagination__size",
+            value: String(pageSize),
+            disabled,
+            "aria-label": "每页条数"
+          },
+          listeners: { change: (event) => this.handleSizeChange(event) },
+          children: this.sizeOptions().map((option) => ({
+            tag: "option",
+            props: {
+              value: String(option),
+              selected: option === pageSize
+            },
+            children: [`${option} 条/页`]
+          }))
+        },
+        ...this.props.showQuickJumper ? [
+          {
+            tag: "input",
+            props: {
+              className: "one-pagination__jumper",
+              type: "text",
+              inputmode: "numeric",
+              value: this.state.jumpValue,
+              disabled,
+              "aria-label": "快速跳转页码",
+              placeholder: "跳至页码"
+            },
+            listeners: {
+              input: (event) => this.handleJumpInput(event),
+              keydown: (event) => this.handleJumpKeydown(event),
+              blur: (event) => this.submitJump(event)
+            }
+          }
+        ] : []
+      ]
+    };
+  }
+  effectivePageSize() {
+    return normalizePositiveInteger(this.props.pageSize ?? this.state.internalPageSize, 10);
+  }
+  pageCount(pageSize = this.effectivePageSize()) {
+    const total = normalizeNonNegativeInteger(this.props.total, 0);
+    return Math.max(1, Math.ceil(total / pageSize));
+  }
+  effectivePage(pageSize = this.effectivePageSize()) {
+    const candidate = normalizePositiveInteger(this.props.page ?? this.state.internalPage, 1);
+    return Math.min(this.pageCount(pageSize), candidate);
+  }
+  sizeOptions() {
+    const active = this.effectivePageSize();
+    const options = normalizePositiveIntegerList(this.props.pageSizeOptions, DEFAULT_PAGE_SIZE_OPTIONS);
+    if (!options.includes(active))
+      options.push(active);
+    return options;
+  }
+  renderPageButton(ariaLabel, label, targetPage, boundaryDisabled, current = false) {
+    const disabled = this.props.disabled === true || boundaryDisabled;
+    return {
+      tag: "button",
+      props: {
+        className: "one-pagination__button",
+        type: "button",
+        disabled,
+        "aria-label": ariaLabel,
+        "aria-current": current ? "page" : undefined
+      },
+      listeners: {
+        click: (event) => this.requestChange(targetPage, this.effectivePageSize(), event)
+      },
+      children: [label]
+    };
+  }
+  renderEllipsis(token) {
+    return {
+      tag: "span",
+      props: {
+        className: "one-pagination__ellipsis",
+        "aria-hidden": "true",
+        "data-token": token
+      },
+      children: ["…"]
+    };
+  }
+  handleSizeChange(event) {
+    const select = event.currentTarget;
+    if (!(select instanceof HTMLSelectElement) || this.props.disabled)
+      return;
+    const pageSize = normalizePositiveInteger(Number(select.value), 10);
+    this.requestChange(this.effectivePage(), pageSize, event);
+  }
+  handleJumpInput(event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled)
+      return;
+    this.state.jumpValue = input.value;
+  }
+  handleJumpKeydown(event) {
+    if (!(event instanceof KeyboardEvent) || event.key !== "Enter")
+      return;
+    event.preventDefault();
+    this.submitJump(event);
+  }
+  requestChange(page, pageSize, event) {
+    if (this.props.disabled)
+      return;
+    const nextPageSize = normalizePositiveInteger(pageSize, 10);
+    const nextPage = Math.min(this.pageCount(nextPageSize), normalizePositiveInteger(page, 1));
+    const currentPage = this.effectivePage();
+    const currentPageSize = this.effectivePageSize();
+    if (nextPage === currentPage && nextPageSize === currentPageSize)
+      return;
+    if (this.props.pageSize === undefined) {
+      this.state.internalPageSize = nextPageSize;
+    }
+    if (this.props.page === undefined) {
+      this.state.internalPage = nextPage;
+    }
+    this.emit("change", {
+      page: nextPage,
+      pageSize: nextPageSize,
+      originalEvent: event
+    });
+  }
+  submitJump(event) {
+    if (this.props.disabled)
+      return;
+    const value = this.state.jumpValue.trim();
+    if (!value)
+      return;
+    const page = Number(value);
+    this.state.jumpValue = "";
+    if (event.currentTarget instanceof HTMLInputElement) {
+      event.currentTarget.value = "";
+    }
+    if (!Number.isFinite(page))
+      return;
+    this.requestChange(page, this.effectivePageSize(), event);
+  }
+}
+// lib/categories.ts
+var ONE_COMPONENT_CATEGORIES = [
+  { id: "basic", label: "基础", components: ["OneButton"] },
+  {
+    id: "form",
+    label: "表单",
+    components: [
+      "OneForm",
+      "OneFormItem",
+      "OneInput",
+      "OneSelect",
+      "OneTimePicker",
+      "OneCheckbox",
+      "OneCheckboxGroup",
+      "OneRadio",
+      "OneRadioGroup",
+      "OneSwitch",
+      "OneSlider",
+      "OneRate",
+      "OneUpload"
+    ]
+  },
+  {
+    id: "navigation",
+    label: "导航",
+    components: ["OneTabs", "OneBreadcrumb", "OnePagination"]
+  },
+  {
+    id: "data-display",
+    label: "数据展示",
+    components: [
+      "OneCard",
+      "OneAvatar",
+      "OneTag",
+      "OneBadge",
+      "OneProgress",
+      "OneEmpty",
+      "OneTable",
+      "OneCollapse",
+      "OneSkeleton"
+    ]
+  },
+  {
+    id: "feedback",
+    label: "反馈与浮层",
+    components: [
+      "OneAlert",
+      "OneMessage",
+      "OneDialog",
+      "OneTooltip",
+      "OneLoading"
+    ]
+  }
+];
+// lib/card/OneCard.ts
+import { Component as Component18, slot as slot7 } from "@geektech/tsone";
+var ONE_CARD_STYLES = [
+  {
+    name: "one-card-base",
+    selector: ".one-card",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      overflow: "hidden",
+      color: `var(--one-card-color, var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText}))`,
+      backgroundColor: `var(--one-card-background, var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface}))`,
+      border: oneThemeBorder(`var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`),
+      borderRadius: `var(--one-card-radius, var(--one-radius-lg, ${ONE_THEME_DEFAULTS.radiusMd}))`,
+      boxShadow: `var(--one-card-shadow, var(--one-shadow-card, ${ONE_THEME_DEFAULTS.shadowCard}))`
+    }
+  },
+  {
+    name: "one-card-header",
+    selector: ".one-card__header",
+    properties: {
+      padding: `var(--one-card-header-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`,
+      borderBottom: oneThemeBorder(`var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`),
+      fontWeight: "500"
+    }
+  },
+  {
+    name: "one-card-body",
+    selector: ".one-card__body",
+    properties: {
+      padding: `var(--one-card-body-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`
+    }
+  },
+  {
+    name: "one-card-footer",
+    selector: ".one-card__footer",
+    properties: {
+      padding: `var(--one-card-footer-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`,
+      borderTop: oneThemeBorder(`var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`)
+    }
+  }
+];
+function hasNamedSlot(children, name) {
+  return children.some((child) => typeof child !== "string" && child.slot === name);
+}
+
+class OneCard extends Component18 {
+  initState() {
+    return {};
+  }
+  initStyles() {
+    ONE_CARD_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const children = this.props.children ?? [];
+    const hasHeaderSlot = hasNamedSlot(children, "header");
+    const hasFooterSlot = hasNamedSlot(children, "footer");
+    const headerChildren = hasHeaderSlot ? [slot7("header")] : this.props.title ? [this.props.title] : [];
+    return {
+      tag: "section",
+      props: { className: "one-card" },
+      children: [
+        ...headerChildren.length > 0 ? [
+          {
+            tag: "header",
+            props: { className: "one-card__header" },
+            children: headerChildren
+          }
+        ] : [],
+        {
+          tag: "div",
+          props: { className: "one-card__body" },
+          children: [slot7("default")]
+        },
+        ...hasFooterSlot ? [
+          {
+            tag: "footer",
+            props: { className: "one-card__footer" },
+            children: [slot7("footer")]
+          }
+        ] : []
+      ]
+    };
+  }
+}
+// lib/tag/OneTag.ts
+import { Component as Component19 } from "@geektech/tsone";
+
+// lib/data-display/types.ts
+var VARIANTS = [
+  "neutral",
+  "primary",
+  "success",
+  "warning",
+  "error"
+];
+function normalizeOneDataDisplayVariant(value, fallback = "neutral") {
+  return VARIANTS.includes(value) ? value : fallback;
+}
+// lib/tag/OneTag.ts
+var ONE_TAG_STYLES = [
+  {
+    name: "one-tag-base",
+    selector: ".one-tag",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "inline-flex",
+      alignItems: "center",
+      gap: ONE_THEME_DEFAULTS.spaceXs,
+      border: oneThemeBorder(),
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`
+    }
+  },
+  {
+    name: "one-tag-neutral",
+    selector: ".one-tag--neutral",
+    properties: {
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      borderColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
+    }
+  },
+  {
+    name: "one-tag-primary",
+    selector: ".one-tag--primary",
+    properties: {
+      color: `var(--one-color-primary-contrast, ${ONE_THEME_DEFAULTS.colorText})`,
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
+      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-tag-success",
+    selector: ".one-tag--success",
+    properties: {
+      color: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      borderColor: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
+    }
+  },
+  {
+    name: "one-tag-warning",
+    selector: ".one-tag--warning",
+    properties: {
+      color: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      borderColor: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
+    }
+  },
+  {
+    name: "one-tag-error",
+    selector: ".one-tag--error",
+    properties: {
+      color: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      borderColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-tag-sm",
+    selector: ".one-tag--sm",
+    properties: {
+      padding: "2px 6px",
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
+    }
+  },
+  {
+    name: "one-tag-md",
+    selector: ".one-tag--md",
+    properties: {
+      padding: "4px 8px",
+      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
+    }
+  },
+  {
+    name: "one-tag-lg",
+    selector: ".one-tag--lg",
+    properties: {
+      padding: "6px 10px",
+      fontSize: `var(--one-font-size-lg, ${ONE_THEME_DEFAULTS.fontSizeLg})`
+    }
+  },
+  {
+    name: "one-tag-close",
+    selector: ".one-tag__close",
+    properties: {
+      display: "inline-grid",
+      placeItems: "center",
+      padding: "0",
+      color: "inherit",
+      backgroundColor: "transparent",
+      border: "0",
+      cursor: "pointer",
+      font: "inherit",
+      lineHeight: "1"
+    }
+  },
+  {
+    name: "one-tag-close-focus-visible",
+    selector: ".one-tag__close:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  }
+];
+
+class OneTag extends Component19 {
+  initState() {
+    return { visible: true };
+  }
+  initStyles() {
+    ONE_TAG_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    if (!this.state.visible) {
+      return {
+        tag: "span",
+        props: { hidden: true, "data-one-tag-anchor": "" }
+      };
+    }
+    const variant = normalizeOneDataDisplayVariant(this.props.variant);
+    const size = normalizeOneSize(this.props.size);
+    return {
+      tag: "span",
+      props: {
+        className: `one-tag one-tag--${variant} one-tag--${size}`
+      },
+      children: [
+        ...this.props.children ?? [],
+        ...this.props.closable ? [
+          {
+            tag: "button",
+            props: {
+              className: "one-tag__close",
+              type: "button",
+              "aria-label": "关闭标签"
+            },
+            listeners: { click: () => this.close() },
+            children: ["×"]
+          }
+        ] : []
+      ]
+    };
+  }
+  close() {
+    if (!this.state.visible) {
+      return;
+    }
+    this.emit("close");
+    this.state.visible = false;
+  }
+}
+// lib/badge/OneBadge.ts
+import { Component as Component20 } from "@geektech/tsone";
+var ONE_BADGE_STYLES = [
+  {
+    name: "one-badge-base",
+    selector: ".one-badge",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      position: "relative",
+      display: "inline-flex",
+      verticalAlign: "middle"
+    }
+  },
+  {
+    name: "one-badge-content",
+    selector: ".one-badge__content",
+    properties: {
+      position: "absolute",
+      top: "0",
+      right: "0",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      boxSizing: "border-box",
+      minWidth: "18px",
+      height: "18px",
+      padding: "0 5px",
+      borderRadius: "999px",
+      fontFamily: `var(--one-font-family, ${ONE_THEME_DEFAULTS.fontFamily})`,
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`,
+      lineHeight: "1",
+      transform: "translate(50%, -50%)"
+    }
+  },
+  {
+    name: "one-badge-standalone-content",
+    selector: ".one-badge--standalone .one-badge__content",
+    properties: {
+      position: "static",
+      transform: "none"
+    }
+  },
+  {
+    name: "one-badge-dot",
+    selector: ".one-badge__content--dot",
+    properties: {
+      width: "8px",
+      minWidth: "8px",
+      height: "8px",
+      padding: "0"
+    }
+  },
+  {
+    name: "one-badge-neutral",
+    selector: ".one-badge--neutral .one-badge__content",
+    properties: {
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      border: oneThemeBorder()
+    }
+  },
+  {
+    name: "one-badge-primary",
+    selector: ".one-badge--primary .one-badge__content",
+    properties: {
+      color: `var(--one-color-primary-contrast, ${ONE_THEME_DEFAULTS.colorText})`,
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-badge-success",
+    selector: ".one-badge--success .one-badge__content",
+    properties: {
+      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      backgroundColor: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
+    }
+  },
+  {
+    name: "one-badge-warning",
+    selector: ".one-badge--warning .one-badge__content",
+    properties: {
+      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      backgroundColor: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
+    }
+  },
+  {
+    name: "one-badge-error",
+    selector: ".one-badge--error .one-badge__content",
+    properties: {
+      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      backgroundColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  }
+];
+function normalizeMax(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : 99;
+}
+function displayValue(props) {
+  if (props.dot) {
+    return "";
+  }
+  if (props.value === undefined || props.value === "") {
+    return;
+  }
+  if (props.value === 0 && props.showZero !== true) {
+    return;
+  }
+  if (typeof props.value === "number" && !Number.isFinite(props.value)) {
+    return;
+  }
+  if (typeof props.value === "number") {
+    const max = normalizeMax(props.max);
+    return props.value > max ? `${max}+` : String(props.value);
+  }
+  return props.value;
+}
+
+class OneBadge extends Component20 {
+  initState() {
+    return {};
+  }
+  initStyles() {
+    ONE_BADGE_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const children = this.props.children ?? [];
+    const standalone = children.length === 0;
+    const variant = normalizeOneDataDisplayVariant(this.props.variant, "primary");
+    const value = displayValue(this.props);
+    const showContent = this.props.dot === true || value !== undefined;
+    return {
+      tag: "span",
+      props: {
+        className: [
+          "one-badge",
+          `one-badge--${variant}`,
+          ...standalone ? ["one-badge--standalone"] : []
+        ].join(" ")
+      },
+      children: [
+        ...children,
+        ...showContent ? [
+          {
+            tag: "span",
+            props: {
+              className: [
+                "one-badge__content",
+                ...this.props.dot ? ["one-badge__content--dot"] : []
+              ].join(" "),
+              "aria-label": this.props.ariaLabel,
+              "aria-hidden": this.props.dot && !this.props.ariaLabel ? "true" : undefined
+            },
+            children: value ? [value] : []
+          }
+        ] : []
+      ]
+    };
+  }
+}
+// lib/empty/OneEmpty.ts
+import { Component as Component21, slot as slot8 } from "@geektech/tsone";
+var ONE_EMPTY_STYLES = [
+  {
+    name: "one-empty-base",
+    selector: ".one-empty",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "grid",
+      justifyItems: "center",
+      gap: ONE_THEME_DEFAULTS.spaceMd,
+      padding: "24px",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      textAlign: "center"
     }
   },
   {
-    name: "one-pagination-button",
-    selector: ".one-pagination__button",
+    name: "one-empty-image",
+    selector: ".one-empty__image",
     properties: {
-      minWidth: "32px",
-      height: "32px",
-      padding: `0 ${ONE_THEME_DEFAULTS.spaceSm}`,
-      color: "inherit",
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      border: oneThemeBorder(),
-      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
-      cursor: "pointer",
-      font: "inherit"
-    },
-    hover: {
-      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
-      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+      display: "grid",
+      placeItems: "center",
+      minHeight: "56px"
     }
   },
   {
-    name: "one-pagination-button-current",
-    selector: '.one-pagination__button[aria-current="page"]',
+    name: "one-empty-illustration",
+    selector: ".one-empty__illustration",
     properties: {
-      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
-      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "4px",
+      width: "48px",
+      height: "36px",
+      boxSizing: "border-box",
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      border: `2px solid var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`
     }
   },
   {
-    name: "one-pagination-button-disabled",
-    selector: ".one-pagination__button:disabled",
+    name: "one-empty-illustration-line",
+    selector: ".one-empty__illustration-line",
     properties: {
-      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      cursor: "not-allowed",
-      opacity: "0.55"
+      display: "block",
+      width: "20px",
+      height: "3px",
+      borderRadius: "999px",
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-pagination-button-focus-visible",
-    selector: ".one-pagination__button:focus-visible",
-    properties: {
-      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
-      outlineOffset: "2px"
-    }
+    name: "one-empty-illustration-line-short",
+    selector: ".one-empty__illustration-line--short",
+    properties: { width: "12px" }
   },
   {
-    name: "one-pagination-ellipsis",
-    selector: ".one-pagination__ellipsis",
+    name: "one-empty-description",
+    selector: ".one-empty__description",
     properties: {
-      minWidth: "24px",
       color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      textAlign: "center"
-    }
-  },
-  {
-    name: "one-pagination-control",
-    selector: ".one-pagination__size, .one-pagination__jumper",
-    properties: {
-      height: "32px",
-      padding: `0 ${ONE_THEME_DEFAULTS.spaceSm}`,
-      color: "inherit",
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      border: oneThemeBorder(),
-      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
-      font: "inherit"
+      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
     }
   },
   {
-    name: "one-pagination-control-focus-visible",
-    selector: ".one-pagination__size:focus-visible, .one-pagination__jumper:focus-visible",
+    name: "one-empty-actions",
+    selector: ".one-empty__actions",
     properties: {
-      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
-      outlineOffset: "2px"
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "center",
+      gap: ONE_THEME_DEFAULTS.spaceSm
     }
-  },
-  {
-    name: "one-pagination-jumper",
-    selector: ".one-pagination__jumper",
-    properties: { width: "80px" }
   }
 ];
+function hasNamedSlot2(children, name) {
+  return children.some((child) => typeof child !== "string" && child.slot === name);
+}
+function hasDefaultSlot(children) {
+  return children.some((child) => typeof child === "string" || child.slot === undefined);
+}
 
-class OnePagination extends Component11 {
+class OneEmpty extends Component21 {
   initState() {
-    return {
-      internalPage: normalizePositiveInteger(this.props.defaultPage, 1),
-      internalPageSize: normalizePositiveInteger(this.props.defaultPageSize, 10),
-      jumpValue: ""
-    };
+    return {};
   }
   initStyles() {
-    ONE_PAGINATION_STYLES.forEach(({ name, ...style }) => {
+    ONE_EMPTY_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    const pageSize = this.effectivePageSize();
-    const pageCount = this.pageCount(pageSize);
-    const page = this.effectivePage(pageSize);
-    const disabled = this.props.disabled === true;
-    const siblingCount = normalizeNonNegativeInteger(this.props.siblingCount, 1);
+    const children = this.props.children ?? [];
+    const customImage = hasNamedSlot2(children, "image");
+    const customDescription = hasDefaultSlot(children);
+    const customActions = hasNamedSlot2(children, "actions");
     return {
-      tag: "nav",
-      props: {
-        className: "one-pagination",
-        "aria-label": this.props.ariaLabel ?? "分页"
-      },
+      tag: "section",
+      props: { className: "one-empty" },
       children: [
         {
           tag: "div",
-          props: { className: "one-pagination__pages" },
-          children: [
-            this.renderPageButton("上一页", "‹", page - 1, page <= 1),
-            ...createOnePaginationTokens(pageCount, page, siblingCount).map((token) => typeof token === "number" ? this.renderPageButton(`第 ${token} 页`, String(token), token, false, token === page) : this.renderEllipsis(token)),
-            this.renderPageButton("下一页", "›", page + 1, page >= pageCount)
+          props: {
+            className: "one-empty__image",
+            "aria-hidden": customImage ? undefined : "true"
+          },
+          children: customImage ? [slot8("image")] : [
+            {
+              tag: "span",
+              props: { className: "one-empty__illustration" },
+              children: [
+                {
+                  tag: "span",
+                  props: { className: "one-empty__illustration-line" }
+                },
+                {
+                  tag: "span",
+                  props: {
+                    className: "one-empty__illustration-line one-empty__illustration-line--short"
+                  }
+                }
+              ]
+            }
           ]
         },
         {
-          tag: "select",
-          props: {
-            className: "one-pagination__size",
-            value: String(pageSize),
-            disabled,
-            "aria-label": "每页条数"
-          },
-          listeners: { change: (event) => this.handleSizeChange(event) },
-          children: this.sizeOptions().map((option) => ({
-            tag: "option",
-            props: {
-              value: String(option),
-              selected: option === pageSize
-            },
-            children: [`${option} 条/页`]
-          }))
+          tag: "div",
+          props: { className: "one-empty__description" },
+          children: customDescription ? [slot8("default")] : [this.props.description ?? "暂无数据"]
         },
-        ...this.props.showQuickJumper ? [
+        ...customActions ? [
           {
-            tag: "input",
-            props: {
-              className: "one-pagination__jumper",
-              type: "text",
-              inputmode: "numeric",
-              value: this.state.jumpValue,
-              disabled,
-              "aria-label": "快速跳转页码",
-              placeholder: "跳至页码"
-            },
-            listeners: {
-              input: (event) => this.handleJumpInput(event),
-              keydown: (event) => this.handleJumpKeydown(event),
-              blur: (event) => this.submitJump(event)
-            }
+            tag: "div",
+            props: { className: "one-empty__actions" },
+            children: [slot8("actions")]
           }
         ] : []
       ]
     };
   }
-  effectivePageSize() {
-    return normalizePositiveInteger(this.props.pageSize ?? this.state.internalPageSize, 10);
-  }
-  pageCount(pageSize = this.effectivePageSize()) {
-    const total = normalizeNonNegativeInteger(this.props.total, 0);
-    return Math.max(1, Math.ceil(total / pageSize));
-  }
-  effectivePage(pageSize = this.effectivePageSize()) {
-    const candidate = normalizePositiveInteger(this.props.page ?? this.state.internalPage, 1);
-    return Math.min(this.pageCount(pageSize), candidate);
-  }
-  sizeOptions() {
-    const active = this.effectivePageSize();
-    const options = normalizePositiveIntegerList(this.props.pageSizeOptions, DEFAULT_PAGE_SIZE_OPTIONS);
-    if (!options.includes(active))
-      options.push(active);
-    return options;
-  }
-  renderPageButton(ariaLabel, label, targetPage, boundaryDisabled, current = false) {
-    const disabled = this.props.disabled === true || boundaryDisabled;
-    return {
-      tag: "button",
-      props: {
-        className: "one-pagination__button",
-        type: "button",
-        disabled,
-        "aria-label": ariaLabel,
-        "aria-current": current ? "page" : undefined
-      },
-      listeners: {
-        click: (event) => this.requestChange(targetPage, this.effectivePageSize(), event)
-      },
-      children: [label]
-    };
-  }
-  renderEllipsis(token) {
-    return {
-      tag: "span",
-      props: {
-        className: "one-pagination__ellipsis",
-        "aria-hidden": "true",
-        "data-token": token
-      },
-      children: ["…"]
-    };
-  }
-  handleSizeChange(event) {
-    const select = event.currentTarget;
-    if (!(select instanceof HTMLSelectElement) || this.props.disabled)
-      return;
-    const pageSize = normalizePositiveInteger(Number(select.value), 10);
-    this.requestChange(this.effectivePage(), pageSize, event);
-  }
-  handleJumpInput(event) {
-    const input = event.currentTarget;
-    if (!(input instanceof HTMLInputElement) || this.props.disabled)
-      return;
-    this.state.jumpValue = input.value;
-  }
-  handleJumpKeydown(event) {
-    if (!(event instanceof KeyboardEvent) || event.key !== "Enter")
-      return;
-    event.preventDefault();
-    this.submitJump(event);
-  }
-  requestChange(page, pageSize, event) {
-    if (this.props.disabled)
-      return;
-    const nextPageSize = normalizePositiveInteger(pageSize, 10);
-    const nextPage = Math.min(this.pageCount(nextPageSize), normalizePositiveInteger(page, 1));
-    const currentPage = this.effectivePage();
-    const currentPageSize = this.effectivePageSize();
-    if (nextPage === currentPage && nextPageSize === currentPageSize)
-      return;
-    if (this.props.pageSize === undefined) {
-      this.state.internalPageSize = nextPageSize;
+}
+// lib/avatar/OneAvatar.ts
+import { Component as Component22 } from "@geektech/tsone";
+var ONE_AVATAR_STYLES = [
+  {
+    name: "one-avatar-base",
+    selector: ".one-avatar",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      overflow: "hidden",
+      boxSizing: "border-box",
+      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      backgroundColor: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      verticalAlign: "middle"
     }
-    if (this.props.page === undefined) {
-      this.state.internalPage = nextPage;
+  },
+  {
+    name: "one-avatar-sm",
+    selector: ".one-avatar--sm",
+    properties: {
+      width: "24px",
+      height: "24px",
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
     }
-    this.emit("change", {
-      page: nextPage,
-      pageSize: nextPageSize,
-      originalEvent: event
-    });
-  }
-  submitJump(event) {
-    if (this.props.disabled)
-      return;
-    const value = this.state.jumpValue.trim();
-    if (!value)
-      return;
-    const page = Number(value);
-    this.state.jumpValue = "";
-    if (event.currentTarget instanceof HTMLInputElement) {
-      event.currentTarget.value = "";
+  },
+  {
+    name: "one-avatar-md",
+    selector: ".one-avatar--md",
+    properties: {
+      width: "32px",
+      height: "32px",
+      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
     }
-    if (!Number.isFinite(page))
-      return;
-    this.requestChange(page, this.effectivePageSize(), event);
-  }
-}
-// lib/categories.ts
-var ONE_COMPONENT_CATEGORIES = [
-  { id: "basic", label: "基础", components: ["OneButton", "OneInput"] },
+  },
   {
-    id: "form",
-    label: "表单",
-    components: [
-      "OneForm",
-      "OneFormItem",
-      "OneSelect",
-      "OneCheckbox",
-      "OneCheckboxGroup",
-      "OneSwitch"
-    ]
+    name: "one-avatar-lg",
+    selector: ".one-avatar--lg",
+    properties: {
+      width: "40px",
+      height: "40px",
+      fontSize: `var(--one-font-size-lg, ${ONE_THEME_DEFAULTS.fontSizeLg})`
+    }
   },
   {
-    id: "navigation",
-    label: "导航",
-    components: ["OneTabs", "OneBreadcrumb", "OnePagination"]
+    name: "one-avatar-circle",
+    selector: ".one-avatar--circle",
+    properties: { borderRadius: "50%" }
   },
   {
-    id: "data-display",
-    label: "数据展示",
-    components: ["OneCard", "OneTag", "OneBadge", "OneEmpty"]
+    name: "one-avatar-square",
+    selector: ".one-avatar--square",
+    properties: {
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`
+    }
   },
   {
-    id: "feedback",
-    label: "反馈与浮层",
-    components: ["OneAlert", "OneMessage", "OneDialog", "OneTooltip"]
-  }
-];
-// lib/card/OneCard.ts
-import { Component as Component12, slot as slot6 } from "@geektech/tsone";
-var ONE_CARD_STYLES = [
+    name: "one-avatar-neutral",
+    selector: ".one-avatar--neutral",
+    properties: {
+      backgroundColor: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
+    }
+  },
   {
-    name: "one-card-base",
-    selector: ".one-card",
+    name: "one-avatar-primary",
+    selector: ".one-avatar--primary",
     properties: {
-      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      overflow: "hidden",
-      color: `var(--one-card-color, var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText}))`,
-      backgroundColor: `var(--one-card-background, var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface}))`,
-      border: oneThemeBorder(`var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`),
-      borderRadius: `var(--one-card-radius, var(--one-radius-lg, ${ONE_THEME_DEFAULTS.radiusMd}))`,
-      boxShadow: `var(--one-card-shadow, var(--one-shadow-card, ${ONE_THEME_DEFAULTS.shadowCard}))`
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
     }
   },
   {
-    name: "one-card-header",
-    selector: ".one-card__header",
+    name: "one-avatar-success",
+    selector: ".one-avatar--success",
     properties: {
-      padding: `var(--one-card-header-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`,
-      borderBottom: oneThemeBorder(`var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`),
-      fontWeight: "500"
+      backgroundColor: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
     }
   },
   {
-    name: "one-card-body",
-    selector: ".one-card__body",
+    name: "one-avatar-warning",
+    selector: ".one-avatar--warning",
     properties: {
-      padding: `var(--one-card-body-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`
+      backgroundColor: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
     }
   },
   {
-    name: "one-card-footer",
-    selector: ".one-card__footer",
+    name: "one-avatar-error",
+    selector: ".one-avatar--error",
     properties: {
-      padding: `var(--one-card-footer-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`,
-      borderTop: oneThemeBorder(`var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`)
+      backgroundColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-avatar-img",
+    selector: ".one-avatar__img",
+    properties: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }
+  },
+  {
+    name: "one-avatar-fallback",
+    selector: ".one-avatar__fallback",
+    properties: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: `0 ${ONE_THEME_DEFAULTS.spaceXs}`,
+      lineHeight: "1"
     }
   }
 ];
-function hasNamedSlot(children, name) {
-  return children.some((child) => typeof child !== "string" && child.slot === name);
+function normalizeOneAvatarShape(value) {
+  return value === "square" ? "square" : "circle";
 }
 
-class OneCard extends Component12 {
+class OneAvatar extends Component22 {
   initState() {
     return {};
   }
   initStyles() {
-    ONE_CARD_STYLES.forEach(({ name, ...style }) => {
+    ONE_AVATAR_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    const children = this.props.children ?? [];
-    const hasHeaderSlot = hasNamedSlot(children, "header");
-    const hasFooterSlot = hasNamedSlot(children, "footer");
-    const headerChildren = hasHeaderSlot ? [slot6("header")] : this.props.title ? [this.props.title] : [];
+    const size = normalizeOneSize(this.props.size);
+    const shape = normalizeOneAvatarShape(this.props.shape);
+    const variant = normalizeOneDataDisplayVariant(this.props.variant);
+    const hasImage = Boolean(this.props.src);
+    const fallback = this.props.children && this.props.children.length > 0 ? this.props.children : this.props.text ? [this.props.text] : [];
     return {
-      tag: "section",
-      props: { className: "one-card" },
-      children: [
-        ...headerChildren.length > 0 ? [
-          {
-            tag: "header",
-            props: { className: "one-card__header" },
-            children: headerChildren
-          }
-        ] : [],
+      tag: "span",
+      props: {
+        className: `one-avatar one-avatar--${size} one-avatar--${shape} one-avatar--${variant}`,
+        role: this.props.ariaLabel ? "img" : undefined,
+        "aria-label": this.props.ariaLabel
+      },
+      children: hasImage ? [
         {
-          tag: "div",
-          props: { className: "one-card__body" },
-          children: [slot6("default")]
-        },
-        ...hasFooterSlot ? [
-          {
-            tag: "footer",
-            props: { className: "one-card__footer" },
-            children: [slot6("footer")]
+          tag: "img",
+          props: {
+            className: "one-avatar__img",
+            src: this.props.src,
+            alt: this.props.alt
           }
-        ] : []
+        }
+      ] : [
+        {
+          tag: "span",
+          props: { className: "one-avatar__fallback" },
+          children: fallback
+        }
       ]
     };
   }
 }
-// lib/tag/OneTag.ts
-import { Component as Component13 } from "@geektech/tsone";
-
-// lib/data-display/types.ts
-var VARIANTS = [
-  "neutral",
-  "primary",
-  "success",
-  "warning",
-  "error"
-];
-function normalizeOneDataDisplayVariant(value, fallback = "neutral") {
-  return VARIANTS.includes(value) ? value : fallback;
-}
-// lib/tag/OneTag.ts
-var ONE_TAG_STYLES = [
+// lib/progress/OneProgress.ts
+import { Component as Component23 } from "@geektech/tsone";
+var ONE_PROGRESS_STYLES = [
   {
-    name: "one-tag-base",
-    selector: ".one-tag",
+    name: "one-progress-base",
+    selector: ".one-progress",
     properties: {
       ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      display: "inline-flex",
+      display: "flex",
       alignItems: "center",
-      gap: ONE_THEME_DEFAULTS.spaceXs,
-      border: oneThemeBorder(),
-      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`
+      gap: `var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm})`
     }
   },
   {
-    name: "one-tag-neutral",
-    selector: ".one-tag--neutral",
+    name: "one-progress-track",
+    selector: ".one-progress__track",
     properties: {
-      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      borderColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
+      flex: "1",
+      height: "8px",
+      overflow: "hidden",
+      borderRadius: "999px",
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-tag-primary",
-    selector: ".one-tag--primary",
+    name: "one-progress-bar",
+    selector: ".one-progress__bar",
     properties: {
-      color: `var(--one-color-primary-contrast, ${ONE_THEME_DEFAULTS.colorText})`,
+      height: "100%",
+      borderRadius: "999px",
       backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`,
-      borderColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+      transition: "width 150ms ease"
     }
   },
   {
-    name: "one-tag-success",
-    selector: ".one-tag--success",
+    name: "one-progress-neutral",
+    selector: ".one-progress__bar--neutral",
     properties: {
-      color: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`,
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      borderColor: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
+      backgroundColor: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
     }
   },
   {
-    name: "one-tag-warning",
-    selector: ".one-tag--warning",
+    name: "one-progress-primary",
+    selector: ".one-progress__bar--primary",
     properties: {
-      color: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`,
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      borderColor: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-progress-success",
+    selector: ".one-progress__bar--success",
+    properties: {
+      backgroundColor: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
+    }
+  },
+  {
+    name: "one-progress-warning",
+    selector: ".one-progress__bar--warning",
+    properties: {
+      backgroundColor: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
+    }
+  },
+  {
+    name: "one-progress-error",
+    selector: ".one-progress__bar--error",
+    properties: {
+      backgroundColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-progress-text",
+    selector: ".one-progress__text",
+    properties: {
+      minWidth: "3em",
+      textAlign: "right",
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`,
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
+    }
+  }
+];
+function normalizePercent(value) {
+  if (typeof value !== "number" || !Number.isFinite(value))
+    return 0;
+  return Math.min(100, Math.max(0, value));
+}
+
+class OneProgress extends Component23 {
+  initState() {
+    return {};
+  }
+  initStyles() {
+    ONE_PROGRESS_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const percent = normalizePercent(this.props.percent);
+    const rounded = Math.round(percent);
+    const variant = normalizeOneDataDisplayVariant(this.props.variant, "primary");
+    return {
+      tag: "div",
+      props: {
+        className: "one-progress",
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": String(rounded),
+        "aria-valuetext": `${rounded}%`,
+        "aria-label": this.props.ariaLabel
+      },
+      children: [
+        {
+          tag: "div",
+          props: { className: "one-progress__track" },
+          children: [
+            {
+              tag: "div",
+              props: {
+                className: `one-progress__bar one-progress__bar--${variant}`,
+                style: { width: `${percent}%` }
+              }
+            }
+          ]
+        },
+        ...this.props.showText ? [
+          {
+            tag: "span",
+            props: { className: "one-progress__text" },
+            children: [`${rounded}%`]
+          }
+        ] : []
+      ]
+    };
+  }
+}
+// lib/table/OneTable.ts
+import { Component as Component24 } from "@geektech/tsone";
+var ONE_TABLE_STYLES = [
+  {
+    name: "one-table-wrap",
+    selector: ".one-table__wrap",
+    properties: {
+      width: "100%",
+      overflowX: "auto",
+      border: oneThemeBorder(),
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`
     }
   },
   {
-    name: "one-tag-error",
-    selector: ".one-tag--error",
+    name: "one-table-base",
+    selector: ".one-table",
     properties: {
-      color: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`,
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      borderColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      width: "100%",
+      borderCollapse: "collapse",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
   },
   {
-    name: "one-tag-sm",
-    selector: ".one-tag--sm",
+    name: "one-table-head",
+    selector: ".one-table__head",
     properties: {
-      padding: "2px 6px",
-      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
+      padding: `${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd}`,
+      textAlign: "left",
+      borderBottom: `2px solid var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`,
+      fontWeight: "600",
+      whiteSpace: "nowrap"
     }
   },
   {
-    name: "one-tag-md",
-    selector: ".one-tag--md",
+    name: "one-table-cell",
+    selector: ".one-table__cell",
     properties: {
-      padding: "4px 8px",
-      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
+      padding: `${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd}`,
+      borderBottom: oneThemeBorder(),
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      verticalAlign: "middle"
     }
   },
   {
-    name: "one-tag-lg",
-    selector: ".one-tag--lg",
+    name: "one-table-row-hover",
+    selector: ".one-table--hover tbody tr:hover",
     properties: {
-      padding: "6px 10px",
-      fontSize: `var(--one-font-size-lg, ${ONE_THEME_DEFAULTS.fontSizeLg})`
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-tag-close",
-    selector: ".one-tag__close",
+    name: "one-table-row-striped",
+    selector: ".one-table--striped tbody tr:nth-child(even)",
     properties: {
-      display: "inline-grid",
-      placeItems: "center",
-      padding: "0",
-      color: "inherit",
-      backgroundColor: "transparent",
-      border: "0",
-      cursor: "pointer",
-      font: "inherit",
-      lineHeight: "1"
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-tag-close-focus-visible",
-    selector: ".one-tag__close:focus-visible",
+    name: "one-table-empty",
+    selector: ".one-table__empty",
     properties: {
-      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
-      outlineOffset: "2px"
+      padding: `${ONE_THEME_DEFAULTS.spaceLg}`,
+      textAlign: "center",
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
     }
   }
 ];
+function isVNodeLike(value) {
+  return "tag" in value || "component" in value;
+}
 
-class OneTag extends Component13 {
+class OneTable extends Component24 {
   initState() {
-    return { visible: true };
+    return {};
   }
   initStyles() {
-    ONE_TAG_STYLES.forEach(({ name, ...style }) => {
+    ONE_TABLE_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    if (!this.state.visible) {
-      return {
-        tag: "span",
-        props: { hidden: true, "data-one-tag-anchor": "" }
-      };
-    }
-    const variant = normalizeOneDataDisplayVariant(this.props.variant);
-    const size = normalizeOneSize(this.props.size);
-    return {
-      tag: "span",
+    const data = this.props.data ?? [];
+    const columns = this.resolveColumns(data);
+    const rowKey = this.props.rowKey;
+    const headRows = columns.map((column) => ({
+      tag: "th",
       props: {
-        className: `one-tag one-tag--${variant} one-tag--${size}`
+        scope: "col",
+        className: "one-table__head"
       },
-      children: [
-        ...this.props.children ?? [],
-        ...this.props.closable ? [
+      children: [column.title ?? column.key]
+    }));
+    const bodyRows = data.map((row, index) => {
+      const keyValue = rowKey ? row[rowKey] : undefined;
+      const key = typeof keyValue === "string" || typeof keyValue === "number" ? String(keyValue) : String(index);
+      return {
+        tag: "tr",
+        key,
+        children: columns.map((column) => ({
+          tag: "td",
+          props: { className: "one-table__cell" },
+          children: [this.renderCell(column, row)]
+        }))
+      };
+    });
+    const body = bodyRows.length > 0 ? bodyRows : [
+      {
+        tag: "tr",
+        children: [
           {
-            tag: "button",
+            tag: "td",
             props: {
-              className: "one-tag__close",
-              type: "button",
-              "aria-label": "关闭标签"
+              className: "one-table__empty",
+              colSpan: Math.max(columns.length, 1)
             },
-            listeners: { click: () => this.close() },
-            children: ["×"]
+            children: [this.props.emptyText ?? "暂无数据"]
           }
-        ] : []
+        ]
+      }
+    ];
+    return {
+      tag: "div",
+      props: { className: "one-table__wrap" },
+      children: [
+        {
+          tag: "table",
+          props: {
+            className: [
+              "one-table",
+              ...this.props.hover === true ? ["one-table--hover"] : [],
+              ...this.props.striped === true ? ["one-table--striped"] : []
+            ].join(" "),
+            "aria-label": this.props.ariaLabel
+          },
+          children: [
+            {
+              tag: "thead",
+              children: [
+                {
+                  tag: "tr",
+                  children: headRows
+                }
+              ]
+            },
+            { tag: "tbody", children: body }
+          ]
+        }
       ]
     };
   }
-  close() {
-    if (!this.state.visible) {
-      return;
+  resolveColumns(data) {
+    if (this.props.columns && this.props.columns.length > 0) {
+      return this.props.columns;
     }
-    this.emit("close");
-    this.state.visible = false;
+    const first = data[0];
+    if (!first)
+      return [];
+    return Object.keys(first).map((key) => ({ key }));
+  }
+  renderCell(column, row) {
+    const value = column.render ? column.render(row) : row[column.key];
+    return this.normalizeCell(value);
+  }
+  normalizeCell(value) {
+    if (value == null)
+      return "";
+    if (typeof value === "object") {
+      return isVNodeLike(value) ? value : "";
+    }
+    return String(value);
   }
 }
-// lib/badge/OneBadge.ts
-import { Component as Component14 } from "@geektech/tsone";
-var ONE_BADGE_STYLES = [
+// lib/collapse/OneCollapse.ts
+import { Component as Component25 } from "@geektech/tsone";
+var ONE_COLLAPSE_STYLES = [
   {
-    name: "one-badge-base",
-    selector: ".one-badge",
+    name: "one-collapse-base",
+    selector: ".one-collapse",
     properties: {
       ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      position: "relative",
-      display: "inline-flex",
-      verticalAlign: "middle"
+      border: oneThemeBorder(),
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      overflow: "hidden",
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
   },
   {
-    name: "one-badge-content",
-    selector: ".one-badge__content",
+    name: "one-collapse-item",
+    selector: ".one-collapse__item",
     properties: {
-      position: "absolute",
-      top: "0",
-      right: "0",
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      boxSizing: "border-box",
-      minWidth: "18px",
-      height: "18px",
-      padding: "0 5px",
-      borderRadius: "999px",
-      fontFamily: `var(--one-font-family, ${ONE_THEME_DEFAULTS.fontFamily})`,
-      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`,
-      lineHeight: "1",
-      transform: "translate(50%, -50%)"
+      borderBottom: oneThemeBorder()
     }
   },
   {
-    name: "one-badge-standalone-content",
-    selector: ".one-badge--standalone .one-badge__content",
-    properties: {
-      position: "static",
-      transform: "none"
-    }
+    name: "one-collapse-item-last",
+    selector: ".one-collapse__item:last-child",
+    properties: { borderBottom: "none" }
   },
   {
-    name: "one-badge-dot",
-    selector: ".one-badge__content--dot",
+    name: "one-collapse-header",
+    selector: ".one-collapse__header",
     properties: {
-      width: "8px",
-      minWidth: "8px",
-      height: "8px",
-      padding: "0"
+      display: "flex",
+      width: "100%",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: `var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm})`,
+      padding: `${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd}`,
+      backgroundColor: "transparent",
+      border: "0",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
+      cursor: "pointer",
+      font: "inherit",
+      textAlign: "left"
     }
   },
   {
-    name: "one-badge-neutral",
-    selector: ".one-badge--neutral .one-badge__content",
+    name: "one-collapse-header-hover",
+    selector: ".one-collapse__header:hover:not(:disabled)",
     properties: {
-      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      border: oneThemeBorder()
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
     }
   },
   {
-    name: "one-badge-primary",
-    selector: ".one-badge--primary .one-badge__content",
+    name: "one-collapse-header-icon",
+    selector: ".one-collapse__header-icon",
     properties: {
-      color: `var(--one-color-primary-contrast, ${ONE_THEME_DEFAULTS.colorText})`,
-      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+      flexShrink: "0",
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
+      transition: "transform 150ms ease"
     }
   },
   {
-    name: "one-badge-success",
-    selector: ".one-badge--success .one-badge__content",
-    properties: {
-      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      backgroundColor: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
-    }
+    name: "one-collapse-item-open-icon",
+    selector: ".one-collapse__item--open .one-collapse__header-icon",
+    properties: { transform: "rotate(180deg)" }
   },
   {
-    name: "one-badge-warning",
-    selector: ".one-badge--warning .one-badge__content",
+    name: "one-collapse-panel",
+    selector: ".one-collapse__panel",
     properties: {
-      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      backgroundColor: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
+      padding: `0 ${ONE_THEME_DEFAULTS.spaceMd} ${ONE_THEME_DEFAULTS.spaceMd}`,
+      borderTop: oneThemeBorder(),
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
     }
   },
   {
-    name: "one-badge-error",
-    selector: ".one-badge--error .one-badge__content",
+    name: "one-collapse-disabled",
+    selector: ".one-collapse__item--disabled .one-collapse__header",
     properties: {
-      color: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      backgroundColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+      opacity: "0.5",
+      cursor: "not-allowed"
     }
   }
 ];
-function normalizeMax(value) {
-  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : 99;
-}
-function displayValue(props) {
-  if (props.dot) {
-    return "";
-  }
-  if (props.value === undefined || props.value === "") {
-    return;
-  }
-  if (props.value === 0 && props.showZero !== true) {
-    return;
-  }
-  if (typeof props.value === "number" && !Number.isFinite(props.value)) {
-    return;
-  }
-  if (typeof props.value === "number") {
-    const max = normalizeMax(props.max);
-    return props.value > max ? `${max}+` : String(props.value);
-  }
-  return props.value;
-}
 
-class OneBadge extends Component14 {
+class OneCollapse extends Component25 {
   initState() {
-    return {};
+    return { internalActive: [...this.props.defaultActive ?? []] };
   }
   initStyles() {
-    ONE_BADGE_STYLES.forEach(({ name, ...style }) => {
+    ONE_COLLAPSE_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    const children = this.props.children ?? [];
-    const standalone = children.length === 0;
-    const variant = normalizeOneDataDisplayVariant(this.props.variant, "primary");
-    const value = displayValue(this.props);
-    const showContent = this.props.dot === true || value !== undefined;
+    const active = this.getActive();
+    const items = this.props.items ?? [];
     return {
-      tag: "span",
+      tag: "div",
       props: {
-        className: [
-          "one-badge",
-          `one-badge--${variant}`,
-          ...standalone ? ["one-badge--standalone"] : []
-        ].join(" ")
+        className: "one-collapse",
+        "aria-label": this.props.ariaLabel
       },
-      children: [
-        ...children,
-        ...showContent ? [
-          {
-            tag: "span",
-            props: {
-              className: [
-                "one-badge__content",
-                ...this.props.dot ? ["one-badge__content--dot"] : []
-              ].join(" "),
-              "aria-label": this.props.ariaLabel,
-              "aria-hidden": this.props.dot && !this.props.ariaLabel ? "true" : undefined
-            },
-            children: value ? [value] : []
-          }
-        ] : []
-      ]
+      children: items.map((item) => {
+        const open = active.includes(item.value);
+        const disabled = item.disabled === true;
+        const panelId = `one-collapse-panel-${item.value}`;
+        const headerId = `one-collapse-header-${item.value}`;
+        return {
+          tag: "div",
+          props: {
+            className: [
+              "one-collapse__item",
+              ...open ? ["one-collapse__item--open"] : [],
+              ...disabled ? ["one-collapse__item--disabled"] : []
+            ].join(" ")
+          },
+          children: [
+            {
+              tag: "button",
+              props: {
+                type: "button",
+                id: headerId,
+                className: "one-collapse__header",
+                "aria-expanded": open ? "true" : "false",
+                "aria-controls": panelId,
+                disabled: disabled || undefined
+              },
+              listeners: {
+                click: (event) => this.toggle(item.value, event)
+              },
+              children: [
+                {
+                  tag: "span",
+                  props: { className: "one-collapse__header-title" },
+                  children: [item.title]
+                },
+                {
+                  tag: "span",
+                  props: {
+                    className: "one-collapse__header-icon",
+                    "aria-hidden": "true"
+                  },
+                  children: ["▾"]
+                }
+              ]
+            },
+            {
+              tag: "section",
+              props: {
+                id: panelId,
+                className: "one-collapse__panel",
+                role: "region",
+                "aria-labelledby": headerId,
+                hidden: open ? undefined : true
+              },
+              children: item.children ?? []
+            }
+          ]
+        };
+      })
     };
   }
+  getActive() {
+    return this.props.active ?? this.state.internalActive;
+  }
+  toggle(value, event) {
+    const item = (this.props.items ?? []).find((candidate) => candidate.value === value);
+    if (item?.disabled === true)
+      return;
+    const current = this.getActive();
+    let next;
+    if (this.props.accordion === true) {
+      next = current.includes(value) ? [] : [value];
+    } else if (current.includes(value)) {
+      next = current.filter((candidate) => candidate !== value);
+    } else {
+      next = [...current, value];
+    }
+    if (this.props.active === undefined) {
+      this.setState({ internalActive: next });
+    }
+    this.emit("change", {
+      value: next,
+      originalEvent: event
+    });
+  }
 }
-// lib/empty/OneEmpty.ts
-import { Component as Component15, slot as slot7 } from "@geektech/tsone";
-var ONE_EMPTY_STYLES = [
+// lib/skeleton/OneSkeleton.ts
+import { Component as Component26 } from "@geektech/tsone";
+var ONE_SKELETON_STYLES = [
   {
-    name: "one-empty-base",
-    selector: ".one-empty",
+    name: "one-skeleton-base",
+    selector: ".one-skeleton",
     properties: {
       ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
-      display: "grid",
-      justifyItems: "center",
-      gap: ONE_THEME_DEFAULTS.spaceMd,
-      padding: "24px",
-      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`,
-      textAlign: "center"
+      display: "flex",
+      flexDirection: "column",
+      gap: `var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm})`,
+      width: "100%"
     }
   },
   {
-    name: "one-empty-image",
-    selector: ".one-empty__image",
+    name: "one-skeleton-avatar",
+    selector: ".one-skeleton__avatar",
     properties: {
-      display: "grid",
-      placeItems: "center",
-      minHeight: "56px"
+      width: "40px",
+      height: "40px",
+      flexShrink: "0",
+      borderRadius: "50%",
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-empty-illustration",
-    selector: ".one-empty__illustration",
+    name: "one-skeleton-title",
+    selector: ".one-skeleton__title",
     properties: {
-      display: "block",
-      width: "48px",
-      height: "36px",
-      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
-      border: `2px solid var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
-      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`
+      width: "40%",
+      height: "16px",
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-empty-description",
-    selector: ".one-empty__description",
+    name: "one-skeleton-line",
+    selector: ".one-skeleton__line",
     properties: {
-      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`,
-      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
+      height: "12px",
+      borderRadius: `var(--one-radius-sm, ${ONE_THEME_DEFAULTS.radiusSm})`,
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`
     }
   },
   {
-    name: "one-empty-actions",
-    selector: ".one-empty__actions",
+    name: "one-skeleton-line-spacing",
+    selector: ".one-skeleton__line + .one-skeleton__line",
+    properties: { marginTop: `var(--one-space-xs, ${ONE_THEME_DEFAULTS.spaceXs})` }
+  },
+  {
+    name: "one-skeleton-animated",
+    selector: ".one-skeleton--animated .one-skeleton__avatar, .one-skeleton--animated .one-skeleton__title, .one-skeleton--animated .one-skeleton__line",
     properties: {
-      display: "flex",
-      flexWrap: "wrap",
-      justifyContent: "center",
-      gap: ONE_THEME_DEFAULTS.spaceSm
+      animation: "one-skeleton-pulse 1.5s ease-in-out infinite"
     }
   }
 ];
-function hasNamedSlot2(children, name) {
-  return children.some((child) => typeof child !== "string" && child.slot === name);
-}
-function hasDefaultSlot(children) {
-  return children.some((child) => typeof child === "string" || child.slot === undefined);
-}
 
-class OneEmpty extends Component15 {
+class OneSkeleton extends Component26 {
   initState() {
     return {};
   }
   initStyles() {
-    ONE_EMPTY_STYLES.forEach(({ name, ...style }) => {
+    ONE_SKELETON_STYLES.forEach(({ name, ...style }) => {
       this.styleManager.addStyle(name, style);
     });
   }
   render() {
-    const children = this.props.children ?? [];
-    const customImage = hasNamedSlot2(children, "image");
-    const customDescription = hasDefaultSlot(children);
-    const customActions = hasNamedSlot2(children, "actions");
+    const rows = typeof this.props.rows === "number" && this.props.rows >= 0 ? Math.floor(this.props.rows) : 3;
+    const showTitle = this.props.title !== false;
+    const showAvatar = this.props.avatar === true;
+    const animated = this.props.animated !== false;
+    const widths = this.props.widths ?? ["100%", "92%", "60%"];
+    const decorative = { "aria-hidden": "true" };
     return {
-      tag: "section",
-      props: { className: "one-empty" },
+      tag: "div",
+      props: {
+        className: [
+          "one-skeleton",
+          ...animated ? ["one-skeleton--animated"] : []
+        ].join(" "),
+        role: "status",
+        "aria-busy": "true",
+        "aria-label": this.props.ariaLabel ?? "加载中"
+      },
       children: [
-        {
-          tag: "div",
-          props: {
-            className: "one-empty__image",
-            "aria-hidden": customImage ? undefined : "true"
-          },
-          children: customImage ? [slot7("image")] : [
-            {
-              tag: "span",
-              props: { className: "one-empty__illustration" }
-            }
-          ]
-        },
-        {
-          tag: "div",
-          props: { className: "one-empty__description" },
-          children: customDescription ? [slot7("default")] : [this.props.description ?? "暂无数据"]
-        },
-        ...customActions ? [
+        ...showAvatar ? [
           {
             tag: "div",
-            props: { className: "one-empty__actions" },
-            children: [slot7("actions")]
+            props: { className: "one-skeleton__avatar", ...decorative }
+          }
+        ] : [],
+        ...showTitle ? [
+          {
+            tag: "div",
+            props: { className: "one-skeleton__title", ...decorative }
+          }
+        ] : [],
+        ...rows > 0 ? [
+          {
+            tag: "div",
+            props: { className: "one-skeleton__paragraph", ...decorative },
+            children: Array.from({ length: rows }, (_, index) => ({
+              tag: "div",
+              props: {
+                className: "one-skeleton__line",
+                style: { width: widths[index % widths.length] }
+              }
+            }))
           }
         ] : []
       ]
@@ -3053,23 +5009,23 @@ class DomOneOverlayHost {
     const groupKey = request.group ? `${request.kind}:${request.group}` : undefined;
     const parent = groupKey ? this.getOrCreateGroup(entry, groupKey, request.kind, request.group) : entry.element;
     const id = `one-${request.kind}-${++this.sequence}`;
-    const slot8 = this.targetDocument.createElement("div");
-    slot8.dataset.oneOverlayId = id;
-    slot8.dataset.oneOverlayKind = request.kind;
-    parent.appendChild(slot8);
+    const slot9 = this.targetDocument.createElement("div");
+    slot9.dataset.oneOverlayId = id;
+    slot9.dataset.oneOverlayKind = request.kind;
+    parent.appendChild(slot9);
     const record = {
       id,
       kind: request.kind,
       container,
       groupKey,
-      slot: slot8,
+      slot: slot9,
       closed: false
     };
     this.records.set(id, record);
     try {
       record.managed = request.factory({
         id,
-        slot: slot8,
+        slot: slot9,
         requestClose: () => this.close(id),
         isTop: () => this.isTop(id)
       });
@@ -3361,7 +5317,7 @@ class OneFloatingPositioner {
   }
 }
 // lib/alert/OneAlert.ts
-import { Component as Component16, slot as slot8 } from "@geektech/tsone";
+import { Component as Component27, slot as slot9 } from "@geektech/tsone";
 var VARIANTS2 = [
   "info",
   "success",
@@ -3479,7 +5435,7 @@ function hasDefaultSlot2(children) {
   return children.some((child) => typeof child === "string" || child.slot === undefined);
 }
 
-class OneAlert extends Component16 {
+class OneAlert extends Component27 {
   initState() {
     return { visible: true };
   }
@@ -3510,7 +5466,7 @@ class OneAlert extends Component16 {
         {
           tag: "div",
           props: { className: "one-alert__icon", "aria-hidden": "true" },
-          children: customIcon ? [slot8("icon")] : [DEFAULT_ICONS[variant]]
+          children: customIcon ? [slot9("icon")] : [DEFAULT_ICONS[variant]]
         },
         {
           tag: "div",
@@ -3527,7 +5483,7 @@ class OneAlert extends Component16 {
               {
                 tag: "div",
                 props: { className: "one-alert__description" },
-                children: customDescription ? [slot8("default")] : [this.props.description ?? ""]
+                children: customDescription ? [slot9("default")] : [this.props.description ?? ""]
               }
             ] : []
           ]
@@ -3541,7 +5497,7 @@ class OneAlert extends Component16 {
                 {
                   tag: "div",
                   props: { className: "one-alert__actions" },
-                  children: [slot8("actions")]
+                  children: [slot9("actions")]
                 }
               ] : [],
               ...this.props.closable ? [
@@ -3571,7 +5527,7 @@ class OneAlert extends Component16 {
   }
 }
 // lib/message/MessageOverlay.ts
-import { Component as Component17 } from "@geektech/tsone";
+import { Component as Component28 } from "@geektech/tsone";
 
 // lib/message/timer.ts
 var DEFAULT_SCHEDULER = {
@@ -3749,7 +5705,7 @@ var ONE_MESSAGE_STYLES = [
   }
 ];
 
-class MessageOverlay extends Component17 {
+class MessageOverlay extends Component28 {
   timer;
   mount(container) {
     super.mount(container);
@@ -3827,7 +5783,7 @@ class MessageOverlay extends Component17 {
   }
 }
 // lib/message/OneMessage.ts
-import { Component as Component18 } from "@geektech/tsone";
+import { Component as Component29 } from "@geektech/tsone";
 
 // lib/message/normalize.ts
 var VARIANTS3 = [
@@ -3854,7 +5810,7 @@ function normalizeOneMessageOptions(options) {
 }
 
 // lib/message/OneMessage.ts
-class OneMessage extends Component18 {
+class OneMessage extends Component29 {
   controller;
   viewMounted = false;
   initState() {
@@ -3940,12 +5896,12 @@ class OneMessageService {
       kind: "message",
       group: current.placement,
       container: current.container,
-      factory: ({ slot: slot9, requestClose }) => {
+      factory: ({ slot: slot10, requestClose }) => {
         const overlay = new MessageOverlay({
           ...current,
           requestClose
         });
-        overlay.mount(slot9);
+        overlay.mount(slot10);
         return {
           update: (next) => {
             current = normalizeOneMessageOptions({ ...current, ...next });
@@ -3985,7 +5941,7 @@ function createOneMessageService(host) {
 }
 var oneMessage = createOneMessageService();
 // lib/dialog/DialogOverlay.ts
-import { Component as Component19, slot as slot9 } from "@geektech/tsone";
+import { Component as Component30, slot as slot10 } from "@geektech/tsone";
 
 // lib/dialog/focus-manager.ts
 var FOCUSABLE_SELECTOR = [
@@ -4183,7 +6139,7 @@ function hasSlot(children, name) {
   });
 }
 
-class DialogOverlay extends Component19 {
+class DialogOverlay extends Component30 {
   focusManager = new OneDialogFocusManager;
   releaseScrollLock;
   targetDocument;
@@ -4254,20 +6210,20 @@ class DialogOverlay extends Component19 {
               {
                 tag: "header",
                 props: { className: "one-dialog__header", id: titleId },
-                children: customHeader ? [slot9("header")] : [this.props.title ?? ""]
+                children: customHeader ? [slot10("header")] : [this.props.title ?? ""]
               }
             ] : [],
             ...hasBody ? [
               {
                 tag: "div",
                 props: { className: "one-dialog__body", id: descriptionId },
-                children: customBody ? [slot9("default")] : [this.props.content ?? this.props.description ?? ""]
+                children: customBody ? [slot10("default")] : [this.props.content ?? this.props.description ?? ""]
               }
             ] : [],
             {
               tag: "footer",
               props: { className: "one-dialog__footer" },
-              children: customFooter ? [slot9("footer")] : [
+              children: customFooter ? [slot10("footer")] : [
                 {
                   tag: "button",
                   props: {
@@ -4332,8 +6288,8 @@ class DialogOverlay extends Component19 {
   }
 }
 // lib/dialog/OneDialog.ts
-import { Component as Component20 } from "@geektech/tsone";
-class OneDialog extends Component20 {
+import { Component as Component31 } from "@geektech/tsone";
+class OneDialog extends Component31 {
   controller;
   lockBody = true;
   viewMounted = false;
@@ -4435,12 +6391,12 @@ class OneDialogService {
     const hostHandle = host.open({
       kind: "dialog",
       container: current.container,
-      factory: ({ id, slot: slot10, requestClose, isTop }) => {
-        const hostContainer = slot10.parentElement?.parentElement;
+      factory: ({ id, slot: slot11, requestClose, isTop }) => {
+        const hostContainer = slot11.parentElement?.parentElement;
         const overlay = new DialogOverlay({
           ...current,
           id,
-          lockBody: hostContainer === slot10.ownerDocument.body,
+          lockBody: hostContainer === slot11.ownerDocument.body,
           isTop,
           requestClose: (reason) => {
             handleClose(reason);
@@ -4497,7 +6453,7 @@ class OneDialogService {
             current.onError?.(error);
           }
         };
-        overlay.mount(slot10);
+        overlay.mount(slot11);
         return {
           update: (next) => {
             current = { ...current, ...next };
@@ -4525,10 +6481,10 @@ function createOneDialogService(host) {
 }
 var oneDialog = createOneDialogService();
 // lib/tooltip/OneTooltip.ts
-import { Component as Component22 } from "@geektech/tsone";
+import { Component as Component33 } from "@geektech/tsone";
 
 // lib/tooltip/TooltipBubble.ts
-import { Component as Component21 } from "@geektech/tsone";
+import { Component as Component32 } from "@geektech/tsone";
 var ONE_TOOLTIP_STYLES = [
   {
     name: "one-tooltip-bubble",
@@ -4602,7 +6558,7 @@ var ONE_TOOLTIP_STYLES = [
   }
 ];
 
-class TooltipBubble extends Component21 {
+class TooltipBubble extends Component32 {
   stopAutoUpdate;
   mount(container) {
     super.mount(container);
@@ -4736,7 +6692,7 @@ var TRIGGERS = [
   "manual"
 ];
 
-class OneTooltip extends Component22 {
+class OneTooltip extends Component33 {
   positioner = new OneFloatingPositioner;
   controller;
   triggerElement;
@@ -5010,52 +6966,174 @@ function defaultChildren(children) {
 function normalizeDelay(value, fallback) {
   return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
 }
+// lib/loading/OneLoading.ts
+import { Component as Component34 } from "@geektech/tsone";
+var ONE_LOADING_STYLES = [
+  {
+    name: "one-loading-base",
+    selector: ".one-loading",
+    properties: {
+      ...ONE_THEME_TYPOGRAPHY_PROPERTIES,
+      display: "inline-flex",
+      alignItems: "center",
+      gap: `var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm})`,
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
+    }
+  },
+  {
+    name: "one-loading-spinner",
+    selector: ".one-loading__spinner",
+    properties: {
+      display: "inline-block",
+      boxSizing: "border-box",
+      borderRadius: "50%",
+      border: "2px solid currentColor",
+      borderTopColor: "transparent"
+    }
+  },
+  {
+    name: "one-loading-spinner-sm",
+    selector: ".one-loading--sm .one-loading__spinner",
+    properties: { width: "16px", height: "16px" }
+  },
+  {
+    name: "one-loading-spinner-md",
+    selector: ".one-loading--md .one-loading__spinner",
+    properties: { width: "20px", height: "20px" }
+  },
+  {
+    name: "one-loading-spinner-lg",
+    selector: ".one-loading--lg .one-loading__spinner",
+    properties: { width: "24px", height: "24px" }
+  },
+  {
+    name: "one-loading-spinner-neutral",
+    selector: ".one-loading__spinner--neutral",
+    properties: {
+      color: `var(--one-color-muted, ${ONE_THEME_DEFAULTS.colorMuted})`
+    }
+  },
+  {
+    name: "one-loading-spinner-primary",
+    selector: ".one-loading__spinner--primary",
+    properties: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-loading-spinner-success",
+    selector: ".one-loading__spinner--success",
+    properties: {
+      color: `var(--one-color-success, ${ONE_THEME_DEFAULTS.colorSuccess})`
+    }
+  },
+  {
+    name: "one-loading-spinner-warning",
+    selector: ".one-loading__spinner--warning",
+    properties: {
+      color: `var(--one-color-warning, ${ONE_THEME_DEFAULTS.colorWarning})`
+    }
+  },
+  {
+    name: "one-loading-spinner-error",
+    selector: ".one-loading__spinner--error",
+    properties: {
+      color: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  }
+];
+
+class OneLoading extends Component34 {
+  initState() {
+    return {};
+  }
+  initStyles() {
+    ONE_LOADING_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const size = normalizeOneSize(this.props.size);
+    const variant = normalizeOneDataDisplayVariant(this.props.variant, "primary");
+    return {
+      tag: "span",
+      props: {
+        className: `one-loading one-loading--${size}`,
+        role: "status",
+        "aria-label": this.props.label ?? "加载中"
+      },
+      children: [
+        {
+          tag: "span",
+          props: {
+            className: `one-loading__spinner one-loading__spinner--${variant}`,
+            "aria-hidden": "true"
+          }
+        },
+        ...this.props.children ?? []
+      ]
+    };
+  }
+}
 // lib/index.ts
 var ONE_NAME = "@geektech/one";
-var ONE_VERSION = "0.0.1";
+var ONE_VERSION = "0.2.0";
 export {
-  oneTheme,
-  oneMessage,
-  oneDialog,
-  createOnePaginationTokens,
-  createOneMessageService,
-  createOneDialogService,
-  OneTooltipTriggerError,
-  OneTooltip,
-  OneThemeNotFoundError,
-  OneThemeEnvironmentError,
-  OneThemeConfigError,
-  OneTag,
-  OneTabs,
-  OneSwitch,
-  OneSelect,
-  OnePagination,
-  OneOverlayEnvironmentError,
-  OneOverlayContainerError,
-  OneMessageService,
-  OneMessage,
-  OneInput,
-  OneFormModel,
-  OneFormItem,
-  OneForm,
-  OneFloatingPositioner,
-  OneEmpty,
-  OneDialogService,
-  OneDialog,
-  OneCheckboxGroup,
-  OneCheckbox,
-  OneCard,
-  OneButton,
-  OneBreadcrumb,
-  OneBadge,
-  OneAlert,
-  ONE_VERSION,
-  ONE_THEME_DEFAULTS,
-  ONE_NAME,
-  ONE_DEFAULT_THEME,
+  DomOneOverlayHost,
   ONE_COMPONENT_CATEGORIES,
-  DomOneOverlayHost
+  ONE_DEFAULT_THEME,
+  ONE_NAME,
+  ONE_THEME_DEFAULTS,
+  ONE_VERSION,
+  OneAlert,
+  OneAvatar,
+  OneBadge,
+  OneBreadcrumb,
+  OneButton,
+  OneCard,
+  OneCheckbox,
+  OneCheckboxGroup,
+  OneCollapse,
+  OneDialog,
+  OneDialogService,
+  OneEmpty,
+  OneFloatingPositioner,
+  OneForm,
+  OneFormItem,
+  OneFormModel,
+  OneInput,
+  OneLoading,
+  OneMessage,
+  OneMessageService,
+  OneOverlayContainerError,
+  OneOverlayEnvironmentError,
+  OnePagination,
+  OneProgress,
+  OneRadio,
+  OneRadioGroup,
+  OneRate,
+  OneSelect,
+  OneSkeleton,
+  OneSlider,
+  OneSwitch,
+  OneTable,
+  OneTabs,
+  OneTag,
+  OneThemeConfigError,
+  OneThemeEnvironmentError,
+  OneThemeNotFoundError,
+  OneTimePicker,
+  OneTooltip,
+  OneTooltipTriggerError,
+  OneUpload,
+  createOneDialogService,
+  createOneMessageService,
+  createOnePaginationTokens,
+  formatOneFileSize,
+  oneDialog,
+  oneMessage,
+  oneTheme
 };
 
-//# debugId=8EB578A618FDC3A064756E2164756E21
+//# debugId=D47C7BBD3F729A8064756E2164756E21
 //# sourceMappingURL=index.js.map