mobile-more/lib/components/BizForm/ItemCheckList/index.js

基于 antd-mobile v5 扩展移动端 UI 组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var React = _interopRequireWildcard(require("react"));
var _ut = require("ut2");
var _FormItem = _interopRequireDefault(require("../FormItem"));
var _SuperCheckList = _interopRequireDefault(require("./SuperCheckList"));
var _BizConfigProvider = require("../../BizConfigProvider");
var _getDefaultPopupTitle = _interopRequireDefault(require("../utils/getDefaultPopupTitle"));
var _excluded = ["placeholder", "title", "loading", "options", "fieldNames", "checkListProps", "searchBarProps", "emptyProps", "checkListPopupProps", "renderCurrentValue", "multiple", "radioMode", "separator", "showSearch", "actionRef", "readOnly", "disabled", "onClick", "required"];
var BizFormItemCheckList = function BizFormItemCheckList(props) {
  var _useConfig = (0, _BizConfigProvider.useConfig)(),
    locale = _useConfig.locale;
  var _props$placeholder = props.placeholder,
    placeholder = _props$placeholder === void 0 ? locale.form.common.selectPlaceholder : _props$placeholder,
    _props$title = props.title,
    title = _props$title === void 0 ? (0, _getDefaultPopupTitle.default)(props, locale) : _props$title,
    loading = props.loading,
    options = props.options,
    fieldNames = props.fieldNames,
    checkListProps = props.checkListProps,
    searchBarProps = props.searchBarProps,
    emptyProps = props.emptyProps,
    checkListPopupProps = props.checkListPopupProps,
    renderCurrentValue = props.renderCurrentValue,
    multiple = props.multiple,
    radioMode = props.radioMode,
    separator = props.separator,
    showSearch = props.showSearch,
    actionRef = props.actionRef,
    readOnly = props.readOnly,
    disabled = props.disabled,
    onClick = props.onClick,
    required = props.required,
    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
  var _React$useState = React.useState(false),
    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
    visible = _React$useState2[0],
    setVisible = _React$useState2[1];
  var handleClick = React.useCallback(function (e, widgetRef) {
    if (!disabled && !readOnly) {
      setVisible(true);
    }
    onClick === null || onClick === void 0 ? void 0 : onClick(e, widgetRef);
  }, [disabled, onClick, readOnly]);
  React.useImperativeHandle(actionRef, function () {
    return {
      hidePopup: function hidePopup() {
        setVisible(false);
      },
      showPopup: function showPopup() {
        setVisible(true);
      },
      togglePopup: function togglePopup() {
        setVisible(function (v) {
          return !v;
        });
      }
    };
  });
  return /*#__PURE__*/React.createElement(_FormItem.default, (0, _objectSpread2.default)({
    onClick: handleClick,
    disabled: disabled,
    required: required,
    rules: [{
      validator: function validator(rule, value) {
        if (required && ((0, _ut.isArray)(value) && value.length <= 0 || typeof value === 'undefined')) {
          return Promise.reject(locale.form.common.selectRequired);
        }
        return Promise.resolve();
      }
    }]
  }, restProps), /*#__PURE__*/React.createElement(_SuperCheckList.default, (0, _objectSpread2.default)({
    title: title,
    visible: visible,
    onVisibleChange: setVisible,
    loading: loading,
    options: options,
    fieldNames: fieldNames,
    renderCurrentValue: renderCurrentValue,
    checkListProps: checkListProps,
    searchBarProps: searchBarProps,
    emptyProps: emptyProps,
    placeholder: placeholder,
    multiple: multiple,
    radioMode: radioMode,
    separator: separator,
    showSearch: showSearch
  }, checkListPopupProps)));
};
var _default = exports.default = BizFormItemCheckList;