fx-form-widget/lib/packages/inputSearch/index.js

动态表单组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _input = _interopRequireDefault(require("antd/lib/input"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _tools = require("./tools");
require("./index.less");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
var InputSearch = function InputSearch(_ref) {
  var _ref$schema = _ref.schema,
    schema = _ref$schema === void 0 ? {} : _ref$schema,
    _ref$onChange = _ref.onChange,
    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
    _ref$value = _ref.value,
    value = _ref$value === void 0 ? (0, _tools.isNotNullValue)(schema.data) ? schema.data : undefined : _ref$value;
  var _schema$readonly = schema.readonly,
    readonly = _schema$readonly === void 0 ? false : _schema$readonly,
    _schema$placeholder = schema.placeholder,
    placeholder = _schema$placeholder === void 0 ? '请输入' : _schema$placeholder,
    _schema$minLength = schema.minLength,
    minLength = _schema$minLength === void 0 ? undefined : _schema$minLength,
    _schema$maxLength = schema.maxLength,
    maxLength = _schema$maxLength === void 0 ? undefined : _schema$maxLength,
    _schema$allowClear = schema.allowClear,
    allowClear = _schema$allowClear === void 0 ? false : _schema$allowClear,
    _schema$addonBefore = schema.addonBefore,
    addonBefore = _schema$addonBefore === void 0 ? undefined : _schema$addonBefore,
    _schema$addonAfter = schema.addonAfter,
    addonAfter = _schema$addonAfter === void 0 ? undefined : _schema$addonAfter;
  var _useState = (0, _react.useState)(''),
    inputValue = _useState[0],
    setInputValue = _useState[1];
  var defaultOptions = {};
  if (schema['ui_options']) {
    Object.keys(schema['ui_options']).forEach(function (key) {
      defaultOptions[key] = schema['ui_options'][key];
    });
  }
  var handleSearch = function handleSearch(value) {
    return onChange(value);
  };
  var handleChange = function handleChange(e) {
    setInputValue(e.target.value);
    if (!e.target.value) {
      onChange(e.target.value);
    }
  };
  var options = (0, _extends2["default"])({
    placeholder: placeholder,
    maxLength: maxLength,
    allowClear: allowClear,
    addonBefore: addonBefore,
    addonAfter: addonAfter,
    minLength: minLength,
    disabled: readonly,
    suffix: maxLength ? value.length + "/" + maxLength : undefined
  }, defaultOptions);
  return /*#__PURE__*/React.createElement(_input["default"].Search, (0, _extends2["default"])({
    type: "text",
    onSearch: handleSearch,
    onChange: handleChange
  }, options, {
    value: inputValue || value
  }));
};
var _default = exports["default"] = InputSearch;