@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-JBS3AESR.mjs

@@ -1,255 +0,0 @@
-// src/components/FloatButton.ts
-import {
-  defineComponent,
-  computed,
-  h,
-  ref,
-  provide,
-  inject,
-  Teleport
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  floatButtonBaseClasses,
-  floatButtonShapeClasses,
-  floatButtonSizeClasses,
-  floatButtonTypeClasses,
-  floatButtonDisabledClasses,
-  floatButtonIconSizeClasses,
-  floatButtonPlusIconPath,
-  getFloatButtonGroupClasses,
-  getViewportOffsetStyle,
-  viewportFloatingBaseClasses,
-  viewportPlacementClasses
-} from "@expcat/tigercat-core";
-function renderDefaultPlusIcon(size) {
-  return h(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      class: floatButtonIconSizeClasses[size],
-      "aria-hidden": "true"
-    },
-    [
-      h("path", {
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        d: floatButtonPlusIconPath
-      })
-    ]
-  );
-}
-var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
-var FloatButton = defineComponent({
-  name: "TigerFloatButton",
-  inheritAttrs: false,
-  props: {
-    shape: {
-      type: String,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    type: {
-      type: String,
-      default: "primary"
-    },
-    tooltip: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    ariaLabel: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    floating: {
-      type: Boolean,
-      default: false
-    },
-    placement: {
-      type: String,
-      default: "bottom-right"
-    },
-    offset: {
-      type: [Number, String, Object],
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const groupShape = inject(
-      FloatButtonGroupShapeKey,
-      void 0
-    );
-    const resolvedShape = computed(
-      () => props.shape ?? groupShape?.value ?? "circle"
-    );
-    const classes = computed(
-      () => classNames(
-        floatButtonBaseClasses,
-        floatButtonShapeClasses[resolvedShape.value],
-        floatButtonSizeClasses[props.size],
-        floatButtonTypeClasses[props.type],
-        props.disabled && floatButtonDisabledClasses,
-        props.floating && viewportFloatingBaseClasses,
-        props.floating && viewportPlacementClasses[props.placement],
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    const handleClick = (e) => {
-      if (!props.disabled) {
-        emit("click", e);
-      }
-    };
-    return () => {
-      const attrsRecord = attrs;
-      const content = slots.default ? slots.default() : renderDefaultPlusIcon(props.size);
-      const btn = h(
-        "button",
-        {
-          ...attrs,
-          class: classes.value,
-          style: mergeStyleValues(
-            props.floating ? getViewportOffsetStyle(props.placement, props.offset) : void 0,
-            attrsRecord.style,
-            props.style
-          ),
-          type: "button",
-          disabled: props.disabled,
-          "aria-label": slots.default ? props.ariaLabel ?? props.tooltip : props.ariaLabel ?? props.tooltip ?? "Add",
-          title: props.tooltip,
-          onClick: handleClick
-        },
-        content
-      );
-      return btn;
-    };
-  }
-});
-var FloatButtonGroup = defineComponent({
-  name: "TigerFloatButtonGroup",
-  inheritAttrs: false,
-  props: {
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    trigger: {
-      type: String,
-      default: "click"
-    },
-    open: {
-      type: Boolean,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    placement: {
-      type: String,
-      default: "bottom-right"
-    },
-    offset: {
-      type: [Number, String, Object],
-      default: void 0
-    },
-    portal: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["update:open"],
-  setup(props, { slots, emit, attrs }) {
-    const internalOpen = ref(false);
-    const isOpen = computed(() => props.open ?? internalOpen.value);
-    provide(
-      FloatButtonGroupShapeKey,
-      computed(() => props.shape)
-    );
-    const toggle = () => {
-      const next = !isOpen.value;
-      internalOpen.value = next;
-      emit("update:open", next);
-    };
-    const groupClasses = computed(
-      () => classNames(
-        getFloatButtonGroupClasses({
-          placement: props.placement,
-          portal: props.portal
-        }),
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    return () => {
-      const attrsRecord = attrs;
-      const children = [];
-      if (slots.trigger) {
-        children.push(
-          h("div", { onClick: props.trigger === "click" ? toggle : void 0 }, slots.trigger())
-        );
-      }
-      if (isOpen.value && slots.default) {
-        const defaultSlot = slots.default();
-        for (const node of defaultSlot) {
-          children.push(node);
-        }
-      }
-      const groupRoot = h(
-        "div",
-        {
-          ...attrs,
-          class: groupClasses.value,
-          style: mergeStyleValues(
-            getViewportOffsetStyle(props.placement, props.offset),
-            attrsRecord.style,
-            props.style
-          ),
-          onMouseenter: props.trigger === "hover" ? () => {
-            internalOpen.value = true;
-            emit("update:open", true);
-          } : void 0,
-          onMouseleave: props.trigger === "hover" ? () => {
-            internalOpen.value = false;
-            emit("update:open", false);
-          } : void 0
-        },
-        children
-      );
-      return props.portal ? h(Teleport, { to: "body" }, [groupRoot]) : groupRoot;
-    };
-  }
-});
-var FloatButton_default = FloatButton;
-
-export {
-  FloatButton,
-  FloatButtonGroup,
-  FloatButton_default
-};

package/dist/chunk-K3WTQBE4.mjs

@@ -1,394 +0,0 @@
-import {
-  FormContextKey
-} from "./chunk-HAUG3OP5.mjs";
-import {
-  FORM_ITEM_CONTROL_INJECTION_KEY
-} from "./chunk-P2LZ2MR5.mjs";
-import {
-  renderVueOverlayTeleport,
-  useVueAnchoredOverlay
-} from "./chunk-Q7Y22OFX.mjs";
-
-// src/components/FormItem.ts
-import {
-  defineComponent,
-  inject,
-  provide,
-  computed,
-  ref,
-  watch,
-  h,
-  onUnmounted,
-  cloneVNode,
-  isVNode
-} from "vue";
-import {
-  classNames,
-  getFormItemClasses,
-  getFormItemLabelClasses,
-  getFormItemContentClasses,
-  getFormItemFieldClasses,
-  getFormItemErrorClasses,
-  getFormItemAsteriskClasses
-} from "@expcat/tigercat-core";
-function mergeAriaDescribedBy(existing, next) {
-  if (!existing) return next;
-  if (!next) return existing;
-  const parts = new Set(
-    `${existing} ${next}`.split(" ").map((s) => s.trim()).filter(Boolean)
-  );
-  return Array.from(parts).join(" ");
-}
-var formItemIdCounter = 0;
-var FormItem = defineComponent({
-  name: "TigerFormItem",
-  props: {
-    /**
-     * Field name (for validation)
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Field label text
-     */
-    label: {
-      type: String
-    },
-    /**
-     * Label width (overrides form-level setting)
-     */
-    labelWidth: {
-      type: [String, Number]
-    },
-    /**
-     * Mark field as required
-     */
-    required: {
-      type: Boolean
-    },
-    /**
-     * Field validation rules (overrides form-level rules)
-     */
-    rules: {
-      type: [Object, Array]
-    },
-    /**
-     * Custom error message
-     */
-    error: {
-      type: String
-    },
-    /**
-     * Show validation message
-     * @default true
-     */
-    showMessage: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Field size (overrides form-level size)
-     */
-    size: {
-      type: String
-    },
-    /**
-     * Error display mode
-     * @default 'inline'
-     */
-    errorDisplayMode: {
-      type: String,
-      default: "inline"
-    },
-    condition: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots }) {
-    const formContextRef = inject(FormContextKey, null);
-    const formContext = computed(() => formContextRef?.value ?? null);
-    const errorMessage = ref("");
-    const shakeTrigger = ref(0);
-    const prevFormError = ref("");
-    const contentRef = ref(null);
-    const errorRef = ref(null);
-    const instanceId = ++formItemIdCounter;
-    const baseId = `tiger-form-item-${instanceId}`;
-    const labelId = `${baseId}-label`;
-    const fieldId = `${baseId}-field`;
-    const errorId = `${baseId}-error`;
-    const actualSize = computed(() => {
-      return props.size || formContext.value?.size || "md";
-    });
-    const actualLabelWidth = computed(() => {
-      const width = props.labelWidth || formContext.value?.labelWidth;
-      if (typeof width === "number") {
-        return `${width}px`;
-      }
-      return width;
-    });
-    const labelPosition = computed(() => {
-      return formContext.value?.labelPosition || "right";
-    });
-    const labelAlign = computed(() => {
-      return formContext.value?.labelAlign || "right";
-    });
-    const hasRequiredRule = (maybeRules) => {
-      if (!maybeRules) {
-        return false;
-      }
-      const rules = Array.isArray(maybeRules) ? maybeRules : [maybeRules];
-      return rules.some((rule) => {
-        if (!rule || typeof rule !== "object") {
-          return false;
-        }
-        return !!rule.required;
-      });
-    };
-    const showRequiredAsterisk = computed(() => {
-      if (props.required !== void 0) {
-        return props.required;
-      }
-      if (props.rules) {
-        return hasRequiredRule(props.rules);
-      }
-      if (props.name && formContext.value?.rules) {
-        const fieldRules = formContext.value.rules[props.name];
-        if (fieldRules) {
-          return hasRequiredRule(fieldRules);
-        }
-      }
-      return false;
-    });
-    const conditionState = computed(() => {
-      const ctx = formContext.value;
-      if (!props.name || !ctx) {
-        return { shown: true, disabled: false, required: false };
-      }
-      return ctx.getFieldConditionState(props.name, props.condition);
-    });
-    const isRequired = computed(() => {
-      return (showRequiredAsterisk.value || conditionState.value.required) && (formContext.value?.showRequiredAsterisk ?? true);
-    });
-    watch(
-      () => props.name ? formContext.value?.errorsByField[props.name] : void 0,
-      (error) => {
-        const nextError = error || "";
-        errorMessage.value = nextError;
-        if (nextError && nextError !== prevFormError.value) {
-          shakeTrigger.value++;
-        }
-        prevFormError.value = nextError;
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.error,
-      (error) => {
-        if (error !== void 0) {
-          errorMessage.value = error;
-        }
-      },
-      { immediate: true }
-    );
-    const unregisterFieldRules = () => {
-      const ctx = formContext.value;
-      if (props.name && ctx) {
-        ctx.registerFieldRules(props.name, void 0);
-        ctx.registerFieldCondition(props.name, void 0);
-      }
-    };
-    watch(
-      () => [props.name, props.rules, props.condition],
-      ([name, rules, condition]) => {
-        const ctx = formContext.value;
-        if (!name || !ctx) {
-          return;
-        }
-        if (rules) {
-          ctx.registerFieldRules(name, rules);
-        } else {
-          ctx.registerFieldRules(name, void 0);
-        }
-        ctx.registerFieldCondition(name, condition);
-      },
-      { immediate: true }
-    );
-    onUnmounted(unregisterFieldRules);
-    const handleBlur = () => {
-      const ctx = formContext.value;
-      if (props.name && ctx) {
-        ctx.validateField(props.name, props.rules, "blur");
-      }
-    };
-    const handleChange = () => {
-      const ctx = formContext.value;
-      if (props.name && ctx) {
-        ctx.validateField(props.name, props.rules, "change");
-      }
-    };
-    const hasError = computed(() => {
-      return !!errorMessage.value;
-    });
-    const popupErrorVisible = computed(
-      () => props.showMessage && hasError.value && props.errorDisplayMode === "popup"
-    );
-    const overlay = useVueAnchoredOverlay({
-      enabled: popupErrorVisible,
-      referenceRef: contentRef,
-      floatingRef: errorRef,
-      placement: "bottom-start",
-      offset: 4
-    });
-    provide(FORM_ITEM_CONTROL_INJECTION_KEY, {
-      status: computed(() => hasError.value ? "error" : void 0),
-      errorMessage: computed(
-        () => hasError.value && !props.showMessage ? errorMessage.value : void 0
-      ),
-      shakeTrigger: computed(() => hasError.value ? shakeTrigger.value : void 0)
-    });
-    const describedById = computed(() => {
-      return props.showMessage && hasError.value ? errorId : void 0;
-    });
-    const formItemClasses = computed(() => {
-      return getFormItemClasses({
-        size: actualSize.value,
-        labelPosition: labelPosition.value,
-        hasError: hasError.value,
-        disabled: formContext.value?.disabled || conditionState.value.disabled
-      });
-    });
-    const labelClasses = computed(() => {
-      return getFormItemLabelClasses({
-        size: actualSize.value,
-        labelAlign: labelAlign.value,
-        labelPosition: labelPosition.value,
-        isRequired: isRequired.value
-      });
-    });
-    const labelStyles = computed(() => {
-      if (labelPosition.value === "top") {
-        return {};
-      }
-      return actualLabelWidth.value ? { width: actualLabelWidth.value } : {};
-    });
-    const contentClasses = computed(() => getFormItemContentClasses(labelPosition.value));
-    const errorClasses = computed(() => {
-      return classNames(getFormItemErrorClasses(actualSize.value), hasError.value && "opacity-100");
-    });
-    const fieldClasses = getFormItemFieldClasses();
-    const asteriskClasses = getFormItemAsteriskClasses();
-    return () => {
-      if (!conditionState.value.shown) {
-        return null;
-      }
-      const defaultSlot = slots.default?.() ?? [];
-      const only = defaultSlot.length === 1 ? defaultSlot[0] : void 0;
-      const isSingleVNode = only != null && isVNode(only);
-      const effectiveFieldId = (() => {
-        if (!isSingleVNode) {
-          return void 0;
-        }
-        const p = only.props ?? {};
-        return p.id ?? fieldId;
-      })();
-      const fieldChildren = (() => {
-        if (!isSingleVNode) {
-          return defaultSlot;
-        }
-        const vnode = only;
-        const existingProps = vnode.props ?? {};
-        const isNativeElement = typeof vnode.type === "string";
-        const merged = cloneVNode(
-          vnode,
-          {
-            id: effectiveFieldId,
-            status: !isNativeElement && hasError.value ? "error" : existingProps.status,
-            "aria-invalid": hasError.value ? "true" : existingProps["aria-invalid"],
-            "aria-required": isRequired.value ? "true" : existingProps["aria-required"],
-            disabled: conditionState.value.disabled || formContext.value?.disabled ? true : existingProps.disabled,
-            "aria-describedby": mergeAriaDescribedBy(
-              existingProps["aria-describedby"],
-              describedById.value
-            ),
-            onFocusout: handleBlur,
-            onInput: handleChange
-          },
-          true
-        );
-        return [merged];
-      })();
-      const labelElement = props.label ? h(
-        "label",
-        {
-          class: labelClasses.value,
-          style: labelStyles.value,
-          id: labelId,
-          for: effectiveFieldId
-        },
-        [isRequired.value && h("span", { class: asteriskClasses }, "*"), props.label]
-      ) : null;
-      const contentElement = h(
-        "div",
-        {
-          ref: contentRef,
-          class: classNames(contentClasses.value, props.errorDisplayMode === "popup" && "relative")
-        },
-        [
-          h(
-            "div",
-            {
-              class: fieldClasses,
-              role: "group",
-              "aria-labelledby": props.label ? labelId : void 0,
-              "aria-describedby": describedById.value,
-              "aria-invalid": hasError.value ? "true" : void 0,
-              onFocusout: isSingleVNode ? void 0 : handleBlur,
-              onInput: isSingleVNode ? void 0 : handleChange
-            },
-            fieldChildren
-          ),
-          props.showMessage && renderVueOverlayTeleport(
-            h(
-              "div",
-              {
-                ref: errorRef,
-                id: hasError.value ? errorId : void 0,
-                role: hasError.value ? "alert" : void 0,
-                class: props.errorDisplayMode === "block" ? classNames(
-                  "mt-1 p-2 rounded bg-red-50 border border-red-200 text-red-600 text-sm",
-                  !hasError.value && "hidden"
-                ) : props.errorDisplayMode === "popup" ? classNames(
-                  "px-2 py-1 rounded bg-red-600 text-white text-xs shadow-lg",
-                  overlay.floatingClasses.value,
-                  !hasError.value && "hidden"
-                ) : errorClasses.value,
-                style: props.errorDisplayMode === "popup" ? overlay.floatingStyles.value : void 0,
-                "data-positioned": props.errorDisplayMode === "popup" ? overlay.positioned.value : void 0,
-                "aria-hidden": hasError.value ? void 0 : "true"
-              },
-              hasError.value ? errorMessage.value : ""
-            ),
-            overlay.target.value,
-            props.errorDisplayMode !== "popup"
-          )
-        ]
-      );
-      return h(
-        "div",
-        {
-          class: formItemClasses.value
-        },
-        [labelElement, contentElement]
-      );
-    };
-  }
-});
-var FormItem_default = FormItem;
-
-export {
-  FormItem,
-  FormItem_default
-};