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

package/dist/chunk-24CBIC75.js

@@ -1,468 +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 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();
-    };
-    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-2DC3BMED.js

@@ -1,92 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }// src/components/Link.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Link = _vue.defineComponent.call(void 0, {
-  name: "TigerLink",
-  inheritAttrs: false,
-  props: {
-    /** @default 'primary' */
-    variant: {
-      type: String,
-      default: "primary"
-    },
-    /** @default 'md' */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /** @default false */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    href: { type: String },
-    target: {
-      type: String
-    },
-    /** Auto-set to 'noopener noreferrer' when target="_blank" */
-    rel: { type: String },
-    /** @default true */
-    underline: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: {
-    click: (event) => event instanceof MouseEvent
-  },
-  setup(props, { slots, emit, attrs }) {
-    const linkClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.linkBaseClasses,
-        _tigercatcore.getLinkVariantClasses.call(void 0, props.variant, void 0, { disabled: props.disabled }),
-        _tigercatcore.linkSizeClasses[props.size],
-        props.underline && "hover:underline",
-        props.disabled && _tigercatcore.linkDisabledClasses
-      )
-    );
-    const computedRel = _vue.computed.call(void 0, () => _tigercatcore.getSecureRel.call(void 0, props.target, props.rel));
-    const handleClick = (event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      emit("click", event);
-    };
-    const handleKeydown = (event) => {
-      if (props.disabled && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    return () => _vue.h.call(void 0, 
-      "a",
-      {
-        ...attrs,
-        class: [linkClasses.value, attrs.class],
-        href: props.disabled ? void 0 : props.href,
-        target: props.target,
-        rel: computedRel.value,
-        "aria-disabled": props.disabled ? "true" : void 0,
-        tabindex: props.disabled ? -1 : attrs.tabindex,
-        onClick: handleClick,
-        onKeydown: handleKeydown
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-var Link_default = Link;
-
-
-
-
-exports.Link = Link; exports.Link_default = Link_default;