@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-J7OYLV6I.mjs

@@ -1,447 +0,0 @@
-import { useVueFloating, useVueClickOutside, useVueEscapeKey } from './chunk-CU4M5ABS.mjs';
-import { defineComponent, ref, computed, watch, onBeforeUnmount, isVNode, h, cloneVNode } from 'vue';
-import { classNames, getPopconfirmContainerClasses, coerceClassValue, getPopconfirmTriggerClasses, getTransformOrigin, getPopconfirmArrowClasses, getPopconfirmContentClasses, getPopconfirmTitleClasses, getPopconfirmDescriptionClasses, getPopconfirmIconClasses, getPopconfirmButtonsClasses, getPopconfirmCancelButtonClasses, getPopconfirmOkButtonClasses, mergeStyleValues, popconfirmIconViewBox, popconfirmIconStrokeWidth, getPopconfirmIconPath, popconfirmIconPathStrokeLinejoin, popconfirmIconPathStrokeLinecap } from '@expcat/tigercat-core';
-
-var renderPopconfirmIcon = (iconType) => {
-  return h(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: popconfirmIconViewBox,
-      "stroke-width": String(popconfirmIconStrokeWidth),
-      stroke: "currentColor"
-    },
-    [
-      h("path", {
-        "stroke-linecap": popconfirmIconPathStrokeLinecap,
-        "stroke-linejoin": popconfirmIconPathStrokeLinejoin,
-        d: getPopconfirmIconPath(iconType)
-      })
-    ]
-  );
-};
-var popconfirmIdCounter = 0;
-var createPopconfirmId = () => `tiger-popconfirm-${++popconfirmIdCounter}`;
-var Popconfirm = defineComponent({
-  name: "TigerPopconfirm",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the popconfirm is visible (controlled mode)
-     */
-    visible: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Default visibility (uncontrolled mode)
-     * @default false
-     */
-    defaultVisible: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Popconfirm title/question text
-     */
-    title: {
-      type: String,
-      default: "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F"
-    },
-    /**
-     * Popconfirm description text
-     */
-    description: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Icon type to display
-     * @default 'warning'
-     */
-    icon: {
-      type: String,
-      default: "warning"
-    },
-    /**
-     * Whether to show icon
-     * @default true
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Confirm button text
-     * @default '确定'
-     */
-    okText: {
-      type: String,
-      default: "\u786E\u5B9A"
-    },
-    /**
-     * Cancel button text
-     * @default '取消'
-     */
-    cancelText: {
-      type: String,
-      default: "\u53D6\u6D88"
-    },
-    /**
-     * Confirm button type
-     * @default 'primary'
-     */
-    okType: {
-      type: String,
-      default: "primary"
-    },
-    /**
-     * Popconfirm placement relative to trigger
-     * @default 'top'
-     */
-    placement: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Offset distance from trigger (in pixels)
-     * @default 8
-     */
-    offset: {
-      type: Number,
-      default: 8
-    },
-    /**
-     * Whether the popconfirm is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: [String, Object, Array],
-      default: void 0
-    }
-  },
-  emits: ["update:visible", "visible-change", "confirm", "cancel"],
-  setup(props, { slots, emit, attrs }) {
-    const internalVisible = ref(props.defaultVisible);
-    const currentVisible = computed(() => {
-      return props.visible !== void 0 ? props.visible : internalVisible.value;
-    });
-    const containerRef = ref(null);
-    const triggerRef = ref(null);
-    const floatingRef = ref(null);
-    const popconfirmId = createPopconfirmId();
-    const titleId = `${popconfirmId}-title`;
-    const descriptionId = `${popconfirmId}-description`;
-    const {
-      x,
-      y,
-      placement: actualPlacement
-    } = useVueFloating({
-      referenceRef: triggerRef,
-      floatingRef,
-      enabled: currentVisible,
-      placement: props.placement,
-      offset: props.offset
-    });
-    const setVisible = (visible) => {
-      if (props.disabled && visible) return;
-      if (props.visible === void 0) {
-        internalVisible.value = visible;
-      }
-      emit("update:visible", visible);
-      emit("visible-change", visible);
-    };
-    const handleConfirm = () => {
-      setVisible(false);
-      emit("confirm");
-    };
-    const handleCancel = () => {
-      setVisible(false);
-      emit("cancel");
-    };
-    const handleTriggerClick = () => {
-      if (props.disabled) return;
-      setVisible(!currentVisible.value);
-    };
-    let cleanupClickOutside = null;
-    watch(
-      currentVisible,
-      (visible) => {
-        if (cleanupClickOutside) {
-          cleanupClickOutside();
-          cleanupClickOutside = null;
-        }
-        if (visible) {
-          cleanupClickOutside = useVueClickOutside({
-            enabled: currentVisible,
-            containerRef,
-            onOutsideClick: () => setVisible(false),
-            defer: true
-          });
-        }
-      },
-      { immediate: true }
-    );
-    let cleanupEscapeKey = null;
-    watch(
-      currentVisible,
-      (visible) => {
-        if (cleanupEscapeKey) {
-          cleanupEscapeKey();
-          cleanupEscapeKey = null;
-        }
-        if (visible) {
-          cleanupEscapeKey = useVueEscapeKey({
-            enabled: currentVisible,
-            onEscape: () => setVisible(false)
-          });
-        }
-      },
-      { immediate: true }
-    );
-    onBeforeUnmount(() => {
-      cleanupClickOutside?.();
-      cleanupEscapeKey?.();
-    });
-    const containerClasses = computed(() => {
-      return classNames(
-        getPopconfirmContainerClasses(),
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-    });
-    const triggerClasses = computed(() => {
-      return getPopconfirmTriggerClasses(props.disabled);
-    });
-    const contentWrapperClasses = computed(() => {
-      return classNames("absolute z-50", currentVisible.value ? "block" : "hidden");
-    });
-    const contentWrapperStyles = computed(() => ({
-      position: "absolute",
-      left: `${x.value}px`,
-      top: `${y.value}px`,
-      transformOrigin: getTransformOrigin(actualPlacement.value)
-    }));
-    const arrowClasses = computed(() => {
-      return getPopconfirmArrowClasses(actualPlacement.value);
-    });
-    const contentClasses = computed(() => {
-      return getPopconfirmContentClasses();
-    });
-    const titleClasses = computed(() => {
-      return getPopconfirmTitleClasses();
-    });
-    const descriptionClasses = computed(() => {
-      return getPopconfirmDescriptionClasses();
-    });
-    const iconClasses = computed(() => {
-      return getPopconfirmIconClasses(props.icon);
-    });
-    const buttonsClasses = computed(() => {
-      return getPopconfirmButtonsClasses();
-    });
-    const cancelButtonClasses = computed(() => {
-      return getPopconfirmCancelButtonClasses();
-    });
-    const okButtonClasses = computed(() => {
-      return getPopconfirmOkButtonClasses(props.okType);
-    });
-    return () => {
-      const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) {
-        return null;
-      }
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrs;
-      const triggerA11yProps = {
-        "aria-haspopup": "dialog",
-        "aria-expanded": Boolean(currentVisible.value),
-        "aria-controls": currentVisible.value ? popconfirmId : void 0,
-        "aria-disabled": props.disabled ? "true" : void 0
-      };
-      const trigger = (() => {
-        if (defaultSlot.length === 1) {
-          const only = defaultSlot[0];
-          if (isVNode(only)) {
-            const existingProps = only.props ?? {};
-            const existingOnClick = existingProps.onClick;
-            const onClick = (event) => {
-              if (typeof existingOnClick === "function") {
-                existingOnClick(event);
-              } else if (Array.isArray(existingOnClick)) {
-                for (const handler of existingOnClick) {
-                  if (typeof handler === "function") {
-                    handler(event);
-                  }
-                }
-              }
-              if (event.defaultPrevented) return;
-              handleTriggerClick();
-            };
-            return h(
-              "div",
-              {
-                ref: triggerRef,
-                class: "inline-block"
-              },
-              [
-                cloneVNode(
-                  only,
-                  {
-                    ...triggerA11yProps,
-                    class: classNames(coerceClassValue(existingProps.class), triggerClasses.value),
-                    onClick
-                  },
-                  true
-                )
-              ]
-            );
-          }
-        }
-        return h(
-          "div",
-          {
-            ref: triggerRef,
-            class: triggerClasses.value,
-            onClick: handleTriggerClick,
-            role: "button",
-            tabindex: props.disabled ? -1 : 0,
-            onKeydown: (event) => {
-              if (props.disabled) return;
-              if (event.key === "Enter" || event.key === " ") {
-                event.preventDefault();
-                handleTriggerClick();
-              }
-            },
-            ...triggerA11yProps
-          },
-          defaultSlot
-        );
-      })();
-      const hasDescription = Boolean(props.description || slots.description);
-      const content = h(
-        "div",
-        {
-          ref: floatingRef,
-          class: contentWrapperClasses.value,
-          style: contentWrapperStyles.value,
-          hidden: !currentVisible.value,
-          "aria-hidden": !currentVisible.value
-        },
-        [
-          h("div", { class: "relative" }, [
-            h("div", { class: arrowClasses.value, "aria-hidden": "true" }),
-            h(
-              "div",
-              {
-                id: popconfirmId,
-                role: "dialog",
-                "aria-modal": "false",
-                "aria-labelledby": titleId,
-                "aria-describedby": hasDescription ? descriptionId : void 0,
-                class: contentClasses.value
-              },
-              [
-                // Title section with icon
-                h(
-                  "div",
-                  {
-                    class: "flex items-start"
-                  },
-                  [
-                    // Icon
-                    props.showIcon && h(
-                      "div",
-                      {
-                        class: iconClasses.value,
-                        "aria-hidden": "true"
-                      },
-                      renderPopconfirmIcon(props.icon)
-                    ),
-                    // Title and description
-                    h(
-                      "div",
-                      {
-                        class: "flex-1"
-                      },
-                      [
-                        // Title
-                        slots.title ? h("div", { id: titleId, class: titleClasses.value }, slots.title()) : h("div", { id: titleId, class: titleClasses.value }, props.title),
-                        // Description
-                        hasDescription && h(
-                          "div",
-                          {
-                            id: descriptionId,
-                            class: descriptionClasses.value
-                          },
-                          slots.description ? slots.description() : props.description
-                        )
-                      ]
-                    )
-                  ]
-                ),
-                // Buttons
-                h(
-                  "div",
-                  {
-                    class: buttonsClasses.value
-                  },
-                  [
-                    // Cancel button
-                    h(
-                      "button",
-                      {
-                        type: "button",
-                        class: cancelButtonClasses.value,
-                        onClick: handleCancel
-                      },
-                      props.cancelText
-                    ),
-                    // OK button
-                    h(
-                      "button",
-                      {
-                        type: "button",
-                        class: okButtonClasses.value,
-                        onClick: handleConfirm
-                      },
-                      props.okText
-                    )
-                  ]
-                )
-              ]
-            )
-          ])
-        ]
-      );
-      return h(
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: mergeStyleValues(attrs.style, props.style)
-        },
-        [trigger, content]
-      );
-    };
-  }
-});
-var Popconfirm_default = Popconfirm;
-
-export { Popconfirm, Popconfirm_default };

package/dist/chunk-K6NKVCEO.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Space.ts
-var Space = vue.defineComponent({
-  name: "TigerSpace",
-  props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    size: {
-      type: [String, Number],
-      default: "md"
-    },
-    align: {
-      type: String,
-      default: "start"
-    },
-    wrap: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const gapSize = vue.computed(() => tigercatCore.getSpaceGapSize(props.size));
-    const spaceClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.SPACE_BASE_CLASS,
-        tigercatCore.getSpaceDirectionClass(props.direction),
-        tigercatCore.getSpaceAlignClass(props.align),
-        gapSize.value.class,
-        props.wrap && "flex-wrap"
-      )
-    );
-    const spaceStyle = vue.computed(
-      () => gapSize.value.style ? { gap: gapSize.value.style } : void 0
-    );
-    return () => {
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          class: [spaceClasses.value, attrs.class],
-          style: [spaceStyle.value, attrs.style]
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var Space_default = Space;
-
-exports.Space = Space;
-exports.Space_default = Space_default;

package/dist/chunk-PQQUAUFM.mjs

@@ -1,54 +0,0 @@
-import { defineComponent, computed, h } from 'vue';
-import { getSpaceGapSize, classNames, SPACE_BASE_CLASS, getSpaceDirectionClass, getSpaceAlignClass } from '@expcat/tigercat-core';
-
-// src/components/Space.ts
-var Space = defineComponent({
-  name: "TigerSpace",
-  props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    size: {
-      type: [String, Number],
-      default: "md"
-    },
-    align: {
-      type: String,
-      default: "start"
-    },
-    wrap: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const gapSize = computed(() => getSpaceGapSize(props.size));
-    const spaceClasses = computed(
-      () => classNames(
-        SPACE_BASE_CLASS,
-        getSpaceDirectionClass(props.direction),
-        getSpaceAlignClass(props.align),
-        gapSize.value.class,
-        props.wrap && "flex-wrap"
-      )
-    );
-    const spaceStyle = computed(
-      () => gapSize.value.style ? { gap: gapSize.value.style } : void 0
-    );
-    return () => {
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: [spaceClasses.value, attrs.class],
-          style: [spaceStyle.value, attrs.style]
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var Space_default = Space;
-
-export { Space, Space_default };

package/dist/chunk-QJWFKTRQ.js

@@ -1,160 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Skeleton.ts
-var Skeleton = vue.defineComponent({
-  name: "TigerSkeleton",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Skeleton variant - determines the placeholder shape
-     * @default 'text'
-     */
-    variant: {
-      type: String,
-      default: "text"
-    },
-    /**
-     * Animation type
-     * @default 'pulse'
-     */
-    animation: {
-      type: String,
-      default: "pulse"
-    },
-    /**
-     * Width of the skeleton
-     * Can be a CSS value (e.g., '100px', '50%', '100%')
-     */
-    width: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Height of the skeleton
-     * Can be a CSS value (e.g., '20px', '100px')
-     */
-    height: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Shape of the skeleton (for avatar variant)
-     * @default 'circle'
-     */
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    /**
-     * Number of skeleton items to render (for text variant)
-     * @default 1
-     */
-    rows: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Whether to render as a paragraph with varying widths (for text variant)
-     * @default false
-     */
-    paragraph: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { attrs }) {
-    const skeletonClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getSkeletonClasses(props.variant, props.animation, props.shape),
-        props.className
-      );
-    });
-    const dimensions = vue.computed(() => {
-      return tigercatCore.getSkeletonDimensions(props.variant, props.width, props.height);
-    });
-    const skeletonStyle = vue.computed(() => {
-      const style = {};
-      if (dimensions.value.width) {
-        style.width = dimensions.value.width;
-      }
-      if (dimensions.value.height) {
-        style.height = dimensions.value.height;
-      }
-      return style;
-    });
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      const ariaLabelRaw = attrsRecord["aria-label"];
-      const ariaLabel = typeof ariaLabelRaw === "string" ? ariaLabelRaw : void 0;
-      const ariaLabelledByRaw = attrsRecord["aria-labelledby"];
-      const ariaLabelledBy = typeof ariaLabelledByRaw === "string" ? ariaLabelledByRaw : void 0;
-      const ariaHiddenRaw = attrsRecord["aria-hidden"];
-      const ariaHidden = typeof ariaHiddenRaw === "boolean" ? ariaHiddenRaw : void 0;
-      const computedAriaHidden = ariaHidden ?? (ariaLabel || ariaLabelledBy ? void 0 : true);
-      if (props.variant === "text" && props.rows > 1) {
-        const rows = [];
-        for (let i = 0; i < props.rows; i++) {
-          const rowStyle = {
-            height: dimensions.value.height
-          };
-          if (props.paragraph) {
-            rowStyle.width = tigercatCore.getParagraphRowWidth(i, props.rows);
-          } else if (dimensions.value.width) {
-            rowStyle.width = dimensions.value.width;
-          }
-          rows.push(
-            vue.h("div", {
-              key: i,
-              class: tigercatCore.classNames(skeletonClasses.value, i < props.rows - 1 && "mb-2"),
-              style: rowStyle,
-              "aria-hidden": computedAriaHidden
-            })
-          );
-        }
-        return vue.h(
-          "div",
-          {
-            ...attrs,
-            class: tigercatCore.classNames("flex flex-col", tigercatCore.coerceClassValue(attrsClass)),
-            style: tigercatCore.mergeStyleValues(attrsStyle, props.style),
-            "aria-label": ariaLabel,
-            "aria-labelledby": ariaLabelledBy,
-            "aria-hidden": computedAriaHidden
-          },
-          rows
-        );
-      }
-      return vue.h("div", {
-        ...attrs,
-        class: tigercatCore.classNames(skeletonClasses.value, tigercatCore.coerceClassValue(attrsClass)),
-        style: tigercatCore.mergeStyleValues(attrsStyle, props.style, skeletonStyle.value),
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-hidden": computedAriaHidden
-      });
-    };
-  }
-});
-var Skeleton_default = Skeleton;
-
-exports.Skeleton = Skeleton;
-exports.Skeleton_default = Skeleton_default;