@pluve/ace
Version:
一套React版本的 Taro UI 组件库
26 lines • 3.38 kB
JavaScript
/**
* checkBox UI组件 author:cxl
*/
import React from 'react';
import { View, Image } from '@tarojs/components';
const selectImg =
// eslint-disable-next-line max-len
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEJUlEQVRYR7WXX2gcVRTGf2c2JrYUxQSkJRHqf2gUFJXSbBIbqUSLQYwl9h/61Fas7CapRpRCDIVCVbK7sS8NPohFC8UiLbUN1ZpqdvIgUtEWAhWsEFoUmrWxjUk2O3Nkso37Z2azs00zT7Nzv/N93z177rn3CqU+3+6tYsnS+7ClBtFKEAE7gcgoydRFmt66Ugql+ALPii5pgcCLoKsRWQ7kxyqqfwI/AkeZnDjGuvfGivHPb+BEXwV32jsQox24txhZ3vhFVCOMSz/rQ9OFYgsbiPfWYpTtB9aWKJwLVx0kZe/k6Y4RLx5vA0O96zACnyGyYkHic8HKZWxrCw0dZ/L53Abi0Wcx5EuQO26J+P8m9CpKK/XhwWzeXAPx6MMYhuPSKbJFePQSltVIQ+fvc+QZA4e7y6muOonwzCIoZ1HqANOJFpp6Us7HjAEzug0x+hdX/Aa76qsEwwczBga7l1FReRbkwVtnQBMglZ58qudJJp6iqWcqnYF4pBUjcOTWiOskar9BcmaA8orNwD5EylzctrWe+o6TaQNm7BAiGxduQCdQfY1ge2YyZjQERi9CIIdf9ROC4W1COv3nQFYuyIDqNVS3Ut9+LIdnlr/qD6Aqr0ONcFUeF37oW0WZ/gxSvgAD49i6mfrwCRfHcGwnKjFXBtAJpu1HBKfrBcq+KSiufArWQTCaEely4ZS/gY0EQ6dcY/HY6wgfe9YAKJa9RhjqayFAbtoyTPupC4VwwOla6UTko6zlO4ZabQQ7vnOLR9/EkBiIUXBylj4vDEebwRjwnNm11AM815nIGRuOhUGiqF7Bkg00hr73SLuDiXhs2XlQu0UwI2uQwLDbpSZRu5Vgx9euMadp2fqb1+aCGd2FGB8WFwfsVKMwGFlJeeAcwjKPVI2BvkJd+LSvAjVjXYjs84WFf7FSjwrpPeAsQq1315qnyLID4rF3MWSvT3GnrG4sw3RxHUBk+zzB49jWJqdzeWLM6G7E2ONf3NGfa0RO1OwZwHAvo9zW9Q/oFuraj+d8NmPdiLxfkrgDVpqdpZtuxem/wUR4cl4i5TroVoLho+ll2bcHYfdNiP/EpbEgbT3JzHbsd0NSphD9HLgbpKVkcSfA0lYawl85rxkD3d0GzZXOUeylmyL1G6R6hFOJNnp67FwDzq/BvhrK9Qwi9/vlKwmnXEAnm6h/5/JcnPtQakYeQ4zjINUlkRcDK6NY9gs0tv+aDS1wLI89gSFfIDxUjNffuI5gpTbRsOuXfHzhi8np3mpuD0QR2eBPpABKOURyqpOmLufa5nqK3w3N6MuIvA2yukQjJrb9geuAkkdS3IATcGD7bdSuWotIG0IdUONxcRlHdRQhjs1hZhJDc0fv+Yz7M5DN4DStFXctR/UeDFk6OyR6nWRglAvn/2JH/0wpmfoP49JvBuSf9PgAAAAASUVORK5CYII=';
const noSelectImg =
// eslint-disable-next-line max-len
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACvElEQVRYR82XTWsTURSG3zNNWimSFlsa7VrQnYLBhSJUpTPJZLIolYh/wVbRlaBWq1XBlaKtf0EMliySzGQmaAXRhUTQnYLrakortmixTTtH7sSUmH5MQhbXWc6957zPzPm45xIkP9SofrFYDJZKCxoTVBCOMGM/AV3CnoFFInwB4z0xnHC4x45EIuVGfPsCpNMz3YH21UtEPAJQbyNOAZ5npqm11eWHQ0NDP3ay2RHANO0zLmgS4LDnhPARTNNM9DpI65+XlpYWxOtQKNRT5rYDxHwCxMNgHKqIUkkBj+q69nw7iC0BmJlytjMBF1c9WaCoAFd0XXvZyB8wTfuUC9wHEPEipOBeXFPHiIjr7TcBCPGs5Twl4CyAMil0WdcGn2xlvBOM8GPahfPs8gMAQQaeGTH1XL2fTQDZvH0HLq4R8F0hZTgWG3zVyFdvt8eyCgMuu9MM7IGCu0ZUu1679x+ASsyRArDWRoraqnhVSECss+sACChAsjYnNgBEtgc7yp9EwpFCo/GoOtXKl9fb5vLOCLs8KRKzvPLrYLU6NgAyOXucCDdFwsVj6tFmY+4H6yW25bwTicmMW4m4Nl4pLKFYLAa/zc3PijpXgNONZrufaP363+p4IfrE3r7eftGsPIBczjaYkBF1bsS0w806bmZ/1rI/iD5BjEQ8rmU9gKxpPwJwAaAbhq5ONOOw2b1Z0xkD+DaAx4auXawAWPYbMI4xKScTLZadH1DGKgwQuzMgvDVi2nEPIGPaJQL6Agr3R6PRr35OWlnP5/P71lyaZWAuoWvhagh+A+hY/rnYkUwmV1sR8LNNpVLtnbu7VgCsGLq26/8AkB8C2UkovQylNyLprdjrBTIPIwEg/TgWEFIHkmoHkzqSCQjpQ2kVQtpYXnuYSLuY1EKk0+nuQHunnKtZLYi0y6nf+d7q+h/kmO0w5BgVcgAAAABJRU5ErkJggg==';
const CheckBox = ({ value = [], type, selectedValue = [] }) => {
let flag = false;
if (type === 'all') {
// 全选
flag = JSON.stringify(value) === JSON.stringify(selectedValue) && selectedValue.length > 0;
}
else {
// 单选
flag = selectedValue.indexOf(value[0]) !== -1;
}
return (React.createElement(View, { className: "ace-checkbox-wrap" },
React.createElement(Image, { src: flag ? selectImg : noSelectImg, className: "ace-checkbox-select" })));
};
export default CheckBox;
//# sourceMappingURL=index.js.map