@kdcloudjs/kdesign 1.6.14 → 1.6.16

package/lib/carousel/style/index.less

@@ -132,6 +132,46 @@
       }
     }
   }
+
+  &-jump {
+    position: absolute;
+    top: 50%;
+    left: unset;
+    right: 16px;
+    transform: translateY(-50%);
+
+    &-left {
+      left: 16px;
+      right: unset;
+    }
+
+    &:not(.@{carousel-prefix-cls}-jump-disabled) {
+      cursor: pointer;
+    }
+
+    > *:first-child {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    &-icon {
+      font-size: 20px;
+      color: @carousel-jump-icon-color;
+
+      &:hover {
+        color: @carousel-jump-icon-color-hover;
+      }
+    }
+
+    &-disabled {
+      cursor: not-allowed;
+
+      .@{carousel-prefix-cls}-jump-icon:hover {
+        color: @carousel-jump-icon-color;
+      }
+    }
+  }
 }
 .vertical {
   display: flex;

package/lib/carousel/style/token.less

@@ -3,6 +3,8 @@
 // color
 @carousel-dots-color-background: var(~'@{carousel-prefix}-dots-color-background', #D8D8D8); // 面板指示点的背景色
 @carousel-dots-color-background-active: var(~'@{carousel-prefix}-dots-color-hover', #666666); // 面板指示点的背景色
+@carousel-jump-icon-color: var(~'@{carousel-prefix}-jump-icon-color', #D9D9D9);
+@carousel-jump-icon-color-hover: var(~'@{carousel-prefix}-jump-icon-color-hover', #666666);
 
 // radius
 @carousel-dots-boder-radius: var(~'@{carousel-prefix}-dots-border-radius', 2px); // 面板指示点的圆角

package/lib/config-provider/compDefaultProps.d.ts

@@ -141,6 +141,7 @@ declare const compDefaultProps: {
     };
     Image: {
         preview: boolean;
+        scales: number[];
     };
     InputNumber: {
         type: string;

package/lib/config-provider/compDefaultProps.js

@@ -164,7 +164,8 @@ var compDefaultProps = {
     optionFilterProp: 'label'
   },
   Image: {
-    preview: true
+    preview: true,
+    scales: [25, 50, 75, 100, 125, 150, 200]
   },
   InputNumber: {
     type: 'text',

package/lib/date-picker/range/input-range.js

@@ -167,7 +167,7 @@ function InputDate(props, ref) {
   }
 
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (startHoverValue || endHoverValue || startText || endText)) {
+    if (isMouseEnter && (startHoverValue || endHoverValue || startText || endText) && allowClear) {
       return clearNode;
     }
 

package/lib/date-picker/single/input-date.js

@@ -87,7 +87,7 @@ function InputDate(props, ref) {
   var placeholder = (0, _utils.getPlaceholder)(picker, locale, propsPlaceholder);
 
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (hoverValue || text)) {
+    if (isMouseEnter && (hoverValue || text) && allowClear) {
       return null;
     }
 

package/lib/form/Field.js

@@ -145,7 +145,8 @@ var Field = function Field(props) {
   var _getInternalHooks = getInternalHooks(_useForm.INTERNAL_HOOK_KEY),
       registerField = _getInternalHooks.registerField,
       dispatch = _getInternalHooks.dispatch,
-      setDefaultValues = _getInternalHooks.setDefaultValues;
+      setDefaultValues = _getInternalHooks.setDefaultValues,
+      deleteField = _getInternalHooks.deleteField;
 
   var name = props.name,
       customizeHtmlFor = props.htmlFor,
@@ -261,6 +262,11 @@ var Field = function Field(props) {
       setDefaultValues((0, _defineProperty2.default)({}, name, defaultValue));
     }
   }, [name, registerField]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      deleteField(name);
+    };
+  }, []);
   var formPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, 'form', customizePrefixcls);
   var formItemClassName = (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls), true), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field"), true), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field-hidden"), hidden), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field-vertical"), vertical), _classnames), className);
   var value = getFieldValue(name);

package/lib/form/FieldContext.js

@@ -32,6 +32,7 @@ var context = /*#__PURE__*/_react.default.createContext({
       dispatch: warningFunc,
       setDefaultValues: warningFunc,
       registerField: warningFunc,
+      deleteField: warningFunc,
       setCallbacks: warningFunc
     };
   }

package/lib/form/hooks/useForm.js

@@ -37,22 +37,18 @@ var _set = _interopRequireDefault(require("lodash/set"));
 
 var _devwarning = _interopRequireDefault(require("../../_utils/devwarning"));
 
-// import useForceUpdate from './useForceUpdate'
 var INTERNAL_HOOK_KEY = '__KD_INTERNAL_FORM_HOOK__';
 exports.INTERNAL_HOOK_KEY = INTERNAL_HOOK_KEY;
 var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
   var _this = this;
 
   (0, _classCallCheck2.default)(this, FormStore);
-  this.isMounted = false; // private forceRootUpdate:() => void
-
+  this.isMounted = false;
   this.defaultValues = {};
   this.store = {};
   this.fields = {};
   this.errorMessages = {};
-  this.callbacks = {}; // constructor (forceRootUpdate: () => void) {
-  //   this.forceRootUpdate = forceRootUpdate
-  // }
+  this.callbacks = {};
 
   this.getForm = function () {
     return {
@@ -81,7 +77,8 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
       dispatch: _this.dispatch,
       setDefaultValues: _this.setDefaultValues,
       setCallbacks: _this.setCallbacks,
-      registerField: _this.registerField
+      registerField: _this.registerField,
+      deleteField: _this.deleteField
     };
   };
 
@@ -252,13 +249,6 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
       onValuesChange((0, _defineProperty2.default)({}, name, value), (0, _cloneDeep.default)(_this.store));
     }
   };
-  /**
-   * 注册 Field
-   * Field 如果带有验证规则的话，则注册时进行校验
-   * @param name Field 名称
-   * @param field Field 实例
-   */
-
 
   this.registerField = function (name, field) {
     _this.warningUnhooked();
@@ -266,6 +256,14 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
     _this.fields[name] = field;
   };
 
+  this.deleteField = function (name) {
+    _this.warningUnhooked();
+
+    Object.hasOwnProperty.call(_this.fields, name) && delete _this.fields[name];
+    Object.hasOwnProperty.call(_this.errorMessages, name) && delete _this.errorMessages[name];
+    Object.hasOwnProperty.call(_this.store, name) && delete _this.store[name];
+  };
+
   this.validateFields = function (namePathList) {
     _this.warningUnhooked();
 
@@ -362,17 +360,12 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
 });
 
 function useForm(form) {
-  var formRef = _react.default.useRef(); // const forceUpdate = useForceUpdate()
-
+  var formRef = _react.default.useRef();
 
   if (!formRef.current) {
     if (form) {
       formRef.current = form;
     } else {
-      // Create a new FormStore if not provided
-      // const forceReRender = () => {
-      //   forceUpdate()
-      // }
       var formStore = new FormStore();
       formRef.current = formStore.getForm();
     }

package/lib/form/interface.d.ts

@@ -75,6 +75,7 @@ export interface InternalHooks {
     registerField: (name: NamePath, field: {
         current: FieldInstance;
     }) => void;
+    deleteField: (name: NamePath) => void;
 }
 export declare type NotifySource = 'externalUpdateValue' | 'updateValue' | 'reset' | 'validateField' | 'validateFinish';
 export interface ValidateErrorEntity<Values = any> {

package/lib/image/preview.d.ts

@@ -5,6 +5,7 @@ export interface PreviewProps {
     alt?: string;
     name?: string;
     size?: string;
+    scales?: Array<number>;
     visible: boolean;
     type?: PreviewType;
     className?: string;

package/lib/image/preview.js

@@ -13,6 +13,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
@@ -53,6 +55,7 @@ var Preview = function Preview(props) {
       alt = allProps.alt,
       name = allProps.name,
       size = allProps.size,
+      scales = allProps.scales,
       visible = allProps.visible,
       onClose = allProps.onClose,
       current = allProps.current,
@@ -82,14 +85,28 @@ var Preview = function Preview(props) {
       scale = _React$useState6[0],
       setScale = _React$useState6[1];
 
+  var maxScale = scales[scales.length - 1] / 100;
+  var minScale = scales[0] / 100;
   React.useEffect(function () {
     if (show) {
       document.body.style.overflow = 'hidden';
       var throMouseWheel = (0, _throttle.default)(function (e) {
         if (e.wheelDelta > 0) {
-          setScale(scale + 0.1);
+          if (scale > maxScale) return;
+
+          if (scale + 0.1 > maxScale) {
+            setScale(maxScale);
+          } else {
+            setScale(scale + 0.1);
+          }
         } else if (e.wheelDelta < 0) {
-          if (scale > 1) setScale(scale - 0.1);
+          if (scale < minScale) return;
+
+          if (scale - 0.1 < minScale) {
+            setScale(minScale);
+          } else {
+            setScale(scale - 0.1);
+          }
         }
       }, 200);
       document.addEventListener('mousewheel', throMouseWheel);
@@ -103,12 +120,17 @@ var Preview = function Preview(props) {
   }, [show, scale]);
 
   var handleZoomOut = function handleZoomOut() {
-    var newScale = scale - 1;
-    setScale(Math.max(newScale, 1));
+    var nextScale = scales.findLast(function (s) {
+      return s / 100 < scale;
+    });
+    if (nextScale !== undefined) setScale(nextScale / 100);
   };
 
   var handleZoomIn = function handleZoomIn() {
-    setScale(scale + 1);
+    var nextScale = (0, _find.default)(scales).call(scales, function (s) {
+      return s / 100 > scale;
+    });
+    if (nextScale !== undefined) setScale(nextScale / 100);
   };
 
   var previewImgProps = {
@@ -150,11 +172,14 @@ var Preview = function Preview(props) {
   }), /*#__PURE__*/React.createElement(_icon.default, {
     type: "shrink",
     className: (0, _classnames.default)({
-      disabled: scale <= 1
+      disabled: scale <= minScale
     }),
     onClick: handleZoomOut
   }), /*#__PURE__*/React.createElement(_icon.default, {
     type: "zoom",
+    className: (0, _classnames.default)({
+      disabled: scale >= maxScale
+    }),
     onClick: handleZoomIn
   }), props.type !== 'upload' && operations, props.type !== 'upload' && length && /*#__PURE__*/React.createElement(_icon.default, {
     type: "arrow-right",

package/lib/input/style/index.css

@@ -259,6 +259,7 @@ textarea {
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
 .kd-input-wrapper {
+  padding-left: var(--kd-c-input-wrapper-padding-left, 0px) !important;
   width: 100%;
   min-width: 0;
   border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
@@ -306,7 +307,7 @@ textarea {
 }
 .kd-input-wrapper .kd-input {
   border: none;
-  padding-left: 0;
+  padding-left: var(--kd-c-input-padding-left, 9px);
   padding-right: 0;
   height: 100%;
 }
@@ -453,8 +454,8 @@ textarea {
   font-size: 14px;
   font-variant: tabular-nums;
   list-style: none;
-  -webkit-font-feature-settings: "tnum";
-          font-feature-settings: "tnum";
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;