@hw-component/form 0.0.1-bate

package/lib/Form/modal.d.ts

@@ -0,0 +1,92 @@
+import type { FormInstance, FormItemProps, FormProps } from "antd";
+import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
+import type React from "react";
+import type { HButtonProps, HInputProps, HSelectInputProps } from "@/components/Input/modal";
+import type { HRadioGroupProps } from "@/components/RadioGroup";
+import type { HSelectProps } from "@/components/Select/modal";
+import type { ButtonProps } from "antd/es";
+import type { HSwitchProps } from "@/components/Switch";
+import type { HDatePickerProps, HRangePickerProps, HTimePickerProps } from "@/components/TDPicker/modal";
+import type { TextAreaProps } from "antd/es/input";
+import type { IUpLoadProps } from "@/components/Upload/modal";
+import type { SelectProps } from "antd";
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
+type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => void;
+type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
+export interface HoverModal {
+    text?: string;
+    icon?: React.ReactNode;
+}
+type HelperModal = (form: HFormInstance) => React.ReactNode | string;
+export type HideModal = (form: HFormInstance) => boolean;
+export interface HItemProps extends Omit<FormItemProps, "name"> {
+    type?: string;
+    itemProps?: ItemPropsType;
+    render?: RenderFun;
+    helper?: HelperModal;
+    hover?: string | HoverModal;
+    labelWidth?: number;
+    hide?: boolean | HideModal;
+    placeholder?: string | string[];
+    formatKeys?: string[];
+    name: string;
+}
+export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form"> {
+    configData: HItemProps[];
+    labelWidth?: number;
+    request?: PromiseFnResult<T, R>;
+    infoRequest?: () => Promise<T>;
+    valueType?: string;
+    form?: HFormInstance;
+}
+export interface HFormItemProps extends HItemProps {
+    required?: boolean;
+}
+export interface FormItemWithRender extends Omit<HFormItemProps, "render"> {
+    render: (form: HFormInstance) => React.ReactNode;
+}
+export interface FormContextProps {
+    loading?: boolean;
+    form: HFormInstance;
+    valueType?: string;
+}
+interface ConfigUploadProps {
+    exFiles?: string[];
+    maxSize?: number;
+    request?: PromiseFnResult;
+}
+export interface IFormConfigContextProps {
+    fieldNames?: SelectProps["fieldNames"];
+    valueCheckMap?: ValueCheckMapModal;
+    valueSwitchMap?: ValueSwitchMapModal;
+    valueRangePickerValueMap?: DateRangePickerValueMapModal;
+    dateRanges?: RangePickerProps["ranges"];
+    uploadProps?: ConfigUploadProps;
+}
+export interface HFormInstance extends FormInstance {
+    addFormat: (name: string, formats?: FormatItemModal) => void;
+    initValues: (values?: Record<string, any>) => void;
+    formatValues: (values?: Record<string, any>, formatKey?: string) => Record<string, any>;
+    dispatch: (key: string) => void;
+    outputValues: (values?: Record<string, any>) => Record<string, any>;
+    addDispatchListener: (key: string, fn: VoidFunction) => void;
+    removeDispatchListener: (key?: string) => void;
+}
+export interface ConnectConfigModal {
+    format?: Record<string, addFormatItemModal>;
+}
+type ValueFormat = (value: Record<string, any>) => Record<string, any>;
+export interface FormatItemModal {
+    inputValue: ValueFormat;
+    outputValue: ValueFormat;
+}
+type addValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
+export interface addFormatItemModal {
+    inputValue: addValueFormat;
+    outputValue: addValueFormat;
+}
+export interface ConnectResultProps {
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
+}
+export {};

package/lib/Input/ButtonInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HButtonInputProps } from "./modal";
+declare const Index: React.FC<HButtonInputProps>;
+export default Index;

package/lib/Input/ButtonInput.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var antd = require('antd');
+var React = require('react');
+var ahooks = require('ahooks');
+
+var _excluded = ["buttonProps", "value", "onChange", "children", "request"],
+  _excluded2 = ["onClick", "type"];
+var Index = function Index(_ref) {
+  var _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    children = _ref.children,
+    request = _ref.request,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var onClick = buttonProps.onClick,
+    _buttonProps$type = buttonProps.type,
+    type = _buttonProps$type === void 0 ? "primary" : _buttonProps$type,
+    oProps = _objectWithoutProperties(buttonProps, _excluded2);
+  var _useRequest = ahooks.useRequest(function (val) {
+      return request === null || request === void 0 ? void 0 : request(val);
+    }, {
+      manual: true
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading;
+  var change = function change(e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+  };
+  var click = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            result = value;
+            if (!request) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 4;
+            return run(value);
+          case 4:
+            result = _context.sent;
+          case 5:
+            onClick === null || onClick === void 0 ? void 0 : onClick(result, e);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function click(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(antd.Input.Group, {
+    compact: true,
+    style: {
+      display: "flex"
+    }
+  }, /*#__PURE__*/React.createElement(antd.Input, _extends({}, props, {
+    style: {
+      flex: 1
+    },
+    value: value,
+    onChange: change
+  })), /*#__PURE__*/React.createElement(antd.Button, _extends({}, oProps, {
+    type: type,
+    onClick: click,
+    loading: loading
+  }), children));
+};
+
+exports.default = Index;
+// powered by h

package/lib/Input/InputNumber.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { InputNumberProps } from "antd";
+declare const _default: ({ style, ...props }: InputNumberProps) => JSX.Element;
+export default _default;

package/lib/Input/InputNumber.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var antd = require('antd');
+
+var _excluded = ["style"];
+var HInputNumber = (function (_ref) {
+  var _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      width: "100%"
+    } : _ref$style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(antd.InputNumber, _extends({
+    style: style
+  }, props));
+});
+
+exports.default = HInputNumber;
+// powered by h

package/lib/Input/SelectInput.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { HSelectInputProps } from "./modal";
+export declare enum SelectInputType {
+    input = 0,
+    select = 1
+}
+export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, ...props }: HSelectInputProps) => JSX.Element;
+declare const _default: (props: import("../Form/modal").HFormItemProps) => import("react").ReactElement<import("../Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
+export default _default;

package/lib/Input/SelectInput.js

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+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 _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 _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$values = require('@babel/runtime-corejs3/core-js/object/values');
+var antd = require('antd');
+var index = require('../Select/index.js');
+var defaultConfig = require('./defaultConfig.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+
+var _excluded = ["selectProps", "value", "onChange", "valueName", "addFormat"],
+  _excluded2 = ["style", "placeholder"];
+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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+exports.SelectInputType = void 0;
+(function (SelectInputType) {
+  SelectInputType[SelectInputType["input"] = 0] = "input";
+  SelectInputType[SelectInputType["select"] = 1] = "select";
+})(exports.SelectInputType || (exports.SelectInputType = {}));
+var Index = function Index(_ref) {
+  var _ref$selectProps = _ref.selectProps,
+    selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? {} : _ref$value,
+    onChange = _ref.onChange,
+    _ref$valueName = _ref.valueName,
+    valueName = _ref$valueName === void 0 ? defaultConfig.defaultValueName : _ref$valueName,
+    addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _valueName$input = valueName.input,
+    input = _valueName$input === void 0 ? "" : _valueName$input,
+    _valueName$select = valueName.select,
+    select = _valueName$select === void 0 ? "" : _valueName$select;
+  var inputVal = value[input],
+    selectVal = value[select];
+  var _selectProps$style = selectProps.style,
+    style = _selectProps$style === void 0 ? defaultConfig.defaultSelectStyle : _selectProps$style,
+    _selectProps$placehol = selectProps.placeholder,
+    placeholder = _selectProps$placehol === void 0 ? "请选择" : _selectProps$placehol,
+    sProps = _objectWithoutProperties(selectProps, _excluded2);
+  var change = function change(val, key) {
+    var newVal = _objectSpread({}, value);
+    newVal[key] = val;
+    var type = key === input ? exports.SelectInputType.input : exports.SelectInputType.select;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newVal, type);
+  };
+  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
+    "float": {
+      inputValue: function inputValue(item, initValue) {
+        var _context;
+        var name = item.name;
+        var resultObj = {};
+        _forEachInstanceProperty(_context = _Object$values(valueName)).call(_context, function (key) {
+          resultObj[key] = initValue[key];
+        });
+        return _defineProperty({}, name, resultObj);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var name = item.name;
+        var _outputValue$name = _outputValue[name],
+          itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
+        var newItemVal = _defineProperty({}, itemVal[select], itemVal[input]);
+        return _objectSpread({}, newItemVal);
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(antd.Input, _extends({
+    value: inputVal,
+    onChange: function onChange(e) {
+      change(e.target.value, input);
+    },
+    addonBefore: /*#__PURE__*/React.createElement(index.default, _extends({}, sProps, {
+      style: style,
+      placeholder: placeholder,
+      value: selectVal,
+      onChange: function onChange(val) {
+        change(val, select);
+      }
+    }))
+  }, props));
+};
+var HSelectInput = HFormConnect.default(Index);
+
+exports.Index = Index;
+exports.default = HSelectInput;
+// powered by h

package/lib/Input/defaultConfig.d.ts

@@ -0,0 +1,7 @@
+export declare const defaultSelectStyle: {
+    width: number;
+};
+export declare const defaultValueName: {
+    input: string;
+    select: string;
+};

package/lib/Input/defaultConfig.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var defaultSelectStyle = {
+  width: 128
+};
+var defaultValueName = {
+  input: "input",
+  select: "select"
+};
+
+exports.defaultSelectStyle = defaultSelectStyle;
+exports.defaultValueName = defaultValueName;
+// powered by h

package/lib/Input/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { HInputProps } from "./modal";
+declare const _default: ({ ...props }: HInputProps) => JSX.Element;
+export default _default;

package/lib/Input/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _objectDestructuringEmpty = require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var antd = require('antd');
+
+var HInput = (function (_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(antd.Input, props);
+});
+
+exports.default = HInput;
+// powered by h

package/lib/Input/modal.d.ts

@@ -0,0 +1,25 @@
+import type { ButtonProps, InputProps } from "antd";
+import type { HSelectProps } from "../Select/modal";
+import type { SelectInputType } from "./SelectInput";
+import type { PromiseFnResult } from "../modal";
+import type { addFormatItemModal } from "../Form/modal";
+export type HInputProps = InputProps;
+interface ValueNameModal {
+    input?: string;
+    select?: string;
+}
+export interface HSelectInputProps extends Omit<HInputProps, "value" | "onChange"> {
+    selectProps?: HSelectProps;
+    value?: Record<string, any>;
+    onChange?: (value: Record<string, any>, type: SelectInputType) => void;
+    valueName?: ValueNameModal;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}
+export interface HButtonProps extends Omit<ButtonProps, "onClick"> {
+    onClick: (value: string | readonly string[] | number | undefined, e: HTMLElement) => void;
+}
+export interface HButtonInputProps extends HInputProps {
+    buttonProps?: HButtonProps;
+    request?: PromiseFnResult;
+}
+export {};

package/lib/PageHandler/ErrorComponent.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IHPageHandler } from "./modal";
+declare const _default: ({ error, reload }: IHPageHandler) => JSX.Element;
+export default _default;

package/lib/PageHandler/ErrorComponent.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+
+var Text = antd.Typography.Text;
+var ErrorComponent = (function (_ref) {
+  var error = _ref.error,
+    reload = _ref.reload;
+  return /*#__PURE__*/React.createElement(antd.Row, {
+    justify: "center",
+    align: "middle",
+    style: {
+      height: 125
+    }
+  }, /*#__PURE__*/React.createElement(antd.Space, {
+    align: "center",
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Text, {
+    type: "danger"
+  }, /*#__PURE__*/React.createElement(icons.ExclamationCircleOutlined, {
+    size: 24
+  })), /*#__PURE__*/React.createElement(Text, {
+    type: "danger"
+  }, error === null || error === void 0 ? void 0 : error.message), /*#__PURE__*/React.createElement(antd.Button, {
+    type: "primary",
+    size: "small",
+    onClick: reload
+  }, "\u91CD\u65B0\u52A0\u8F7D")));
+});
+
+exports.default = ErrorComponent;
+// powered by h

package/lib/PageHandler/LoadingComponent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/lib/PageHandler/LoadingComponent.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+
+var Loading = (function () {
+  return /*#__PURE__*/React.createElement(antd.Row, {
+    justify: "center",
+    align: "middle",
+    style: {
+      height: 125
+    }
+  }, /*#__PURE__*/React.createElement(antd.Spin, {
+    size: "large"
+  }));
+});
+
+exports.default = Loading;
+// powered by h

package/lib/PageHandler/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IHPageHandler } from "./modal";
+declare const Index: React.FC<IHPageHandler>;
+export default Index;

package/lib/PageHandler/index.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var LoadingComponent = require('./LoadingComponent.js');
+var ErrorComponent = require('./ErrorComponent.js');
+
+var Index = function Index(_ref) {
+  var error = _ref.error,
+    data = _ref.data,
+    reload = _ref.reload,
+    children = _ref.children;
+  if (error) {
+    return /*#__PURE__*/React.createElement(ErrorComponent.default, {
+      error: error,
+      reload: reload
+    });
+  }
+  if (data) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(LoadingComponent.default, null);
+};
+
+exports.default = Index;
+// powered by h

package/lib/PageHandler/modal.d.ts

@@ -0,0 +1,6 @@
+export interface IHPageHandler<T = any> {
+    loading?: boolean;
+    error?: Error;
+    reload: VoidFunction;
+    data?: T;
+}

package/lib/RadioGroup/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SelectProps, RadioGroupProps } from "antd/es";
+export interface HRadioGroupProps extends Omit<RadioGroupProps, "onChange" | "options"> {
+    onChange?: (value: any) => void;
+    fieldNames?: SelectProps["fieldNames"];
+    options?: (Record<string, any> | string | number)[];
+}
+declare const _default: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: HRadioGroupProps) => JSX.Element;
+export default _default;

package/lib/RadioGroup/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var antd = require('antd');
+var index = require('../hooks/index.js');
+
+var _excluded = ["value", "options", "onChange", "fieldNames"];
+var HRadioGroup = (function (_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    _onChange = _ref.onChange,
+    propsFieldNames = _ref.fieldNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: propsFieldNames
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.fieldNames,
+    fieldNames = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
+  var relOptions = React.useMemo(function () {
+    return options === null || options === void 0 ? void 0 : _mapInstanceProperty(options).call(options, function (item) {
+      var type = _typeof(item);
+      if (type === "string" || type === "number") {
+        return item;
+      }
+      var _fieldNames$label = fieldNames.label,
+        labelKey = _fieldNames$label === void 0 ? "" : _fieldNames$label,
+        _fieldNames$value = fieldNames.value,
+        valueKey = _fieldNames$value === void 0 ? "" : _fieldNames$value;
+      return {
+        label: item[labelKey],
+        value: item[valueKey]
+      };
+    });
+  }, [options, fieldNames]);
+  return /*#__PURE__*/React.createElement(antd.Radio.Group, _extends({
+    options: relOptions,
+    value: value,
+    onChange: function onChange(e) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.value);
+    }
+  }, props));
+});
+
+exports.default = HRadioGroup;
+// powered by h

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

@@ -0,0 +1,7 @@
+import type { HSelectProps } from "@/components/Select/modal";
+import React from "react";
+interface IProps extends HSelectProps {
+    checked?: boolean;
+}
+declare const Index: React.FC<IProps>;
+export default Index;

package/lib/Select/components/AllSelect.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var antd = require('antd');
+var utils = require('../utils.js');
+var index = require('../../hooks/index.js');
+var React = require('react');
+
+var useRootClassName = function useRootClassName(checked) {
+  var _context;
+  var norClassNames = ["select-item", "select-item-option"];
+  return checked ? _concatInstanceProperty(_context = []).call(_context, norClassNames, ["select-item-option-selected"]) : norClassNames;
+};
+var Index = function Index(_ref) {
+  var allSelect = _ref.allSelect,
+    mode = _ref.mode,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    serviceSearch = _ref.serviceSearch,
+    options = _ref.options,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
+    children = _ref.children;
+  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 classNames = useRootClassName(checked);
+  var optionsClassName = index.useClassName(classNames);
+  var allCheckBox = index.useClassName("hw-all-check-box");
+  var change = function change() {
+    if (!checked) {
+      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([], []);
+  };
+  if (!allSelect || mode !== "multiple" || serviceSearch) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: allCheckBox
+  }, /*#__PURE__*/React.createElement("div", {
+    className: optionsClassName,
+    onClick: change
+  }, /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checked
+  }), "\u5168\u90E8")), children);
+};
+
+exports.default = Index;
+// powered by h

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface ICheckBoxOptionProps {
+    label?: React.ReactNode;
+    checked: boolean;
+}
+declare const _default: ({ label, checked }: ICheckBoxOptionProps) => JSX.Element;
+export default _default;

package/lib/Select/components/CheckBoxOption.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var antd = require('antd');
+var React = require('react');
+
+var CheckBoxOption = (function (_ref) {
+  var label = _ref.label,
+    checked = _ref.checked;
+  return /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checked
+  }), label);
+});
+
+exports.default = CheckBoxOption;
+// powered by h