@kdcloudjs/shoelace 1.0.4 → 1.0.6

package/dist/chunks/chunk.TC6CNTQM.js

@@ -1,506 +0,0 @@
-import {
-  getExpendRow
-} from "./chunk.LZ5HHTHZ.js";
-import {
-  getDefaultFilters
-} from "./chunk.TF3IWFSX.js";
-import {
-  convertRowSelectionState,
-  getRowSelectionOptions,
-  getSelectionColumn
-} from "./chunk.TSMWOE6E.js";
-import {
-  getDefaultSorting
-} from "./chunk.WQTJ57OT.js";
-import {
-  table_style_default
-} from "./chunk.N4WPBYFA.js";
-import {
-  CUSTOM_CELL,
-  CUSTOM_ROW
-} from "./chunk.4VRHDE3E.js";
-import {
-  SlRadio
-} from "./chunk.A6VUIAK5.js";
-import {
-  SlPagination
-} from "./chunk.ZIXYBTFK.js";
-import {
-  SlCheckbox
-} from "./chunk.FM2W4WWN.js";
-import {
-  ShoelaceElement
-} from "./chunk.VAOOYX3C.js";
-import {
-  __decorateClass,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.KAW7D32O.js";
-
-// src/components/table/table.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import {
-  createColumnHelper,
-  getCoreRowModel,
-  getExpandedRowModel,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  TableController
-} from "@tanstack/lit-table";
-import { createRef, ref } from "lit/directives/ref.js";
-import { debounce, get, some } from "lodash";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { state } from "lit/decorators/state.js";
-var SlTable = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.tableController = new TableController(this);
-    this.rowKey = "key";
-    this.columns = [];
-    this.dataSource = [];
-    this.loading = false;
-    this.bordered = false;
-    this.direction = "ltr";
-    this.showHeader = true;
-    this.tableScroll = {};
-    this.rowSelectedMap = {};
-    this.expandedMap = {};
-    this.sorting = [];
-    this.columnFilters = [];
-    this.tableWidth = 0;
-    this.tableWrapRef = createRef();
-    this.headerWrapRef = createRef();
-    this.bodyWrapRef = createRef();
-    this.syncing = false;
-    this.warnIfNoKey = () => {
-      if (some(this.dataSource, (record) => this.adapter.getRecordKey(record) === void 0)) {
-        console.error(
-          'You must specify a key for each element in the dataSource or use "rowKey" to specify an attribute name as the primary key!'
-        );
-      }
-    };
-    this.handleBodyScroll = (e) => {
-      this.handleBodyScrollLeft(e);
-    };
-    this.handleBodyScrollLeft = (e) => {
-      if (this.syncing) return;
-      const target = e.currentTarget;
-      const head = this.headerWrapRef.value;
-      const body = this.bodyWrapRef.value;
-      if (!head || !body) return;
-      this.syncing = true;
-      if (target === body) {
-        head.scrollLeft = body.scrollLeft;
-      } else if (target === head) {
-        body.scrollLeft = head.scrollLeft;
-      }
-      requestAnimationFrame(() => {
-        this.syncing = false;
-      });
-    };
-    this.handleWindowResize = () => {
-      this.syncTableWidth();
-      this.setScrollPositionClassName();
-    };
-    this.syncTableWidth = () => {
-      var _a;
-      if ((_a = this.tableWrapRef) == null ? void 0 : _a.value) {
-        this.tableWidth = this.tableWrapRef.value.getBoundingClientRect().width;
-      }
-    };
-    this.setScrollPositionClassName = () => {
-    };
-    this.generateCustomCellSlot = (filteredRows) => {
-      const hasSlotColumns = this.columns.filter((col) => col.slot);
-      if (!hasSlotColumns.length) return "";
-      return html`
-      ${hasSlotColumns.map(
-        (col) => filteredRows.map((row) => {
-          const slotKey = `${CUSTOM_CELL}-${col.dataIndex}-${this.adapter.getRecordKey(row.original)}`;
-          return html`<slot slot="${slotKey}" name="${slotKey}">${row.original[col.dataIndex]}</slot>`;
-        })
-      )}
-    `;
-    };
-    this.generateCustomRowSlot = (rows) => {
-      return html`
-      ${rows.map((row) => {
-        var _a, _b;
-        const rowSlotKey = `${CUSTOM_ROW}-${this.adapter.getRecordKey(row.original)}`;
-        if ((_b = (_a = this.expandProps) == null ? void 0 : _a.expendableRowKeys) == null ? void 0 : _b.includes(row.original[this.rowKey])) {
-          return html`<slot slot="${rowSlotKey}" name="${rowSlotKey}"></slot>`;
-        } else {
-          return null;
-        }
-      })}
-    `;
-    };
-    this.handleRowSelectionChange = (updaterOrValue) => {
-      if (typeof updaterOrValue === "function") {
-        this.rowSelectedMap = updaterOrValue(this.rowSelectedMap);
-      } else {
-        this.rowSelectedMap = updaterOrValue;
-      }
-    };
-    this.handleSortingChange = (updaterOrValue) => {
-      if (typeof updaterOrValue === "function") {
-        this.sorting = updaterOrValue(this.sorting);
-      } else {
-        this.sorting = updaterOrValue;
-      }
-      window == null ? void 0 : window.requestAnimationFrame(() => {
-        this.onChange({
-          changeType: "sorter"
-        });
-      });
-    };
-    this.handleColumnFiltersChange = (updaterOrValue) => {
-      if (typeof updaterOrValue === "function") {
-        this.columnFilters = updaterOrValue(this.columnFilters);
-      } else {
-        this.columnFilters = updaterOrValue;
-      }
-      window == null ? void 0 : window.requestAnimationFrame(() => {
-        this.onChange({
-          changeType: "filters"
-        });
-      });
-    };
-    this.handleFilterDropdownChange = (e) => {
-      var _a;
-      const detail = e.detail;
-      const { key, visible } = detail || {};
-      const col = this.columns.find((c) => c.dataIndex === key);
-      (_a = col == null ? void 0 : col.onFilterDropdownVisibleChange) == null ? void 0 : _a.call(col, visible);
-    };
-    this.getRowCanExpand = (row) => {
-      var _a, _b;
-      return Boolean((_b = (_a = this.expandProps) == null ? void 0 : _a.expendableRowKeys) == null ? void 0 : _b.includes(row.original[this.rowKey]));
-    };
-    this.expendedChange = (updater) => {
-      const newExpanded = typeof updater === "function" ? updater(this.expandedMap) : updater;
-      this.expandedMap = newExpanded;
-      this.requestUpdate();
-    };
-    this.handlePaginationChange = (event) => {
-      var _a, _b;
-      const { currentPage, pageSize } = event.detail;
-      (_b = (_a = this.pagination) == null ? void 0 : _a["sl-page-change"]) == null ? void 0 : _b.call(_a, event);
-      this.pagination = __spreadProps(__spreadValues({}, this.pagination), {
-        currentPage,
-        pageSize
-      });
-      this.onChange();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    window.addEventListener("resize", debounce(this.handleWindowResize, 150));
-    this.syncTableWidth();
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", debounce(this.handleWindowResize, 150));
-    super.disconnectedCallback();
-  }
-  get adapter() {
-    return {
-      getRecordKey: (record) => {
-        if (!record) {
-          return void 0;
-        }
-        return get(record, this.rowKey);
-      },
-      getSortIsControlled: () => {
-        return some(this.columns, (col) => !!col.sortOrder);
-      },
-      getTableWidth: () => this.tableWidth,
-      getFilterIsControlled: () => some(this.columns, (col) => !!col.filteredValue)
-    };
-  }
-  willUpdate(changedProperties) {
-    var _a;
-    this.warnIfNoKey();
-    if (changedProperties.has("rowSelection")) {
-      this.rowSelectedMap = convertRowSelectionState(((_a = this.rowSelection) == null ? void 0 : _a.defaultSelectedRowKeys) || []);
-    }
-    if (changedProperties.has("columns")) {
-      const defaultSorting = getDefaultSorting(this.columns);
-      if (defaultSorting.length > 0) {
-        this.sorting = defaultSorting;
-      }
-      const defaultFilters = getDefaultFilters(this.columns);
-      if (defaultFilters.length > 0) {
-        this.columnFilters = defaultFilters;
-      }
-    }
-    if (changedProperties.has("dataSource") || changedProperties.has("expandProps")) {
-      this.dataSource.forEach((row) => {
-        var _a2, _b, _c, _d, _e;
-        if (((_a2 = this.expandProps) == null ? void 0 : _a2.rowExpandable) && ((_c = (_b = this.expandProps) == null ? void 0 : _b.expendableRowKeys) == null ? void 0 : _c.length) && ((_e = (_d = this.expandProps) == null ? void 0 : _d.defaultExpandedRowKeys) == null ? void 0 : _e.includes(row[this.rowKey]))) {
-          this.expandedMap[row[this.rowKey]] = true;
-        }
-      });
-    }
-  }
-  renderTable(tableInstance) {
-    var _a, _b;
-    const currentPageRows = tableInstance.getPaginationRowModel().rows;
-    const filteredRows = tableInstance.getFilteredRowModel().rows;
-    const commonProps = {
-      direction: this.direction,
-      bordered: !!this.bordered,
-      rowSelectedMap: this.rowSelectedMap,
-      tableScroll: this.tableScroll,
-      handleBodyScroll: this.handleBodyScroll,
-      sorting: this.sorting,
-      dataSource: this.dataSource,
-      columns: this.columns,
-      adapter: this.adapter,
-      tableInstance
-    };
-    const emptyTemplate = this.dataSource.length === 0 || currentPageRows.length === 0 || filteredRows.length === 0 ? this.renderEmpty() : "";
-    const headTable = this.showHeader ? html`<sl-table-head-table
-          .commonProps=${commonProps}
-          .headerRef=${this.headerWrapRef}
-          @sl-filter-dropdown-change=${this.handleFilterDropdownChange}
-        ></sl-table-head-table>` : "";
-    const bodyTable = html`<sl-table-body-table
-      .bodyRef=${this.bodyWrapRef}
-      .emptyTemplate=${emptyTemplate}
-      .commonProps=${commonProps}
-      .expandRowByClick=${((_a = this.expandProps) == null ? void 0 : _a.rowExpandable) && ((_b = this.expandProps) == null ? void 0 : _b.expandRowByClick)}
-    >
-      <slot name="table-empty" slot="table-empty">暂无数据</slot>
-      ${this.generateCustomRowSlot(filteredRows)} ${this.generateCustomCellSlot(filteredRows)}
-    </sl-table-body-table>`;
-    return html`${headTable} ${bodyTable}`;
-  }
-  renderEmpty() {
-    return html` <div class="table-placeholder"><slot name="table-empty"></slot></div>`;
-  }
-  renderMainTable(tableInstance) {
-    const table = html`${this.renderTable(tableInstance)}`;
-    return table;
-  }
-  renderPagination() {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return this.pagination ? html`
-          <sl-pagination
-            class="pagination"
-            @sl-page-change=${this.handlePaginationChange}
-            .total=${((_a = this.pagination) == null ? void 0 : _a.total) || this.dataSource.length}
-            .currentPage=${((_b = this.pagination) == null ? void 0 : _b.currentPage) || 1}
-            .pageSize=${((_c = this.pagination) == null ? void 0 : _c.pageSize) || 20}
-            .disabled=${((_d = this.pagination) == null ? void 0 : _d.disabled) || false}
-            .className=${(_e = this.pagination) == null ? void 0 : _e.className}
-            .pageSizeOpts=${((_f = this.pagination) == null ? void 0 : _f.pageSizeOpts) || [10, 20, 50, 100]}
-            .simpleMode=${((_g = this.pagination) == null ? void 0 : _g.simpleMode) || false}
-          >
-          </sl-pagination>
-        ` : "";
-  }
-  // 生成lit-table所需要的columns数组
-  buildColumns() {
-    var _a, _b, _c, _d;
-    const _columns = [];
-    const columnHelper = createColumnHelper();
-    for (const col of this.columns) {
-      const {
-        dataIndex,
-        width,
-        align,
-        className,
-        ellipsis,
-        sorter,
-        filters,
-        filterMultiple,
-        defaultFilters,
-        onFilter,
-        filterDropdownProps,
-        onFilterDropdownVisibleChange
-      } = col;
-      const canSort = sorter && typeof sorter === "function";
-      const canFilter = filters && filters.length > 0;
-      const newCol = columnHelper.accessor((row) => row[dataIndex], {
-        id: dataIndex,
-        meta: {
-          align,
-          className,
-          ellipsis,
-          filters,
-          filterMultiple,
-          defaultFilters,
-          filterDropdownProps,
-          onFilterDropdownVisibleChange
-        },
-        cell: (info) => {
-          if (col.slot) {
-            const slotKey = `${CUSTOM_CELL}-${dataIndex}-${this.adapter.getRecordKey(info.row.original)}`;
-            return html`<slot name="${slotKey}" slot="${slotKey}">${info.getValue()}</slot>`;
-          }
-          return info.getValue();
-        },
-        header: () => col.title || dataIndex,
-        size: width
-      });
-      if (canSort) {
-        newCol.sortingFn = (rowA, rowB) => sorter(rowA.original, rowB.original);
-      }
-      if (canFilter && onFilter) {
-        newCol.filterFn = (row, _columnId, filterValue) => {
-          if (Array.isArray(filterValue)) {
-            return filterValue.some((val) => !!onFilter(val, row.original));
-          }
-          return !!onFilter(filterValue, row.original);
-        };
-      }
-      newCol.enableSorting = !!canSort;
-      newCol.enableColumnFilter = !!canFilter;
-      _columns.push(newCol);
-    }
-    if (this.rowSelection && !this.rowSelection.hidden) {
-      _columns.unshift(getSelectionColumn(this.rowSelection, this.rowKey));
-    }
-    if (((_a = this == null ? void 0 : this.expandProps) == null ? void 0 : _a.rowExpandable) && ((_c = (_b = this == null ? void 0 : this.expandProps) == null ? void 0 : _b.expendableRowKeys) == null ? void 0 : _c.length))
-      _columns.unshift(getExpendRow((_d = this.expandProps) == null ? void 0 : _d.expandRowByClick));
-    return _columns;
-  }
-  // 构建 tableState
-  buildTableState() {
-    var _a, _b, _c;
-    const rowSelectionOptions = getRowSelectionOptions({
-      rowSelection: this.rowSelection
-    });
-    return this.tableController.table(__spreadProps(__spreadValues({
-      columns: this.buildColumns(),
-      data: this.dataSource,
-      manualPagination: !this.pagination,
-      getRowId: (row) => row[this.rowKey],
-      getCoreRowModel: getCoreRowModel(),
-      getSortedRowModel: getSortedRowModel(),
-      getPaginationRowModel: getPaginationRowModel(),
-      getFilteredRowModel: getFilteredRowModel(),
-      getExpandedRowModel: getExpandedRowModel(),
-      state: {
-        rowSelection: this.rowSelectedMap,
-        sorting: this.sorting,
-        columnFilters: this.columnFilters,
-        pagination: {
-          pageIndex: ((_a = this.pagination) == null ? void 0 : _a.currentPage) ? ((_b = this.pagination) == null ? void 0 : _b.currentPage) - 1 : 0,
-          pageSize: ((_c = this.pagination) == null ? void 0 : _c.pageSize) || 20
-        },
-        expanded: this.expandedMap
-      },
-      onSortingChange: this.handleSortingChange,
-      onColumnFiltersChange: this.handleColumnFiltersChange
-    }, rowSelectionOptions), {
-      onRowSelectionChange: this.handleRowSelectionChange,
-      // 受控排序
-      manualSorting: this.adapter.getSortIsControlled(),
-      manualFiltering: this.adapter.getFilterIsControlled(),
-      getRowCanExpand: this.getRowCanExpand,
-      onExpandedChange: this.expendedChange
-    }));
-  }
-  onChange(extra) {
-    var _a, _b, _c;
-    this.dispatchEvent(
-      new CustomEvent("change", {
-        detail: {
-          pagination: {
-            currentPage: ((_a = this.pagination) == null ? void 0 : _a.currentPage) || 1,
-            pageSize: ((_b = this.pagination) == null ? void 0 : _b.pageSize) || 20,
-            total: ((_c = this.pagination) == null ? void 0 : _c.total) || this.dataSource.length
-          },
-          sorting: this.sorting,
-          columnFilters: this.columnFilters,
-          extra: extra || {}
-        }
-      })
-    );
-  }
-  render() {
-    const tableInstance = this.buildTableState();
-    return html`
-      <div
-        part="table-wrapper"
-        ${ref(this.tableWrapRef)}
-        class=${classMap({
-      "table-wrapper": true,
-      [`table-direction-${this.direction}`]: true
-    })}
-      >
-        <sl-table-spinner-container .loading=${this.loading}>
-          <div
-            class=${classMap({
-      "table-bordered": Boolean(this.bordered)
-    })}
-          >
-            <div part="table-container" class="table-container">${this.renderMainTable(tableInstance)}</div>
-          </div>
-        </sl-table-spinner-container>
-        ${this.renderPagination()}
-      </div>
-    `;
-  }
-};
-SlTable.dependencies = {
-  "sl-checkbox": SlCheckbox,
-  "sl-radio": SlRadio,
-  "sl-pagination": SlPagination
-};
-SlTable.styles = [table_style_default];
-__decorateClass([
-  property({ type: Array })
-], SlTable.prototype, "rowKey", 2);
-__decorateClass([
-  property({ type: Array })
-], SlTable.prototype, "columns", 2);
-__decorateClass([
-  property({ type: Array })
-], SlTable.prototype, "dataSource", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlTable.prototype, "loading", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlTable.prototype, "bordered", 2);
-__decorateClass([
-  property({ type: String })
-], SlTable.prototype, "direction", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlTable.prototype, "showHeader", 2);
-__decorateClass([
-  property({ type: Object })
-], SlTable.prototype, "rowSelection", 2);
-__decorateClass([
-  property({ type: Object })
-], SlTable.prototype, "tableScroll", 2);
-__decorateClass([
-  property({ type: Object })
-], SlTable.prototype, "pagination", 2);
-__decorateClass([
-  property({ type: Object })
-], SlTable.prototype, "expandProps", 2);
-__decorateClass([
-  state()
-], SlTable.prototype, "rowSelectedMap", 2);
-__decorateClass([
-  state()
-], SlTable.prototype, "expandedMap", 2);
-__decorateClass([
-  state()
-], SlTable.prototype, "sorting", 2);
-__decorateClass([
-  state()
-], SlTable.prototype, "columnFilters", 2);
-__decorateClass([
-  state()
-], SlTable.prototype, "tableWidth", 2);
-
-export {
-  SlTable
-};

package/dist/chunks/chunk.TEPNXV2U.js

@@ -1,11 +0,0 @@
-import {
-  SlMutationObserver
-} from "./chunk.YSTDXP43.js";
-
-// src/components/mutation-observer/mutation-observer.ts
-var mutation_observer_default = SlMutationObserver;
-SlMutationObserver.define("sl-mutation-observer");
-
-export {
-  mutation_observer_default
-};

package/dist/chunks/chunk.TJ7FQ5JT.js

@@ -1,11 +0,0 @@
-import {
-  SlRange
-} from "./chunk.34M4NQTX.js";
-
-// src/components/range/range.ts
-var range_default = SlRange;
-SlRange.define("sl-range");
-
-export {
-  range_default
-};