@fe6/water-pro/lib/_util/hooks/use-form-item.js

An enterprise-class UI design language and Vue-based implementation

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useRuleFormItem = useRuleFormItem;

var _vue = require("vue");

var _lodashEs = require("lodash");

/** @format */
function useRuleFormItem(props) {
  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'value';
  var changeEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'change';
  var instance = (0, _vue.getCurrentInstance)();
  var emit = instance === null || instance === void 0 ? void 0 : instance.emit;
  var innerState = (0, _vue.reactive)({
    value: props[key]
  });
  var defaultState = (0, _vue.readonly)(innerState);

  var setState = function setState(val) {
    innerState.value = val;
  };

  (0, _vue.watchEffect)(function () {
    innerState.value = props[key];
  });
  var state = (0, _vue.computed)({
    get: function get() {
      return innerState.value;
    },
    set: function set(value) {
      if ((0, _lodashEs.isEqual)(value, defaultState.value)) {
        return;
      }

      innerState.value = value;
      emit === null || emit === void 0 ? void 0 : emit(changeEvent, value);
    }
  });
  return [state, setState, defaultState, (0, _vue.toRefs)(innerState)];
}