@kdcloudjs/shoelace 1.0.47 → 1.0.48

package/cdn/chunks/chunk.NUYWOAWG.js

@@ -0,0 +1,11 @@
+import {
+  SlPopup
+} from "./chunk.ELQFQFQB.js";
+
+// src/components/popup/popup.ts
+var popup_default = SlPopup;
+SlPopup.define("sl-popup");
+
+export {
+  popup_default
+};

package/cdn/chunks/chunk.O6XYEODU.js

@@ -0,0 +1,21 @@
+import {
+  SlBreadcrumbItem
+} from "./chunk.SMCN5PUA.js";
+
+// src/react/breadcrumb-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "sl-breadcrumb-item";
+SlBreadcrumbItem.define("sl-breadcrumb-item");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlBreadcrumbItem,
+  react: React,
+  events: {},
+  displayName: "SlBreadcrumbItem"
+});
+var breadcrumb_item_default = reactWrapper;
+
+export {
+  breadcrumb_item_default
+};

package/cdn/chunks/chunk.OAMZ7XBN.js

@@ -0,0 +1,54 @@
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.26NXY7B5.js";
+import {
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/table/spinner-container.ts
+var SpinnerContainer = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.loading = false;
+  }
+  render() {
+    return b`<div class="spinner-container">
+        ${this.loading ? b`<div class="spinner-overlay"></div>
+              <sl-spinner class="spinner" style="font-size: 2rem;"></sl-spinner>` : ""}
+        <slot></slot>
+      </div>
+      <style>
+        .spinner-container {
+          position: relative;
+        }
+        .spinner-overlay {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          z-index: var(--sl-z-index-table-overlay);
+          background-color: var(--sl-table-mask);
+        }
+        .spinner {
+          z-index: calc(var(--sl-z-index-table-overlay) + 1);
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+        }
+      </style> `;
+  }
+};
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SpinnerContainer.prototype, "loading", 2);
+SpinnerContainer.define("sl-table-spinner-container");
+
+export {
+  SpinnerContainer
+};

package/cdn/chunks/chunk.OGCY4VMF.js

@@ -0,0 +1,11 @@
+import {
+  SlIconButton
+} from "./chunk.XAB5OXFP.js";
+
+// src/components/icon-button/icon-button.ts
+var icon_button_default = SlIconButton;
+SlIconButton.define("sl-icon-button");
+
+export {
+  icon_button_default
+};

package/cdn/chunks/chunk.OLDMKEVQ.js

@@ -0,0 +1,197 @@
+import {
+  segmented_styles_default
+} from "./chunk.HTI4ODEH.js";
+import {
+  SlTooltip
+} from "./chunk.SGNA2ZMB.js";
+import {
+  SlIcon
+} from "./chunk.MK3VOKCG.js";
+import {
+  component_styles_default
+} from "./chunk.N6N54SAA.js";
+import {
+  ShoelaceElement,
+  e,
+  n,
+  r,
+  r2
+} from "./chunk.26NXY7B5.js";
+import {
+  A,
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass,
+  __spreadProps,
+  __spreadValues
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/segmented/segmented.component.ts
+var SlSegmented = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.options = [];
+    this.disabled = false;
+    this.orientation = "horizontal";
+    this.shape = "default";
+    this.size = "medium";
+    this.block = false;
+    this.name = "segmented";
+    this.thumbStyle = "";
+    this._internalValue = "";
+  }
+  /** 判断是否为受控模式 */
+  get isControlled() {
+    return this.value !== void 0;
+  }
+  /** 获取当前选中值（受控模式用 value，非受控模式用内部值） */
+  get currentValue() {
+    return this.isControlled ? this.value : this._internalValue;
+  }
+  normalizeOption(opt) {
+    var _a;
+    if (typeof opt === "string") return { label: opt, value: opt };
+    if (typeof opt === "number") return { label: String(opt), value: opt };
+    return __spreadProps(__spreadValues({}, opt), { label: (_a = opt.label) != null ? _a : "" });
+  }
+  get normalizedOptions() {
+    return this.options.map((o) => this.normalizeOption(o));
+  }
+  handleChange(opt) {
+    var _a;
+    if (this.disabled || opt.disabled) return;
+    if (opt.value === this.currentValue) return;
+    if (!this.isControlled) {
+      this._internalValue = opt.value;
+    }
+    (_a = this.onChange) == null ? void 0 : _a.call(this, opt.value);
+    if (this.isControlled) {
+      this.requestUpdate();
+    }
+    this.updateComplete.then(() => this.updateThumb());
+  }
+  updateThumb() {
+    var _a;
+    if (!this.container || !((_a = this.itemEls) == null ? void 0 : _a.length)) return;
+    const opts = this.normalizedOptions;
+    const idx = opts.findIndex((o) => o.value === this.currentValue);
+    if (idx < 0) {
+      this.thumbStyle = "display:none";
+      return;
+    }
+    const el = this.itemEls[idx];
+    if (!el) return;
+    if (this.orientation === "vertical") {
+      this.thumbStyle = `top:${el.offsetTop}px;height:${el.offsetHeight}px;left:2px;width:calc(100% - 4px)`;
+    } else {
+      this.thumbStyle = `left:${el.offsetLeft}px;width:${el.offsetWidth}px`;
+    }
+  }
+  firstUpdated() {
+    if (!this.isControlled) {
+      if (this.defaultValue !== void 0) {
+        this._internalValue = this.defaultValue;
+      } else if (this.normalizedOptions.length) {
+        const first = this.normalizedOptions.find((o) => !o.disabled);
+        if (first) this._internalValue = first.value;
+      }
+    }
+    this.updateComplete.then(() => this.updateThumb());
+  }
+  updated(changed) {
+    if (changed.has("value") || changed.has("_internalValue") || changed.has("options") || changed.has("orientation")) {
+      if (changed.has("options") && !this.isControlled) {
+        const opts = this.normalizedOptions;
+        const currentValid = opts.some((o) => o.value === this._internalValue);
+        if (!currentValid && opts.length) {
+          const first = opts.find((o) => !o.disabled);
+          if (first) this._internalValue = first.value;
+        }
+      }
+      this.updateComplete.then(() => this.updateThumb());
+    }
+  }
+  render() {
+    const opts = this.normalizedOptions;
+    const selectedValue = this.currentValue;
+    return b`
+      <div
+        class="segmented segmented-${this.orientation} segmented-${this.size} ${this.shape === "round" ? "segmented-round" : ""} ${this.block ? "segmented-block" : ""}"
+      >
+        <div class="segmented-thumb" style="${this.thumbStyle}"></div>
+        ${opts.map((opt) => {
+      const selected = opt.value === selectedValue;
+      const isDisabled = this.disabled || opt.disabled;
+      const itemContent = b`
+            <label
+              class="segmented-item ${selected ? "segmented-item-selected" : ""} ${isDisabled ? "segmented-item-disabled" : ""}"
+            >
+              <input
+                type="radio"
+                class="segmented-radio"
+                name="${this.name}"
+                .value="${String(opt.value)}"
+                .checked="${selected}"
+                ?disabled="${isDisabled}"
+                @change="${() => this.handleChange(opt)}"
+              />
+              ${opt.icon ? b`<sl-icon name="${opt.icon}" class="segmented-item-icon"></sl-icon>` : A}
+              ${opt.label ? typeof opt.label === "string" ? b`<span>${opt.label}</span>` : opt.label : A}
+              <slot name="${String(opt.value)}"></slot>
+            </label>
+          `;
+      return opt.tooltip ? b`<sl-tooltip content="${opt.tooltip}">${itemContent}</sl-tooltip>` : itemContent;
+    })}
+      </div>
+    `;
+  }
+};
+SlSegmented.styles = [component_styles_default, segmented_styles_default];
+SlSegmented.dependencies = { "sl-icon": SlIcon, "sl-tooltip": SlTooltip };
+__decorateClass([
+  n({ type: Array })
+], SlSegmented.prototype, "options", 2);
+__decorateClass([
+  n()
+], SlSegmented.prototype, "value", 2);
+__decorateClass([
+  n()
+], SlSegmented.prototype, "defaultValue", 2);
+__decorateClass([
+  n({ attribute: false })
+], SlSegmented.prototype, "onChange", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSegmented.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "orientation", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "shape", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSegmented.prototype, "block", 2);
+__decorateClass([
+  n({ type: String })
+], SlSegmented.prototype, "name", 2);
+__decorateClass([
+  r()
+], SlSegmented.prototype, "thumbStyle", 2);
+__decorateClass([
+  r()
+], SlSegmented.prototype, "_internalValue", 2);
+__decorateClass([
+  e(".segmented")
+], SlSegmented.prototype, "container", 2);
+__decorateClass([
+  r2(".segmented-item")
+], SlSegmented.prototype, "itemEls", 2);
+
+export {
+  SlSegmented
+};

package/cdn/chunks/chunk.OO6RKMCB.js

@@ -0,0 +1,70 @@
+import {
+  n
+} from "./chunk.QNACI2VQ.js";
+import {
+  s,
+  u
+} from "./chunk.262S7CWP.js";
+
+// src/components/x-markdown/markdown/components.ts
+function serializeData(value) {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  try {
+    return JSON.stringify(value);
+  } catch (e) {
+    return String(value);
+  }
+}
+function setDataAttribute(el, name, value) {
+  const attrName = `data-${name}`;
+  const serialized = serializeData(value);
+  if (serialized) {
+    el.setAttribute(attrName, serialized);
+  } else {
+    el.removeAttribute(attrName);
+  }
+}
+function isValidCustomElementTag(tagName) {
+  if (!tagName) {
+    return false;
+  }
+  return /^[a-z](?:[.0-9_a-z]*-[.0-9_a-z-]*)$/.test(tagName);
+}
+function applyCustomNodePayload(el, payload) {
+  el.nodeType = payload.nodeType;
+  el.streamStatus = payload.streamStatus;
+  el.textContent = payload.textContent;
+  el.attrs = payload.attrs;
+  el.meta = payload.meta;
+  el.raw = payload.raw;
+  el.setAttribute("node-type", payload.nodeType);
+  el.setAttribute("stream-status", payload.streamStatus);
+  setDataAttribute(el, "node-type", payload.nodeType);
+  setDataAttribute(el, "stream-status", payload.streamStatus);
+  setDataAttribute(el, "text-content", payload.textContent);
+  setDataAttribute(el, "attrs", payload.attrs);
+  setDataAttribute(el, "meta", payload.meta);
+  setDataAttribute(el, "raw", payload.raw);
+}
+function renderMappedComponent(tagName, payload, part) {
+  const tag = s(tagName);
+  return u`<${tag}
+    part=${part != null ? part : "body"}
+    ${n((el) => {
+    if (el instanceof HTMLElement) {
+      applyCustomNodePayload(el, payload);
+    }
+  })}
+  ></${tag}>`;
+}
+
+export {
+  isValidCustomElementTag,
+  applyCustomNodePayload,
+  renderMappedComponent
+};

package/cdn/chunks/chunk.OPDVFVBN.js

@@ -0,0 +1,196 @@
+import {
+  CustomSelect
+} from "./chunk.SHEHLDBH.js";
+import {
+  pagination_styles_default
+} from "./chunk.HGIEN6NU.js";
+import {
+  SlIcon
+} from "./chunk.MK3VOKCG.js";
+import {
+  component_styles_default
+} from "./chunk.N6N54SAA.js";
+import {
+  ShoelaceElement,
+  n,
+  r
+} from "./chunk.26NXY7B5.js";
+import {
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/pagination/pagination.component.ts
+var SlPagination = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.pageSize = 20;
+    this.pageSizeOpts = [10, 20, 50, 100];
+    this.total = 5e3;
+    this.disabled = false;
+    this.className = "";
+    this.simpleMode = false;
+    this.direction = "ltr";
+    this.defaultCurrentPage = 1;
+    this.totalPage = 1;
+  }
+  willUpdate(changed) {
+    if (changed.has("total") || changed.has("pageSize")) {
+      this.totalPage = Math.max(1, Math.ceil(this.total / this.pageSize));
+      if (this.defaultCurrentPage > this.totalPage) {
+        this.defaultCurrentPage = this.totalPage;
+      }
+    }
+  }
+  handleInputChange(e) {
+    const input = e.target;
+    const value = input.value;
+    if (value === "") {
+      return;
+    }
+    const num = Number(value);
+    if (!Number.isNaN(num)) {
+      this.defaultCurrentPage = num;
+    }
+  }
+  handlePageChangePage(page) {
+    if (this.disabled) return;
+    const newPage = Math.min(Math.max(1, page), this.totalPage);
+    this.defaultCurrentPage = newPage;
+    this.emit("sl-page-change", {
+      detail: {
+        pageNumber: page,
+        pageSize: this.pageSize
+      }
+    });
+  }
+  handlePageSizeChange(e) {
+    this.pageSize = Number(e.detail);
+    let page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
+    const totalPage = Math.max(1, Math.ceil(this.total / this.pageSize));
+    if (page > totalPage) page = totalPage;
+    this.defaultCurrentPage = page;
+    this.emit("sl-page-change", {
+      detail: {
+        pageNumber: page,
+        pageSize: this.pageSize
+      }
+    });
+  }
+  render() {
+    const page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
+    const isRtl = this.direction === "rtl";
+    const prevIcon = isRtl ? "chevron-right" : "chevron-left";
+    const nextIcon = isRtl ? "chevron-left" : "chevron-right";
+    const firstIcon = isRtl ? "chevron-bar-right" : "chevron-bar-left";
+    const lastIcon = isRtl ? "chevron-bar-left" : "chevron-bar-right";
+    return this.simpleMode ? b`
+          <div class="pagination ${this.className}">
+            <sl-icon
+              name=${prevIcon}
+              class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
+              @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
+            ></sl-icon>
+            <sl-icon
+              name=${nextIcon}
+              class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
+              @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
+            ></sl-icon>
+            <custom-select
+              part="page-size-select"
+              .options=${this.pageSizeOpts}
+              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
+              .disabled=${this.disabled}
+              @select-change=${this.handlePageSizeChange}
+            >
+            </custom-select>
+          </div>
+        ` : b`
+          <div class="pagination ${this.className}">
+            <div class="page-info">
+              <span class="total">共${this.totalPage}页</span>
+              第
+              <input
+                class="page-input"
+                type="string"
+                .value=${String(page)}
+                min="1"
+                max=${this.total}
+                @input=${this.handleInputChange}
+                @change=${() => this.handlePageChangePage(this.defaultCurrentPage)}
+                ?disabled=${this.disabled}
+              />
+              页
+            </div>
+            <div class="page-btns">
+              <sl-icon
+                name=${firstIcon}
+                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
+                @click=${() => page !== 1 && this.handlePageChangePage(1)}
+              ></sl-icon>
+              <sl-icon
+                name=${prevIcon}
+                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
+                @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
+              ></sl-icon>
+              <sl-icon
+                name=${nextIcon}
+                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
+                @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
+              ></sl-icon>
+              <sl-icon
+                name=${lastIcon}
+                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
+                @click=${() => page !== this.totalPage && this.handlePageChangePage(this.totalPage)}
+              ></sl-icon>
+            </div>
+            <custom-select
+              part="page-size-select"
+              .options=${this.pageSizeOpts}
+              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
+              .disabled=${this.disabled}
+              @select-change=${this.handlePageSizeChange}
+            >
+            </custom-select>
+          </div>
+        `;
+  }
+};
+SlPagination.styles = [component_styles_default, pagination_styles_default];
+SlPagination.dependencies = { "sl-icon": SlIcon, "custom-select": CustomSelect };
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "currentPage", 2);
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "pageSize", 2);
+__decorateClass([
+  n({ type: Array })
+], SlPagination.prototype, "pageSizeOpts", 2);
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "total", 2);
+__decorateClass([
+  n({ type: Boolean })
+], SlPagination.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: String })
+], SlPagination.prototype, "className", 2);
+__decorateClass([
+  n({ type: Boolean })
+], SlPagination.prototype, "simpleMode", 2);
+__decorateClass([
+  n({ type: String })
+], SlPagination.prototype, "direction", 2);
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "defaultCurrentPage", 2);
+__decorateClass([
+  r()
+], SlPagination.prototype, "totalPage", 2);
+
+export {
+  SlPagination
+};

package/cdn/chunks/chunk.OPV2AIGP.js

@@ -0,0 +1,11 @@
+import {
+  SlXMarkdown
+} from "./chunk.65AWWXS3.js";
+
+// src/components/x-markdown/x-markdown.ts
+var x_markdown_default = SlXMarkdown;
+SlXMarkdown.define("sl-x-markdown");
+
+export {
+  x_markdown_default
+};