@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
42 lines (41 loc) • 1.38 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Demo;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _vantui = require("@antmjs/vantui");
var _options = require("./options");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
var _useState = (0, _react.useState)([]),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
value = _useState2[0],
setValue = _useState2[1];
(0, _react.useEffect)(function () {
setValue(['932450939976175616', '932810054606942208']);
}, []);
var onChange = function onChange(e) {
setValue(e.detail);
};
var renderShow = (0, _react.useCallback)(function (data, setShow) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
type: "primary",
block: true,
onClick: setShow,
disabled: true,
children: data.length ? "\u5DF2\u7ECF\u9009\u62E9\u4E86".concat(data.length, "\u5BB6\u516C\u53F8") : '请选择'
});
}, []);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.CheckList, {
disabled: true,
value: value,
onChange: onChange,
limit: 5,
labelName: "label",
data: _options.options,
renderShow: renderShow
});
}