@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.1

package/dist/chunk-7RMBEWN2.js

@@ -1,360 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkTNKULOHKjs = require('./chunk-TNKULOHK.js');
-
-// src/components/FormItem.ts
-
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@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 = _vue.defineComponent.call(void 0, {
-  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 = _vue.inject.call(void 0, _chunkTNKULOHKjs.FormContextKey, null);
-    const formContext = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([formContextRef, 'optionalAccess', _ => _.value]), () => ( null)));
-    const errorMessage = _vue.ref.call(void 0, "");
-    const shakeTrigger = _vue.ref.call(void 0, 0);
-    const prevFormError = _vue.ref.call(void 0, "");
-    const instanceId = ++formItemIdCounter;
-    const baseId = `tiger-form-item-${instanceId}`;
-    const labelId = `${baseId}-label`;
-    const fieldId = `${baseId}-field`;
-    const errorId = `${baseId}-error`;
-    const actualSize = _vue.computed.call(void 0, () => {
-      return props.size || _optionalChain([formContext, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.size]) || "md";
-    });
-    const actualLabelWidth = _vue.computed.call(void 0, () => {
-      const width = props.labelWidth || _optionalChain([formContext, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.labelWidth]);
-      if (typeof width === "number") {
-        return `${width}px`;
-      }
-      return width;
-    });
-    const labelPosition = _vue.computed.call(void 0, () => {
-      return _optionalChain([formContext, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.labelPosition]) || "right";
-    });
-    const labelAlign = _vue.computed.call(void 0, () => {
-      return _optionalChain([formContext, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.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 = _vue.computed.call(void 0, () => {
-      if (props.required !== void 0) {
-        return props.required;
-      }
-      if (props.rules) {
-        return hasRequiredRule(props.rules);
-      }
-      if (props.name && _optionalChain([formContext, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.rules])) {
-        const fieldRules = formContext.value.rules[props.name];
-        if (fieldRules) {
-          return hasRequiredRule(fieldRules);
-        }
-      }
-      return false;
-    });
-    const conditionState = _vue.computed.call(void 0, () => {
-      const ctx = formContext.value;
-      if (!props.name || !ctx) {
-        return { shown: true, disabled: false, required: false };
-      }
-      return ctx.getFieldConditionState(props.name, props.condition);
-    });
-    const isRequired = _vue.computed.call(void 0, () => {
-      return (showRequiredAsterisk.value || conditionState.value.required) && (_nullishCoalesce(_optionalChain([formContext, 'access', _12 => _12.value, 'optionalAccess', _13 => _13.showRequiredAsterisk]), () => ( true)));
-    });
-    _vue.watch.call(void 0, 
-      () => props.name ? _optionalChain([formContext, 'access', _14 => _14.value, 'optionalAccess', _15 => _15.errorsByField, 'access', _16 => _16[props.name]]) : void 0,
-      (error) => {
-        const nextError = error || "";
-        errorMessage.value = nextError;
-        if (nextError && nextError !== prevFormError.value) {
-          shakeTrigger.value++;
-        }
-        prevFormError.value = nextError;
-      },
-      { immediate: true }
-    );
-    _vue.watch.call(void 0, 
-      () => 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);
-      }
-    };
-    _vue.watch.call(void 0, 
-      () => [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 }
-    );
-    _vue.onUnmounted.call(void 0, 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 = _vue.computed.call(void 0, () => {
-      return !!errorMessage.value;
-    });
-    const describedById = _vue.computed.call(void 0, () => {
-      return props.showMessage && hasError.value ? errorId : void 0;
-    });
-    const formItemClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getFormItemClasses.call(void 0, {
-        size: actualSize.value,
-        labelPosition: labelPosition.value,
-        hasError: hasError.value,
-        disabled: _optionalChain([formContext, 'access', _17 => _17.value, 'optionalAccess', _18 => _18.disabled]) || conditionState.value.disabled
-      });
-    });
-    const labelClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getFormItemLabelClasses.call(void 0, {
-        size: actualSize.value,
-        labelAlign: labelAlign.value,
-        labelPosition: labelPosition.value,
-        isRequired: isRequired.value
-      });
-    });
-    const labelStyles = _vue.computed.call(void 0, () => {
-      if (labelPosition.value === "top") {
-        return {};
-      }
-      return actualLabelWidth.value ? { width: actualLabelWidth.value } : {};
-    });
-    const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getFormItemContentClasses.call(void 0, labelPosition.value));
-    const errorClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, _tigercatcore.getFormItemErrorClasses.call(void 0, actualSize.value), hasError.value && "opacity-100");
-    });
-    const fieldClasses = _tigercatcore.getFormItemFieldClasses.call(void 0, );
-    const asteriskClasses = _tigercatcore.getFormItemAsteriskClasses.call(void 0, );
-    return () => {
-      if (!conditionState.value.shown) {
-        return null;
-      }
-      const defaultSlot = _nullishCoalesce(_optionalChain([slots, 'access', _19 => _19.default, 'optionalCall', _20 => _20()]), () => ( []));
-      const only = defaultSlot.length === 1 ? defaultSlot[0] : void 0;
-      const isSingleVNode = only != null && _vue.isVNode.call(void 0, only);
-      const effectiveFieldId = (() => {
-        if (!isSingleVNode) {
-          return void 0;
-        }
-        const p = _nullishCoalesce(only.props, () => ( {}));
-        return _nullishCoalesce(p.id, () => ( fieldId));
-      })();
-      const fieldChildren = (() => {
-        if (!isSingleVNode) {
-          return defaultSlot;
-        }
-        const vnode = only;
-        const existingProps = _nullishCoalesce(vnode.props, () => ( {}));
-        const isNativeElement = typeof vnode.type === "string";
-        const merged = _vue.cloneVNode.call(void 0, 
-          vnode,
-          {
-            id: effectiveFieldId,
-            status: !isNativeElement && hasError.value ? "error" : existingProps.status,
-            errorMessage: !isNativeElement && hasError.value && !props.showMessage ? errorMessage.value : existingProps.errorMessage,
-            _shakeTrigger: !isNativeElement && hasError.value ? shakeTrigger.value : void 0,
-            "aria-invalid": hasError.value ? "true" : existingProps["aria-invalid"],
-            "aria-required": isRequired.value ? "true" : existingProps["aria-required"],
-            disabled: conditionState.value.disabled || _optionalChain([formContext, 'access', _21 => _21.value, 'optionalAccess', _22 => _22.disabled]) ? true : existingProps.disabled,
-            "aria-describedby": mergeAriaDescribedBy(
-              existingProps["aria-describedby"],
-              describedById.value
-            ),
-            onFocusout: handleBlur,
-            onInput: handleChange
-          },
-          true
-        );
-        return [merged];
-      })();
-      const labelElement = props.label ? _vue.h.call(void 0, 
-        "label",
-        {
-          class: labelClasses.value,
-          style: labelStyles.value,
-          id: labelId,
-          for: effectiveFieldId
-        },
-        [isRequired.value && _vue.h.call(void 0, "span", { class: asteriskClasses }, "*"), props.label]
-      ) : null;
-      const contentElement = _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, contentClasses.value, props.errorDisplayMode === "popup" && "relative")
-        },
-        [
-          _vue.h.call(void 0, 
-            "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 && _vue.h.call(void 0, 
-            "div",
-            {
-              id: hasError.value ? errorId : void 0,
-              role: hasError.value ? "alert" : void 0,
-              class: props.errorDisplayMode === "block" ? _tigercatcore.classNames.call(void 0, 
-                "mt-1 p-2 rounded bg-red-50 border border-red-200 text-red-600 text-sm",
-                !hasError.value && "hidden"
-              ) : props.errorDisplayMode === "popup" ? _tigercatcore.classNames.call(void 0, 
-                "absolute z-10 mt-1 px-2 py-1 rounded bg-red-600 text-white text-xs shadow-lg",
-                !hasError.value && "hidden"
-              ) : errorClasses.value,
-              "aria-hidden": hasError.value ? void 0 : "true"
-            },
-            hasError.value ? errorMessage.value : ""
-          )
-        ]
-      );
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: formItemClasses.value
-        },
-        [labelElement, contentElement]
-      );
-    };
-  }
-});
-var FormItem_default = FormItem;
-
-
-
-
-exports.FormItem = FormItem; exports.FormItem_default = FormItem_default;

package/dist/chunk-A7FN3S4I.js

@@ -1,150 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Stepper.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Stepper = _vue.defineComponent.call(void 0, {
-  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 }) {
-    const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
-    let repeatValue = props.modelValue;
-    let suppressNextClick = false;
-    _vue.onBeforeUnmount.call(void 0, () => repeatController.stop());
-    function setValue(v) {
-      const clamped = _tigercatcore.clampStepperValue.call(void 0, v, props.min, props.max, props.precision);
-      emit("update:modelValue", clamped);
-      emit("change", clamped);
-      return clamped;
-    }
-    function stepBy(direction, baseValue = props.modelValue) {
-      return setValue(direction === "up" ? baseValue + props.step : baseValue - props.step);
-    }
-    function decrement() {
-      if (suppressNextClick) {
-        suppressNextClick = false;
-        return;
-      }
-      if (props.disabled) return;
-      stepBy("down");
-    }
-    function increment() {
-      if (suppressNextClick) {
-        suppressNextClick = false;
-        return;
-      }
-      if (props.disabled) return;
-      stepBy("up");
-    }
-    function startStepRepeat(direction) {
-      return (event) => {
-        event.preventDefault();
-        if (props.disabled) return;
-        if (direction === "down" && props.modelValue <= props.min) return;
-        if (direction === "up" && props.modelValue >= props.max) return;
-        suppressNextClick = true;
-        repeatValue = props.modelValue;
-        repeatController.start(() => {
-          const baseValue = repeatValue;
-          const nextValue = stepBy(direction, baseValue);
-          repeatValue = nextValue;
-          if (nextValue === baseValue) {
-            repeatController.stop();
-          }
-        });
-      };
-    }
-    function stopStepRepeat() {
-      repeatController.stop();
-    }
-    function handleInput(e) {
-      const val = Number(e.target.value);
-      if (!Number.isNaN(val)) setValue(val);
-    }
-    const icon = (d) => _vue.h.call(void 0, 
-      "svg",
-      {
-        class: "w-4 h-4",
-        viewBox: _tigercatcore.stepperIconViewBox,
-        fill: "currentColor"
-      },
-      [_vue.h.call(void 0, "path", { d, "fill-rule": "evenodd", "clip-rule": "evenodd" })]
-    );
-    return () => {
-      const atMin = props.modelValue <= props.min;
-      const atMax = props.modelValue >= props.max;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.stepperBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          role: "group",
-          "aria-label": "Stepper"
-        },
-        [
-          _vue.h.call(void 0, 
-            "button",
-            {
-              type: "button",
-              class: _tigercatcore.getStepperButtonClasses.call(void 0, props.size, props.disabled || atMin, "left"),
-              disabled: props.disabled || atMin,
-              "aria-label": "Decrease",
-              onPointerdown: startStepRepeat("down"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: decrement
-            },
-            [icon(_tigercatcore.minusPathD)]
-          ),
-          _vue.h.call(void 0, "input", {
-            type: "text",
-            class: _tigercatcore.getStepperInputClasses.call(void 0, 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.call(void 0, 
-            "button",
-            {
-              type: "button",
-              class: _tigercatcore.getStepperButtonClasses.call(void 0, props.size, props.disabled || atMax, "right"),
-              disabled: props.disabled || atMax,
-              "aria-label": "Increase",
-              onPointerdown: startStepRepeat("up"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: increment
-            },
-            [icon(_tigercatcore.plusPathD)]
-          )
-        ]
-      );
-    };
-  }
-});
-var Stepper_default = Stepper;
-
-
-
-
-exports.Stepper = Stepper; exports.Stepper_default = Stepper_default;