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

package/dist/chunk-TNKULOHK.js

@@ -1,476 +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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Form.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var FormContextKey = /* @__PURE__ */ Symbol("FormContext");
-var Form = _vue.defineComponent.call(void 0, {
-  name: "TigerForm",
-  props: {
-    /**
-     * Form data model
-     * @default {}
-     */
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * Form validation rules
-     */
-    rules: {
-      type: Object
-    },
-    /**
-     * Label width (string or number in pixels)
-     */
-    labelWidth: {
-      type: [String, Number]
-    },
-    /**
-     * Label position
-     * @default 'right'
-     */
-    labelPosition: {
-      type: String,
-      default: "right"
-    },
-    /**
-     * Label alignment
-     * @default 'right'
-     */
-    labelAlign: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Form size (applies to all form items)
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Show inline validation messages
-     * @default true
-     */
-    inlineMessage: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Show required asterisk on required fields
-     * @default true
-     */
-    showRequiredAsterisk: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Disable all form controls
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the form is in a loading state (prevents submit)
-     * @default false
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    // v0.6.0 props
-    fieldDependencies: {
-      type: Object,
-      default: void 0
-    },
-    conditions: {
-      type: Object,
-      default: void 0
-    },
-    validateDebounce: {
-      type: Number,
-      default: 0
-    },
-    undoable: {
-      type: Boolean,
-      default: false
-    },
-    maxHistorySize: {
-      type: Number,
-      default: 50
-    },
-    /**
-     * Locale override for built-in validation messages. Merged on top of the
-     * ConfigProvider locale; a per-rule `message` still takes precedence.
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    /**
-     * Emitted when form is submitted
-     */
-    submit: (_data) => true,
-    /**
-     * Emitted when field is validated
-     */
-    validate: (fieldName, isValid, _errorMessage) => typeof fieldName === "string" && typeof isValid === "boolean"
-  },
-  setup(props, { slots, emit, expose }) {
-    const initialValues = { ..._nullishCoalesce(props.model, () => ( {})) };
-    const errors = _vue.reactive.call(void 0, []);
-    const fieldRules = _vue.reactive.call(void 0, {});
-    const fieldConditions = _vue.reactive.call(void 0, {});
-    const errorsByField = _vue.computed.call(void 0, () => _tigercatcore.createFormErrorMap.call(void 0, errors));
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const validationMessages = _vue.computed.call(void 0, 
-      () => _tigercatcore.getFormValidationLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale))
-    );
-    let validationDebouncer = _tigercatcore.createFormValidationDebouncer.call(void 0, {
-      delay: props.validateDebounce
-    });
-    const history = _vue.ref.call(void 0, 
-      _tigercatcore.createFormHistory.call(void 0, _nullishCoalesce(props.model, () => ( {})), props.maxHistorySize)
-    );
-    const registerFieldRules = (fieldName, rules) => {
-      if (!fieldName) {
-        return;
-      }
-      if (!rules) {
-        delete fieldRules[fieldName];
-        return;
-      }
-      fieldRules[fieldName] = rules;
-    };
-    const registerFieldCondition = (fieldName, condition) => {
-      if (!fieldName) {
-        return;
-      }
-      if (!condition) {
-        delete fieldConditions[fieldName];
-        return;
-      }
-      fieldConditions[fieldName] = condition;
-    };
-    const getEffectiveConditions = () => {
-      const merged = {
-        ..._nullishCoalesce(props.conditions, () => ( {})),
-        ...fieldConditions
-      };
-      return Object.keys(merged).length > 0 ? merged : void 0;
-    };
-    const getMergedFieldCondition = (fieldName, conditionOverride) => {
-      const base = _optionalChain([getEffectiveConditions, 'call', _ => _(), 'optionalAccess', _2 => _2[fieldName]]);
-      return base || conditionOverride ? { ..._nullishCoalesce(base, () => ( {})), ..._nullishCoalesce(conditionOverride, () => ( {})) } : void 0;
-    };
-    const getFieldConditionState = (fieldName, conditionOverride) => {
-      return _tigercatcore.resolveFormFieldConditionState.call(void 0, 
-        props.model,
-        getMergedFieldCondition(fieldName, conditionOverride)
-      );
-    };
-    const getEffectiveRules = () => {
-      const mergedRules = {
-        ..._nullishCoalesce(props.rules, () => ( {})),
-        ...fieldRules
-      };
-      const rules = Object.keys(mergedRules).length > 0 ? mergedRules : void 0;
-      return _tigercatcore.resolveConditionalFormRules.call(void 0, props.model, rules, getEffectiveConditions());
-    };
-    const resolveFieldRules = (fieldName, rulesOverride) => {
-      const fieldRulesValue = _nullishCoalesce(_nullishCoalesce(rulesOverride, () => ( fieldRules[fieldName])), () => ( _optionalChain([props, 'access', _3 => _3.rules, 'optionalAccess', _4 => _4[fieldName]])));
-      const resolved = _tigercatcore.resolveConditionalFormRules.call(void 0, 
-        props.model,
-        fieldRulesValue ? { [fieldName]: fieldRulesValue } : void 0,
-        getEffectiveConditions()
-      );
-      return _optionalChain([resolved, 'optionalAccess', _5 => _5[fieldName]]);
-    };
-    const getDependencyMap = () => {
-      const conditionDependencies = _tigercatcore.createFormConditionDependencies.call(void 0, getEffectiveConditions());
-      if (!props.fieldDependencies && conditionDependencies.size === 0) {
-        return void 0;
-      }
-      const merged = new Map(_nullishCoalesce(props.fieldDependencies, () => ( [])));
-      for (const [fieldName, dependencies] of conditionDependencies.entries()) {
-        const current = _nullishCoalesce(merged.get(fieldName), () => ( []));
-        merged.set(fieldName, Array.from(/* @__PURE__ */ new Set([...current, ...dependencies])));
-      }
-      return merged;
-    };
-    const runFieldValidation = async (fieldName, rulesOverride, trigger) => {
-      const effectiveFieldRules = resolveFieldRules(fieldName, rulesOverride);
-      if (!effectiveFieldRules) {
-        return null;
-      }
-      const value = _tigercatcore.getValueByPath.call(void 0, props.model, fieldName);
-      return _tigercatcore.validateField.call(void 0, 
-        fieldName,
-        value,
-        effectiveFieldRules,
-        props.model,
-        trigger,
-        validationMessages.value
-      );
-    };
-    const validateFieldNow = async (fieldName, rulesOverride, trigger) => {
-      const conditionState = getFieldConditionState(fieldName);
-      if (!conditionState.shown || conditionState.disabled) {
-        clearValidate(fieldName);
-        emit("validate", fieldName, true, void 0);
-        return;
-      }
-      const effectiveFieldRules = resolveFieldRules(fieldName, rulesOverride);
-      if (effectiveFieldRules) {
-        const error = await runFieldValidation(fieldName, rulesOverride, trigger);
-        const existingIndex = errors.findIndex((e) => e.field === fieldName);
-        const existingMessage = existingIndex !== -1 ? errors[existingIndex].message : null;
-        if (!error && existingMessage === null) {
-        } else if (error && error === existingMessage) {
-        } else {
-          if (existingIndex !== -1) {
-            errors.splice(existingIndex, 1);
-          }
-          if (error) {
-            errors.push({
-              field: fieldName,
-              message: error
-            });
-          }
-        }
-        emit("validate", fieldName, !error, error || void 0);
-      }
-      const dependencyMap = getDependencyMap();
-      if (dependencyMap) {
-        const dependents = _tigercatcore.getDependentFields.call(void 0, fieldName, dependencyMap);
-        for (const dep of dependents) {
-          await validateFieldNow(dep);
-        }
-      }
-    };
-    const validateField = async (fieldName, rulesOverride, trigger) => {
-      if (trigger === "change" && props.validateDebounce > 0) {
-        return validationDebouncer.schedule(
-          fieldName,
-          () => validateFieldNow(fieldName, rulesOverride, trigger)
-        );
-      }
-      validationDebouncer.cancel(fieldName);
-      return validateFieldNow(fieldName, rulesOverride, trigger);
-    };
-    const validate = async () => {
-      validationDebouncer.cancel();
-      errors.splice(0, errors.length);
-      const effectiveRules = getEffectiveRules();
-      if (!effectiveRules) {
-        return true;
-      }
-      const result = await _tigercatcore.validateForm.call(void 0, props.model, effectiveRules, validationMessages.value);
-      errors.push(...result.errors);
-      return result.valid;
-    };
-    const validateFields = async (fieldNames) => {
-      if (!fieldNames || fieldNames.length === 0) {
-        return true;
-      }
-      fieldNames.forEach((fieldName) => validationDebouncer.cancel(fieldName));
-      const nextErrors = [];
-      const fieldSet = new Set(fieldNames);
-      for (const fieldName of fieldNames) {
-        const effectiveFieldRules = resolveFieldRules(fieldName);
-        if (!effectiveFieldRules) {
-          emit("validate", fieldName, true, void 0);
-          continue;
-        }
-        const error = await runFieldValidation(fieldName);
-        if (error) {
-          nextErrors.push({ field: fieldName, message: error });
-        }
-        emit("validate", fieldName, !error, error || void 0);
-      }
-      for (let i = errors.length - 1; i >= 0; i--) {
-        if (fieldSet.has(errors[i].field)) {
-          errors.splice(i, 1);
-        }
-      }
-      errors.push(...nextErrors);
-      return nextErrors.length === 0;
-    };
-    const clearValidate = (fieldNames) => {
-      if (!fieldNames) {
-        validationDebouncer.cancel();
-        errors.splice(0, errors.length);
-        return;
-      }
-      const fields = Array.isArray(fieldNames) ? fieldNames : [fieldNames];
-      fields.forEach((fieldName) => validationDebouncer.cancel(fieldName));
-      fields.forEach((fieldName) => {
-        const index = errors.findIndex((e) => e.field === fieldName);
-        if (index !== -1) {
-          errors.splice(index, 1);
-        }
-      });
-    };
-    const resetFields = () => {
-      validationDebouncer.cancel();
-      clearValidate();
-      if (props.model) {
-        Object.keys(props.model).forEach((key) => delete props.model[key]);
-        Object.assign(props.model, { ...initialValues });
-      }
-      if (props.undoable) {
-        history.value = _tigercatcore.createFormHistory.call(void 0, { ...initialValues }, props.maxHistorySize);
-      }
-    };
-    const addField = (fieldName, defaultValue) => {
-      if (props.model && fieldName) {
-        props.model[fieldName] = _nullishCoalesce(defaultValue, () => ( null));
-      }
-    };
-    const removeField = (fieldName) => {
-      if (props.model && fieldName) {
-        delete props.model[fieldName];
-        clearValidate(fieldName);
-      }
-    };
-    _vue.watch.call(void 0, 
-      () => props.validateDebounce,
-      (delay) => {
-        validationDebouncer.cancel();
-        validationDebouncer = _tigercatcore.createFormValidationDebouncer.call(void 0, { delay });
-      }
-    );
-    _vue.onBeforeUnmount.call(void 0, () => {
-      validationDebouncer.cancel();
-    });
-    const snapshotHistory = () => {
-      if (!props.undoable || !props.model) return;
-      history.value = _tigercatcore.pushFormHistory.call(void 0, history.value, props.model);
-    };
-    const undo = () => {
-      if (!props.undoable) return;
-      const result = _tigercatcore.undoFormHistory.call(void 0, history.value);
-      if (result && props.model) {
-        history.value = result;
-        Object.keys(props.model).forEach((k) => delete props.model[k]);
-        Object.assign(props.model, { ...result.present });
-      }
-    };
-    const redo = () => {
-      if (!props.undoable) return;
-      const result = _tigercatcore.redoFormHistory.call(void 0, history.value);
-      if (result && props.model) {
-        history.value = result;
-        Object.keys(props.model).forEach((k) => delete props.model[k]);
-        Object.assign(props.model, { ...result.present });
-      }
-    };
-    const canUndoNow = _vue.computed.call(void 0, () => props.undoable && _tigercatcore.canUndo.call(void 0, history.value));
-    const canRedoNow = _vue.computed.call(void 0, () => props.undoable && _tigercatcore.canRedo.call(void 0, history.value));
-    const resolvedLabelAlign = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(props.labelAlign, () => ( (props.labelPosition === "top" ? "left" : "right")))
-    );
-    const handleSubmit = async (event) => {
-      event.preventDefault();
-      if (props.loading) return;
-      const valid = await validate();
-      emit("submit", { valid, values: props.model, errors });
-    };
-    const formContextValue = _vue.computed.call(void 0, () => ({
-      model: props.model,
-      rules: props.rules,
-      labelWidth: props.labelWidth,
-      labelPosition: props.labelPosition,
-      labelAlign: resolvedLabelAlign.value,
-      size: props.size,
-      inlineMessage: props.inlineMessage,
-      showRequiredAsterisk: props.showRequiredAsterisk,
-      disabled: props.disabled,
-      loading: props.loading,
-      errors,
-      errorsByField: errorsByField.value,
-      registerFieldRules,
-      registerFieldCondition,
-      getFieldConditionState,
-      validateField,
-      clearValidate
-    }));
-    _vue.provide.call(void 0, FormContextKey, formContextValue);
-    expose({
-      validate,
-      validateFields,
-      validateField,
-      clearValidate,
-      resetFields,
-      addField,
-      removeField,
-      undo,
-      redo,
-      snapshotHistory,
-      canUndo: canUndoNow,
-      canRedo: canRedoNow
-    });
-    const formClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        "tiger-form",
-        `tiger-form--label-${props.labelPosition}`,
-        props.disabled && "tiger-form--disabled",
-        props.loading && "tiger-form--loading"
-      );
-    });
-    return () => {
-      return _vue.h.call(void 0, 
-        "form",
-        {
-          class: formClasses.value,
-          onSubmit: handleSubmit
-        },
-        _optionalChain([slots, 'access', _6 => _6.default, 'optionalCall', _7 => _7()])
-      );
-    };
-  }
-});
-var Form_default = Form;
-
-
-
-
-
-exports.FormContextKey = FormContextKey; exports.Form = Form; exports.Form_default = Form_default;

package/dist/chunk-TOD67L2E.js

@@ -1,182 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Rate.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Rate = _vue.defineComponent.call(void 0, {
-  name: "TigerRate",
-  props: {
-    modelValue: { type: Number, default: 0 },
-    count: { type: Number, default: 5 },
-    allowHalf: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    allowClear: { type: Boolean, default: true },
-    character: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "hover-change"],
-  setup(props, { emit, attrs }) {
-    const hoverValue = _vue.ref.call(void 0, 0);
-    const displayValue = _vue.computed.call(void 0, 
-      () => hoverValue.value > 0 ? hoverValue.value : props.modelValue
-    );
-    function getStarValue(index, isHalf) {
-      return isHalf ? index + 0.5 : index + 1;
-    }
-    function handleClick(index, e) {
-      if (props.disabled) return;
-      const el = e.currentTarget;
-      const rect = el.getBoundingClientRect();
-      const isHalf = props.allowHalf && e.clientX - rect.left < rect.width / 2;
-      const val = getStarValue(index, isHalf);
-      const newVal = props.allowClear && val === props.modelValue ? 0 : val;
-      emit("update:modelValue", newVal);
-      emit("change", newVal);
-    }
-    function handleMouseMove(index, e) {
-      if (props.disabled) return;
-      const el = e.currentTarget;
-      const rect = el.getBoundingClientRect();
-      const isHalf = props.allowHalf && e.clientX - rect.left < rect.width / 2;
-      const val = getStarValue(index, isHalf);
-      if (val !== hoverValue.value) {
-        hoverValue.value = val;
-        emit("hover-change", val);
-      }
-    }
-    function handleMouseLeave() {
-      if (props.disabled) return;
-      hoverValue.value = 0;
-      emit("hover-change", 0);
-    }
-    function handleKeydown(e) {
-      if (props.disabled) return;
-      const step = props.allowHalf ? 0.5 : 1;
-      let next = props.modelValue;
-      switch (e.key) {
-        case "ArrowRight":
-        case "ArrowUp":
-          next = Math.min(props.count, props.modelValue + step);
-          break;
-        case "ArrowLeft":
-        case "ArrowDown":
-          next = Math.max(0, props.modelValue - step);
-          break;
-        case "Home":
-          next = 0;
-          break;
-        case "End":
-          next = props.count;
-          break;
-        default:
-          return;
-      }
-      e.preventDefault();
-      if (next !== props.modelValue) {
-        emit("update:modelValue", next);
-        emit("change", next);
-      }
-    }
-    return () => {
-      const isChar = !!props.character;
-      const stars = [];
-      for (let i = 0; i < props.count; i++) {
-        const full = displayValue.value >= i + 1;
-        const half = props.allowHalf && !full && displayValue.value >= i + 0.5;
-        const isHovering = hoverValue.value > 0;
-        const colorClass = full || half ? isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor : _tigercatcore.rateInactiveColor;
-        const starContent = isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
-          "svg",
-          {
-            viewBox: _tigercatcore.starViewBox,
-            fill: "currentColor",
-            class: "w-full h-full"
-          },
-          [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
-        );
-        const children = half ? [
-          // Inactive background (full star)
-          _vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "absolute inset-0", _tigercatcore.rateInactiveColor) }, [
-            isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
-              "svg",
-              {
-                viewBox: _tigercatcore.starViewBox,
-                fill: "currentColor",
-                class: "w-full h-full"
-              },
-              [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
-            )
-          ]),
-          // Active half (clipped left 50%)
-          _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                "absolute inset-0 overflow-hidden",
-                isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor
-              ),
-              style: { width: "50%" }
-            },
-            [
-              isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
-                "svg",
-                {
-                  viewBox: _tigercatcore.starViewBox,
-                  fill: "currentColor",
-                  class: "w-full h-full"
-                },
-                [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
-              )
-            ]
-          )
-        ] : [_vue.h.call(void 0, "span", { class: colorClass }, [starContent])];
-        stars.push(
-          _vue.h.call(void 0, 
-            "span",
-            {
-              key: i,
-              class: _tigercatcore.getRateStarClasses.call(void 0, props.size, isChar, props.disabled),
-              "aria-hidden": "true",
-              onClick: (e) => handleClick(i, e),
-              onMousemove: (e) => handleMouseMove(i, e),
-              onMouseleave: handleMouseLeave
-            },
-            children
-          )
-        );
-      }
-      const valueText = `${props.modelValue} star${props.modelValue === 1 ? "" : "s"}`;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          role: "slider",
-          "aria-label": "Rating",
-          "aria-valuemin": 0,
-          "aria-valuemax": props.count,
-          "aria-valuenow": props.modelValue,
-          "aria-valuetext": valueText,
-          "aria-disabled": props.disabled || void 0,
-          "aria-orientation": "horizontal",
-          tabindex: props.disabled ? -1 : 0,
-          onKeydown: handleKeydown
-        },
-        stars
-      );
-    };
-  }
-});
-var Rate_default = Rate;
-
-
-
-
-exports.Rate = Rate; exports.Rate_default = Rate_default;