@hw-component/form 0.0.1 → 0.0.3

package/lib/Select/components/AllSelect.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
+import "../index.less";
 interface IProps extends HSelectProps {
     checked?: boolean;
 }
-declare const _default: ({ allSelect, mode, onChange, value, serviceSearch, options, }: IProps) => JSX.Element | null;
+declare const _default: ({ allSelect, mode, onChange, value, serviceSearch, options, fieldNames, }: IProps) => JSX.Element | null;
 export default _default;

package/lib/Select/components/AllSelect.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var antd = require('antd');
-var index = require('../index.less.js');
+var utils = require('../utils.js');
+var useClassName = require('../../hooks/useClassName.js');
 
 var AllSelect = (function (_ref) {
   var allSelect = _ref.allSelect,
@@ -12,21 +13,24 @@ var AllSelect = (function (_ref) {
     onChange = _ref.onChange,
     value = _ref.value,
     serviceSearch = _ref.serviceSearch,
-    options = _ref.options;
+    options = _ref.options,
+    fieldNames = _ref.fieldNames;
   if (!allSelect || mode !== "multiple" || serviceSearch) {
     return null;
   }
   var opLen = (options === null || options === void 0 ? void 0 : options.length) || 0;
   var checked = (value === null || value === void 0 ? void 0 : value.length) >= opLen;
+  var optionsClassName = useClassName.useClassName("option");
   var change = function change() {
     if (!checked) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(options);
+      var subItemOps = utils.itemOpProvider(options, fieldNames);
+      onChange === null || onChange === void 0 ? void 0 : onChange(options, subItemOps);
       return;
     }
-    onChange === null || onChange === void 0 ? void 0 : onChange([]);
+    onChange === null || onChange === void 0 ? void 0 : onChange([], []);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "ant-select-item ant-select-item-option ".concat(index.default.option),
+    className: "ant-select-item ant-select-item-option ".concat(optionsClassName),
     onClick: change
   }, /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
     checked: checked

package/lib/Select/defaultConfig.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
 export declare const defaultModeConfig: HSelectProps["modeConfig"];
-export declare const defaultFieldNames: HSelectProps["fieldNames"];
 export declare const defaultSelectConfig: {
     noMatchItemRender: () => JSX.Element;
 };

package/lib/Select/defaultConfig.js

@@ -22,10 +22,6 @@ var defaultModeConfig = {
     }
   }
 };
-var defaultFieldNames = {
-  label: "label",
-  value: "value"
-};
 var defaultSelectConfig = {
   noMatchItemRender: function noMatchItemRender() {
     return /*#__PURE__*/React.createElement(NoFindItem.default, {
@@ -34,7 +30,6 @@ var defaultSelectConfig = {
   }
 };
 
-exports.defaultFieldNames = defaultFieldNames;
 exports.defaultModeConfig = defaultModeConfig;
 exports.defaultSelectConfig = defaultSelectConfig;
 // powered by h

package/lib/Select/hooks/changeHooks.d.ts

@@ -1,5 +1,5 @@
 import type { PartialHSelectProps } from "@/components/Select/modal";
 export declare const useValueChange: (params: PartialHSelectProps) => {
     val: any;
-    change: (changeVal: any) => void;
+    change: (changeVal: any, itemOps: any) => void;
 };

package/lib/Select/hooks/changeHooks.js

@@ -15,6 +15,8 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
 var React = require('react');
+var utils = require('../utils.js');
+var config = require('../../config.js');
 
 var _excluded = ["index"],
   _excluded2 = ["index"];
@@ -153,12 +155,14 @@ var useValueChange = function useValueChange(params) {
     value = params.value,
     options = params.options,
     mode = params.mode,
-    noMatchItemRender = params.noMatchItemRender;
+    noMatchItemRender = params.noMatchItemRender,
+    _params$fieldNames = params.fieldNames,
+    fieldNames = _params$fieldNames === void 0 ? config.baseConfig.defaultFieldNames : _params$fieldNames;
   var _useState = React.useState(),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
     setVal = _useState2[1];
-  var change = function change(changeVal) {
+  var change = function change(changeVal, itemOps) {
     if (!onChange) {
       setVal(changeVal);
       return;
@@ -172,7 +176,8 @@ var useValueChange = function useValueChange(params) {
         return item.value;
       });
     }
-    onChange(newChangeVal);
+    var subItemOps = utils.itemOpProvider(itemOps, fieldNames);
+    onChange(newChangeVal, subItemOps);
   };
   React.useEffect(function () {
     if (options && value) {

package/lib/Select/hooks/norHooks.d.ts

@@ -1,9 +1,6 @@
 import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
-export declare const useOptionReq: ({ manual, fieldNames, request, options, serviceSearch, }: PartialHSelectProps) => {
-    run: (params?: any, type?: any) => Promise<{
-        label: any;
-        value: any;
-    }[] | undefined>;
+export declare const useOptionReq: ({ manual, request, options, serviceSearch, }: PartialHSelectProps) => {
+    run: (params?: any, type?: any) => Promise<OptionType[] | undefined>;
     loading: boolean;
     error: Error | undefined;
     data: OptionType[] | undefined;

package/lib/Select/hooks/norHooks.js

@@ -3,30 +3,15 @@
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _Promise = require('@babel/runtime-corejs3/core-js/promise');
 var React = require('react');
 var ahooks = require('ahooks');
 
-var resultProvider = function resultProvider(data, fieldNames) {
-  return data === null || data === void 0 ? void 0 : _mapInstanceProperty(data).call(data, function (item) {
-    var _ref = fieldNames || {},
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "label" : _ref$label,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? "value" : _ref$value;
-    return {
-      label: item[label],
-      value: item[value]
-    };
-  });
-};
-var useOptionReq = function useOptionReq(_ref2) {
-  var manual = _ref2.manual,
-    fieldNames = _ref2.fieldNames,
-    request = _ref2.request,
-    options = _ref2.options,
-    serviceSearch = _ref2.serviceSearch;
+var useOptionReq = function useOptionReq(_ref) {
+  var manual = _ref.manual,
+    request = _ref.request,
+    options = _ref.options,
+    serviceSearch = _ref.serviceSearch;
   var _useState = React.useState(),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
@@ -34,8 +19,6 @@ var useOptionReq = function useOptionReq(_ref2) {
   var _useRequest = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var params,
         type,
-        result,
-        resultOpt,
         _args = arguments;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -46,18 +29,13 @@ var useOptionReq = function useOptionReq(_ref2) {
               setData(undefined);
             }
             if (!request) {
-              _context.next = 8;
+              _context.next = 5;
               break;
             }
-            _context.next = 6;
-            return request(params);
+            return _context.abrupt("return", request(params));
+          case 5:
+            return _context.abrupt("return", _Promise.resolve(options));
           case 6:
-            result = _context.sent;
-            return _context.abrupt("return", resultProvider(result, fieldNames));
-          case 8:
-            resultOpt = resultProvider(options, fieldNames);
-            return _context.abrupt("return", _Promise.resolve(resultOpt));
-          case 10:
           case "end":
             return _context.stop();
         }
@@ -88,9 +66,9 @@ var useOptionReq = function useOptionReq(_ref2) {
     onSearch: onSearch
   };
 };
-var useFilterOption = function useFilterOption(_ref4) {
-  var filterOption = _ref4.filterOption,
-    serviceSearch = _ref4.serviceSearch;
+var useFilterOption = function useFilterOption(_ref3) {
+  var filterOption = _ref3.filterOption,
+    serviceSearch = _ref3.serviceSearch;
   if (serviceSearch) {
     return function () {
       return true;

package/lib/Select/index.js

@@ -13,10 +13,11 @@ var changeHooks = require('./hooks/changeHooks.js');
 var defaultConfig = require('./defaultConfig.js');
 var DropdownComponent = require('./components/DropdownComponent.js');
 var AllSelect = require('./components/AllSelect.js');
+var useChangeOptions = require('../hooks/useChangeOptions.js');
 
 var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect"];
 var Option = antd.Select.Option;
-var index = (function (_ref) {
+var HSelect = (function (_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? {
       width: "100%"
@@ -27,8 +28,7 @@ var index = (function (_ref) {
     modeConfig = _ref$modeConfig === void 0 ? defaultConfig.defaultModeConfig : _ref$modeConfig,
     value = _ref.value,
     onChange = _ref.onChange,
-    _ref$fieldNames = _ref.fieldNames,
-    fieldNames = _ref$fieldNames === void 0 ? defaultConfig.defaultFieldNames : _ref$fieldNames,
+    fieldNames = _ref.fieldNames,
     request = _ref.request,
     manual = _ref.manual,
     _ref$optionLabelProp = _ref.optionLabelProp,
@@ -61,16 +61,21 @@ var index = (function (_ref) {
     }),
     run = _useOptionReq.run,
     loading = _useOptionReq.loading,
-    data = _useOptionReq.data,
+    resultData = _useOptionReq.data,
     error = _useOptionReq.error,
     onSearch = _useOptionReq.onSearch;
+  var data = useChangeOptions.useChangeOptions({
+    options: resultData,
+    fieldNames: fieldNames
+  });
   var _useValueChange = changeHooks.useValueChange({
       labelInValue: labelInValue,
       onChange: onChange,
       value: value,
       options: data,
       mode: mode,
-      noMatchItemRender: noMatchItemRender
+      noMatchItemRender: noMatchItemRender,
+      fieldNames: fieldNames
     }),
     val = _useValueChange.val,
     change = _useValueChange.change;
@@ -115,5 +120,5 @@ var index = (function (_ref) {
   }));
 });
 
-exports.default = index;
+exports.default = HSelect;
 // powered by h

package/lib/Select/modal.d.ts

@@ -13,10 +13,9 @@ export interface ModeConfig {
 }
 export interface HSelectProps extends Omit<SelectProps, "options"> {
     style?: React.CSSProperties;
-    request?: (params: any) => Promise<OptionType[]>;
+    request?: PromiseFnResult<any, OptionType[]>;
     manual?: boolean;
     modeConfig?: ModeConfig;
-    onChange?: (val: any) => void;
     filterProvider?: (item: any) => string;
     serviceSearch?: boolean;
     options?: OptionType[];

package/lib/Select/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const itemOpMaker: (itemOp: any, fieldNames: any) => any;
+export declare const itemOpProvider: (itemOps: any, fieldNames: any) => any;

package/lib/Select/utils.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+
+var _excluded = ["label", "value"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var itemOpMaker = function itemOpMaker(itemOp, fieldNames) {
+  var _objectSpread2;
+  var label = itemOp.label,
+    itemVal = itemOp.value,
+    oItemOp = _objectWithoutProperties(itemOp, _excluded);
+  var _fieldNames$label = fieldNames.label,
+    labelKey = _fieldNames$label === void 0 ? "" : _fieldNames$label,
+    _fieldNames$value = fieldNames.value,
+    valKey = _fieldNames$value === void 0 ? "" : _fieldNames$value;
+  return _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, labelKey, label), _defineProperty(_objectSpread2, valKey, itemVal), _objectSpread2), oItemOp);
+};
+var itemOpProvider = function itemOpProvider(itemOps, fieldNames) {
+  if (_Array$isArray(itemOps)) {
+    return _mapInstanceProperty(itemOps).call(itemOps, function (item) {
+      return itemOpMaker(item, fieldNames);
+    });
+  }
+  return itemOpMaker(itemOps, fieldNames);
+};
+
+exports.itemOpMaker = itemOpMaker;
+exports.itemOpProvider = itemOpProvider;
+// powered by h

package/lib/Switch/index.d.ts

@@ -0,0 +1,10 @@
+import type { SwitchProps } from "antd";
+import React from "react";
+interface IProps extends Omit<SwitchProps, "onChange"> {
+    valueCheckMap?: ValueCheckMapModal;
+    value?: any;
+    onChange?: (val: any) => void;
+    beforeText?: React.ReactNode;
+}
+declare const Index: React.FC<IProps>;
+export default Index;

package/lib/Switch/index.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var antd = require('antd');
+var React = require('react');
+var config = require('../config.js');
+
+var _excluded = ["value", "onChange", "valueCheckMap", "children", "unCheckedChildren", "checkedChildren", "beforeText"];
+var Index = function Index(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$valueCheckMap = _ref.valueCheckMap,
+    valueCheckMap = _ref$valueCheckMap === void 0 ? config.baseConfig.defaultValueSwitchMap : _ref$valueCheckMap,
+    children = _ref.children,
+    _ref$unCheckedChildre = _ref.unCheckedChildren,
+    unCheckedChildren = _ref$unCheckedChildre === void 0 ? "关闭" : _ref$unCheckedChildre,
+    _ref$checkedChildren = _ref.checkedChildren,
+    checkedChildren = _ref$checkedChildren === void 0 ? "开启" : _ref$checkedChildren,
+    beforeText = _ref.beforeText,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var swChecked = React.useMemo(function () {
+    var checked = valueCheckMap.checked;
+    return value === checked;
+  }, [value]);
+  var change = function change(checked) {
+    var subVal = valueCheckMap === null || valueCheckMap === void 0 ? void 0 : valueCheckMap.noChecked;
+    if (checked) {
+      subVal = valueCheckMap === null || valueCheckMap === void 0 ? void 0 : valueCheckMap.checked;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
+  };
+  return /*#__PURE__*/React.createElement(antd.Space, null, beforeText, /*#__PURE__*/React.createElement(antd.Switch, _extends({
+    checked: swChecked,
+    checkedChildren: checkedChildren,
+    unCheckedChildren: unCheckedChildren,
+    onChange: change
+  }, props)), /*#__PURE__*/React.createElement("span", null, children));
+};
+
+exports.default = Index;
+// powered by h

package/lib/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/lib/config.d.ts

@@ -0,0 +1,15 @@
+export declare const baseConfig: {
+    defaultFieldNames: {
+        label: string;
+        value: string;
+    };
+    defaultValueCheckMap: {
+        checked: boolean;
+        noChecked: boolean;
+    };
+    defaultValueSwitchMap: {
+        checked: boolean;
+        noChecked: boolean;
+    };
+    prefixCls: string;
+};

package/lib/config.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var baseConfig = {
+  defaultFieldNames: {
+    label: "label",
+    value: "value"
+  },
+  defaultValueCheckMap: {
+    checked: true,
+    noChecked: false
+  },
+  defaultValueSwitchMap: {
+    checked: true,
+    noChecked: false
+  },
+  prefixCls: "hw"
+};
+
+exports.baseConfig = baseConfig;
+// powered by h

package/lib/hooks/useChangeOptions.d.ts

@@ -0,0 +1,10 @@
+import type { SelectProps } from "antd";
+interface UseChangeOptionsParams {
+    options?: Record<string, any>[];
+    fieldNames?: SelectProps["fieldNames"];
+}
+export declare const useChangeOptions: ({ options, fieldNames, }: UseChangeOptionsParams) => {
+    label: any;
+    value: any;
+}[] | undefined;
+export {};

package/lib/hooks/useChangeOptions.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var React = require('react');
+var config = require('../config.js');
+
+var useChangeOptions = function useChangeOptions(_ref) {
+  var options = _ref.options,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? config.baseConfig.defaultFieldNames : _ref$fieldNames;
+  return React.useMemo(function () {
+    return options === null || options === void 0 ? void 0 : _mapInstanceProperty(options).call(options, function (item) {
+      var _fieldNames$label = fieldNames.label,
+        label = _fieldNames$label === void 0 ? "" : _fieldNames$label,
+        _fieldNames$value = fieldNames.value,
+        value = _fieldNames$value === void 0 ? "" : _fieldNames$value;
+      return {
+        label: item[label],
+        value: item[value]
+      };
+    });
+  }, [options]);
+};
+
+exports.useChangeOptions = useChangeOptions;
+// powered by h

package/lib/hooks/useClassName.d.ts

@@ -0,0 +1 @@
+export declare const useClassName: (className: string) => string;

package/lib/hooks/useClassName.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var React = require('react');
+var config = require('../config.js');
+
+var useClassName = function useClassName(className) {
+  return React.useMemo(function () {
+    var _context;
+    return _concatInstanceProperty(_context = "".concat(config.baseConfig.prefixCls, "-")).call(_context, className);
+  }, [className]);
+};
+
+exports.useClassName = useClassName;
+// powered by h

package/lib/index.css

@@ -1,3 +1,3 @@
-.option:hover {
+.hw-option:hover {
   background-color: #f5f5f5;
 }

package/lib/index.d.ts

@@ -1 +1,11 @@
-export { default as HSelect } from './Select';
+export { default as HSelect } from "./Select";
+export { default as HInput } from "./Input";
+export { default as HInputNumber } from "./Input/InputNumber";
+export { default as HSelectInput } from "./Input/SelectInput";
+export { default as HButtonInput } from "./Input/ButtonInput";
+export { default as HCheckboxGroup } from "./CheckboxGroup";
+export { default as HCheckBox } from "./CheckboxGroup/CheckBox";
+export { default as HRadioGroup } from "./RadioGroup";
+export { default as HSwitch } from "./Switch";
+export { default as HDatePicker } from "./DatePicker";
+export { default as HRangePicker } from "./DatePicker/RangePicker";

package/lib/index.js

@@ -1,8 +1,28 @@
 'use strict';
 
 var index = require('./Select/index.js');
+var index$1 = require('./Input/index.js');
+var InputNumber = require('./Input/InputNumber.js');
+var SelectInput = require('./Input/SelectInput.js');
+var ButtonInput = require('./Input/ButtonInput.js');
+var index$2 = require('./CheckboxGroup/index.js');
+var index$3 = require('./CheckboxGroup/CheckBox/index.js');
+var index$4 = require('./RadioGroup/index.js');
+var index$5 = require('./Switch/index.js');
+var index$6 = require('./DatePicker/index.js');
+var RangePicker = require('./DatePicker/RangePicker.js');
 
 
 
 exports.HSelect = index.default;
+exports.HInput = index$1.default;
+exports.HInputNumber = InputNumber.default;
+exports.HSelectInput = SelectInput.default;
+exports.HButtonInput = ButtonInput.default;
+exports.HCheckboxGroup = index$2.default;
+exports.HCheckBox = index$3.default;
+exports.HRadioGroup = index$4.default;
+exports.HSwitch = index$5.default;
+exports.HDatePicker = index$6.default;
+exports.HRangePicker = RangePicker.default;
 // powered by h

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -66,7 +66,7 @@
     "postcss-less": "^6.0.0",
     "rollup": "^3.23.0",
     "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-postcss": "4.0.0",
     "rollup-plugin-typescript2": "^0.34.1",
     "style-loader": "^3.3.3",
     "stylelint": "13.13.1",

package/scripts/rollup.config.js

@@ -4,11 +4,11 @@ const { nodeResolve } = require("@rollup/plugin-node-resolve");
 const { babel } = require("@rollup/plugin-babel");
 const commonjs = require("@rollup/plugin-commonjs");
 const typescript = require("rollup-plugin-typescript2");
-const postcss = require("rollup-plugin-postcss");
 const autoprefixer = require("autoprefixer");
 const inject = require("@rollup/plugin-inject");
 const url = require("@rollup/plugin-url");
 const pkg = require("../package.json");
+const postcss=require("rollup-plugin-postcss");
 const prefix = pkg.cssPrefix;
 const input = path.resolve(__dirname, "../src/components/index.tsx");
 const outDir = path.resolve(__dirname, "../lib");
@@ -43,9 +43,6 @@ module.exports = {
     }),
     postcss({
       extract: "index.css",
-      modules: {
-        generateScopedName: `${prefix}_[local]`,
-      },
       plugins: [
         autoprefixer({
           overrideBrowserslist: [

package/src/components/CheckboxGroup/CheckBox/index.tsx

@@ -0,0 +1,38 @@
+import type { CheckboxProps } from "antd/lib/checkbox/Checkbox";
+import { Checkbox } from "antd";
+import React, { useMemo } from "react";
+import { baseConfig } from "../../config";
+import type { CheckboxChangeEvent } from "antd/es/checkbox";
+
+interface IProps extends CheckboxProps {
+  valueCheckMap?: ValueCheckMapModal;
+}
+const Index: React.FC<IProps> = ({
+  value,
+  onChange,
+  children,
+  valueCheckMap = baseConfig.defaultValueCheckMap,
+}) => {
+  const checkedVal = useMemo(() => {
+    const { checked } = valueCheckMap;
+    if (value === checked) {
+      return true;
+    }
+    return false;
+  }, [value]);
+  const change = (e: CheckboxChangeEvent) => {
+    const { checked, noChecked } = valueCheckMap;
+    const val = e.target.checked;
+    let subVal = checked;
+    if (!val) {
+      subVal = noChecked;
+    }
+    onChange?.(subVal);
+  };
+  return (
+    <Checkbox checked={checkedVal} onChange={change}>
+      {children}
+    </Checkbox>
+  );
+};
+export default Index;