@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-3FVWZYBQ.js

@@ -1,196 +0,0 @@
-'use strict';
-
-var chunkFLAJKB2O_js = require('./chunk-FLAJKB2O.js');
-var chunkBKTQ6RWR_js = require('./chunk-BKTQ6RWR.js');
-var chunkHBFFINAI_js = require('./chunk-HBFFINAI.js');
-var chunkEPE6OOV7_js = require('./chunk-EPE6OOV7.js');
-var chunkFCV4ML6I_js = require('./chunk-FCV4ML6I.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var TreeMapChart = vue.defineComponent({
-  name: "TigerTreeMapChart",
-  props: {
-    width: { type: Number, default: 400 },
-    height: { type: Number, default: 300 },
-    padding: { type: [Number, Object], default: 8 },
-    data: { type: Array, required: true },
-    gap: { type: Number, default: 2 },
-    showLabels: { type: Boolean, default: true },
-    minLabelSize: { type: Number, default: 10 },
-    colors: { type: Array },
-    // Interaction
-    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
-    showLegend: { type: Boolean, default: false },
-    legendPosition: { type: String, default: "bottom" },
-    legendMarkerSize: { type: Number, default: 10 },
-    legendGap: { type: Number, default: 8 },
-    // Tooltip
-    showTooltip: { type: Boolean, default: true },
-    tooltipFormatter: {
-      type: Function
-    },
-    // a11y
-    title: { type: String },
-    desc: { type: String },
-    className: { type: String }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "node-click", "node-hover"],
-  setup(props, { emit }) {
-    const {
-      tooltipPosition,
-      resolvedHoveredIndex,
-      activeIndex,
-      handleMouseEnter,
-      handleMouseMove,
-      handleMouseLeave,
-      handleClick,
-      handleLegendClick,
-      handleLegendHover,
-      handleLegendLeave,
-      wrapperClasses
-    } = chunkFLAJKB2O_js.useChartInteraction({
-      hoverable: vue.computed(() => props.hoverable),
-      hoveredIndexProp: () => props.hoveredIndex,
-      selectable: vue.computed(() => props.selectable),
-      selectedIndexProp: () => props.selectedIndex,
-      activeOpacity: vue.computed(() => props.activeOpacity),
-      inactiveOpacity: vue.computed(() => props.inactiveOpacity),
-      legendPosition: vue.computed(() => props.legendPosition),
-      emit,
-      getData: (index) => {
-        const node = nodes.value[index];
-        return node ? { label: node.label, value: node.value } : {};
-      },
-      eventNames: { hover: "node-hover", click: "node-click" }
-    });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const palette = vue.computed(() => tigercatCore.resolveChartPalette(props.colors));
-    const nodes = vue.computed(
-      () => tigercatCore.computeTreeMapNodes(props.data, {
-        width: innerRect.value.width,
-        height: innerRect.value.height,
-        gap: props.gap,
-        colors: palette.value
-      })
-    );
-    const total = vue.computed(() => nodes.value.reduce((s, n) => s + n.value, 0));
-    const legendItems = vue.computed(
-      () => tigercatCore.buildChartLegendItems({
-        data: nodes.value,
-        palette: palette.value,
-        activeIndex: activeIndex.value,
-        getLabel: (d) => d.label,
-        getColor: (d) => d.color
-      })
-    );
-    const tooltipContent = vue.computed(
-      () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex.value, nodes.value, void 0, (node) => {
-        const pct = total.value > 0 ? (node.value / total.value * 100).toFixed(1) : "0";
-        return `${node.label}: ${node.value} (${pct}%)`;
-      })
-    );
-    return () => {
-      const interactive = props.hoverable || props.selectable;
-      const chart = vue.h(
-        chunkFCV4ML6I_js.ChartCanvas,
-        {
-          width: props.width,
-          height: props.height,
-          padding: props.padding,
-          title: props.title,
-          desc: props.desc,
-          className: tigercatCore.classNames(props.className)
-        },
-        {
-          default: () => {
-            return vue.h(
-              chunkHBFFINAI_js.ChartSeries,
-              { data: nodes.value, type: "treemap" },
-              {
-                default: () => nodes.value.map((node) => {
-                  const opacity = tigercatCore.getChartElementOpacity(node.index, activeIndex.value, {
-                    activeOpacity: props.activeOpacity,
-                    inactiveOpacity: props.inactiveOpacity
-                  });
-                  const elems = [
-                    vue.h("rect", {
-                      key: `node-${node.index}`,
-                      x: node.x,
-                      y: node.y,
-                      width: node.w,
-                      height: node.h,
-                      rx: 2,
-                      fill: node.color,
-                      opacity,
-                      class: tigercatCore.classNames(interactive && "cursor-pointer"),
-                      style: { transition: "opacity 0.2s ease-out" },
-                      onMouseenter: (e) => handleMouseEnter(node.index, e),
-                      onMousemove: handleMouseMove,
-                      onMouseleave: handleMouseLeave,
-                      onClick: () => handleClick(node.index)
-                    })
-                  ];
-                  if (props.showLabels && node.w > 30 && node.h > props.minLabelSize + 4) {
-                    elems.push(
-                      vue.h(
-                        "text",
-                        {
-                          key: `label-${node.index}`,
-                          x: node.x + node.w / 2,
-                          y: node.y + node.h / 2,
-                          class: "fill-white text-xs",
-                          "text-anchor": "middle",
-                          "dominant-baseline": "middle",
-                          style: {
-                            pointerEvents: "none",
-                            fontSize: `${Math.min(12, node.h * 0.3)}px`
-                          }
-                        },
-                        node.label
-                      )
-                    );
-                  }
-                  return elems;
-                }).flat()
-              }
-            );
-          }
-        }
-      );
-      const tooltip = props.showTooltip && props.hoverable ? vue.h(chunkEPE6OOV7_js.ChartTooltip, {
-        content: tooltipContent.value,
-        visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
-        x: tooltipPosition.value.x,
-        y: tooltipPosition.value.y
-      }) : null;
-      if (!props.showLegend) {
-        return vue.h("div", { class: "inline-block relative" }, [chart, tooltip]);
-      }
-      return vue.h("div", { class: wrapperClasses.value }, [
-        chart,
-        vue.h(chunkBKTQ6RWR_js.ChartLegend, {
-          items: legendItems.value,
-          position: props.legendPosition,
-          markerSize: props.legendMarkerSize,
-          gap: props.legendGap,
-          interactive,
-          onItemClick: handleLegendClick,
-          onItemHover: handleLegendHover,
-          onItemLeave: handleLegendLeave
-        }),
-        tooltip
-      ]);
-    };
-  }
-});
-var TreeMapChart_default = TreeMapChart;
-
-exports.TreeMapChart = TreeMapChart;
-exports.TreeMapChart_default = TreeMapChart_default;

package/dist/chunk-3G7QYQYL.js

@@ -1,95 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Stepper.ts
-var Stepper = vue.defineComponent({
-  name: "TigerStepper",
-  props: {
-    modelValue: { type: Number, default: 0 },
-    min: { type: Number, default: -Infinity },
-    max: { type: Number, default: Infinity },
-    step: { type: Number, default: 1 },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    precision: { type: Number, default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    function setValue(v) {
-      const clamped = tigercatCore.clampStepperValue(v, props.min, props.max, props.precision);
-      emit("update:modelValue", clamped);
-      emit("change", clamped);
-    }
-    function decrement() {
-      if (props.disabled) return;
-      setValue(props.modelValue - props.step);
-    }
-    function increment() {
-      if (props.disabled) return;
-      setValue(props.modelValue + props.step);
-    }
-    function handleInput(e) {
-      const val = Number(e.target.value);
-      if (!Number.isNaN(val)) setValue(val);
-    }
-    const icon = (d) => vue.h(
-      "svg",
-      {
-        class: "w-4 h-4",
-        viewBox: tigercatCore.stepperIconViewBox,
-        fill: "currentColor"
-      },
-      [vue.h("path", { d, "fill-rule": "evenodd", "clip-rule": "evenodd" })]
-    );
-    return () => {
-      const atMin = props.modelValue <= props.min;
-      const atMax = props.modelValue >= props.max;
-      return vue.h(
-        "div",
-        {
-          class: tigercatCore.classNames(tigercatCore.stepperBaseClasses, tigercatCore.coerceClassValue(attrs.class)),
-          role: "group",
-          "aria-label": "Stepper"
-        },
-        [
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.getStepperButtonClasses(props.size, props.disabled || atMin, "left"),
-              disabled: props.disabled || atMin,
-              "aria-label": "Decrease",
-              onClick: decrement
-            },
-            [icon(tigercatCore.minusPathD)]
-          ),
-          vue.h("input", {
-            type: "text",
-            class: tigercatCore.getStepperInputClasses(props.size),
-            value: props.precision !== void 0 ? props.modelValue.toFixed(props.precision) : String(props.modelValue),
-            disabled: props.disabled,
-            "aria-label": "Value",
-            onChange: handleInput
-          }),
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.getStepperButtonClasses(props.size, props.disabled || atMax, "right"),
-              disabled: props.disabled || atMax,
-              "aria-label": "Increase",
-              onClick: increment
-            },
-            [icon(tigercatCore.plusPathD)]
-          )
-        ]
-      );
-    };
-  }
-});
-var Stepper_default = Stepper;
-
-exports.Stepper = Stepper;
-exports.Stepper_default = Stepper_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 };

package/dist/chunk-5AXCKK6Z.js

@@ -1,290 +0,0 @@
-'use strict';
-
-var chunkBYNMOQBB_js = require('./chunk-BYNMOQBB.js');
-var chunk6FXYRDYH_js = require('./chunk-6FXYRDYH.js');
-var chunkU7CCKZAG_js = require('./chunk-U7CCKZAG.js');
-var chunkWPIDP6IG_js = require('./chunk-WPIDP6IG.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var ChatWindow = vue.defineComponent({
-  name: "TigerChatWindow",
-  inheritAttrs: false,
-  props: {
-    messages: {
-      type: Array,
-      default: () => []
-    },
-    modelValue: {
-      type: String
-    },
-    defaultValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "\u8BF7\u8F93\u5165\u6D88\u606F"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    maxLength: {
-      type: Number
-    },
-    emptyText: {
-      type: String,
-      default: "\u6682\u65E0\u6D88\u606F"
-    },
-    sendText: {
-      type: String,
-      default: "\u53D1\u9001"
-    },
-    messageListAriaLabel: {
-      type: String
-    },
-    inputAriaLabel: {
-      type: String
-    },
-    sendAriaLabel: {
-      type: String
-    },
-    statusText: {
-      type: String
-    },
-    statusVariant: {
-      type: String,
-      default: "info"
-    },
-    showAvatar: {
-      type: Boolean,
-      default: true
-    },
-    showName: {
-      type: Boolean,
-      default: true
-    },
-    showTime: {
-      type: Boolean,
-      default: false
-    },
-    inputType: {
-      type: String,
-      default: "textarea"
-    },
-    inputRows: {
-      type: Number,
-      default: 3
-    },
-    sendOnEnter: {
-      type: Boolean,
-      default: true
-    },
-    allowShiftEnter: {
-      type: Boolean,
-      default: true
-    },
-    allowEmpty: {
-      type: Boolean,
-      default: false
-    },
-    clearOnSend: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String
-    },
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    "update:modelValue": null,
-    input: null,
-    change: null,
-    send: null
-  },
-  setup(props, { emit, attrs, slots }) {
-    const localValue = vue.ref(props.modelValue ?? props.defaultValue ?? "");
-    vue.watch(
-      () => props.modelValue,
-      (nextValue) => {
-        if (nextValue !== void 0 && nextValue !== localValue.value) {
-          localValue.value = nextValue;
-        }
-      }
-    );
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
-        "tiger-chat-window flex flex-col w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const wrapperStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const inputValue = vue.computed(
-      () => props.modelValue !== void 0 ? props.modelValue : localValue.value
-    );
-    const canSend = vue.computed(() => {
-      if (props.disabled) return false;
-      if (props.allowEmpty) return true;
-      const raw = String(inputValue.value ?? "");
-      return raw.trim().length > 0;
-    });
-    const handleValueChange = (nextValue) => {
-      if (props.modelValue === void 0) {
-        localValue.value = nextValue;
-      }
-      emit("update:modelValue", nextValue);
-      emit("input", nextValue);
-      emit("change", nextValue);
-    };
-    const handleSend = () => {
-      if (!canSend.value) return;
-      const payload = String(inputValue.value ?? "");
-      emit("send", payload);
-      if (props.clearOnSend) {
-        handleValueChange("");
-      }
-    };
-    const handleKeydown = (event) => {
-      if (!props.sendOnEnter) return;
-      if (event.key !== "Enter") return;
-      if (props.inputType === "textarea" && props.allowShiftEnter && event.shiftKey) return;
-      event.preventDefault();
-      handleSend();
-    };
-    const renderMessageItem = (message, index) => {
-      const isSelf = message.direction === "self";
-      const statusInfo = message.status ? tigercatCore.getChatMessageStatusInfo(message.status) : void 0;
-      const timeText = props.showTime ? tigercatCore.formatChatTime(message.time) : "";
-      const customContent = slots.message?.({ message, index });
-      return vue.h(
-        "div",
-        {
-          class: tigercatCore.classNames(
-            "flex gap-3 items-start",
-            isSelf ? "flex-row-reverse" : "justify-start"
-          ),
-          "data-tiger-chat-message": "",
-          role: "listitem",
-          key: message.id ?? index
-        },
-        [
-          props.showAvatar && message.user ? vue.h(chunkWPIDP6IG_js.Avatar, {
-            size: "sm",
-            src: message.user.avatar,
-            text: message.user.name,
-            className: "flex-shrink-0"
-          }) : null,
-          vue.h("div", { class: tigercatCore.classNames("flex flex-col max-w-[75%]", isSelf && "items-end") }, [
-            props.showName && message.user?.name ? vue.h(
-              "div",
-              {
-                class: tigercatCore.classNames(
-                  "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
-                  isSelf && "text-right"
-                )
-              },
-              message.user.name
-            ) : null,
-            vue.h(
-              "div",
-              {
-                class: tigercatCore.classNames(
-                  "rounded-lg px-3 py-2 text-sm break-words",
-                  isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-none" : "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text,#111827)] rounded-tl-none"
-                ),
-                "data-tiger-chat-bubble": ""
-              },
-              customContent ?? message.content
-            ),
-            statusInfo ? vue.h(
-              "div",
-              { class: tigercatCore.classNames("text-xs mt-1", statusInfo.className) },
-              message.statusText || statusInfo.text
-            ) : null,
-            timeText ? vue.h("div", { class: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]" }, timeText) : null
-          ])
-        ]
-      );
-    };
-    const renderInput = () => {
-      const resolvedInputLabel = props.inputAriaLabel ?? props.placeholder ?? "\u6D88\u606F\u8F93\u5165";
-      const commonProps = {
-        modelValue: inputValue.value,
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        maxLength: props.maxLength,
-        onKeydown: handleKeydown,
-        "onUpdate:modelValue": handleValueChange,
-        "aria-label": resolvedInputLabel
-      };
-      if (props.inputType === "input") {
-        return vue.h(chunkBYNMOQBB_js.Input, commonProps);
-      }
-      return vue.h(chunk6FXYRDYH_js.Textarea, { ...commonProps, rows: props.inputRows });
-    };
-    return () => vue.h(
-      "div",
-      {
-        ...attrs,
-        class: wrapperClasses.value,
-        style: wrapperStyle.value,
-        "data-tiger-chat-window": ""
-      },
-      [
-        vue.h(
-          "div",
-          {
-            class: "flex-1 overflow-auto p-4 space-y-3",
-            role: "log",
-            "aria-live": "polite",
-            "aria-relevant": "additions text",
-            "aria-label": props.messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868"
-          },
-          props.messages.length === 0 ? [
-            vue.h(
-              "div",
-              {
-                class: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]"
-              },
-              props.emptyText
-            )
-          ] : props.messages.map((message, index) => renderMessageItem(message, index))
-        ),
-        props.statusText ? vue.h(
-          "div",
-          {
-            class: "px-4 py-1.5 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)]"
-          },
-          props.statusText
-        ) : null,
-        vue.h(
-          "div",
-          {
-            class: "flex items-end gap-3 px-4 py-3 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg"
-          },
-          [
-            vue.h("div", { class: "flex-1" }, [renderInput()]),
-            vue.h(
-              chunkU7CCKZAG_js.Button,
-              {
-                disabled: !canSend.value,
-                onClick: handleSend,
-                "aria-label": props.sendAriaLabel ?? props.sendText
-              },
-              () => props.sendText
-            )
-          ]
-        )
-      ]
-    );
-  }
-});
-var ChatWindow_default = ChatWindow;
-
-exports.ChatWindow = ChatWindow;
-exports.ChatWindow_default = ChatWindow_default;