@hw-component/form 1.9.86 → 1.9.88

package/es/Select/TagSelect/Content.js

@@ -0,0 +1,90 @@
+// welcome to hoo hoo hoo
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useClassName } from '../../hooks/index.js';
+import { Space, Skeleton, Empty, Row, Tag } from 'antd';
+import { useChangeControl } from './hooks.js';
+import NotFoundContent from '../components/NotFoundContent.js';
+
+var ItemOption = function ItemOption(_ref) {
+  var options = _ref.options,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    fieldNames = _ref.fieldNames;
+  var tagClassName = useClassName("hw-tag-item");
+  var _ref2 = fieldNames || {},
+    _ref2$label = _ref2.label,
+    labelKey = _ref2$label === void 0 ? "label" : _ref2$label,
+    _ref2$value = _ref2.value,
+    valueKey = _ref2$value === void 0 ? "value" : _ref2$value;
+  var _useChangeControl = useChangeControl({
+      options: options,
+      value: value,
+      onChange: onChange,
+      fieldNames: fieldNames
+    }),
+    change = _useChangeControl.change;
+  return jsx(Row, {
+    gutter: [0, 8],
+    children: options === null || options === void 0 ? void 0 : options.map(function (item) {
+      var label = item[labelKey],
+        itemVal = item[valueKey];
+      var index = value === null || value === void 0 ? void 0 : value.indexOf(itemVal);
+      var checkedTag = index !== -1;
+      return jsx(Tag, {
+        color: checkedTag ? "processing" : undefined,
+        className: tagClassName,
+        onClick: function onClick() {
+          change(itemVal);
+        },
+        children: label
+      }, itemVal);
+    })
+  });
+};
+var Content = (function (_ref3) {
+  var loading = _ref3.loading,
+    value = _ref3.value,
+    options = _ref3.options,
+    onChange = _ref3.onChange,
+    fieldNames = _ref3.fieldNames,
+    error = _ref3.error,
+    reload = _ref3.reload;
+  var len = (options === null || options === void 0 ? void 0 : options.length) || 0;
+  if (loading && len === 0) {
+    return jsxs(Space, {
+      direction: "vertical",
+      style: {
+        width: "100%"
+      },
+      children: [jsx(Skeleton.Button, {
+        active: true,
+        size: "small",
+        block: true
+      }), jsx(Skeleton.Button, {
+        active: true,
+        size: "small",
+        block: true
+      })]
+    });
+  }
+  if (error && len === 0) {
+    return jsx(NotFoundContent, {
+      error: error,
+      reload: reload
+    });
+  }
+  if (len === 0) {
+    return jsx(Empty, {
+      image: Empty.PRESENTED_IMAGE_SIMPLE
+    });
+  }
+  return jsx(ItemOption, {
+    options: options,
+    value: value,
+    onChange: onChange,
+    fieldNames: fieldNames
+  });
+});
+
+export { Content as default };
+// powered by hdj

package/es/Select/TagSelect/hooks.d.ts

@@ -0,0 +1,14 @@
+import { HTagSelectProps } from "@/components/Select/modal";
+export declare const useTagControl: ({ value, options, title }: HTagSelectProps) => {
+    labelNode: {};
+    checked: boolean | undefined;
+    indeterminate: boolean | undefined;
+};
+export declare const useChangeControl: ({ options, value, onChange, fieldNames }: HTagSelectProps) => {
+    change: (val: any) => void;
+    allCheck: (e: any) => void | undefined;
+};
+export declare const useCollapseControl: ({ visible, defaultVisible, onVisibleChange }: HTagSelectProps) => {
+    activeKey: string[];
+    onChange: (keys: any) => void;
+};

package/es/Select/TagSelect/hooks.js

@@ -0,0 +1,122 @@
+// welcome to hoo hoo hoo
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import { useMemo, useState, useEffect } from 'react';
+
+var useTagControl = function useTagControl(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    title = _ref.title;
+  var _useMemo = useMemo(function () {
+      var len = value === null || value === void 0 ? void 0 : value.length;
+      var opLen = options === null || options === void 0 ? void 0 : options.length;
+      if (!opLen) {
+        return {
+          checked: false
+        };
+      }
+      if (len === opLen) {
+        return {
+          checked: true
+        };
+      }
+      return {
+        indeterminate: !!len
+      };
+    }, [value, options]),
+    checked = _useMemo.checked,
+    indeterminate = _useMemo.indeterminate;
+  var labelNode = useMemo(function () {
+    if (title) {
+      return title;
+    }
+    if (checked) {
+      return "取消";
+    }
+    return "全选";
+  }, [title, checked, indeterminate]);
+  return {
+    labelNode: labelNode,
+    checked: checked,
+    indeterminate: indeterminate
+  };
+};
+var useChangeControl = function useChangeControl(_ref2) {
+  var options = _ref2.options,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    fieldNames = _ref2.fieldNames;
+  var _ref3 = fieldNames || {},
+    _ref3$value = _ref3.value,
+    valueKey = _ref3$value === void 0 ? "value" : _ref3$value;
+  var optsNk = function optsNk(newVal) {
+    var newOpts = [];
+    newVal === null || newVal === void 0 || newVal.forEach(function (itemVal) {
+      var index = options === null || options === void 0 ? void 0 : options.findIndex(function (item) {
+        return itemVal === item[valueKey];
+      });
+      if (typeof index !== "undefined") {
+        newOpts.push(options === null || options === void 0 ? void 0 : options[index]);
+      }
+    });
+    return newOpts;
+  };
+  var checkedVal = function checkedVal(val) {
+    var newVal = _toConsumableArray(value);
+    newVal.push(val);
+    onChange === null || onChange === void 0 || onChange(newVal, optsNk(newVal));
+  };
+  var removeVal = function removeVal(index) {
+    var newVal = _toConsumableArray(value);
+    newVal.splice(index, 1);
+    onChange === null || onChange === void 0 || onChange(newVal, optsNk(newVal));
+  };
+  var change = function change(val) {
+    var index = value === null || value === void 0 ? void 0 : value.indexOf(val);
+    var checked = index === -1;
+    if (checked) {
+      return checkedVal(val);
+    }
+    return removeVal(index);
+  };
+  var allCheck = function allCheck(e) {
+    if (!e.target.checked) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange([], []);
+    }
+    var newVal = options === null || options === void 0 ? void 0 : options.map(function (item) {
+      return item[valueKey];
+    });
+    return onChange === null || onChange === void 0 ? void 0 : onChange(newVal, options);
+  };
+  return {
+    change: change,
+    allCheck: allCheck
+  };
+};
+var useCollapseControl = function useCollapseControl(_ref4) {
+  var visible = _ref4.visible,
+    defaultVisible = _ref4.defaultVisible,
+    onVisibleChange = _ref4.onVisibleChange;
+  var _useState = useState(defaultVisible ? ["1"] : []),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  useEffect(function () {
+    if (typeof visible === "undefined") {
+      return;
+    }
+    setActiveKey(visible ? ["1"] : []);
+  }, [visible]);
+  var onChange = function onChange(keys) {
+    var len = keys === null || keys === void 0 ? void 0 : keys.length;
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(!!len);
+    setActiveKey(keys);
+  };
+  return {
+    activeKey: activeKey,
+    onChange: onChange
+  };
+};
+
+export { useChangeControl, useCollapseControl, useTagControl };
+// powered by hdj

package/es/Select/TagSelect/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/es/Select/TagSelect/index.js

@@ -0,0 +1,110 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { Collapse, Checkbox } from 'antd';
+import { useClassName, useMatchConfigProps } from '../../hooks/index.js';
+import { useSelectReq } from '../hooks/norHooks.js';
+import Content from './Content.js';
+import { useCollapseControl, useTagControl, useChangeControl } from './hooks.js';
+import HFormConnect from '../../Form/HFormConnect.js';
+
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Panel = Collapse.Panel;
+var ItemTitle = function ItemTitle(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsx("div", {
+    onClick: function onClick(event) {
+      event.stopPropagation();
+    },
+    children: jsx(Checkbox, _objectSpread(_objectSpread({}, props), {}, {
+      children: children
+    }))
+  });
+};
+var Index = function Index(_ref2) {
+  var options = _ref2.options,
+    _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? [] : _ref2$value,
+    onChange = _ref2.onChange,
+    dispatch = _ref2.dispatch,
+    propsFieldNames = _ref2.fieldNames,
+    request = _ref2.request,
+    title = _ref2.title,
+    manual = _ref2.manual,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    visible = _ref2.visible,
+    defaultVisible = _ref2.defaultVisible,
+    onVisibleChange = _ref2.onVisibleChange,
+    addDispatchListener = _ref2.addDispatchListener;
+  var collapseClassName = useClassName("hw-tag-select");
+  var _useMatchConfigProps = useMatchConfigProps({
+      fieldNames: propsFieldNames
+    }),
+    fieldNames = _useMatchConfigProps.fieldNames;
+  var _useCollapseControl = useCollapseControl({
+      defaultVisible: defaultVisible,
+      visible: visible,
+      onVisibleChange: onVisibleChange
+    }),
+    activeKey = _useCollapseControl.activeKey,
+    colChange = _useCollapseControl.onChange;
+  var _useSelectReq = useSelectReq({
+      options: options,
+      manual: manual,
+      request: request,
+      dispatch: dispatch
+    }),
+    loading = _useSelectReq.loading,
+    resultData = _useSelectReq.data,
+    error = _useSelectReq.error,
+    reload = _useSelectReq.reload;
+  var _useTagControl = useTagControl({
+      value: value,
+      options: resultData,
+      title: title
+    }),
+    labelNode = _useTagControl.labelNode,
+    checked = _useTagControl.checked,
+    indeterminate = _useTagControl.indeterminate;
+  var _useChangeControl = useChangeControl({
+      value: value,
+      options: resultData,
+      onChange: onChange,
+      fieldNames: fieldNames
+    }),
+    allCheck = _useChangeControl.allCheck;
+  addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("reload", reload);
+  return jsx(Collapse, {
+    bordered: false,
+    ghost: true,
+    activeKey: activeKey,
+    onChange: colChange,
+    className: "".concat(collapseClassName, " ").concat(className),
+    children: jsx(Panel, {
+      header: jsx(ItemTitle, {
+        indeterminate: indeterminate,
+        checked: checked,
+        onChange: allCheck,
+        children: labelNode
+      }),
+      children: jsx(Content, {
+        loading: loading,
+        options: resultData,
+        value: value,
+        error: error,
+        onChange: onChange,
+        reload: reload,
+        fieldNames: fieldNames
+      })
+    }, "1")
+  });
+};
+var HTagSelect = HFormConnect(Index);
+
+export { HTagSelect as default };
+// powered by hdj

package/es/Select/index.js

@@ -67,7 +67,6 @@ var Index = function Index(_ref) {
   var _useSelectReq = useSelectReq({
       options: options,
       manual: manual,
-      fieldNames: fieldNames,
       request: request,
       serviceSearch: serviceSearch,
       showSearch: showSearch,

package/es/Select/modal.d.ts

@@ -21,7 +21,7 @@ export interface OptionsPageResultModal {
     total: number;
 }
 export type OptionsDataType = OptionsListType | OptionsPageResultModal;
-export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder"> {
+export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder" | "onChange"> {
     style?: React.CSSProperties;
     request?: PromiseFnResult<any, OptionsDataType>;
     manual?: boolean;
@@ -38,10 +38,17 @@ export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder
     isList?: boolean;
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;
+    onChange?: (value: any, opts?: OptionType[] | OptionType) => void;
 }
 export interface FilterDataModal {
     value: any;
     index: number;
 }
+export interface HTagSelectProps extends HSelectProps {
+    title?: React.ReactNode;
+    defaultVisible?: boolean;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+}
 export type PartialHSelectProps = Partial<HSelectProps>;
 export {};

package/es/index.css

@@ -42,6 +42,18 @@
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
+.ant-hw-tag-select {
+  width: 100%;
+}
+.ant-hw-tag-select .ant-collapse-content-box {
+  padding: 0px 40px !important;
+}
+.ant-hw-tag-select .ant-hw-tag-select {
+  cursor: pointer;
+}
+.ant-hw-tag-select .ant-collapse-header {
+  padding: 5px 16px !important;
+}
 .ant-hw-form-item-colon:after {
   position: relative;
   top: -0.5px;
@@ -167,6 +179,9 @@
   display: -ms-flexbox;
   display: flex;
 }
+.ant-hw-tag-select .ant-hw-tag-item {
+  cursor: pointer;
+}
 .ant-hw-input-group .ant-hw-input-group-disabled {
   background-color: #f5f5f5;
 }

package/es/index.d.ts

@@ -22,7 +22,7 @@ export declare const HRadioGroup: ({ value, options, onChange, fieldNames: props
 export declare const HTimePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps) => JSX.Element;
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
-export declare const HTextArea: ({ autoSize, bordered, className, ...props }: import("./TextArea").HTextAreaProps) => JSX.Element;
+export declare const HTextArea: ({ autoSize, bordered, className, style, ...props }: import("./TextArea").HTextAreaProps) => JSX.Element;
 export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps) => JSX.Element;
 export declare const HModalForm: import("react").FC<import("./DialogForm/modal").DialogFormProps<any, any>>;
 export declare const HDrawerForm: import("react").FC<import("./DialogForm/modal").DialogFormProps<any, any>>;
@@ -31,3 +31,4 @@ export declare const HVerificationCodeInput: import("react").ForwardRefExoticCom
 export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInputNumberGroup: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HTagSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/es/index.js

@@ -36,6 +36,7 @@ var HVerificationCodeInput = componentConfig.verificationCodeInput;
 var HTrimInput = componentConfig.trimInput;
 var HTrimTextArea = componentConfig.trimTextArea;
 var HInputNumberGroup = componentConfig.inputNumberGroup.Component;
+var HTagSelect = componentConfig.tagSelect;
 
-export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HInputNumberGroup, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HRichEditor, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
+export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HInputNumberGroup, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HRichEditor, HSelect, HSelectInput, HSwitch, HTagSelect, HTextArea, HTimePicker, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
 // powered by hdj

package/lib/Form/config.d.ts

@@ -25,7 +25,7 @@ declare const componentConfig: {
         placeholder: ({ label }: import("./modal").HItemProps) => string;
     };
     submit: ({ position, reset, extraList, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
-    textArea: ({ autoSize, bordered, className, ...props }: import("../TextArea").HTextAreaProps) => JSX.Element;
+    textArea: ({ autoSize, bordered, className, style, ...props }: import("../TextArea").HTextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps) => JSX.Element;
     cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
     verificationCodeInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
@@ -38,5 +38,6 @@ declare const componentConfig: {
     treeSelect: ({ request, onlyCheckChild, multiple, treeCheckable, treeData, fieldNames, ...props }: import("../Select/TreeSelect").HTreeSelectProps) => JSX.Element;
     text: ({ value, addonBefore, addonAfter, size, ...props }: import("../Text").HFormTextProps) => JSX.Element;
     richEditor: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    tagSelect: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -27,6 +27,7 @@ var TrimTextArea = require('../TextArea/TrimTextArea.js');
 var InputNumberGroup = require('../Input/InputNumberGroup.js');
 var index$e = require('../Text/index.js');
 var index$f = require('../RichEditor/index.js');
+var index$g = require('../Select/TagSelect/index.js');
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", "urlUpload", "textArea", "richEditor"],
@@ -57,7 +58,8 @@ var componentConfig = {
   inputNumberGroup: InputNumberGroup.default,
   treeSelect: TreeSelect.default,
   text: index$e.default,
-  richEditor: index$f.default
+  richEditor: index$f.default,
+  tagSelect: index$g.default
 };
 
 exports.default = componentConfig;

package/lib/Select/TagSelect/Content.d.ts

@@ -0,0 +1,7 @@
+import { HTagSelectProps } from "../modal";
+interface IContentProps extends HTagSelectProps {
+    error?: Error;
+    reload: VoidFunction;
+}
+declare const _default: ({ loading, value, options, onChange, fieldNames, error, reload }: IContentProps) => JSX.Element;
+export default _default;

package/lib/Select/TagSelect/Content.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../hooks/index.js');
+var antd = require('antd');
+var hooks = require('./hooks.js');
+var NotFoundContent = require('../components/NotFoundContent.js');
+
+var ItemOption = function ItemOption(_ref) {
+  var options = _ref.options,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    fieldNames = _ref.fieldNames;
+  var tagClassName = index.useClassName("hw-tag-item");
+  var _ref2 = fieldNames || {},
+    _ref2$label = _ref2.label,
+    labelKey = _ref2$label === void 0 ? "label" : _ref2$label,
+    _ref2$value = _ref2.value,
+    valueKey = _ref2$value === void 0 ? "value" : _ref2$value;
+  var _useChangeControl = hooks.useChangeControl({
+      options: options,
+      value: value,
+      onChange: onChange,
+      fieldNames: fieldNames
+    }),
+    change = _useChangeControl.change;
+  return jsxRuntime.jsx(antd.Row, {
+    gutter: [0, 8],
+    children: options === null || options === void 0 ? void 0 : options.map(function (item) {
+      var label = item[labelKey],
+        itemVal = item[valueKey];
+      var index = value === null || value === void 0 ? void 0 : value.indexOf(itemVal);
+      var checkedTag = index !== -1;
+      return jsxRuntime.jsx(antd.Tag, {
+        color: checkedTag ? "processing" : undefined,
+        className: tagClassName,
+        onClick: function onClick() {
+          change(itemVal);
+        },
+        children: label
+      }, itemVal);
+    })
+  });
+};
+var Content = (function (_ref3) {
+  var loading = _ref3.loading,
+    value = _ref3.value,
+    options = _ref3.options,
+    onChange = _ref3.onChange,
+    fieldNames = _ref3.fieldNames,
+    error = _ref3.error,
+    reload = _ref3.reload;
+  var len = (options === null || options === void 0 ? void 0 : options.length) || 0;
+  if (loading && len === 0) {
+    return jsxRuntime.jsxs(antd.Space, {
+      direction: "vertical",
+      style: {
+        width: "100%"
+      },
+      children: [jsxRuntime.jsx(antd.Skeleton.Button, {
+        active: true,
+        size: "small",
+        block: true
+      }), jsxRuntime.jsx(antd.Skeleton.Button, {
+        active: true,
+        size: "small",
+        block: true
+      })]
+    });
+  }
+  if (error && len === 0) {
+    return jsxRuntime.jsx(NotFoundContent.default, {
+      error: error,
+      reload: reload
+    });
+  }
+  if (len === 0) {
+    return jsxRuntime.jsx(antd.Empty, {
+      image: antd.Empty.PRESENTED_IMAGE_SIMPLE
+    });
+  }
+  return jsxRuntime.jsx(ItemOption, {
+    options: options,
+    value: value,
+    onChange: onChange,
+    fieldNames: fieldNames
+  });
+});
+
+exports.default = Content;
+// powered by h

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

@@ -0,0 +1,14 @@
+import { HTagSelectProps } from "@/components/Select/modal";
+export declare const useTagControl: ({ value, options, title }: HTagSelectProps) => {
+    labelNode: {};
+    checked: boolean | undefined;
+    indeterminate: boolean | undefined;
+};
+export declare const useChangeControl: ({ options, value, onChange, fieldNames }: HTagSelectProps) => {
+    change: (val: any) => void;
+    allCheck: (e: any) => void | undefined;
+};
+export declare const useCollapseControl: ({ visible, defaultVisible, onVisibleChange }: HTagSelectProps) => {
+    activeKey: string[];
+    onChange: (keys: any) => void;
+};