@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/chunk-TQDN67YN.mjs

@@ -1,165 +0,0 @@
-// src/components/BackTop.ts
-import {
-  defineComponent,
-  h,
-  ref,
-  shallowRef,
-  computed,
-  onMounted,
-  onBeforeUnmount
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  createBackTopVisibilityController,
-  mergeStyleValues,
-  scrollToTop,
-  backTopBaseClasses,
-  backTopButtonClasses,
-  backTopContainerClasses,
-  backTopHiddenClasses,
-  backTopVisibleClasses,
-  backTopIconPath,
-  getViewportOffsetStyle,
-  isBrowser,
-  viewportFloatingBaseClasses,
-  viewportPlacementClasses
-} from "@expcat/tigercat-core";
-var DefaultIcon = h(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    class: "h-5 w-5",
-    "aria-hidden": "true"
-  },
-  [h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: backTopIconPath })]
-);
-var BackTop = defineComponent({
-  name: "TigerBackTop",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Scroll height to show the BackTop button
-     * @default 400
-     */
-    visibilityHeight: {
-      type: Number,
-      default: 400
-    },
-    /**
-     * Target element to listen for scroll events
-     * @default () => window
-     */
-    target: {
-      type: Function,
-      default: () => isBrowser() ? window : null
-    },
-    /**
-     * Use immediate scroll when set to 0; positive values use native smooth scrolling
-     * @default 450
-     */
-    duration: {
-      type: Number,
-      default: 450
-    },
-    position: {
-      type: String,
-      default: "auto"
-    },
-    placement: {
-      type: String,
-      default: "bottom-right"
-    },
-    offset: {
-      type: [Number, String, Object],
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const visible = ref(false);
-    const targetElement = shallowRef(null);
-    let visibilityController;
-    const handleClick = (event) => {
-      if (!targetElement.value) return;
-      scrollToTop(targetElement.value, props.duration);
-      emit("click", event);
-    };
-    onMounted(() => {
-      targetElement.value = props.target() ?? (isBrowser() ? window : null);
-      if (!targetElement.value) return;
-      visibilityController = createBackTopVisibilityController({
-        target: targetElement.value,
-        getVisibilityHeight: () => props.visibilityHeight,
-        onChange: (nextVisible) => {
-          visible.value = nextVisible;
-        }
-      });
-      targetElement.value.addEventListener("scroll", visibilityController.schedule, {
-        passive: true
-      });
-      visibilityController.update();
-    });
-    onBeforeUnmount(() => {
-      if (targetElement.value && visibilityController) {
-        targetElement.value.removeEventListener("scroll", visibilityController.schedule);
-      }
-      visibilityController?.cancel();
-    });
-    const buttonClasses = computed(() => {
-      const target = targetElement.value ?? (isBrowser() ? props.target() : null);
-      const isWindowTarget = !target || target === window;
-      const positionClasses = props.position === "fixed" ? classNames(
-        viewportFloatingBaseClasses,
-        viewportPlacementClasses[props.placement],
-        backTopBaseClasses
-      ) : props.position === "sticky" ? backTopContainerClasses : isWindowTarget ? backTopButtonClasses : backTopContainerClasses;
-      return classNames(
-        positionClasses,
-        visible.value ? backTopVisibleClasses : backTopHiddenClasses,
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-    });
-    const mergedStyle = computed(
-      () => mergeStyleValues(
-        props.position === "fixed" ? getViewportOffsetStyle(props.placement, props.offset) : void 0,
-        attrs.style,
-        props.style
-      )
-    );
-    return () => {
-      const content = slots.default ? slots.default() : DefaultIcon;
-      return h(
-        "button",
-        {
-          ...attrs,
-          type: "button",
-          class: buttonClasses.value,
-          style: mergedStyle.value,
-          "aria-label": attrs["aria-label"] ?? "Back to top",
-          onClick: handleClick
-        },
-        content
-      );
-    };
-  }
-});
-var BackTop_default = BackTop;
-
-export {
-  BackTop,
-  BackTop_default
-};

package/dist/chunk-TSF5O3MA.mjs

@@ -1,291 +0,0 @@
-// src/components/Descriptions.ts
-import { defineComponent, computed, h, ref, onMounted, onUnmounted } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  getDescriptionsClasses,
-  getDescriptionsTableClasses,
-  getDescriptionsLabelClasses,
-  getDescriptionsContentClasses,
-  getDescriptionsVerticalItemClasses,
-  groupItemsIntoRows,
-  descriptionsWrapperClasses,
-  descriptionsHeaderClasses,
-  descriptionsTitleClasses,
-  descriptionsExtraClasses,
-  descriptionsVerticalWrapperClasses,
-  resolveResponsiveValue,
-  isBrowser
-} from "@expcat/tigercat-core";
-var Descriptions = defineComponent({
-  name: "TigerDescriptions",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Descriptions title
-     */
-    title: {
-      type: [String, Number],
-      default: void 0
-    },
-    /**
-     * Extra content (actions, links, etc.)
-     */
-    extra: {
-      type: null,
-      default: void 0
-    },
-    /**
-     * Whether to show border
-     * @default false
-     */
-    bordered: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Number of columns per row (number or responsive object)
-     * @default 3
-     */
-    column: {
-      type: [Number, Object],
-      default: 3
-    },
-    /**
-     * Descriptions size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Descriptions layout
-     * @default 'horizontal'
-     */
-    layout: {
-      type: String,
-      default: "horizontal"
-    },
-    /**
-     * Whether to show colon after label
-     * @default true
-     */
-    colon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Label style
-     */
-    labelStyle: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Content style
-     */
-    contentStyle: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Items data source (alternative to using slots)
-     */
-    items: {
-      type: Array,
-      default: () => []
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: [Object, String],
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const windowWidth = ref(isBrowser() ? window.innerWidth : 1024);
-    let onResize;
-    if (isBrowser() && typeof props.column === "object") {
-      onResize = () => {
-        windowWidth.value = window.innerWidth;
-      };
-    }
-    onMounted(() => {
-      if (onResize) window.addEventListener("resize", onResize);
-    });
-    onUnmounted(() => {
-      if (onResize) window.removeEventListener("resize", onResize);
-    });
-    const effectiveColumn = computed(() => {
-      return resolveResponsiveValue(props.column, windowWidth.value, 3);
-    });
-    const descriptionsClasses = computed(() => {
-      return getDescriptionsClasses(props.size);
-    });
-    const tableClasses = computed(() => {
-      return getDescriptionsTableClasses(props.bordered);
-    });
-    function renderHeader() {
-      if (!props.title && !slots.title && !props.extra && !slots.extra) {
-        return null;
-      }
-      return h("div", { class: descriptionsHeaderClasses }, [
-        props.title || slots.title ? h("div", { class: descriptionsTitleClasses }, slots.title?.() || props.title) : null,
-        props.extra || slots.extra ? h(
-          "div",
-          { class: descriptionsExtraClasses },
-          slots.extra?.() || props.extra
-        ) : null
-      ]);
-    }
-    function renderHorizontalLayout() {
-      const items = props.items;
-      if (items.length === 0 && !slots.default) {
-        return null;
-      }
-      const rows = groupItemsIntoRows(items, effectiveColumn.value);
-      return h("table", { class: tableClasses.value }, [
-        h(
-          "tbody",
-          {},
-          rows.map((row) => renderRow(row))
-        )
-      ]);
-    }
-    function renderRow(rowItems) {
-      const cells = [];
-      rowItems.forEach((item) => {
-        const span = Math.min(item.span || 1, effectiveColumn.value);
-        const labelClass = classNames(
-          getDescriptionsLabelClasses(props.bordered, props.size, props.layout),
-          item.labelClassName
-        );
-        const contentClass = classNames(
-          getDescriptionsContentClasses(props.bordered, props.size, props.layout),
-          item.contentClassName
-        );
-        cells.push(
-          h(
-            "th",
-            {
-              class: labelClass,
-              style: props.labelStyle
-            },
-            [item.label, props.colon ? ":" : ""]
-          )
-        );
-        cells.push(
-          h(
-            "td",
-            {
-              class: contentClass,
-              style: props.contentStyle,
-              colspan: span > 1 ? span * 2 - 1 : 1
-            },
-            item.content
-          )
-        );
-      });
-      return h("tr", {}, cells);
-    }
-    function renderVerticalLayout() {
-      const items = props.items;
-      if (items.length === 0 && !slots.default) {
-        return null;
-      }
-      if (props.bordered) {
-        return h("table", { class: tableClasses.value }, [
-          h(
-            "tbody",
-            {},
-            items.map((item) => renderVerticalItem(item))
-          )
-        ]);
-      }
-      return h(
-        "dl",
-        { class: descriptionsVerticalWrapperClasses },
-        items.map((item) => renderVerticalItem(item))
-      );
-    }
-    function renderVerticalItem(item) {
-      const labelClass = classNames(
-        getDescriptionsLabelClasses(props.bordered, props.size, props.layout),
-        item.labelClassName
-      );
-      const contentClass = classNames(
-        getDescriptionsContentClasses(props.bordered, props.size, props.layout),
-        item.contentClassName
-      );
-      if (props.bordered) {
-        return h("tr", {}, [
-          h(
-            "th",
-            {
-              class: labelClass,
-              style: props.labelStyle
-            },
-            [item.label, props.colon ? ":" : ""]
-          ),
-          h(
-            "td",
-            {
-              class: contentClass,
-              style: props.contentStyle
-            },
-            item.content
-          )
-        ]);
-      }
-      const itemClasses = getDescriptionsVerticalItemClasses(props.size);
-      return h("div", { class: itemClasses }, [
-        h(
-          "dt",
-          {
-            class: labelClass,
-            style: props.labelStyle
-          },
-          [item.label, props.colon ? ":" : ""]
-        ),
-        h(
-          "dd",
-          {
-            class: contentClass,
-            style: props.contentStyle
-          },
-          item.content
-        )
-      ]);
-    }
-    return () => {
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: classNames(
-            descriptionsWrapperClasses,
-            descriptionsClasses.value,
-            props.className,
-            coerceClassValue(attrs.class)
-          ),
-          style: mergeStyleValues(props.style, attrs.style)
-        },
-        [
-          renderHeader(),
-          props.layout === "horizontal" ? renderHorizontalLayout() : renderVerticalLayout(),
-          slots.default?.()
-        ]
-      );
-    };
-  }
-});
-var Descriptions_default = Descriptions;
-
-export {
-  Descriptions,
-  Descriptions_default
-};