mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
57 lines • 2.31 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["block", "icon", "options", "fieldNames", "checkboxProps", "checkboxGroupProps", "spaceProps", "className", "required"];
import React from 'react';
import { isArray, isUndefined } from 'ut2';
import classNames from 'classnames';
import { CheckSquareFill, Square } from 'doly-icons';
import BizFormItem from "../FormItem";
import SuperCheckbox from "./SuperCheckbox";
import { useConfig } from "../../BizConfigProvider";
import { formItemPrefixClass } from "../../../config";
var prefixCls = "".concat(formItemPrefixClass, "-checkbox");
var squareIcon = function squareIcon(checked) {
var iconPrefixCls = "".concat(prefixCls, "-icon-square");
return checked ? /*#__PURE__*/React.createElement(CheckSquareFill, {
className: "".concat(iconPrefixCls, " ").concat(iconPrefixCls, "-checked")
}) : /*#__PURE__*/React.createElement(Square, {
className: iconPrefixCls
});
};
var BizFormItemCheckbox = function BizFormItemCheckbox(_ref) {
var block = _ref.block,
icon = _ref.icon,
options = _ref.options,
fieldNames = _ref.fieldNames,
checkboxProps = _ref.checkboxProps,
checkboxGroupProps = _ref.checkboxGroupProps,
spaceProps = _ref.spaceProps,
className = _ref.className,
required = _ref.required,
restProps = _objectWithoutProperties(_ref, _excluded);
var _useConfig = useConfig(),
locale = _useConfig.locale;
return /*#__PURE__*/React.createElement(BizFormItem, _extends({
required: required,
rules: [{
validator: function validator(rule, value) {
if (required) {
if (isUndefined(value) || isArray(value) && value.length <= 0) {
return Promise.reject(locale.form.common.selectRequired);
}
}
return Promise.resolve();
}
}],
className: classNames(prefixCls, className)
}, restProps), /*#__PURE__*/React.createElement(SuperCheckbox, _extends({
block: block,
icon: icon,
options: options,
fieldNames: fieldNames,
spaceProps: spaceProps,
checkboxProps: checkboxProps
}, checkboxGroupProps)));
};
BizFormItemCheckbox.squareIcon = squareIcon;
export default BizFormItemCheckbox;