@kdcloudjs/kdesign 1.2.3 → 1.3.0

package/lib/carousel/style/index.less

@@ -10,71 +10,11 @@
     overflow: hidden;
     flex: 1;
   }
-  &-slidelist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    &-item {
-      flex-shrink: 0;
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-      border-radius: @carousel-boder-radius;
-    }
-  }
-  &-fadelist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    position: relative;
-    &-item {
-      opacity: 1;
-      position: relative;
-      flex-shrink: 0;
-      height: 100%;
-      width: 100%;
-      &-animation {
-        transition: opacity 0.3s ease;
-      }
-      &-none-animation {
-        transition: none;
-      }
-      &-not-hidden {
-        opacity: 1;
-      }
-      &-hidden {
-        opacity: 0;
-      }
-    }
-  }
-  &-displaylist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    position: relative;
-    &-item {
-      display: block;
-      position: relative;
-      flex-shrink: 0;
-      height: 100%;
-      width: 100%;
-      &-not-hidden {
-        display: block;
-      }
-      &-hidden {
-        display: none;
-      }
-    }
-  }
 
   &-list {
     list-style: none;
     display: flex;
     flex-direction: row;
-    flex: 1;
     position: relative;
 
     &-item {
@@ -85,6 +25,7 @@
     }
 
     &-slide {
+      width: 100%;
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         border-radius: @carousel-boder-radius;
@@ -104,6 +45,7 @@
     }
 
     &-fade {
+      flex: 1;
       .@{carousel-prefix-cls}-list-item {
         opacity: 1;
         &-animation {
@@ -122,6 +64,7 @@
     }
 
     &-display {
+      width: 100%;
       .@{carousel-prefix-cls}-list-item {
         display: block;
         &-not-hidden {

package/lib/checkbox/checkbox.js

@@ -64,7 +64,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       children = CheckboxProps.children,
       style = CheckboxProps.style,
       value = CheckboxProps.value,
-      indeterminate = CheckboxProps.indeterminate;
+      indeterminate = CheckboxProps.indeterminate,
+      name = CheckboxProps.name;
 
   var getChecked = function getChecked() {
     return (0, _isBoolean.default)(checked) ? checked : defaultChecked;
@@ -134,7 +135,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: ref,
         value: value,
         checked: selected,
-        disabled: disabled
+        disabled: disabled,
+        name: name
       })), children && /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
       }, children), !isDefaultType() && /*#__PURE__*/_react.default.createElement("span", {

package/lib/form/Field.d.ts

@@ -3,7 +3,7 @@ import { NamePath, LabelAlign, Rule } from './interface';
 export interface FormItemProps {
     children?: React.ReactNode;
     className?: string;
-    defaultValue?: string;
+    defaultValue?: any;
     disabled?: boolean;
     hidden?: boolean;
     label?: string | number;
@@ -15,6 +15,7 @@ export interface FormItemProps {
     rules?: Rule[];
     validateTrigger?: string | string[];
     wrapperWidth?: string | number;
+    valuePropName?: string;
 }
 declare const Field: React.FC<FormItemProps>;
 export default Field;

package/lib/form/Field.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _extends5 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
@@ -27,6 +27,8 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
@@ -67,6 +69,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var DEFAULT_TRIGGER = 'onChange';
+var FormEventValuePropNames = ['value', 'checked'];
 
 var generateEventHandler = function generateEventHandler(handler, validateTrigger) {
   var eventHandler = {};
@@ -131,7 +134,9 @@ var Field = function Field(props) {
       rules = _props$rules === void 0 ? [] : _props$rules,
       wrapperWidth = props.wrapperWidth,
       validateTrigger = props.validateTrigger,
-      defaultValue = props.defaultValue;
+      defaultValue = props.defaultValue,
+      _props$valuePropName = props.valuePropName,
+      valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName;
 
   var onStoreChange = function onStoreChange(stores, _namePathList, source) {
     var prev = stores.prev,
@@ -206,10 +211,22 @@ var Field = function Field(props) {
   var value = getFieldValue(name);
   var validateMessage = getFieldError(name);
 
-  var handleValueChange = _react.default.useCallback(function (evt) {
+  var getInputValueFormProp = function getInputValueFormProp(evt) {
     var _a;
 
-    var inputValue = typeof evt === 'string' ? evt : (_a = evt.target) === null || _a === void 0 ? void 0 : _a.value;
+    var inputValue;
+
+    if (Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, valuePropName)) {
+      inputValue = (_a = evt.target) === null || _a === void 0 ? void 0 : _a[valuePropName];
+    } else {
+      inputValue = evt;
+    }
+
+    return inputValue;
+  };
+
+  var handleValueChange = _react.default.useCallback(function (evt) {
+    var inputValue = getInputValueFormProp(evt);
     dispatch({
       type: 'updateValue',
       namePath: name,
@@ -224,9 +241,11 @@ var Field = function Field(props) {
     });
   }, [name]);
 
-  var trigger = (0, _extends3.default)((0, _defineProperty2.default)({}, DEFAULT_TRIGGER, handleValueChange), generateEventHandler(handleValueValidate, validateTrigger));
+  var trigger = (0, _extends5.default)((0, _defineProperty2.default)({}, DEFAULT_TRIGGER, handleValueChange), generateEventHandler(handleValueValidate, validateTrigger));
 
   var mergeProps = function mergeProps(fa, ch) {
+    var _extends3;
+
     if (!ch) {
       return {};
     }
@@ -237,17 +256,13 @@ var Field = function Field(props) {
 
     var _ch$props = ch.props,
         chChange = _ch$props.onChange,
-        chValue = _ch$props.value,
+        chValue = _ch$props[valuePropName],
         chDisabled = _ch$props.disabled,
         chDefaultValue = _ch$props.defaultValue;
 
     var onChange = function onChange(evt) {
       if (chValue === undefined) {
-        if (typeof evt === 'string') {
-          setFieldValue(evt);
-        } else {
-          setFieldValue(evt.target.value);
-        }
+        setFieldValue(getInputValueFormProp(evt));
       }
 
       if (typeof faChange === 'function') {
@@ -270,12 +285,10 @@ var Field = function Field(props) {
       forceUpdate();
     }
 
-    return (0, _extends3.default)((0, _extends3.default)({}, rest), {
+    return (0, _extends5.default)((0, _extends5.default)({}, rest), (_extends3 = {
       onChange: onChange,
-      defaultValue: defaultValue,
-      value: fieldValue,
-      disabled: chDisabled || faDisabled
-    });
+      defaultValue: defaultValue
+    }, (0, _defineProperty2.default)(_extends3, valuePropName, fieldValue), (0, _defineProperty2.default)(_extends3, "disabled", chDisabled || faDisabled), _extends3));
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -289,10 +302,9 @@ var Field = function Field(props) {
     width: wrapperWidth,
     validateMessage: validateMessage
   }, (0, _map.default)(_context2 = (0, _reactChildren.toArray)(children)).call(_context2, function (child, index) {
-    var keys = mergeProps((0, _extends3.default)((0, _extends3.default)({
-      disabled: disabled,
-      value: value
-    }, trigger), {
+    var keys = mergeProps((0, _extends5.default)((0, _extends5.default)((0, _defineProperty2.default)({
+      disabled: disabled
+    }, valuePropName, value), trigger), {
       key: index
     }), child);
     return child ? /*#__PURE__*/_react.default.cloneElement(child, keys) : child;

package/lib/select/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ISelectProps } from './interface';
+import { ISelectProps, SelectValue } from './interface';
 import Option from './option';
-interface CompoundedComponent extends React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLElement>> {
+interface CompoundedComponent extends React.ForwardRefExoticComponent<ISelectProps<SelectValue> & React.RefAttributes<HTMLElement>> {
     Option: typeof Option;
 }
 declare const Select: CompoundedComponent;

package/lib/select/interface.d.ts

@@ -43,17 +43,17 @@ export interface OptionsType {
     value?: string;
     label?: React.ReactNode;
 }
-export declare type SelectValue = string | string[] | number | number[] | LabeledValue | LabeledValue[] | null;
-export interface ISelectProps<T = SelectValue> extends AbstractSelectProps {
+export declare type SelectValue = string | string[] | number | number[] | LabeledValue | LabeledValue[] | null | undefined;
+export interface ISelectProps<T extends SelectValue> extends AbstractSelectProps {
     value?: T;
     defaultValue?: T;
     mode?: Mode;
     autoFocus?: boolean;
-    onChange?: (value: T, option: React.ReactElement<any> | React.ReactElement<any>[]) => void;
-    onSelect?: (value: T extends (infer I)[] ? I : T, option: React.ReactElement<any>) => void;
-    onBlur?: (value: T) => void;
+    onChange?: (value?: T, option?: React.ReactElement<any> | React.ReactElement<any>[]) => void;
+    onSelect?: (value?: T extends (infer I)[] ? I : T, option?: React.ReactElement<any>) => void;
+    onBlur?: (value?: T) => void;
     onFocus?: () => void;
-    onSearch?: () => void;
+    onSearch?: (value?: string) => void;
     onClear?: () => void;
-    onDropdownVisibleChange?: (value: T) => void;
+    onDropdownVisibleChange?: (value?: T) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [