@hw-component/form 0.0.5-beta-v7 → 0.0.5-beta-v9

package/es/Form/Context/FormConfigProvider.js

@@ -0,0 +1,27 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'react/jsx-runtime';
+import { FormConfigContext } from './index.js';
+import { useContext } from 'react';
+import { baseConfig } from '../../config.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useFormConfigContext = function useFormConfigContext(key) {
+  var defaultProps = useContext(FormConfigContext);
+  if (!key) {
+    return Object.keys(defaultProps).length === 0 ? _objectSpread({}, baseConfig) : defaultProps;
+  }
+  return defaultProps[key] || _objectSpread({}, baseConfig[key]);
+};
+
+export { useFormConfigContext };
+// powered by hdj

package/es/Form/Context/index.js

@@ -0,0 +1,11 @@
+// welcome to hoo hoo hoo
+import React, { useContext } from 'react';
+
+var FormContext = /*#__PURE__*/React.createContext({});
+var useFormContext = function useFormContext() {
+  return useContext(FormContext);
+};
+var FormConfigContext = /*#__PURE__*/React.createContext({});
+
+export { FormConfigContext, FormContext, useFormContext };
+// powered by hdj

package/es/Form/HFormConnect.js

@@ -0,0 +1,68 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import 'core-js/modules/es.function.name.js';
+import { jsx } from 'react/jsx-runtime';
+import { useFormContext } from './Context/index.js';
+import React, { useEffect } from 'react';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var formatMaker = function formatMaker(itemProps, formats) {
+  if (!formats) {
+    return formats;
+  }
+  var _inputValue = formats.inputValue,
+    _outputValue = formats.outputValue;
+  return {
+    inputValue: function inputValue(value) {
+      return _inputValue(itemProps, value);
+    },
+    outputValue: function outputValue(value) {
+      return _outputValue(itemProps, value);
+    }
+  };
+};
+var HFormConnect = (function (component) {
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _config$format = config.format,
+    format = _config$format === void 0 ? {} : _config$format;
+  var Index = function Index(props, ref) {
+    var _props$name = props.name,
+      name = _props$name === void 0 ? "" : _props$name,
+      dispatch = props.dispatch;
+    var _useFormContext = useFormContext(),
+      form = _useFormContext.form,
+      _useFormContext$value = _useFormContext.valueType,
+      valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
+    useEffect(function () {
+      form === null || form === void 0 || form.addFormat(name, formatMaker(props, format[valueType]));
+    }, [valueType, props]);
+    var addFormat = function addFormat(aFormat) {
+      form === null || form === void 0 || form.addFormat(name, formatMaker(props, aFormat[valueType]));
+    };
+    var addDispatchListener = function addDispatchListener(key, fn) {
+      form === null || form === void 0 || form.addDispatchListener({
+        key: key,
+        name: name,
+        dispatch: dispatch
+      }, fn);
+    };
+    var Component = component;
+    return jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+      addFormat: addFormat,
+      addDispatchListener: addDispatchListener,
+      ref: ref
+    }));
+  };
+  return /*#__PURE__*/React.forwardRef(Index);
+});
+
+export { HFormConnect as default };
+// powered by hdj

package/es/Select/components/AllSelect.js

@@ -0,0 +1,55 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.array.concat.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Space, Checkbox } from 'antd';
+import { itemOpProvider } from '../utils.js';
+import { useClassName } from '../../hooks/index.js';
+
+var useRootClassName = function useRootClassName(checked) {
+  var norClassNames = ["select-item", "select-item-option"];
+  return checked ? [].concat(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 = useClassName(classNames);
+  var allCheckBox = useClassName("hw-all-check-box");
+  var change = function change() {
+    if (!checked) {
+      var subItemOps = itemOpProvider(options, fieldNames);
+      onChange === null || onChange === void 0 || onChange(options, subItemOps);
+      return;
+    }
+    onChange === null || onChange === void 0 || onChange([], []);
+  };
+  if (!allSelect || mode !== "multiple" || serviceSearch) {
+    return jsx(Fragment, {
+      children: children
+    });
+  }
+  return jsxs("div", {
+    className: allCheckBox,
+    children: [jsx("div", {
+      className: optionsClassName,
+      onClick: change,
+      children: jsxs(Space, {
+        children: [jsx(Checkbox, {
+          checked: checked
+        }), "\u5168\u90E8"]
+      })
+    }), children]
+  });
+};
+
+export { Index as default };
+// powered by hdj

package/es/Select/components/CheckBoxOption.js

@@ -0,0 +1,16 @@
+// welcome to hoo hoo hoo
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Space, Checkbox } from 'antd';
+
+var CheckBoxOption = (function (_ref) {
+  var label = _ref.label,
+    checked = _ref.checked;
+  return jsxs(Space, {
+    children: [jsx(Checkbox, {
+      checked: checked
+    }), label]
+  });
+});
+
+export { CheckBoxOption as default };
+// powered by hdj

package/es/Select/components/DropdownComponent.js

@@ -0,0 +1,44 @@
+// welcome to hoo hoo hoo
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Typography, Row, Space, Spin } from 'antd';
+import NotFoundContent from './NotFoundContent.js';
+
+var Text = Typography.Text;
+var Index = function Index(_ref) {
+  var loading = _ref.loading,
+    error = _ref.error,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    reload = _ref.reload,
+    children = _ref.children;
+  var len = options === null || options === void 0 ? void 0 : options.length;
+  if (loading && len === 0) {
+    return jsx(Row, {
+      style: {
+        height: 125
+      },
+      justify: "center",
+      align: "middle",
+      children: jsxs(Space, {
+        direction: "vertical",
+        align: "center",
+        children: [jsx(Spin, {}), jsx(Text, {
+          type: "secondary",
+          children: "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
+        })]
+      })
+    });
+  }
+  if (error && len === 0) {
+    return jsx(NotFoundContent, {
+      error: error,
+      reload: reload
+    });
+  }
+  return jsx(Fragment, {
+    children: children
+  });
+};
+
+export { Index as default };
+// powered by hdj

package/es/Select/components/NoFindItem.js

@@ -0,0 +1,14 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import { Typography } from 'antd';
+
+var NoFindItem = (function (_ref) {
+  var label = _ref.label;
+  return jsx(Typography.Text, {
+    type: "danger",
+    children: label
+  });
+});
+
+export { NoFindItem as default };
+// powered by hdj

package/es/Select/components/NotFoundContent.js

@@ -0,0 +1,43 @@
+// welcome to hoo hoo hoo
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Typography, Row, Space, Button, Empty } from 'antd';
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+
+var Text = Typography.Text;
+var NotFoundContent = (function (_ref) {
+  var error = _ref.error,
+    reload = _ref.reload;
+  if (error) {
+    return jsx(Row, {
+      justify: "center",
+      align: "middle",
+      style: {
+        height: 125
+      },
+      children: jsxs(Space, {
+        align: "center",
+        direction: "vertical",
+        children: [jsx(Text, {
+          type: "danger",
+          children: jsx(ExclamationCircleOutlined, {
+            size: 24
+          })
+        }), jsx(Text, {
+          type: "danger",
+          children: error.message
+        }), jsx(Button, {
+          type: "primary",
+          size: "small",
+          onClick: reload,
+          children: "\u91CD\u65B0\u52A0\u8F7D"
+        })]
+      })
+    });
+  }
+  return jsx(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE
+  });
+});
+
+export { NotFoundContent as default };
+// powered by hdj

package/es/Select/defaultConfig.js

@@ -0,0 +1,32 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.array.map.js';
+import { jsx } from 'react/jsx-runtime';
+import CheckBoxOption from './components/CheckBoxOption.js';
+import NoFindItem from './components/NoFindItem.js';
+
+var defaultModeConfig = {
+  multiple: {
+    icon: null,
+    render: function render(item, value) {
+      var checkVal = value === null || value === void 0 ? void 0 : value.map(function (itemVal) {
+        return itemVal.value;
+      });
+      var newVal = checkVal || [];
+      var checked = newVal.indexOf(item.value) !== -1;
+      return jsx(CheckBoxOption, {
+        label: item.label,
+        checked: checked
+      });
+    }
+  }
+};
+var defaultSelectConfig = {
+  noMatchItemRender: function noMatchItemRender() {
+    return jsx(NoFindItem, {
+      label: "选项被删除，请重新选择"
+    });
+  }
+};
+
+export { defaultModeConfig, defaultSelectConfig };
+// powered by hdj

package/es/Select/hooks/changeHooks.js

@@ -0,0 +1,196 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.map.js';
+import { useState, useEffect } from 'react';
+import { itemOpProvider } from '../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 = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(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 = newOptions.findIndex(function (item) {
+    return item.value === value;
+  });
+  if (index !== -1) {
+    var label = newOptions[index].label;
+    return {
+      value: value,
+      label: label
+    };
+  }
+  return {
+    value: value,
+    label: (noMatchItemRender === null || noMatchItemRender === void 0 ? void 0 : noMatchItemRender({
+      value: value
+    })) || value
+  };
+};
+var findNewValInOldVal = function findNewValInOldVal(val, oldVal) {
+  if (!oldVal) {
+    return -1;
+  }
+  return oldVal.findIndex(function (item) {
+    return item.value === val;
+  });
+};
+var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
+  _ref2.options;
+    var value = _ref2.value;
+  var oldData = [];
+  var newData = [];
+  value.forEach(function (item, i) {
+    var index = findNewValInOldVal(item, oldVal);
+    if (index === -1) {
+      newData.push({
+        value: item,
+        index: i
+      });
+      return;
+    }
+    var newVal = oldVal === null || oldVal === void 0 ? void 0 : oldVal[index];
+    oldData.push(_objectSpread(_objectSpread({}, newVal), {}, {
+      index: i
+    }));
+  });
+  return {
+    oldData: oldData,
+    newData: newData
+  };
+};
+var resultProvider = function resultProvider(newData, oldData, value) {
+  var newResult = new Array(value.length);
+  oldData.forEach(function (item) {
+    var index = item.index,
+      val = _objectWithoutProperties(item, _excluded);
+    newResult[index] = _objectSpread({}, val);
+  });
+  newData.forEach(function (item) {
+    var index = item.index,
+      val = _objectWithoutProperties(item, _excluded2);
+    newResult[index] = _objectSpread({}, val);
+  });
+  return newResult;
+};
+var multiple = function multiple(_ref3, oldVal) {
+  var options = _ref3.options,
+    value = _ref3.value,
+    noMatchItemRender = _ref3.noMatchItemRender;
+  var _sourceDataProvider = sourceDataProvider({
+      options: options,
+      value: value
+    }, oldVal),
+    newData = _sourceDataProvider.newData,
+    oldData = _sourceDataProvider.oldData;
+  var newMatchVal = newData.map(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),
+    newData = _sourceDataProvider2.newData,
+    oldData = _sourceDataProvider2.oldData;
+  return resultProvider(newData, oldData, value);
+};
+var matchNotFind = function matchNotFind(_ref5, oldVale) {
+  var options = _ref5.options,
+    value = _ref5.value,
+    mode = _ref5.mode,
+    noMatchItemRender = _ref5.noMatchItemRender;
+  if (!mode) {
+    return single({
+      options: options,
+      value: value,
+      noMatchItemRender: noMatchItemRender
+    });
+  }
+  if (mode === "multiple") {
+    return multiple({
+      options: options,
+      value: value,
+      noMatchItemRender: noMatchItemRender
+    }, oldVale);
+  }
+  return tag({
+    options: options,
+    value: value
+  }, oldVale);
+};
+var useValueChange = function useValueChange(params) {
+  var labelInValue = params.labelInValue,
+    onChange = params.onChange,
+    value = params.value,
+    options = params.options,
+    mode = params.mode,
+    noMatchItemRender = params.noMatchItemRender,
+    _params$fieldNames = params.fieldNames,
+    fieldNames = _params$fieldNames === void 0 ? {} : _params$fieldNames;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+  var change = function change(changeVal, itemOps) {
+    if (!onChange) {
+      setVal(changeVal);
+      return;
+    }
+    var newChangeVal = changeVal.value;
+    if (labelInValue) {
+      newChangeVal = changeVal;
+    }
+    if (Array.isArray(changeVal)) {
+      newChangeVal = changeVal.map(function (item) {
+        return item.value;
+      });
+    }
+    var subItemOps = itemOpProvider(itemOps, fieldNames);
+    onChange(newChangeVal, subItemOps);
+  };
+  useEffect(function () {
+    if (mode === "tags" || value === null || value === undefined) {
+      setVal(value);
+      return;
+    }
+    if (options && value) {
+      setVal(function (oldVale) {
+        return matchNotFind(params, oldVale);
+      });
+    }
+  }, [value, options, mode, noMatchItemRender]);
+  return {
+    val: val,
+    change: change
+  };
+};
+
+export { useValueChange };
+// powered by hdj

package/es/Select/hooks/norHooks.js

@@ -0,0 +1,118 @@
+// welcome to hoo hoo hoo
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.promise.js';
+import { useState, useEffect } from 'react';
+import { useRequest } from 'ahooks';
+import { useFormContext } from '../../Form/Context/index.js';
+
+var useOptionReq = function useOptionReq(_ref) {
+  var manual = _ref.manual,
+    request = _ref.request,
+    options = _ref.options,
+    serviceSearch = _ref.serviceSearch,
+    showSearch = _ref.showSearch,
+    propsOnSearch = _ref.onSearch,
+    _ref$dispatch = _ref.dispatch,
+    dispatch = _ref$dispatch === void 0 ? {} : _ref$dispatch;
+  var dispatchManual = dispatch.manual;
+  var _useFormContext = useFormContext(),
+    form = _useFormContext.form;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useRequest = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var requestParams,
+        _requestParams$params,
+        params,
+        values,
+        _requestParams$type,
+        type,
+        formData,
+        _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            requestParams = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            _requestParams$params = requestParams.params, params = _requestParams$params === void 0 ? {} : _requestParams$params, values = requestParams.values, _requestParams$type = requestParams.type, type = _requestParams$type === void 0 ? "init" : _requestParams$type;
+            formData = values || (form === null || form === void 0 ? void 0 : form.getFieldsValue());
+            if (type === "init") {
+              setData(undefined);
+            }
+            if (!request) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return", request(params, formData));
+          case 6:
+            return _context.abrupt("return", Promise.resolve(options));
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })), {
+      manual: dispatchManual === false ? true : manual,
+      debounceInterval: 300,
+      onSuccess: function onSuccess(resultData) {
+        setData(resultData);
+      }
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading,
+    error = _useRequest.error;
+  var reload = function reload(_ref3) {
+    var changeOpts = _ref3.options,
+      params = _ref3.params;
+    if (changeOpts) {
+      return setData(changeOpts);
+    }
+    return run({
+      params: params
+    });
+  };
+  var onSearch = function onSearch(inputValue) {
+    if (!serviceSearch) {
+      propsOnSearch === null || propsOnSearch === void 0 || propsOnSearch(inputValue);
+      return;
+    }
+    run({
+      params: {
+        inputValue: inputValue
+      }
+    });
+  };
+  useEffect(function () {
+    if (options) {
+      setData(options);
+    }
+  }, [options]);
+  var mathShowSearch = showSearch || serviceSearch;
+  return {
+    run: run,
+    loading: loading,
+    error: error,
+    data: data,
+    onSearch: mathShowSearch ? onSearch : propsOnSearch,
+    mathShowSearch: showSearch || serviceSearch,
+    reload: reload
+  };
+};
+var useFilterOption = function useFilterOption(_ref4) {
+  var filterOption = _ref4.filterOption,
+    serviceSearch = _ref4.serviceSearch;
+  if (serviceSearch) {
+    return function () {
+      return true;
+    };
+  }
+  return filterOption;
+};
+
+export { useFilterOption, useOptionReq };
+// powered by hdj