@hw-component/form 0.0.1-bate → 0.0.1-beta

package/lib/Select/hooks/changeHooks.js

@@ -1,46 +1,91 @@
-'use strict';
+"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 _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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/find-index');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-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 _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 _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _findIndexInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/find-index");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+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 _excluded = ["index"],
   _excluded2 = ["index"];
-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; }
+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 single = function single(_ref) {
   var options = _ref.options,
     value = _ref.value,
     noMatchItemRender = _ref.noMatchItemRender;
   var newOptions = options || [];
-  var index = _findIndexInstanceProperty(newOptions).call(newOptions, function (item) {
-    return item.value === value;
-  });
+  var index = _findIndexInstanceProperty(newOptions).call(
+    newOptions,
+    function (item) {
+      return item.value === value;
+    }
+  );
   if (index !== -1) {
     var label = newOptions[index].label;
     return {
       value: value,
-      label: label
+      label: label,
     };
   }
   return {
     value: value,
-    label: (noMatchItemRender === null || noMatchItemRender === void 0 ? void 0 : noMatchItemRender({
-      value: value
-    })) || value
+    label:
+      (noMatchItemRender === null || noMatchItemRender === void 0
+        ? void 0
+        : noMatchItemRender({
+            value: value,
+          })) || value,
   };
 };
 var findNewValInOldVal = function findNewValInOldVal(val, oldVal) {
@@ -53,7 +98,7 @@ var findNewValInOldVal = function findNewValInOldVal(val, oldVal) {
 };
 var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
   _ref2.options;
-    var value = _ref2.value;
+  var value = _ref2.value;
   var oldData = [];
   var newData = [];
   _forEachInstanceProperty(value).call(value, function (item, i) {
@@ -61,18 +106,24 @@ var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
     if (index === -1) {
       newData.push({
         value: item,
-        index: i
+        index: i,
       });
       return;
     }
     var newVal = oldVal === null || oldVal === void 0 ? void 0 : oldVal[index];
-    oldData.push(_objectSpread(_objectSpread({}, newVal), {}, {
-      index: i
-    }));
+    oldData.push(
+      _objectSpread(
+        _objectSpread({}, newVal),
+        {},
+        {
+          index: i,
+        }
+      )
+    );
   });
   return {
     oldData: oldData,
-    newData: newData
+    newData: newData,
   };
 };
 var resultProvider = function resultProvider(newData, oldData, value) {
@@ -93,33 +144,46 @@ var multiple = function multiple(_ref3, oldVal) {
   var options = _ref3.options,
     value = _ref3.value,
     noMatchItemRender = _ref3.noMatchItemRender;
-  var _sourceDataProvider = sourceDataProvider({
-      options: options,
-      value: value
-    }, oldVal),
+  var _sourceDataProvider = sourceDataProvider(
+      {
+        options: options,
+        value: value,
+      },
+      oldVal
+    ),
     newData = _sourceDataProvider.newData,
     oldData = _sourceDataProvider.oldData;
-  var newMatchVal = _mapInstanceProperty(newData).call(newData, function (item) {
-    var itemVal = item.value,
-      index = item.index;
-    var newItem = single({
-      options: options,
-      value: itemVal,
-      noMatchItemRender: noMatchItemRender
-    });
-    return _objectSpread(_objectSpread({}, newItem), {}, {
-      index: index
-    });
-  });
+  var newMatchVal = _mapInstanceProperty(newData).call(
+    newData,
+    function (item) {
+      var itemVal = item.value,
+        index = item.index;
+      var newItem = single({
+        options: options,
+        value: itemVal,
+        noMatchItemRender: noMatchItemRender,
+      });
+      return _objectSpread(
+        _objectSpread({}, newItem),
+        {},
+        {
+          index: index,
+        }
+      );
+    }
+  );
   return resultProvider(newMatchVal, oldData, value);
 };
 var tag = function tag(_ref4, oldVal) {
   var options = _ref4.options,
     value = _ref4.value;
-  var _sourceDataProvider2 = sourceDataProvider({
-      options: options,
-      value: value
-    }, oldVal),
+  var _sourceDataProvider2 = sourceDataProvider(
+      {
+        options: options,
+        value: value,
+      },
+      oldVal
+    ),
     newData = _sourceDataProvider2.newData,
     oldData = _sourceDataProvider2.oldData;
   return resultProvider(newData, oldData, value);
@@ -133,20 +197,26 @@ var matchNotFind = function matchNotFind(_ref5, oldVale) {
     return single({
       options: options,
       value: value,
-      noMatchItemRender: noMatchItemRender
+      noMatchItemRender: noMatchItemRender,
     });
   }
   if (mode === "multiple") {
-    return multiple({
+    return multiple(
+      {
+        options: options,
+        value: value,
+        noMatchItemRender: noMatchItemRender,
+      },
+      oldVale
+    );
+  }
+  return tag(
+    {
       options: options,
       value: value,
-      noMatchItemRender: noMatchItemRender
-    }, oldVale);
-  }
-  return tag({
-    options: options,
-    value: value
-  }, oldVale);
+    },
+    oldVale
+  );
 };
 var useValueChange = function useValueChange(params) {
   var labelInValue = params.labelInValue,
@@ -171,23 +241,29 @@ var useValueChange = function useValueChange(params) {
       newChangeVal = changeVal;
     }
     if (_Array$isArray(changeVal)) {
-      newChangeVal = _mapInstanceProperty(changeVal).call(changeVal, function (item) {
-        return item.value;
-      });
+      newChangeVal = _mapInstanceProperty(changeVal).call(
+        changeVal,
+        function (item) {
+          return item.value;
+        }
+      );
     }
     var subItemOps = utils.itemOpProvider(itemOps, fieldNames);
     onChange(newChangeVal, subItemOps);
   };
-  React.useEffect(function () {
-    if (options && value) {
-      setVal(function (oldVale) {
-        return matchNotFind(params, oldVale);
-      });
-    }
-  }, [value, options, mode, noMatchItemRender]);
+  React.useEffect(
+    function () {
+      if (options && value) {
+        setVal(function (oldVale) {
+          return matchNotFind(params, oldVale);
+        });
+      }
+    },
+    [value, options, mode, noMatchItemRender]
+  );
   return {
     val: val,
-    change: change
+    change: change,
   };
 };
 

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

@@ -1,10 +1,28 @@
-import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
-export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, }: PartialHSelectProps) => {
-    run: (params?: any, type?: any) => Promise<any>;
-    loading: boolean;
-    error: Error | undefined;
-    data: OptionType[] | undefined;
-    onSearch: ((value: string) => void) | undefined;
-    mathShowSearch: boolean | undefined;
+import type {
+  OptionType,
+  PartialHSelectProps,
+} from "@/components/Select/modal";
+export declare const useOptionReq: ({
+  manual,
+  request,
+  options,
+  serviceSearch,
+  showSearch,
+  onSearch: propsOnSearch,
+}: PartialHSelectProps) => {
+  run: (params?: any, type?: any) => Promise<any>;
+  loading: boolean;
+  error: Error | undefined;
+  data: OptionType[] | undefined;
+  onSearch: ((value: string) => void) | undefined;
+  mathShowSearch: boolean | undefined;
 };
-export declare const useFilterOption: ({ filterOption, serviceSearch, }: PartialHSelectProps) => boolean | import("rc-select/lib/Select").FilterFunc<import("rc-select/lib/Select").DefaultOptionType> | undefined;
+export declare const useFilterOption: ({
+  filterOption,
+  serviceSearch,
+}: PartialHSelectProps) =>
+  | boolean
+  | import("rc-select/lib/Select").FilterFunc<
+      import("rc-select/lib/Select").DefaultOptionType
+    >
+  | undefined;

package/lib/Select/hooks/norHooks.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var _Promise = require('@babel/runtime-corejs3/core-js/promise');
-var React = require('react');
-var ahooks = require('ahooks');
+var _asyncToGenerator = require("@babel/runtime-corejs3/helpers/asyncToGenerator");
+var _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
+var _regeneratorRuntime = require("@babel/runtime-corejs3/regenerator");
+var _Promise = require("@babel/runtime-corejs3/core-js/promise");
+var React = require("react");
+var ahooks = require("ahooks");
 
 var useOptionReq = function useOptionReq(_ref) {
   var manual = _ref.manual,
@@ -18,47 +18,59 @@ var useOptionReq = function useOptionReq(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
     setData = _useState2[1];
-  var _useRequest = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var params,
-        type,
-        _args = arguments;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            params = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-            type = _args.length > 1 && _args[1] !== undefined ? _args[1] : "init";
-            if (type === "init") {
-              setData(undefined);
-            }
-            if (!request) {
-              _context.next = 5;
-              break;
-            }
-            return _context.abrupt("return", request(params));
-          case 5:
-            return _context.abrupt("return", _Promise.resolve(options));
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })), {
-      manual: manual,
-      debounceInterval: 300,
-      onSuccess: function onSuccess(resultData) {
-        setData(resultData);
+  var _useRequest = ahooks.useRequest(
+      /*#__PURE__*/ _asyncToGenerator(
+        /*#__PURE__*/ _regeneratorRuntime.mark(function _callee() {
+          var params,
+            type,
+            _args = arguments;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1)
+              switch ((_context.prev = _context.next)) {
+                case 0:
+                  params =
+                    _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+                  type =
+                    _args.length > 1 && _args[1] !== undefined
+                      ? _args[1]
+                      : "init";
+                  if (type === "init") {
+                    setData(undefined);
+                  }
+                  if (!request) {
+                    _context.next = 5;
+                    break;
+                  }
+                  return _context.abrupt("return", request(params));
+                case 5:
+                  return _context.abrupt("return", _Promise.resolve(options));
+                case 6:
+                case "end":
+                  return _context.stop();
+              }
+          }, _callee);
+        })
+      ),
+      {
+        manual: manual,
+        debounceInterval: 300,
+        onSuccess: function onSuccess(resultData) {
+          setData(resultData);
+        },
       }
-    }),
+    ),
     run = _useRequest.run,
     loading = _useRequest.loading,
     error = _useRequest.error;
   var onSearch = function onSearch(inputValue) {
     if (!serviceSearch) {
-      propsOnSearch === null || propsOnSearch === void 0 ? void 0 : propsOnSearch(inputValue);
+      propsOnSearch === null || propsOnSearch === void 0
+        ? void 0
+        : propsOnSearch(inputValue);
       return;
     }
     run({
-      inputValue: inputValue
+      inputValue: inputValue,
     });
   };
   var mathShowSearch = showSearch || serviceSearch;
@@ -68,7 +80,7 @@ var useOptionReq = function useOptionReq(_ref) {
     error: error,
     data: data,
     onSearch: mathShowSearch ? onSearch : propsOnSearch,
-    mathShowSearch: showSearch || serviceSearch
+    mathShowSearch: showSearch || serviceSearch,
   };
 };
 var useFilterOption = function useFilterOption(_ref3) {

package/lib/Select/index.d.ts

@@ -1,4 +1,25 @@
 /// <reference types="react" />
 import type { HSelectProps } from "./modal";
-declare const _default: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: HSelectProps) => JSX.Element;
+declare const _default: ({
+  style,
+  mode,
+  options,
+  modeConfig,
+  value,
+  onChange,
+  fieldNames: propsFieldNames,
+  request,
+  manual,
+  optionLabelProp,
+  filterProvider,
+  optionFilterProp,
+  serviceSearch,
+  onSearch: propsOnSearch,
+  filterOption,
+  showSearch,
+  labelInValue,
+  noMatchItemRender,
+  allSelect,
+  ...props
+}: HSelectProps) => JSX.Element;
 export default _default;