@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

package/lib/cjs/form/field.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.FormUpload = exports.FormTreeSelect = exports.FormTimePicker = exports.FormTextArea = exports.FormTagInput = exports.FormSwitch = exports.FormSlider = exports.FormSelect = exports.FormRating = exports.FormRadioGroup = exports.FormRadio = exports.FormInputNumber = exports.FormInput = exports.FormDatePicker = exports.FormCheckboxGroup = exports.FormCheckbox = exports.FormCascader = exports.FormAutoComplete = void 0;
-
-var _withField = _interopRequireDefault(require("./hoc/withField"));
-
-var _index = _interopRequireDefault(require("../input/index"));
-
-var _textarea = _interopRequireDefault(require("../input/textarea"));
-
-var _index2 = _interopRequireDefault(require("../inputNumber/index"));
-
-var _index3 = _interopRequireDefault(require("../select/index"));
-
-var _index4 = require("../checkbox/index");
-
-var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
-
-var _index5 = require("../radio/index");
-
-var _radioGroup = _interopRequireDefault(require("../radio/radioGroup"));
-
-var _index6 = _interopRequireDefault(require("../datePicker/index"));
-
-var _index7 = _interopRequireDefault(require("../switch/index"));
-
-var _index8 = _interopRequireDefault(require("../slider/index"));
-
-var _index9 = _interopRequireDefault(require("../timePicker/index"));
-
-var _index10 = _interopRequireDefault(require("../treeSelect/index"));
-
-var _index11 = _interopRequireDefault(require("../cascader/index"));
-
-var _index12 = _interopRequireDefault(require("../rating/index"));
-
-var _index13 = _interopRequireDefault(require("../autoComplete/index"));
-
-var _index14 = _interopRequireDefault(require("../upload/index"));
-
-var _index15 = _interopRequireDefault(require("../tagInput/index"));
-
-/* eslint-disable max-len */
-// Basic component
-const FormInput = (0, _withField.default)(_index.default, {
-  maintainCursor: true
-});
-exports.FormInput = FormInput;
-const FormInputNumber = (0, _withField.default)(_index2.default, {
-  maintainCursor: true
-});
-exports.FormInputNumber = FormInputNumber;
-const FormTextArea = (0, _withField.default)(_textarea.default, {
-  maintainCursor: true
-});
-exports.FormTextArea = FormTextArea;
-const FormSelect = (0, _withField.default)(_index3.default); // Select after withField is a new Component, without the Option attribute, it needs to be manually assigned once
-
-exports.FormSelect = FormSelect;
-FormSelect.Option = _index3.default.Option;
-FormSelect.OptGroup = _index3.default.OptGroup;
-const FormCheckboxGroup = (0, _withField.default)(_checkboxGroup.default);
-exports.FormCheckboxGroup = FormCheckboxGroup;
-const FormCheckbox = (0, _withField.default)(_index4.Checkbox, {
-  valueKey: 'checked',
-  valuePath: 'target.checked',
-  shouldInject: false
-});
-exports.FormCheckbox = FormCheckbox;
-const FormRadioGroup = (0, _withField.default)(_radioGroup.default, {
-  valuePath: 'target.value'
-});
-exports.FormRadioGroup = FormRadioGroup;
-const FormRadio = (0, _withField.default)(_index5.Radio, {
-  valueKey: 'checked',
-  valuePath: 'target.checked',
-  shouldInject: false
-});
-exports.FormRadio = FormRadio;
-const FormDatePicker = (0, _withField.default)(_index6.default);
-exports.FormDatePicker = FormDatePicker;
-const FormSwitch = (0, _withField.default)(_index7.default, {
-  valueKey: 'checked'
-});
-exports.FormSwitch = FormSwitch;
-const FormSlider = (0, _withField.default)(_index8.default);
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-// @ts-ignore-next-line
-
-exports.FormSlider = FormSlider;
-const FormTimePicker = (0, _withField.default)(_index9.default); // @ts-ignore-next-line
-
-exports.FormTimePicker = FormTimePicker;
-const FormTreeSelect = (0, _withField.default)(_index10.default); // @ts-ignore-next-line
-
-exports.FormTreeSelect = FormTreeSelect;
-const FormCascader = (0, _withField.default)(_index11.default);
-exports.FormCascader = FormCascader;
-const FormRating = (0, _withField.default)(_index12.default);
-exports.FormRating = FormRating;
-const FormAutoComplete = (0, _withField.default)(_index13.default, {
-  valueKey: 'value',
-  onKeyChangeFnName: 'onChange'
-});
-exports.FormAutoComplete = FormAutoComplete;
-const FormUpload = (0, _withField.default)(_index14.default, {
-  valueKey: 'fileList',
-  valuePath: 'fileList',
-  onKeyChangeFnName: 'onChange'
-});
-exports.FormUpload = FormUpload;
-const FormTagInput = (0, _withField.default)(_index15.default);
-exports.FormTagInput = FormTagInput;

package/lib/cjs/form/group.d.ts

@@ -1,14 +0,0 @@
-import React, { Component } from 'react';
-import { LabelProps } from './label';
-import { InputGroupProps as BacisInputGroupProps } from '../input/inputGroup';
-import { BaseFormProps } from './interface';
-export interface InputGroupProps extends BacisInputGroupProps {
-    label?: LabelProps;
-    labelPosition?: 'left' | 'top';
-}
-declare class FormInputGroup extends Component<InputGroupProps> {
-    static contextType: React.Context<import("@douyinfe/semi-foundation/lib/cjs/form/interface").FormUpdaterContextType>;
-    renderLabel(label: LabelProps, formProps: BaseFormProps): JSX.Element;
-    render(): JSX.Element;
-}
-export default FormInputGroup;

package/lib/cjs/form/group.js

@@ -1,147 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _utils = require("@douyinfe/semi-foundation/lib/cjs/form/utils");
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
-var ObjectUtil = _interopRequireWildcard(require("@douyinfe/semi-foundation/lib/cjs/utils/object"));
-
-var _errorMessage = _interopRequireDefault(require("./errorMessage"));
-
-var _label = _interopRequireDefault(require("./label"));
-
-var _context2 = require("./context");
-
-var _index = require("./hooks/index");
-
-var _inputGroup = _interopRequireDefault(require("../input/inputGroup"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
-
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-/* eslint-disable react/destructuring-assignment */
-
-
-const prefix = _constants.cssClasses.PREFIX; // Group component to remove Labels and ErrorMessages from its child fields
-// Unified insertion of Labels and ErrorMessages from the group level
-// Get Errors of all field in this group
-
-const GroupError = props => {
-  const {
-    fieldSet
-  } = props;
-  const formState = (0, _index.useFormState)();
-  const error = (0, _map.default)(fieldSet).call(fieldSet, field => ObjectUtil.get(formState.errors, field));
-
-  if ((0, _utils.isValid)(error)) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
-    error: error,
-    showValidateIcon: props.showValidateIcon,
-    isInInputGroup: props.isInInputGroup
-  });
-};
-
-class FormInputGroup extends _react.Component {
-  renderLabel(label, formProps) {
-    if (label) {
-      if ((0, _isString2.default)(label)) {
-        return /*#__PURE__*/_react.default.createElement(_label.default, {
-          width: formProps.labelWidth,
-          text: label
-        });
-      } else {
-        return /*#__PURE__*/_react.default.createElement(_label.default, (0, _assign.default)({
-          width: formProps.labelWidth
-        }, label));
-      }
-    }
-
-    return null;
-  }
-
-  render() {
-    var _context;
-
-    const _a = this.props,
-          {
-      children,
-      label
-    } = _a,
-          rest = __rest(_a, ["children", "label"]);
-
-    const updater = this.context;
-    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon']);
-    const labelPosition = this.props.labelPosition || formProps.labelPosition;
-    const groupFieldSet = [];
-    const inner = (0, _map.default)(_context = _react.default.Children).call(_context, children, child => {
-      if (child && child.props && child.props.field) {
-        groupFieldSet.push(child.props.field);
-        return /*#__PURE__*/_react.default.cloneElement(child, {
-          isInInputGroup: true // noErrorMessage: true,
-          // noLabel: true
-
-        });
-      }
-
-      return null;
-    });
-    const groupCls = (0, _classnames.default)({
-      ["".concat(prefix, "-field-group")]: true
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "x-label-pos": labelPosition,
-      className: groupCls
-    }, this.renderLabel(label, formProps), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_inputGroup.default, (0, _assign.default)({}, rest), inner), /*#__PURE__*/_react.default.createElement(GroupError, {
-      fieldSet: groupFieldSet,
-      showValidateIcon: formProps.showValidateIcon,
-      isInInputGroup: true
-    })));
-  }
-
-}
-
-FormInputGroup.contextType = _context2.FormUpdaterContext;
-var _default = FormInputGroup;
-exports.default = _default;

package/lib/cjs/form/hoc/withField.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { withFieldOption } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
-import { CommonFieldProps, CommonexcludeType } from '../interface';
-import { Subtract } from 'utility-types';
-/**
- * withFiled is used to inject components
- * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation
- * 2. Insert <Label>
- * 3. Insert <ErrorMessage>
- */
-declare function withField<C extends React.ComponentType<React.ComponentProps<C>>, T extends React.ComponentType<Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps>>(Component: C, opts?: withFieldOption): T;
-export default withField;