@expcat/tigercat-vue 1.0.4 → 1.1.0

package/dist/chunk-33C5E3AQ.mjs

@@ -1,328 +0,0 @@
-import { useTigerConfig } from './chunk-XP5M2GK7.mjs';
-import { defineComponent, ref, computed, watch, h } from 'vue';
-import { filterColumns, mergeTigerLocale, getTaskBoardLabels, classNames, getKanbanContainerClasses, coerceClassValue, mergeStyleValues, isWipExceeded, getColumnCardCount, resolveLocaleText, kanbanCardCountClasses, taskBoardWipExceededClasses, taskBoardColumnHeaderClasses, taskBoardCardClasses, taskBoardCardDraggingClasses, taskBoardDropIndicatorClasses, taskBoardColumnBodyClasses, taskBoardEmptyClasses, kanbanAddCardClasses, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, kanbanAddColumnClasses, setDragData, createCardDragData, parseDragData, moveCard, reorderColumns, getDropIndex, createColumnDragData, getColumnDropIndex } from '@expcat/tigercat-core';
-
-var Kanban = defineComponent({
-  name: "TigerKanban",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      default: void 0
-    },
-    defaultColumns: {
-      type: Array,
-      default: () => []
-    },
-    draggable: { type: Boolean, default: true },
-    columnDraggable: { type: Boolean, default: true },
-    enforceWipLimit: { type: Boolean, default: false },
-    beforeCardMove: {
-      type: Function,
-      default: void 0
-    },
-    beforeColumnMove: {
-      type: Function,
-      default: void 0
-    },
-    onCardAdd: {
-      type: Function,
-      default: void 0
-    },
-    filterText: { type: String, default: "" },
-    hiddenColumns: {
-      type: Array,
-      default: () => []
-    },
-    showCardCount: { type: Boolean, default: true },
-    allowAddCard: { type: Boolean, default: true },
-    allowAddColumn: { type: Boolean, default: false },
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["card-move", "column-move", "update:columns", "card-add", "column-add"],
-  setup(props, { emit, attrs, slots }) {
-    const config = useTigerConfig();
-    const boardRef = ref(null);
-    const internalColumns = ref(props.defaultColumns ?? []);
-    const isControlled = computed(() => props.columns !== void 0);
-    const rawColumns = computed(() => isControlled.value ? props.columns : internalColumns.value);
-    const visibleColumns = computed(
-      () => filterColumns(rawColumns.value, props.filterText || "", props.hiddenColumns)
-    );
-    watch(
-      () => props.columns,
-      (v) => {
-        if (v) internalColumns.value = v;
-      }
-    );
-    function updateColumns(cols) {
-      if (!isControlled.value) internalColumns.value = cols;
-      emit("update:columns", cols);
-    }
-    const merged = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(() => getTaskBoardLabels(merged.value));
-    const dragState = ref(null);
-    const dropTargetCol = ref(null);
-    const dropTargetIdx = ref(-1);
-    const dragType = computed(() => dragState.value?.type ?? null);
-    function onCardDragStart(e, card, colId, idx) {
-      if (!props.draggable || !e.dataTransfer) return;
-      setDragData(e.dataTransfer, createCardDragData(card.id, colId, idx));
-      dragState.value = { type: "card", id: card.id, fromColumnId: colId, fromIndex: idx };
-    }
-    function onColumnDragStart(e, colId, idx) {
-      if (!props.columnDraggable || !e.dataTransfer) return;
-      setDragData(e.dataTransfer, createColumnDragData(colId, idx));
-      dragState.value = { type: "column", id: colId, fromIndex: idx };
-    }
-    function onDragOver(e, colId) {
-      e.preventDefault();
-      if (!dragState.value) return;
-      dropTargetCol.value = colId;
-      if (dragState.value.type === "card") {
-        const colEl = e.currentTarget.querySelector("[data-kanban-body]");
-        if (colEl) {
-          const cards = Array.from(colEl.querySelectorAll("[data-kanban-card]"));
-          const rects = cards.map((c) => c.getBoundingClientRect());
-          dropTargetIdx.value = getDropIndex(e.clientY, rects);
-        }
-      }
-    }
-    function onColumnDragOver(e) {
-      e.preventDefault();
-      if (!dragState.value || dragState.value.type !== "column") return;
-      const boardEl = boardRef.value;
-      if (!boardEl) return;
-      const cols = Array.from(boardEl.querySelectorAll("[data-kanban-column]"));
-      const rects = cols.map((c) => c.getBoundingClientRect());
-      dropTargetIdx.value = getColumnDropIndex(e.clientX, rects);
-    }
-    async function onDrop(e) {
-      e.preventDefault();
-      if (!dragState.value || !e.dataTransfer) return;
-      const data = parseDragData(e.dataTransfer);
-      if (!data) return;
-      const cols = rawColumns.value;
-      if (data.type === "card" && dropTargetCol.value != null) {
-        if (props.beforeCardMove) {
-          const evt = {
-            cardId: data.cardId,
-            fromColumnId: data.columnId,
-            toColumnId: dropTargetCol.value,
-            fromIndex: data.index,
-            toIndex: dropTargetIdx.value
-          };
-          const ok = await props.beforeCardMove(evt);
-          if (!ok) {
-            resetDrag();
-            return;
-          }
-        }
-        const result = moveCard(
-          cols,
-          data.cardId,
-          data.columnId,
-          dropTargetCol.value,
-          dropTargetIdx.value,
-          { enforceWipLimit: props.enforceWipLimit }
-        );
-        if (result) {
-          updateColumns(result.columns);
-          emit("card-move", result.event);
-        }
-      } else if (data.type === "column") {
-        if (props.beforeColumnMove) {
-          const evt = {
-            columnId: data.columnId,
-            fromIndex: data.index,
-            toIndex: dropTargetIdx.value
-          };
-          const ok = await props.beforeColumnMove(evt);
-          if (!ok) {
-            resetDrag();
-            return;
-          }
-        }
-        const result = reorderColumns(cols, data.index, dropTargetIdx.value);
-        if (result) {
-          updateColumns(result.columns);
-          emit("column-move", result.event);
-        }
-      }
-      resetDrag();
-    }
-    function onDragEnd() {
-      resetDrag();
-    }
-    function resetDrag() {
-      dragState.value = null;
-      dropTargetCol.value = null;
-      dropTargetIdx.value = -1;
-    }
-    const containerClasses = computed(
-      () => classNames(getKanbanContainerClasses(props.className), coerceClassValue(attrs.class))
-    );
-    const containerStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    return () => {
-      const children = visibleColumns.value.map((col, colIdx) => {
-        const wipExceeded = isWipExceeded(col);
-        const cardCount = getColumnCardCount(col);
-        const isDragOverCol = dropTargetCol.value === col.id;
-        const isColDragging = dragState.value?.type === "column" && dragState.value.id === col.id;
-        const headerContent = [
-          slots["column-header"] ? slots["column-header"]({ column: col }) : h("span", {}, resolveLocaleText(col.title)),
-          props.showCardCount ? h(
-            "span",
-            {
-              class: classNames(
-                kanbanCardCountClasses,
-                wipExceeded && taskBoardWipExceededClasses
-              )
-            },
-            cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
-          ) : null
-        ];
-        const header = h(
-          "div",
-          {
-            class: classNames(
-              taskBoardColumnHeaderClasses,
-              wipExceeded && taskBoardWipExceededClasses
-            )
-          },
-          headerContent
-        );
-        const cardEls = col.cards.map((card, cardIdx) => {
-          const isCardDragging = dragState.value?.type === "card" && dragState.value.id === card.id;
-          return h(
-            "div",
-            {
-              key: card.id,
-              class: classNames(
-                taskBoardCardClasses,
-                isCardDragging && taskBoardCardDraggingClasses
-              ),
-              draggable: props.draggable,
-              "data-kanban-card": "",
-              onDragstart: (e) => onCardDragStart(e, card, col.id, cardIdx)
-            },
-            slots.card ? slots.card({ card, columnId: col.id }) : [
-              h("div", { class: "font-medium text-sm" }, resolveLocaleText(card.title)),
-              card.description ? h(
-                "div",
-                { class: "text-xs text-[var(--tiger-text-muted,#6b7280)] mt-1" },
-                card.description
-              ) : null
-            ]
-          );
-        });
-        if (isDragOverCol && dragType.value === "card" && dropTargetIdx.value >= 0) {
-          cardEls.splice(
-            dropTargetIdx.value,
-            0,
-            h("div", {
-              key: "__drop-indicator",
-              class: taskBoardDropIndicatorClasses
-            })
-          );
-        }
-        const body = h(
-          "div",
-          {
-            class: taskBoardColumnBodyClasses,
-            "data-kanban-body": ""
-          },
-          cardEls.length > 0 ? cardEls : [
-            h(
-              "div",
-              { class: taskBoardEmptyClasses },
-              resolveLocaleText(labels.value.emptyColumnText)
-            )
-          ]
-        );
-        const addBtn = props.allowAddCard ? h(
-          "div",
-          {
-            class: kanbanAddCardClasses,
-            role: "button",
-            tabindex: 0,
-            onClick: () => {
-              props.onCardAdd?.(col.id);
-              emit("card-add", col.id);
-            },
-            onKeydown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                props.onCardAdd?.(col.id);
-                emit("card-add", col.id);
-              }
-            }
-          },
-          "+ " + resolveLocaleText(labels.value.addCardText)
-        ) : null;
-        return h(
-          "div",
-          {
-            key: col.id,
-            class: classNames(
-              taskBoardColumnClasses,
-              isDragOverCol && dragType.value === "card" && taskBoardColumnDropTargetClasses,
-              isColDragging && taskBoardColumnDraggingClasses
-            ),
-            "data-kanban-column": "",
-            draggable: props.columnDraggable,
-            onDragstart: (e) => onColumnDragStart(e, col.id, colIdx),
-            onDragover: (e) => onDragOver(e, col.id),
-            onDrop,
-            onDragend: onDragEnd
-          },
-          [header, body, addBtn]
-        );
-      });
-      if (props.allowAddColumn) {
-        children.push(
-          h(
-            "div",
-            {
-              key: "__add-column",
-              class: kanbanAddColumnClasses,
-              role: "button",
-              tabindex: 0,
-              onClick: () => emit("column-add"),
-              onKeydown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  emit("column-add");
-                }
-              }
-            },
-            "+ " + resolveLocaleText(labels.value.addCardText)
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          ref: boardRef,
-          class: containerClasses.value,
-          style: containerStyle.value,
-          role: "region",
-          "aria-label": "Kanban board",
-          onDragover: onColumnDragOver
-        },
-        children
-      );
-    };
-  }
-});
-var Kanban_default = Kanban;
-
-export { Kanban, Kanban_default };

package/dist/chunk-3AM6WEUE.mjs

@@ -1,174 +0,0 @@
-import { defineComponent, ref, computed, provide, onMounted, watch, h, nextTick } from 'vue';
-import { classNames, getMenuClasses, coerceClassValue, mergeStyleValues, toggleKey, replaceKeys, initRovingTabIndex } from '@expcat/tigercat-core';
-
-// src/components/Menu.ts
-var MenuContextKey = /* @__PURE__ */ Symbol("MenuContext");
-var Menu = defineComponent({
-  name: "TigerMenu",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Menu mode - horizontal, vertical, or inline
-     * @default 'vertical'
-     */
-    mode: {
-      type: String,
-      default: "vertical"
-    },
-    /**
-     * Menu theme - light or dark
-     * @default 'light'
-     */
-    theme: {
-      type: String,
-      default: "light"
-    },
-    /**
-     * Currently selected menu item keys
-     */
-    selectedKeys: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Default selected menu item keys
-     */
-    defaultSelectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Currently opened submenu keys (for vertical/inline mode)
-     */
-    openKeys: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Default opened submenu keys
-     */
-    defaultOpenKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Whether the menu is collapsed (for vertical mode)
-     * @default false
-     */
-    collapsed: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether multiple submenus can be opened at once
-     * @default true
-     */
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Inline indentation for submenu items
-     * @default 24
-     */
-    inlineIndent: {
-      type: Number,
-      default: 24
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:selectedKeys", "update:openKeys", "select", "open-change"],
-  setup(props, { slots, emit, attrs }) {
-    const menuEl = ref(null);
-    const internalSelectedKeys = ref(props.defaultSelectedKeys);
-    const internalOpenKeys = ref(props.defaultOpenKeys);
-    const currentSelectedKeys = computed(() => {
-      return props.selectedKeys !== void 0 ? props.selectedKeys : internalSelectedKeys.value;
-    });
-    const currentOpenKeys = computed(() => {
-      return props.openKeys !== void 0 ? props.openKeys : internalOpenKeys.value;
-    });
-    const handleSelect = (key) => {
-      const newSelectedKeys = replaceKeys(key, currentSelectedKeys.value);
-      if (props.selectedKeys === void 0) {
-        internalSelectedKeys.value = newSelectedKeys;
-      }
-      emit("update:selectedKeys", newSelectedKeys);
-      emit("select", key, { selectedKeys: newSelectedKeys });
-    };
-    const handleOpenChange = (key) => {
-      const toggled = toggleKey(key, currentOpenKeys.value);
-      const newOpenKeys = props.multiple ? toggled : toggled.includes(key) ? [key] : [];
-      if (props.openKeys === void 0) {
-        internalOpenKeys.value = newOpenKeys;
-      }
-      emit("update:openKeys", newOpenKeys);
-      emit("open-change", key, { openKeys: newOpenKeys });
-    };
-    const menuClasses = computed(() => {
-      return classNames(
-        getMenuClasses(props.mode, props.theme, props.collapsed),
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-    });
-    const menuStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    const passthroughAttrs = computed(() => {
-      const { class: _class, style: _style, ...rest } = attrs;
-      return rest;
-    });
-    const modeRef = computed(() => props.mode);
-    const themeRef = computed(() => props.theme);
-    const collapsedRef = computed(() => props.collapsed);
-    const inlineIndentRef = computed(() => props.inlineIndent);
-    provide(MenuContextKey, {
-      mode: modeRef,
-      theme: themeRef,
-      collapsed: collapsedRef,
-      inlineIndent: inlineIndentRef,
-      selectedKeys: currentSelectedKeys,
-      openKeys: currentOpenKeys,
-      handleSelect,
-      handleOpenChange
-    });
-    const runRovingTabIndex = async () => {
-      await nextTick();
-      if (menuEl.value) initRovingTabIndex(menuEl.value);
-    };
-    onMounted(() => {
-      void runRovingTabIndex();
-    });
-    watch(
-      [modeRef, collapsedRef, currentSelectedKeys, currentOpenKeys],
-      () => {
-        void runRovingTabIndex();
-      },
-      { deep: true }
-    );
-    return () => {
-      return h(
-        "ul",
-        {
-          ref: menuEl,
-          class: menuClasses.value,
-          style: menuStyle.value,
-          role: "menu",
-          "data-tiger-menu-root": "true",
-          "data-tiger-menu-mode": props.mode,
-          ...passthroughAttrs.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var Menu_default = Menu;
-
-export { Menu, MenuContextKey, Menu_default };

package/dist/chunk-53M2BTB5.mjs

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-export { __esm, __export, __toCommonJS };