@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-W2CCYPSO.mjs

@@ -1,185 +0,0 @@
-import { PieChart } from './chunk-DPWYCNNS.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, classNames } from '@expcat/tigercat-core';
-
-var DonutChart = defineComponent({
-  name: "TigerDonutChart",
-  props: {
-    width: {
-      type: Number,
-      default: 320
-    },
-    height: {
-      type: Number,
-      default: 200
-    },
-    padding: {
-      type: [Number, Object],
-      default: 24
-    },
-    data: {
-      type: Array,
-      required: true
-    },
-    innerRadius: {
-      type: Number
-    },
-    innerRadiusRatio: {
-      type: Number,
-      default: 0.6
-    },
-    outerRadius: {
-      type: Number
-    },
-    startAngle: {
-      type: Number,
-      default: 0
-    },
-    endAngle: {
-      type: Number,
-      default: Math.PI * 2
-    },
-    padAngle: {
-      type: Number,
-      default: 0
-    },
-    colors: {
-      type: Array
-    },
-    showLabels: {
-      type: Boolean,
-      default: false
-    },
-    labelFormatter: {
-      type: Function
-    },
-    // Interaction props
-    hoverable: {
-      type: Boolean,
-      default: false
-    },
-    hoveredIndex: {
-      type: Number,
-      default: void 0
-    },
-    activeOpacity: {
-      type: Number,
-      default: 1
-    },
-    inactiveOpacity: {
-      type: Number,
-      default: 0.25
-    },
-    selectable: {
-      type: Boolean,
-      default: false
-    },
-    selectedIndex: {
-      type: Number,
-      default: void 0
-    },
-    // Legend props
-    showLegend: {
-      type: Boolean,
-      default: false
-    },
-    legendPosition: {
-      type: String,
-      default: "bottom"
-    },
-    legendMarkerSize: {
-      type: Number,
-      default: 10
-    },
-    legendGap: {
-      type: Number,
-      default: 8
-    },
-    // Tooltip props
-    showTooltip: {
-      type: Boolean,
-      default: true
-    },
-    tooltipFormatter: {
-      type: Function
-    },
-    // Accessibility
-    title: {
-      type: String
-    },
-    desc: {
-      type: String
-    },
-    className: {
-      type: String
-    }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
-  setup(props, { emit }) {
-    const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
-    const resolvedOuterRadius = computed(() => {
-      if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
-      return Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2);
-    });
-    const resolvedInnerRadius = computed(() => {
-      if (typeof props.innerRadius === "number") {
-        return Math.min(Math.max(0, props.innerRadius), resolvedOuterRadius.value);
-      }
-      const ratio = Math.min(Math.max(props.innerRadiusRatio ?? 0.6, 0), 1);
-      return resolvedOuterRadius.value * ratio;
-    });
-    const handleHoveredIndexUpdate = (index) => {
-      emit("update:hoveredIndex", index);
-    };
-    const handleSelectedIndexUpdate = (index) => {
-      emit("update:selectedIndex", index);
-    };
-    const handleSliceClick = (datum, index) => {
-      emit("slice-click", datum, index);
-    };
-    const handleSliceHover = (datum, index) => {
-      emit("slice-hover", datum, index);
-    };
-    return () => h(PieChart, {
-      width: props.width,
-      height: props.height,
-      padding: props.padding,
-      data: props.data,
-      innerRadius: resolvedInnerRadius.value,
-      outerRadius: props.outerRadius,
-      startAngle: props.startAngle,
-      endAngle: props.endAngle,
-      padAngle: props.padAngle,
-      colors: props.colors,
-      showLabels: props.showLabels,
-      labelFormatter: props.labelFormatter,
-      // Interaction props
-      hoverable: props.hoverable,
-      hoveredIndex: props.hoveredIndex,
-      activeOpacity: props.activeOpacity,
-      inactiveOpacity: props.inactiveOpacity,
-      selectable: props.selectable,
-      selectedIndex: props.selectedIndex,
-      // Legend props
-      showLegend: props.showLegend,
-      legendPosition: props.legendPosition,
-      legendMarkerSize: props.legendMarkerSize,
-      legendGap: props.legendGap,
-      // Tooltip props
-      showTooltip: props.showTooltip,
-      tooltipFormatter: props.tooltipFormatter,
-      // Accessibility
-      title: props.title,
-      desc: props.desc,
-      className: classNames(props.className),
-      // Event handlers
-      "onUpdate:hoveredIndex": handleHoveredIndexUpdate,
-      "onUpdate:selectedIndex": handleSelectedIndexUpdate,
-      onSliceClick: handleSliceClick,
-      onSliceHover: handleSliceHover
-    });
-  }
-});
-var DonutChart_default = DonutChart;
-
-export { DonutChart, DonutChart_default };

package/dist/chunk-WH6OTVYF.js

@@ -1,450 +0,0 @@
-'use strict';
-
-var chunkIVTBNUKQ_js = require('./chunk-IVTBNUKQ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var renderPopconfirmIcon = (iconType) => {
-  return vue.h(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: tigercatCore.popconfirmIconViewBox,
-      "stroke-width": String(tigercatCore.popconfirmIconStrokeWidth),
-      stroke: "currentColor"
-    },
-    [
-      vue.h("path", {
-        "stroke-linecap": tigercatCore.popconfirmIconPathStrokeLinecap,
-        "stroke-linejoin": tigercatCore.popconfirmIconPathStrokeLinejoin,
-        d: tigercatCore.getPopconfirmIconPath(iconType)
-      })
-    ]
-  );
-};
-var popconfirmIdCounter = 0;
-var createPopconfirmId = () => `tiger-popconfirm-${++popconfirmIdCounter}`;
-var Popconfirm = vue.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 = vue.ref(props.defaultVisible);
-    const currentVisible = vue.computed(() => {
-      return props.visible !== void 0 ? props.visible : internalVisible.value;
-    });
-    const containerRef = vue.ref(null);
-    const triggerRef = vue.ref(null);
-    const floatingRef = vue.ref(null);
-    const popconfirmId = createPopconfirmId();
-    const titleId = `${popconfirmId}-title`;
-    const descriptionId = `${popconfirmId}-description`;
-    const {
-      x,
-      y,
-      placement: actualPlacement
-    } = chunkIVTBNUKQ_js.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;
-    vue.watch(
-      currentVisible,
-      (visible) => {
-        if (cleanupClickOutside) {
-          cleanupClickOutside();
-          cleanupClickOutside = null;
-        }
-        if (visible) {
-          cleanupClickOutside = chunkIVTBNUKQ_js.useVueClickOutside({
-            enabled: currentVisible,
-            containerRef,
-            onOutsideClick: () => setVisible(false),
-            defer: true
-          });
-        }
-      },
-      { immediate: true }
-    );
-    let cleanupEscapeKey = null;
-    vue.watch(
-      currentVisible,
-      (visible) => {
-        if (cleanupEscapeKey) {
-          cleanupEscapeKey();
-          cleanupEscapeKey = null;
-        }
-        if (visible) {
-          cleanupEscapeKey = chunkIVTBNUKQ_js.useVueEscapeKey({
-            enabled: currentVisible,
-            onEscape: () => setVisible(false)
-          });
-        }
-      },
-      { immediate: true }
-    );
-    vue.onBeforeUnmount(() => {
-      cleanupClickOutside?.();
-      cleanupEscapeKey?.();
-    });
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getPopconfirmContainerClasses(),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const triggerClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmTriggerClasses(props.disabled);
-    });
-    const contentWrapperClasses = vue.computed(() => {
-      return tigercatCore.classNames("absolute z-50", currentVisible.value ? "block" : "hidden");
-    });
-    const contentWrapperStyles = vue.computed(() => ({
-      position: "absolute",
-      left: `${x.value}px`,
-      top: `${y.value}px`,
-      transformOrigin: tigercatCore.getTransformOrigin(actualPlacement.value)
-    }));
-    const arrowClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmArrowClasses(actualPlacement.value);
-    });
-    const contentClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmContentClasses();
-    });
-    const titleClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmTitleClasses();
-    });
-    const descriptionClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmDescriptionClasses();
-    });
-    const iconClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmIconClasses(props.icon);
-    });
-    const buttonsClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmButtonsClasses();
-    });
-    const cancelButtonClasses = vue.computed(() => {
-      return tigercatCore.getPopconfirmCancelButtonClasses();
-    });
-    const okButtonClasses = vue.computed(() => {
-      return tigercatCore.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 (vue.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 vue.h(
-              "div",
-              {
-                ref: triggerRef,
-                class: "inline-block"
-              },
-              [
-                vue.cloneVNode(
-                  only,
-                  {
-                    ...triggerA11yProps,
-                    class: tigercatCore.classNames(tigercatCore.coerceClassValue(existingProps.class), triggerClasses.value),
-                    onClick
-                  },
-                  true
-                )
-              ]
-            );
-          }
-        }
-        return vue.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 = vue.h(
-        "div",
-        {
-          ref: floatingRef,
-          class: contentWrapperClasses.value,
-          style: contentWrapperStyles.value,
-          hidden: !currentVisible.value,
-          "aria-hidden": !currentVisible.value
-        },
-        [
-          vue.h("div", { class: "relative" }, [
-            vue.h("div", { class: arrowClasses.value, "aria-hidden": "true" }),
-            vue.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
-                vue.h(
-                  "div",
-                  {
-                    class: "flex items-start"
-                  },
-                  [
-                    // Icon
-                    props.showIcon && vue.h(
-                      "div",
-                      {
-                        class: iconClasses.value,
-                        "aria-hidden": "true"
-                      },
-                      renderPopconfirmIcon(props.icon)
-                    ),
-                    // Title and description
-                    vue.h(
-                      "div",
-                      {
-                        class: "flex-1"
-                      },
-                      [
-                        // Title
-                        slots.title ? vue.h("div", { id: titleId, class: titleClasses.value }, slots.title()) : vue.h("div", { id: titleId, class: titleClasses.value }, props.title),
-                        // Description
-                        hasDescription && vue.h(
-                          "div",
-                          {
-                            id: descriptionId,
-                            class: descriptionClasses.value
-                          },
-                          slots.description ? slots.description() : props.description
-                        )
-                      ]
-                    )
-                  ]
-                ),
-                // Buttons
-                vue.h(
-                  "div",
-                  {
-                    class: buttonsClasses.value
-                  },
-                  [
-                    // Cancel button
-                    vue.h(
-                      "button",
-                      {
-                        type: "button",
-                        class: cancelButtonClasses.value,
-                        onClick: handleCancel
-                      },
-                      props.cancelText
-                    ),
-                    // OK button
-                    vue.h(
-                      "button",
-                      {
-                        type: "button",
-                        class: okButtonClasses.value,
-                        onClick: handleConfirm
-                      },
-                      props.okText
-                    )
-                  ]
-                )
-              ]
-            )
-          ])
-        ]
-      );
-      return vue.h(
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: tigercatCore.mergeStyleValues(attrs.style, props.style)
-        },
-        [trigger, content]
-      );
-    };
-  }
-});
-var Popconfirm_default = Popconfirm;
-
-exports.Popconfirm = Popconfirm;
-exports.Popconfirm_default = Popconfirm_default;