@hw-component/form 0.0.1

package/.babelrc

@@ -0,0 +1,23 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false
+      }
+    ],
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "corejs": {
+          "version": 3,
+          "proposals": true
+        }
+      }
+    ]
+  ]
+}

package/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  extends: [require.resolve("@umijs/fabric/dist/eslint")],
+  globals: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
+    page: true,
+    REACT_APP_ENV: true,
+  },
+};

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no-install lint-staged

package/.stylelintrc.js

@@ -0,0 +1,5 @@
+const fabric = require("@umijs/fabric");
+
+module.exports = {
+  ...fabric.stylelint,
+};

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

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

package/es/Select/components/AllSelect.js

@@ -0,0 +1,34 @@
+// welcome to ww-building-blocks-tmp
+import React from 'react';
+import { Space, Checkbox } from 'antd';
+import styles from '../index.less.js';
+
+var AllSelect = (function (_ref) {
+  var allSelect = _ref.allSelect,
+    mode = _ref.mode,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    serviceSearch = _ref.serviceSearch,
+    options = _ref.options;
+  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 change = function change() {
+    if (!checked) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(options);
+      return;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange([]);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ant-select-item ant-select-item-option ".concat(styles.option),
+    onClick: change
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: checked
+  }), "\u5168\u90E8"));
+});
+
+export { AllSelect as default };
+// powered by ww

package/es/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/es/Select/components/CheckBoxOption.js

@@ -0,0 +1,14 @@
+// welcome to ww-building-blocks-tmp
+import { Space, Checkbox } from 'antd';
+import React from 'react';
+
+var CheckBoxOption = (function (_ref) {
+  var label = _ref.label,
+    checked = _ref.checked;
+  return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: checked
+  }), label);
+});
+
+export { CheckBoxOption as default };
+// powered by ww

package/es/Select/components/DropdownComponent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IProps {
+    loading?: boolean;
+    options?: any[];
+    error?: Error;
+    reload: VoidFunction;
+}
+declare const Index: React.FC<IProps>;
+export default Index;

package/es/Select/components/DropdownComponent.js

@@ -0,0 +1,39 @@
+// welcome to ww-building-blocks-tmp
+import React from 'react';
+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 /*#__PURE__*/React.createElement(Row, {
+      style: {
+        height: 125
+      },
+      justify: "center",
+      align: "middle"
+    }, /*#__PURE__*/React.createElement(Space, {
+      direction: "vertical",
+      align: "center"
+    }, /*#__PURE__*/React.createElement(Spin, null), /*#__PURE__*/React.createElement(Text, {
+      type: "secondary"
+    }, "\u62FC\u547D\u52A0\u8F7D\u4E2D...")));
+  }
+  if (error && len === 0) {
+    return /*#__PURE__*/React.createElement(NotFoundContent, {
+      error: error,
+      reload: reload
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+export { Index as default };
+// powered by ww

package/es/Select/components/NoFindItem.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface IProps {
+    label: string;
+}
+declare const _default: ({ label }: IProps) => JSX.Element;
+export default _default;

package/es/Select/components/NoFindItem.js

@@ -0,0 +1,13 @@
+// welcome to ww-building-blocks-tmp
+import React from 'react';
+import { Typography } from 'antd';
+
+var NoFindItem = (function (_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/React.createElement(Typography.Text, {
+    type: "danger"
+  }, label);
+});
+
+export { NoFindItem as default };
+// powered by ww

package/es/Select/components/NotFoundContent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IProps {
+    error?: Error;
+    reload: VoidFunction;
+}
+declare const _default: ({ error, reload }: IProps) => JSX.Element;
+export default _default;

package/es/Select/components/NotFoundContent.js

@@ -0,0 +1,40 @@
+// welcome to ww-building-blocks-tmp
+import React from 'react';
+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 /*#__PURE__*/React.createElement(Row, {
+      justify: "center",
+      align: "middle",
+      style: {
+        height: 125
+      }
+    }, /*#__PURE__*/React.createElement(Space, {
+      align: "center",
+      direction: "vertical"
+    }, /*#__PURE__*/React.createElement(Text, {
+      type: "danger"
+    }, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, {
+      style: {
+        fontSize: 24
+      }
+    })), /*#__PURE__*/React.createElement(Text, {
+      type: "danger"
+    }, error.message), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: reload
+    }, "\u91CD\u65B0\u52A0\u8F7D")));
+  }
+  return /*#__PURE__*/React.createElement(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE
+  });
+});
+
+export { NotFoundContent as default };
+// powered by ww

package/es/Select/defaultConfig.d.ts

@@ -0,0 +1,7 @@
+/// <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/es/Select/defaultConfig.js

@@ -0,0 +1,37 @@
+// welcome to ww-building-blocks-tmp
+import React from 'react';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+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 : _mapInstanceProperty(value).call(value, function (itemVal) {
+        return itemVal.value;
+      });
+      var newVal = checkVal || [];
+      var checked = _indexOfInstanceProperty(newVal).call(newVal, item.value) !== -1;
+      return /*#__PURE__*/React.createElement(CheckBoxOption, {
+        label: item.label,
+        checked: checked
+      });
+    }
+  }
+};
+var defaultFieldNames = {
+  label: "label",
+  value: "value"
+};
+var defaultSelectConfig = {
+  noMatchItemRender: function noMatchItemRender() {
+    return /*#__PURE__*/React.createElement(NoFindItem, {
+      label: "选项被删除，请重新选择"
+    });
+  }
+};
+
+export { defaultFieldNames, defaultModeConfig, defaultSelectConfig };
+// powered by ww

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

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

package/es/Select/hooks/changeHooks.js

@@ -0,0 +1,190 @@
+// welcome to ww-building-blocks-tmp
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+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 _findIndexInstanceProperty from '@babel/runtime-corejs3/core-js/instance/find-index';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import { useState, useEffect } from 'react';
+
+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; }
+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;
+  });
+  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 _findIndexInstanceProperty(oldVal).call(oldVal, function (item) {
+    return item.value === val;
+  });
+};
+var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
+  _ref2.options;
+    var value = _ref2.value;
+  var oldData = [];
+  var newData = [];
+  _forEachInstanceProperty(value).call(value, 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);
+  _forEachInstanceProperty(oldData).call(oldData, function (item) {
+    var index = item.index,
+      val = _objectWithoutProperties(item, _excluded);
+    newResult[index] = _objectSpread({}, val);
+  });
+  _forEachInstanceProperty(newData).call(newData, 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 = _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),
+    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;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+  var change = function change(changeVal) {
+    if (!onChange) {
+      setVal(changeVal);
+      return;
+    }
+    var newChangeVal = changeVal.value;
+    if (labelInValue) {
+      newChangeVal = changeVal;
+    }
+    if (_Array$isArray(changeVal)) {
+      newChangeVal = _mapInstanceProperty(changeVal).call(changeVal, function (item) {
+        return item.value;
+      });
+    }
+    onChange(newChangeVal);
+  };
+  useEffect(function () {
+    if (options && value) {
+      setVal(function (oldVale) {
+        return matchNotFind(params, oldVale);
+      });
+    }
+  }, [value, options, mode, noMatchItemRender]);
+  return {
+    val: val,
+    change: change
+  };
+};
+
+export { useValueChange };
+// powered by ww

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

@@ -0,0 +1,12 @@
+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>;
+    loading: boolean;
+    error: Error | undefined;
+    data: OptionType[] | undefined;
+    onSearch: (inputValue: string) => void;
+};
+export declare const useFilterOption: ({ filterOption, serviceSearch, }: PartialHSelectProps) => boolean | import("rc-select/lib/Select").FilterFunc<import("rc-select/lib/Select").DefaultOptionType> | undefined;

package/es/Select/hooks/norHooks.js

@@ -0,0 +1,102 @@
+// welcome to ww-building-blocks-tmp
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _Promise from '@babel/runtime-corejs3/core-js/promise';
+import { useState } from 'react';
+import { useRequest } from '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 _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useRequest = 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) {
+          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 = 8;
+              break;
+            }
+            _context.next = 6;
+            return request(params);
+          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();
+        }
+      }, _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) {
+      return;
+    }
+    run({
+      inputValue: inputValue
+    });
+  };
+  return {
+    run: run,
+    loading: loading,
+    error: error,
+    data: data,
+    onSearch: onSearch
+  };
+};
+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 ww

package/es/Select/index.d.ts

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