@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-7RRA3TIG.mjs

@@ -0,0 +1,31 @@
+import { h } from 'vue';
+import { icon24ViewBox, icon24StrokeWidth, icon24PathStrokeLinejoin, icon24PathStrokeLinecap, classNames } from '@expcat/tigercat-core';
+
+// src/utils/icon-helpers.ts
+function createStatusIcon(path, className, extraAttrs) {
+  return h(
+    "svg",
+    {
+      class: className,
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: icon24ViewBox,
+      stroke: "currentColor",
+      "stroke-width": String(icon24StrokeWidth),
+      ...extraAttrs
+    },
+    [
+      h("path", {
+        "stroke-linecap": icon24PathStrokeLinecap,
+        "stroke-linejoin": icon24PathStrokeLinejoin,
+        d: path
+      })
+    ]
+  );
+}
+function createStatusIconWithLoading(path, className, isLoading, spinnerClass) {
+  const merged = classNames(className, isLoading && spinnerClass);
+  return createStatusIcon(path, merged);
+}
+
+export { createStatusIcon, createStatusIconWithLoading };

package/dist/{chunk-L44HKVK5.js → chunk-7TGLZQV5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkBR7FIC54_js = require('./chunk-BR7FIC54.js');
+var chunkCEAMHLIL_js = require('./chunk-CEAMHLIL.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -80,7 +80,7 @@ var TabPane = vue.defineComponent({
     }
   },
   setup(props, { slots }) {
-    const tabsContext = vue.inject(chunkBR7FIC54_js.TabsContextKey);
+    const tabsContext = vue.inject(chunkCEAMHLIL_js.TabsContextKey);
     if (!tabsContext) {
       throw new Error("TabPane must be used within a Tabs component");
     }
@@ -91,9 +91,7 @@ var TabPane = vue.defineComponent({
       return props.closable !== void 0 ? props.closable : tabsContext.closable && tabsContext.type === "editable-card";
     });
     const tabItemClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getTabItemClasses(isActive.value, props.disabled, tabsContext.type, tabsContext.size)
-      );
+      return tigercatCore.getTabItemClasses(isActive.value, props.disabled, tabsContext.type, tabsContext.size);
     });
     const tabPaneClasses = vue.computed(() => {
       return tigercatCore.classNames(tigercatCore.getTabPaneClasses(isActive.value), props.className);
@@ -206,9 +204,9 @@ var TabPane = vue.defineComponent({
                   viewBox: tigercatCore.closeIconViewBox
                 },
                 vue.h("path", {
-                  "stroke-linecap": tigercatCore.closeIconPathStrokeLinecap,
-                  "stroke-linejoin": tigercatCore.closeIconPathStrokeLinejoin,
-                  "stroke-width": tigercatCore.closeIconPathStrokeWidth,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
                   d: tigercatCore.closeIconPathD
                 })
               )

package/dist/{chunk-BCMEJAC7.mjs → chunk-7UU4PULK.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, reactive, watch, provide, h } from 'vue';
+import { defineComponent, computed, provide, reactive, h } from 'vue';
 import { classNames, getStepsContainerClasses, coerceClassValue, mergeStyleValues } from '@expcat/tigercat-core';
 
 // src/components/Steps.ts
@@ -69,17 +69,14 @@ var Steps = defineComponent({
   },
   emits: ["change", "update:current"],
   setup(props, { slots, attrs, emit }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
     const containerClasses = computed(
       () => classNames(
         getStepsContainerClasses(props.direction),
         props.className,
-        coerceClassValue(attrsClass)
+        coerceClassValue(attrs.class)
       )
     );
-    const mergedStyle = computed(() => mergeStyleValues(attrsStyle, props.style));
+    const mergedStyle = computed(() => mergeStyleValues(attrs.style, props.style));
     const handleStepClick = (index) => {
       if (!props.clickable) {
         return;
@@ -87,42 +84,25 @@ var Steps = defineComponent({
       emit("update:current", index);
       emit("change", index);
     };
-    const stepsContextValue = reactive({
-      current: props.current,
-      status: props.status,
-      direction: props.direction,
-      size: props.size,
-      simple: props.simple,
-      clickable: props.clickable,
-      handleStepClick: props.clickable ? handleStepClick : void 0
-    });
-    watch(
-      () => [
-        props.current,
-        props.status,
-        props.direction,
-        props.size,
-        props.simple,
-        props.clickable
-      ],
-      ([current, status, direction, size, simple, clickable]) => {
-        stepsContextValue.current = current;
-        stepsContextValue.status = status;
-        stepsContextValue.direction = direction;
-        stepsContextValue.size = size;
-        stepsContextValue.simple = simple;
-        stepsContextValue.clickable = clickable;
-        stepsContextValue.handleStepClick = clickable ? handleStepClick : void 0;
-      }
+    provide(
+      StepsContextKey,
+      reactive({
+        current: computed(() => props.current),
+        status: computed(() => props.status),
+        direction: computed(() => props.direction),
+        size: computed(() => props.size),
+        simple: computed(() => props.simple),
+        clickable: computed(() => props.clickable),
+        handleStepClick: computed(() => props.clickable ? handleStepClick : void 0)
+      })
     );
-    provide(StepsContextKey, stepsContextValue);
     return () => {
       const children = slots.default?.() || [];
       const {
         class: _class,
         style: _style,
         ...restAttrs
-      } = attrsRecord;
+      } = attrs;
       const stepsWithProps = children.map((child, index) => {
         const childType = child?.type;
         const childName = typeof childType === "object" && childType && "name" in childType ? childType.name : void 0;

package/dist/{chunk-E3FDI3Y5.js → chunk-AGAJJYP2.js}

@@ -248,102 +248,53 @@ var Pagination = vue.defineComponent({
         return null;
       }
       const elements = [];
+      const size = props.size;
+      const page = validatedCurrentPage.value;
+      const pages = totalPages.value;
+      const prevDisabled = page <= 1 || props.disabled;
+      const nextDisabled = page >= pages || props.disabled;
       if (props.showTotal) {
         const totalTextFn = props.totalText || tigercatCore.defaultTotalText;
-        const totalTextContent = totalTextFn(props.total, pageRange.value);
         elements.push(
-          vue.h(
-            "span",
-            {
-              class: tigercatCore.getTotalTextClasses(props.size)
-            },
-            totalTextContent
-          )
+          vue.h("span", { class: tigercatCore.getTotalTextClasses(size) }, totalTextFn(props.total, pageRange.value))
         );
       }
+      elements.push(
+        vue.h(
+          "button",
+          {
+            type: "button",
+            class: tigercatCore.getPaginationButtonBaseClasses(size),
+            disabled: prevDisabled,
+            onClick: () => handlePageChange(page - 1),
+            "aria-label": labels.value.prevPageAriaLabel
+          },
+          "\u2039"
+        )
+      );
       if (props.simple) {
-        const prevDisabled = validatedCurrentPage.value <= 1 || props.disabled;
-        const nextDisabled = validatedCurrentPage.value >= totalPages.value || props.disabled;
-        elements.push(
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.getPaginationButtonBaseClasses(props.size),
-              disabled: prevDisabled,
-              onClick: () => handlePageChange(validatedCurrentPage.value - 1),
-              "aria-label": labels.value.prevPageAriaLabel
-            },
-            "\u2039"
-          )
-        );
-        elements.push(
-          vue.h(
-            "span",
-            {
-              class: tigercatCore.classNames(
-                "mx-2",
-                props.size === "small" ? "text-sm" : props.size === "large" ? "text-lg" : "text-base"
-              )
-            },
-            `${validatedCurrentPage.value} / ${totalPages.value}`
-          )
-        );
         elements.push(
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.getPaginationButtonBaseClasses(props.size),
-              disabled: nextDisabled,
-              onClick: () => handlePageChange(validatedCurrentPage.value + 1),
-              "aria-label": labels.value.nextPageAriaLabel
-            },
-            "\u203A"
-          )
+          vue.h("span", { class: tigercatCore.classNames("mx-2", tigercatCore.getSizeTextClasses(size)) }, `${page} / ${pages}`)
         );
       } else {
-        const prevDisabled = validatedCurrentPage.value <= 1 || props.disabled;
-        const nextDisabled = validatedCurrentPage.value >= totalPages.value || props.disabled;
-        elements.push(
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.getPaginationButtonBaseClasses(props.size),
-              disabled: prevDisabled,
-              onClick: () => handlePageChange(validatedCurrentPage.value - 1),
-              "aria-label": labels.value.prevPageAriaLabel
-            },
-            "\u2039"
-          )
-        );
-        const pageNumbers = tigercatCore.getPageNumbers(
-          validatedCurrentPage.value,
-          totalPages.value,
-          props.showLessItems
-        );
-        pageNumbers.forEach((pageNum) => {
+        tigercatCore.getPageNumbers(page, pages, props.showLessItems).forEach((pageNum) => {
           if (pageNum === "...") {
             elements.push(
               vue.h(
                 "span",
-                {
-                  class: tigercatCore.getPaginationEllipsisClasses(props.size),
-                  "aria-hidden": "true"
-                },
+                { class: tigercatCore.getPaginationEllipsisClasses(size), "aria-hidden": "true" },
                 "..."
               )
             );
           } else {
-            const isActive = pageNum === validatedCurrentPage.value;
+            const isActive = pageNum === page;
             elements.push(
               vue.h(
                 "button",
                 {
                   type: "button",
                   class: tigercatCore.classNames(
-                    tigercatCore.getPaginationButtonBaseClasses(props.size),
+                    tigercatCore.getPaginationButtonBaseClasses(size),
                     isActive && tigercatCore.getPaginationButtonActiveClasses()
                   ),
                   disabled: props.disabled,
@@ -356,85 +307,60 @@ var Pagination = vue.defineComponent({
             );
           }
         });
-        elements.push(
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.getPaginationButtonBaseClasses(props.size),
-              disabled: nextDisabled,
-              onClick: () => handlePageChange(validatedCurrentPage.value + 1),
-              "aria-label": labels.value.nextPageAriaLabel
-            },
-            "\u203A"
-          )
-        );
       }
+      elements.push(
+        vue.h(
+          "button",
+          {
+            type: "button",
+            class: tigercatCore.getPaginationButtonBaseClasses(size),
+            disabled: nextDisabled,
+            onClick: () => handlePageChange(page + 1),
+            "aria-label": labels.value.nextPageAriaLabel
+          },
+          "\u203A"
+        )
+      );
       if (props.showSizeChanger) {
         elements.push(
           vue.h(
             "select",
             {
-              class: tigercatCore.getPageSizeSelectorClasses(props.size),
+              class: tigercatCore.getPageSizeSelectorClasses(size),
               disabled: props.disabled,
               value: currentPageSize.value,
               onChange: (e) => {
-                const target = e.target;
-                handlePageSizeChange(parseInt(target.value, 10));
+                handlePageSizeChange(parseInt(e.target.value, 10));
               },
               "aria-label": labels.value.itemsPerPageText
             },
             normalizedPageSizeOptions.value.map(
-              (sizeOption) => vue.h(
-                "option",
-                {
-                  value: sizeOption.value,
-                  key: sizeOption.value
-                },
-                sizeOption.label
-              )
+              (sizeOption) => vue.h("option", { value: sizeOption.value, key: sizeOption.value }, sizeOption.label)
             )
           )
         );
       }
       if (props.showQuickJumper) {
+        const sizeText = tigercatCore.getSizeTextClasses(size);
         elements.push(
-          vue.h(
-            "span",
-            {
-              class: tigercatCore.classNames(
-                "ml-2",
-                props.size === "small" ? "text-sm" : props.size === "large" ? "text-lg" : "text-base"
-              )
-            },
-            labels.value.jumpToText
-          )
+          vue.h("span", { class: tigercatCore.classNames("ml-2", sizeText) }, labels.value.jumpToText)
         );
         elements.push(
           vue.h("input", {
             type: "number",
-            class: tigercatCore.classNames(tigercatCore.getQuickJumperInputClasses(props.size), "mx-2"),
+            class: tigercatCore.classNames(tigercatCore.getQuickJumperInputClasses(size), "mx-2"),
             disabled: props.disabled,
             value: quickJumperValue.value,
             onInput: (e) => {
-              const target = e.target;
-              quickJumperValue.value = target.value;
+              quickJumperValue.value = e.target.value;
             },
             onKeydown: handleQuickJumperKeypress,
             min: 1,
-            max: totalPages.value,
+            max: pages,
             "aria-label": labels.value.jumpToText
           })
         );
-        elements.push(
-          vue.h(
-            "span",
-            {
-              class: props.size === "small" ? "text-sm" : props.size === "large" ? "text-lg" : "text-base"
-            },
-            labels.value.pageText
-          )
-        );
+        elements.push(vue.h("span", { class: sizeText }, labels.value.pageText));
       }
       const {
         class: _class,

package/dist/{chunk-ROM2NNJX.mjs → chunk-AO4QQVBB.mjs}

@@ -1,10 +1,10 @@
-import { TabPane } from './chunk-UAMYOMEU.mjs';
-import { Tabs } from './chunk-JBSSXJZ2.mjs';
-import { List } from './chunk-V2F7IOSD.mjs';
-import { Button } from './chunk-YMIO4A2U.mjs';
-import { Loading } from './chunk-6E73XACM.mjs';
-import { Text } from './chunk-BWKN2DGI.mjs';
-import { Card } from './chunk-WNLRR2NM.mjs';
+import { TabPane } from './chunk-37WD7WPC.mjs';
+import { Tabs } from './chunk-U7MDGSCQ.mjs';
+import { List } from './chunk-EVOLGCGW.mjs';
+import { Button } from './chunk-D6MR5YRE.mjs';
+import { Loading } from './chunk-Q6OYCTQO.mjs';
+import { Text } from './chunk-6V7XCCXN.mjs';
+import { Card } from './chunk-YXN3YY5Y.mjs';
 import { defineComponent, computed, ref, watch, h } from 'vue';
 import { buildNotificationGroups, classNames, coerceClassValue, mergeStyleValues, formatActivityTime } from '@expcat/tigercat-core';
 

package/dist/chunk-ATGOHL6L.mjs

@@ -0,0 +1,251 @@
+import { useFloatingPopup } from './chunk-WIPPSHI6.mjs';
+import { defineComponent, computed, isVNode, h, cloneVNode } from 'vue';
+import { createFloatingIdFactory, classNames, getPopconfirmContainerClasses, coerceClassValue, getPopconfirmTriggerClasses, getPopconfirmArrowClasses, getPopconfirmContentClasses, getPopconfirmTitleClasses, getPopconfirmDescriptionClasses, getPopconfirmButtonsClasses, getPopconfirmCancelButtonClasses, getPopconfirmIconClasses, 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 createPopconfirmId = createFloatingIdFactory("popconfirm");
+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" },
+    /** Placement @default 'top' */
+    placement: { type: String, default: "top" },
+    /** Offset in pixels @default 8 */
+    offset: { type: Number, default: 8 },
+    /** Disabled state @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 {
+      currentVisible,
+      setVisible,
+      containerRef,
+      triggerRef,
+      floatingRef,
+      floatingStyles,
+      actualPlacement
+    } = useFloatingPopup({ props, emit, multiTrigger: false });
+    const popconfirmId = createPopconfirmId();
+    const titleId = `${popconfirmId}-title`;
+    const descriptionId = `${popconfirmId}-description`;
+    const handleConfirm = () => {
+      emit("confirm");
+      setVisible(false);
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      setVisible(false);
+    };
+    const handleTriggerClick = () => {
+      if (props.disabled) return;
+      setVisible(!currentVisible.value);
+    };
+    const containerClasses = computed(() => {
+      return classNames(
+        getPopconfirmContainerClasses(),
+        props.className,
+        coerceClassValue(attrs.class)
+      );
+    });
+    const triggerClasses = computed(() => getPopconfirmTriggerClasses(props.disabled));
+    const contentWrapperClasses = computed(
+      () => classNames("absolute z-50", currentVisible.value ? "block" : "hidden")
+    );
+    const arrowClasses = computed(() => getPopconfirmArrowClasses(actualPlacement.value));
+    const contentClasses = getPopconfirmContentClasses();
+    const titleClasses = getPopconfirmTitleClasses();
+    const descriptionClasses = getPopconfirmDescriptionClasses();
+    const buttonsClasses = getPopconfirmButtonsClasses();
+    const cancelButtonClasses = getPopconfirmCancelButtonClasses();
+    const iconClasses = computed(() => getPopconfirmIconClasses(props.icon));
+    const okButtonClasses = computed(() => 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: floatingStyles.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
+              },
+              [
+                // Title section with icon
+                h("div", { class: "flex items-start" }, [
+                  props.showIcon && h(
+                    "div",
+                    { class: iconClasses.value, "aria-hidden": "true" },
+                    renderPopconfirmIcon(props.icon)
+                  ),
+                  h("div", { class: "flex-1" }, [
+                    slots.title ? h("div", { id: titleId, class: titleClasses }, slots.title()) : h("div", { id: titleId, class: titleClasses }, props.title),
+                    hasDescription && h(
+                      "div",
+                      { id: descriptionId, class: descriptionClasses },
+                      slots.description ? slots.description() : props.description
+                    )
+                  ])
+                ]),
+                // Buttons
+                h("div", { class: buttonsClasses }, [
+                  h(
+                    "button",
+                    { type: "button", class: cancelButtonClasses, onClick: handleCancel },
+                    props.cancelText
+                  ),
+                  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 };