@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/{chunk-YS2WMH5I.js → chunk-UKJSG75K.js}

@@ -1,9 +1,9 @@
 'use strict';
 
+var chunkOOKS4KMK_js = require('./chunk-OOKS4KMK.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Message.ts
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
@@ -14,27 +14,6 @@ var containerApp = null;
 function getNextInstanceId() {
   return ++instanceIdCounter;
 }
-function createIcon(path, className, isLoading = false) {
-  const iconClass = tigercatCore.classNames(className, isLoading ? tigercatCore.messageLoadingSpinnerClasses : "");
-  return vue.h(
-    "svg",
-    {
-      class: iconClass,
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: tigercatCore.icon24ViewBox,
-      stroke: "currentColor",
-      "stroke-width": String(tigercatCore.icon24StrokeWidth)
-    },
-    [
-      vue.h("path", {
-        "stroke-linecap": tigercatCore.icon24PathStrokeLinecap,
-        "stroke-linejoin": tigercatCore.icon24PathStrokeLinejoin,
-        d: path
-      })
-    ]
-  );
-}
 var MessageContainer = vue.defineComponent({
   name: "TigerMessageContainer",
   props: {
@@ -47,16 +26,6 @@ var MessageContainer = vue.defineComponent({
     const containerClasses = vue.computed(() => {
       return tigercatCore.classNames(tigercatCore.messageContainerBaseClasses, tigercatCore.messagePositionClasses[props.position]);
     });
-    const removeMessage2 = (id) => {
-      const index = messageInstances.value.findIndex((msg) => msg.id === id);
-      if (index !== -1) {
-        const instance = messageInstances.value[index];
-        messageInstances.value.splice(index, 1);
-        if (instance.onClose) {
-          instance.onClose();
-        }
-      }
-    };
     const renderMessageItem = (message) => {
       const colorScheme = tigercatCore.getMessageTypeClasses(message.type, tigercatCore.defaultMessageThemeColors);
       const messageClasses = tigercatCore.classNames(
@@ -71,7 +40,12 @@ var MessageContainer = vue.defineComponent({
       const a11yRole = message.type === "error" ? "alert" : "status";
       const ariaLive = message.type === "error" ? "assertive" : "polite";
       const children = [
-        createIcon(iconPath, iconClass, message.type === "loading"),
+        chunkOOKS4KMK_js.createStatusIconWithLoading(
+          iconPath,
+          iconClass,
+          message.type === "loading",
+          tigercatCore.messageLoadingSpinnerClasses
+        ),
         vue.h("div", { class: tigercatCore.messageContentClasses }, message.content)
       ];
       if (message.closable) {
@@ -80,11 +54,11 @@ var MessageContainer = vue.defineComponent({
             "button",
             {
               class: tigercatCore.messageCloseButtonClasses,
-              onClick: () => removeMessage2(message.id),
+              onClick: () => removeMessage(message.id),
               "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
               type: "button"
             },
-            createIcon(tigercatCore.messageCloseIconPath, "w-4 h-4")
+            chunkOOKS4KMK_js.createStatusIcon(tigercatCore.messageCloseIconPath, "w-4 h-4")
           )
         );
       }
@@ -195,50 +169,29 @@ function clearAll() {
   }
 }
 function normalizeOptions(options) {
-  if (typeof options === "string") {
-    return { content: options };
-  }
-  return options;
+  return tigercatCore.normalizeStringOption(options, "content");
 }
 var Message = {
-  /**
-   * Show an info message
-   */
   info(options) {
     const config = normalizeOptions(options);
     return addMessage({ ...config, type: "info" });
   },
-  /**
-   * Show a success message
-   */
   success(options) {
     const config = normalizeOptions(options);
     return addMessage({ ...config, type: "success" });
   },
-  /**
-   * Show a warning message
-   */
   warning(options) {
     const config = normalizeOptions(options);
     return addMessage({ ...config, type: "warning" });
   },
-  /**
-   * Show an error message
-   */
   error(options) {
     const config = normalizeOptions(options);
     return addMessage({ ...config, type: "error" });
   },
-  /**
-   * Show a loading message
-   */
   loading(options) {
     const config = normalizeOptions(options);
     return addMessage({ ...config, type: "loading", duration: 0 });
   },
-  /**
-   * Clear all messages
-   */
   clear() {
     clearAll();
   }

package/dist/{chunk-W57RIOYG.mjs → chunk-URYEEQD7.mjs}

@@ -1,4 +1,4 @@
-import { h, defineComponent, ref, shallowRef, onMounted, unref, onBeforeUnmount, computed } from 'vue';
+import { h, defineComponent, ref, shallowRef, onMounted, onBeforeUnmount, computed } from 'vue';
 import { backTopIconPath, classNames, backTopButtonClasses, backTopContainerClasses, backTopVisibleClasses, backTopHiddenClasses, coerceClassValue, mergeStyleValues, getScrollTop, scrollToTop } from '@expcat/tigercat-core';
 
 // src/components/BackTop.ts
@@ -67,8 +67,7 @@ var BackTop = defineComponent({
       emit("click", event);
     };
     onMounted(() => {
-      const nextTarget = unref(props.target()) ?? window;
-      targetElement.value = nextTarget;
+      targetElement.value = props.target() ?? window;
       targetElement.value.addEventListener("scroll", handleScroll, { passive: true });
       handleScroll();
     });
@@ -78,8 +77,8 @@ var BackTop = defineComponent({
       }
     });
     const buttonClasses = computed(() => {
-      const targetResult = targetElement.value ?? unref(props.target());
-      const isWindowTarget = !targetResult || targetResult === window;
+      const target = targetElement.value ?? props.target();
+      const isWindowTarget = !target || target === window;
       const positionClasses = isWindowTarget ? backTopButtonClasses : backTopContainerClasses;
       return classNames(
         positionClasses,

package/dist/{chunk-JQ73I2Q6.js → chunk-UUGAOKYR.js}

@@ -69,8 +69,7 @@ var BackTop = vue.defineComponent({
       emit("click", event);
     };
     vue.onMounted(() => {
-      const nextTarget = vue.unref(props.target()) ?? window;
-      targetElement.value = nextTarget;
+      targetElement.value = props.target() ?? window;
       targetElement.value.addEventListener("scroll", handleScroll, { passive: true });
       handleScroll();
     });
@@ -80,8 +79,8 @@ var BackTop = vue.defineComponent({
       }
     });
     const buttonClasses = vue.computed(() => {
-      const targetResult = targetElement.value ?? vue.unref(props.target());
-      const isWindowTarget = !targetResult || targetResult === window;
+      const target = targetElement.value ?? props.target();
+      const isWindowTarget = !target || target === window;
       const positionClasses = isWindowTarget ? tigercatCore.backTopButtonClasses : tigercatCore.backTopContainerClasses;
       return tigercatCore.classNames(
         positionClasses,

package/dist/{chunk-UZMGKLJE.js → chunk-UWVUDZVA.js}

@@ -284,14 +284,8 @@ var TimePicker = vue.defineComponent({
     function togglePanel() {
       if (!props.disabled && !props.readonly) {
         isOpen.value = !isOpen.value;
-        if (isOpen.value && parsedTime.value) {
-          selectedHours.value = parsedTime.value.hours;
-          selectedMinutes.value = parsedTime.value.minutes;
-          selectedSeconds.value = parsedTime.value.seconds;
-          if (props.format === "12") {
-            const { period } = tigercatCore.to12HourFormat(parsedTime.value.hours);
-            selectedPeriod.value = period;
-          }
+        if (isOpen.value) {
+          syncSelectionFromActiveValue();
         }
       }
     }
@@ -596,7 +590,6 @@ var TimePicker = vue.defineComponent({
                   "div",
                   { class: tigercatCore.timePickerColumnListClasses },
                   hoursList.value.map((hour) => {
-                    const displayHour = props.format === "12" ? hour : hour;
                     const hours24 = props.format === "12" ? tigercatCore.to24HourFormat(hour, selectedPeriod.value) : hour;
                     const isSelected = selectedHours.value === hours24;
                     const isDisabled = isHourDisabled(hour);
@@ -610,14 +603,14 @@ var TimePicker = vue.defineComponent({
                         onClick: () => selectHour(hour),
                         "data-tiger-timepicker-unit": "hour",
                         "aria-label": tigercatCore.getTimePickerOptionAriaLabel(
-                          displayHour,
+                          hour,
                           "hour",
                           props.locale,
                           props.labels
                         ),
                         "aria-selected": isSelected
                       },
-                      displayHour.toString().padStart(2, "0")
+                      hour.toString().padStart(2, "0")
                     );
                   })
                 )

package/dist/chunk-VBXPDCRX.js

@@ -0,0 +1,254 @@
+'use strict';
+
+var chunkBFNHRBWN_js = require('./chunk-BFNHRBWN.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 createPopconfirmId = tigercatCore.createFloatingIdFactory("popconfirm");
+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" },
+    /** 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
+    } = chunkBFNHRBWN_js.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 = vue.computed(() => {
+      return tigercatCore.classNames(
+        tigercatCore.getPopconfirmContainerClasses(),
+        props.className,
+        tigercatCore.coerceClassValue(attrs.class)
+      );
+    });
+    const triggerClasses = vue.computed(() => tigercatCore.getPopconfirmTriggerClasses(props.disabled));
+    const contentWrapperClasses = vue.computed(
+      () => tigercatCore.classNames("absolute z-50", currentVisible.value ? "block" : "hidden")
+    );
+    const arrowClasses = vue.computed(() => tigercatCore.getPopconfirmArrowClasses(actualPlacement.value));
+    const contentClasses = tigercatCore.getPopconfirmContentClasses();
+    const titleClasses = tigercatCore.getPopconfirmTitleClasses();
+    const descriptionClasses = tigercatCore.getPopconfirmDescriptionClasses();
+    const buttonsClasses = tigercatCore.getPopconfirmButtonsClasses();
+    const cancelButtonClasses = tigercatCore.getPopconfirmCancelButtonClasses();
+    const iconClasses = vue.computed(() => tigercatCore.getPopconfirmIconClasses(props.icon));
+    const okButtonClasses = vue.computed(() => 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: floatingStyles.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
+              },
+              [
+                // Title section with icon
+                vue.h("div", { class: "flex items-start" }, [
+                  props.showIcon && vue.h(
+                    "div",
+                    { class: iconClasses.value, "aria-hidden": "true" },
+                    renderPopconfirmIcon(props.icon)
+                  ),
+                  vue.h("div", { class: "flex-1" }, [
+                    slots.title ? vue.h("div", { id: titleId, class: titleClasses }, slots.title()) : vue.h("div", { id: titleId, class: titleClasses }, props.title),
+                    hasDescription && vue.h(
+                      "div",
+                      { id: descriptionId, class: descriptionClasses },
+                      slots.description ? slots.description() : props.description
+                    )
+                  ])
+                ]),
+                // Buttons
+                vue.h("div", { class: buttonsClasses }, [
+                  vue.h(
+                    "button",
+                    { type: "button", class: cancelButtonClasses, onClick: handleCancel },
+                    props.cancelText
+                  ),
+                  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;

package/dist/{chunk-IK3ZLVPR.js → chunk-VTLTKTCK.js}

@@ -41,25 +41,12 @@ var Breadcrumb = vue.defineComponent({
   setup(props, { slots, attrs }) {
     const extraContent = vue.computed(() => {
       const slotValue = slots.extra?.();
-      if (slotValue && slotValue.length > 0) {
-        return slotValue;
-      }
-      if (props.extra !== void 0 && props.extra !== null) {
-        return props.extra;
-      }
-      return void 0;
+      if (slotValue && slotValue.length > 0) return slotValue;
+      if (props.extra != null) return props.extra;
+      return null;
     });
-    const extraChildren = vue.computed(() => {
-      const value = extraContent.value;
-      if (!value) return [];
-      if (Array.isArray(value)) {
-        return value.filter((node) => node !== null && node !== void 0);
-      }
-      return [value];
-    });
-    const hasExtra = vue.computed(() => extraChildren.value.length > 0);
     const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(tigercatCore.breadcrumbContainerClasses, hasExtra.value && "w-full", props.className);
+      return tigercatCore.classNames(tigercatCore.breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
     });
     vue.provide(BreadcrumbContextKey, {
       separator: props.separator
@@ -81,12 +68,12 @@ var Breadcrumb = vue.defineComponent({
             },
             slots.default?.()
           ),
-          hasExtra.value ? vue.h(
+          extraContent.value ? vue.h(
             "div",
             {
               class: "ml-auto flex items-center"
             },
-            extraChildren.value
+            extraContent.value
           ) : null
         ]
       );

package/dist/{chunk-G6YTJ7IE.mjs → chunk-VURU7TLN.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, computed, h } from 'vue';
-import { injectShakeStyle, getInputClasses, classNames, getInputWrapperClasses, coerceClassValue, SHAKE_CLASS, getInputAffixClasses, getInputErrorClasses } from '@expcat/tigercat-core';
+import { injectShakeStyle, SHAKE_CLASS, getInputClasses, classNames, getInputWrapperClasses, coerceClassValue, getInputAffixClasses, getInputErrorClasses, parseInputValue } from '@expcat/tigercat-core';
 
 // src/components/Input.ts
 var Input = defineComponent({
@@ -67,46 +67,30 @@ var Input = defineComponent({
      * Whether the input is required
      */
     required: Boolean,
-    /**
-     * Maximum length
-     */
-    maxLength: {
-      type: Number
-    },
-    /**
-     * Minimum length
-     */
-    minLength: {
-      type: Number
-    },
-    /**
-     * Input name attribute
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Input id attribute
-     */
-    id: {
-      type: String
-    },
-    /**
-     * Autocomplete attribute
-     */
-    autoComplete: {
-      type: String
-    },
+    /** Maximum length */
+    maxLength: Number,
+    /** Minimum length */
+    minLength: Number,
+    /** Input name attribute */
+    name: String,
+    /** Input id attribute */
+    id: String,
+    /** Autocomplete attribute */
+    autoComplete: String,
     /**
      * Whether to autofocus on mount
      */
     autoFocus: Boolean,
     /**
-     * Additional CSS classes
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
      */
-    className: {
-      type: String
+    _shakeTrigger: {
+      type: Number,
+      default: void 0
     },
+    /** Additional CSS classes */
+    className: String,
     /**
      * Inline styles
      */
@@ -124,8 +108,8 @@ var Input = defineComponent({
   setup(props, { emit, attrs, slots }) {
     injectShakeStyle();
     const inputRef = ref(null);
+    const wrapperRef = ref(null);
     const localValue = ref(props.modelValue ?? "");
-    const isShaking = ref(false);
     watch(
       () => props.modelValue,
       (newValue) => {
@@ -135,16 +119,16 @@ var Input = defineComponent({
         }
       }
     );
-    watch(
-      () => props.status,
-      (newStatus) => {
-        if (newStatus === "error") {
-          isShaking.value = true;
-        }
+    watch([() => props.status, () => props._shakeTrigger], ([newStatus]) => {
+      if (newStatus === "error" && wrapperRef.value) {
+        const el = wrapperRef.value;
+        el.classList.remove(SHAKE_CLASS);
+        void el.offsetWidth;
+        el.classList.add(SHAKE_CLASS);
       }
-    );
+    });
     const handleAnimationEnd = () => {
-      isShaking.value = false;
+      wrapperRef.value?.classList.remove(SHAKE_CLASS);
     };
     const hasPrefix = computed(() => !!slots.prefix || !!props.prefix);
     const hasSuffix = computed(() => !!slots.suffix || !!props.suffix);
@@ -157,12 +141,9 @@ var Input = defineComponent({
         hasSuffix: hasSuffix.value
       })
     );
-    const getInputValue = (target) => {
-      return props.type === "number" ? Number.isNaN(target.valueAsNumber) ? target.value : target.valueAsNumber : target.value;
-    };
     const handleInput = (event) => {
       const target = event.target;
-      const value = getInputValue(target);
+      const value = parseInputValue(target, props.type);
       localValue.value = value;
       emit("update:modelValue", value);
       emit("input", event);
@@ -175,12 +156,8 @@ var Input = defineComponent({
       return h(
         "div",
         {
-          class: classNames(
-            getInputWrapperClasses(),
-            props.className,
-            coerceClassValue(attrClass),
-            isShaking.value && SHAKE_CLASS
-          ),
+          ref: wrapperRef,
+          class: classNames(getInputWrapperClasses(), props.className, coerceClassValue(attrClass)),
           style: [attrStyle, props.style],
           onAnimationend: handleAnimationEnd
         },