@hw-component/form 0.0.5-beta-v9 → 0.0.6-beta-v1

package/lib/CheckboxGroup/CheckBox/index.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var React = require('react');
+var index = require('../../hooks/index.js');
+
+var Index = function Index(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    children = _ref.children,
+    propsValueCheckMap = _ref.valueMap;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      valueCheckMap: propsValueCheckMap
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.valueCheckMap,
+    valueCheckMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
+  var checkedVal = React.useMemo(function () {
+    var checked = valueCheckMap.checked;
+    if (value === checked) {
+      return true;
+    }
+    return false;
+  }, [value]);
+  var change = function change(e) {
+    var checked = valueCheckMap.checked,
+      noChecked = valueCheckMap.noChecked;
+    var val = e.target.checked;
+    var subVal = checked;
+    if (!val) {
+      subVal = noChecked;
+    }
+    onChange === null || onChange === void 0 || onChange(subVal);
+  };
+  return jsxRuntime.jsx(antd.Checkbox, {
+    checked: checkedVal,
+    onChange: change,
+    children: children
+  });
+};
+
+exports.default = Index;
+// powered by h

package/lib/CheckboxGroup/hooks.js

@@ -0,0 +1,121 @@
+'use strict';
+
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.array.filter.js');
+var React = require('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 changValProvider = function changValProvider(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    _ref$valueMap = _ref.valueMap,
+    valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap;
+  var newVal = _objectSpread({}, value);
+  var checked = valueMap.checked,
+    noChecked = valueMap.noChecked;
+  options === null || options === void 0 || options.forEach(function (item) {
+    var itemVal = item.value;
+    if (newVal[itemVal] !== checked) {
+      newVal[itemVal] = noChecked;
+    }
+  });
+  return newVal;
+};
+var useValueProvider = function useValueProvider(_ref2) {
+  var value = _ref2.value,
+    _ref2$valueMap = _ref2.valueMap,
+    valueMap = _ref2$valueMap === void 0 ? {} : _ref2$valueMap,
+    _ref2$keyInValue = _ref2.keyInValue,
+    keyInValue = _ref2$keyInValue === void 0 ? true : _ref2$keyInValue,
+    onChange = _ref2.onChange,
+    options = _ref2.options;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+  var oldValueCheckMap = React.useMemo(function () {
+    return {
+      valueMap: valueMap
+    };
+  }, []);
+  React.useEffect(function () {
+    setVal(function (oldVal) {
+      return changValProvider({
+        value: oldVal,
+        options: options,
+        valueMap: oldValueCheckMap.valueMap
+      });
+    });
+  }, [options]);
+  React.useEffect(function () {
+    var oldChecked = oldValueCheckMap.valueMap.checked;
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
+    setVal(function (oldVal) {
+      var newVal = _objectSpread({}, oldVal);
+      var keys = Object.keys(newVal);
+      keys.forEach(function (key) {
+        if (newVal[key] === oldChecked) {
+          newVal[key] = checked;
+          return;
+        }
+        newVal[key] = noChecked;
+      });
+      oldValueCheckMap.valueMap = valueMap;
+      return newVal;
+    });
+  }, [valueMap]);
+  React.useEffect(function () {
+    var checked = oldValueCheckMap.valueMap.checked;
+    if (!value) {
+      return;
+    }
+    if (!Array.isArray(value)) {
+      setVal(value);
+      return;
+    }
+    setVal(function (oldVal) {
+      var newVal = _objectSpread({}, oldVal);
+      value.forEach(function (itemVal) {
+        newVal[itemVal] = checked;
+      });
+      return newVal;
+    });
+  }, [value]);
+  var change = function change(key, changeVal) {
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
+    var newVal = _objectSpread({}, val);
+    newVal[key] = noChecked;
+    if (changeVal === checked) {
+      newVal[key] = checked;
+    }
+    if (!onChange) {
+      setVal(newVal);
+      return;
+    }
+    if (keyInValue) {
+      onChange(newVal);
+      return;
+    }
+    var subVal = Object.keys(newVal).filter(function (valKey) {
+      return newVal[valKey] === checked;
+    });
+    onChange(subVal);
+  };
+  return {
+    val: val,
+    change: change
+  };
+};
+
+exports.useValueProvider = useValueProvider;
+// powered by h

package/lib/CheckboxGroup/index.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.array.map.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var hooks = require('./hooks.js');
+var index$1 = require('./CheckBox/index.js');
+var index = require('../hooks/index.js');
+var HFormConnect = require('../Form/HFormConnect.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 Index = function Index(_ref) {
+  var options = _ref.options,
+    fieldNames = _ref.fieldNames,
+    onChange = _ref.onChange,
+    valueMap = _ref.valueMap,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    _ref$keyInValue = _ref.keyInValue,
+    keyInValue = _ref$keyInValue === void 0 ? true : _ref$keyInValue,
+    addFormat = _ref.addFormat;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: fieldNames,
+      valueCheckMap: valueMap
+    }),
+    resultValueCheckMap = _useMatchConfigProps.valueCheckMap,
+    resultFieldNames = _useMatchConfigProps.fieldNames;
+  var checkOptions = index.useChangeOptions({
+    options: options,
+    fieldNames: resultFieldNames
+  });
+  var _useValueProvider = hooks.useValueProvider({
+      options: checkOptions,
+      onChange: onChange,
+      valueMap: resultValueCheckMap,
+      keyInValue: keyInValue,
+      value: value
+    }),
+    val = _useValueProvider.val,
+    change = _useValueProvider.change;
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var keys = checkOptions === null || checkOptions === void 0 ? void 0 : checkOptions.map(function (optItem) {
+          return optItem.value;
+        });
+        var resultObj = {};
+        keys === null || keys === void 0 || keys.forEach(function (key) {
+          resultObj[key] = initValue[key];
+        });
+        return _defineProperty({}, name, resultObj);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$name = _outputValue[name],
+          itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
+        return _objectSpread({}, itemVal);
+      }
+    }
+  });
+  return jsxRuntime.jsx(antd.Space, {
+    children: checkOptions === null || checkOptions === void 0 ? void 0 : checkOptions.map(function (item) {
+      var label = item.label,
+        itemVal = item.value;
+      var checked = val[itemVal];
+      return jsxRuntime.jsx(index$1.default, {
+        value: checked,
+        onChange: function onChange(changeVal) {
+          change(itemVal, changeVal);
+        },
+        valueMap: valueMap,
+        disabled: disabled,
+        children: label
+      }, itemVal);
+    })
+  });
+};
+var HCheckboxGroup = HFormConnect.default(Index);
+
+exports.default = HCheckboxGroup;
+// powered by h

package/lib/DialogForm/DrawerForm/Footer.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+
+var Footer = (function (_ref) {
+  var onCancel = _ref.onCancel,
+    onOk = _ref.onOk,
+    confirmLoading = _ref.confirmLoading;
+  return jsxRuntime.jsx(antd.Row, {
+    justify: "end",
+    children: jsxRuntime.jsxs(antd.Space, {
+      size: "middle",
+      children: [jsxRuntime.jsx(antd.Button, {
+        onClick: onCancel,
+        children: "\u5173\u95ED"
+      }), jsxRuntime.jsx(antd.Button, {
+        type: "primary",
+        onClick: onOk,
+        loading: confirmLoading,
+        children: "\u786E\u5B9A"
+      })]
+    })
+  });
+});
+
+exports.default = Footer;
+// powered by h

package/lib/DialogForm/DrawerForm/Title.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+
+var Title = (function (_ref) {
+  var title = _ref.title,
+    closable = _ref.closable,
+    onCancel = _ref.onCancel;
+  return jsxRuntime.jsxs(antd.Row, {
+    justify: "space-between",
+    children: [jsxRuntime.jsx("div", {
+      children: title
+    }), closable && jsxRuntime.jsx(icons.CloseOutlined, {
+      onClick: onCancel
+    })]
+  });
+});
+
+exports.default = Title;
+// powered by h

package/lib/DialogForm/DrawerForm/index.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var hooks = require('../hooks.js');
+var index = require('../../Form/index.js');
+var Title = require('./Title.js');
+var Footer = require('./Footer.js');
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
+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 DrawerForm = (function (_ref) {
+  var visible = _ref.visible,
+    title = _ref.title,
+    onCancel = _ref.onCancel,
+    configData = _ref.configData,
+    infoRequest = _ref.infoRequest,
+    request = _ref.request;
+    _ref.afterClose;
+    var dialogForm = _ref.dialogForm,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    labelWidth = _ref.labelWidth,
+    onOk = _ref.onOk,
+    onFinish = _ref.onFinish;
+    _ref.size;
+    _ref.form;
+    var footer = _ref.footer,
+    params = _ref.params,
+    onValuesChange = _ref.onValuesChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var currentForm = hooks.useCurrentForm(dialogForm);
+  var _useModifyProps = hooks.useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues,
+      dialogForm: currentForm,
+      params: params
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    initValue = _useModifyProps.initValue,
+    onAfterClose = _useModifyProps.onAfterClose,
+    formParams = _useModifyProps.formParams;
+  var cancel = function cancel() {
+    onAfterClose();
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    }
+    setModalVisible(false);
+  };
+  var _useSub = hooks.useSub({
+      request: request,
+      onFinish: onFinish
+    }),
+    loading = _useSub.loading,
+    run = _useSub.run;
+  var footerComponent = function footerComponent() {
+    if (footer === null) {
+      return null;
+    }
+    return footer || jsxRuntime.jsx(Footer.default, {
+      onCancel: cancel,
+      onOk: currentForm.submit,
+      confirmLoading: loading
+    });
+  };
+  return jsxRuntime.jsx(antd.Drawer, _objectSpread(_objectSpread({
+    visible: modalVisible,
+    title: jsxRuntime.jsx(Title.default, {
+      title: title,
+      closable: closable,
+      onCancel: cancel
+    })
+  }, props), {}, {
+    onClose: cancel,
+    closable: false,
+    destroyOnClose: true,
+    footer: footerComponent(),
+    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+      configData: modalFormData,
+      initialValues: initValue,
+      onValuesChange: onValuesChange
+    }, props), {}, {
+      form: currentForm,
+      params: formParams,
+      onFinish: function () {
+        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
+          var result, close;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return run(values, subParams);
+              case 2:
+                result = _context.sent;
+                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
+                if (!(close === false)) {
+                  _context.next = 6;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 6:
+                cancel();
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onFinish(_x, _x2) {
+          return _onFinish.apply(this, arguments);
+        }
+        return onFinish;
+      }(),
+      infoRequest: infoRequest,
+      labelWidth: labelWidth
+    }))
+  }));
+});
+
+exports.default = DrawerForm;
+// powered by h

package/lib/DialogForm/ModalForm.js

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var index = require('../Form/index.js');
+var hooks = require('./hooks.js');
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
+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 ModalForm = (function (_ref) {
+  var visible = _ref.visible,
+    title = _ref.title,
+    onCancel = _ref.onCancel,
+    configData = _ref.configData,
+    infoRequest = _ref.infoRequest,
+    request = _ref.request,
+    _afterClose = _ref.afterClose,
+    dialogForm = _ref.dialogForm,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    onFinish = _ref.onFinish,
+    params = _ref.params,
+    onOk = _ref.onOk,
+    onValuesChange = _ref.onValuesChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var currentForm = hooks.useCurrentForm(dialogForm);
+  var _useModifyProps = hooks.useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues,
+      dialogForm: currentForm,
+      params: params,
+      title: title
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    initValue = _useModifyProps.initValue,
+    formParams = _useModifyProps.formParams,
+    modalTitle = _useModifyProps.title;
+  var cancel = function cancel() {
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    }
+    setModalVisible(false);
+  };
+  var _useSub = hooks.useSub({
+      request: request,
+      onFinish: onFinish
+    }),
+    loading = _useSub.loading,
+    run = _useSub.run;
+  return jsxRuntime.jsx(antd.Modal, _objectSpread(_objectSpread({
+    title: modalTitle,
+    visible: modalVisible,
+    onCancel: cancel,
+    confirmLoading: loading,
+    afterClose: function afterClose() {
+      currentForm.resetFields();
+      _afterClose === null || _afterClose === void 0 || _afterClose();
+    }
+  }, props), {}, {
+    onOk: currentForm.submit,
+    destroyOnClose: true,
+    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+      configData: modalFormData,
+      initialValues: initValue,
+      onValuesChange: onValuesChange,
+      onFinish: function () {
+        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
+          var result, close;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return run(values, outParams);
+              case 2:
+                result = _context.sent;
+                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
+                if (!(close === false)) {
+                  _context.next = 6;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 6:
+                cancel();
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onFinish(_x, _x2) {
+          return _onFinish.apply(this, arguments);
+        }
+        return onFinish;
+      }()
+    }, props), {}, {
+      params: formParams,
+      form: currentForm,
+      infoRequest: infoRequest
+    }))
+  }));
+});
+
+exports.default = ModalForm;
+// powered by h