@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/form/Form.js

@@ -3,20 +3,14 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useContext, useEffect } from 'react';
 import classnames from 'classnames';
 import { ConfigContext } from '../config-provider';
@@ -24,61 +18,53 @@ import { getCompProps } from '../_utils';
 import useForm, { INTERNAL_HOOK_KEY } from './hooks/useForm';
 import FormContext from './FormContext';
 import FieldContext from './FieldContext';
-
 var Form = function Form(props, ref) {
   var _context, _classnames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps,
-      globalLocale = _useContext.locale;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    globalLocale = _useContext.locale;
   var formProps = getCompProps('Form', userDefaultProps, props);
   var formLang = globalLocale.getCompLangMsg({
     componentName: 'Form'
   });
-
   var children = formProps.children,
-      defaultValues = formProps.defaultValues,
-      className = formProps.className,
-      form = formProps.form,
-      labelAlign = formProps.labelAlign,
-      labelWidth = formProps.labelWidth,
-      layout = formProps.layout,
-      name = formProps.name,
-      customizePrefixCls = formProps.prefixCls,
-      wrapperWidth = formProps.wrapperWidth,
-      onFinish = formProps.onFinish,
-      onFinishFailed = formProps.onFinishFailed,
-      onValuesChange = formProps.onValuesChange,
-      disabled = formProps.disabled,
-      restProps = __rest(formProps, ["children", "defaultValues", "className", "form", "labelAlign", "labelWidth", "layout", "name", "prefixCls", "wrapperWidth", "onFinish", "onFinishFailed", "onValuesChange", "disabled"]);
-
+    defaultValues = formProps.defaultValues,
+    className = formProps.className,
+    form = formProps.form,
+    labelAlign = formProps.labelAlign,
+    labelWidth = formProps.labelWidth,
+    layout = formProps.layout,
+    name = formProps.name,
+    customizePrefixCls = formProps.prefixCls,
+    wrapperWidth = formProps.wrapperWidth,
+    onFinish = formProps.onFinish,
+    onFinishFailed = formProps.onFinishFailed,
+    onValuesChange = formProps.onValuesChange,
+    disabled = formProps.disabled,
+    restProps = __rest(formProps, ["children", "defaultValues", "className", "form", "labelAlign", "labelWidth", "layout", "name", "prefixCls", "wrapperWidth", "onFinish", "onFinishFailed", "onValuesChange", "disabled"]);
   var formPrefixCls = getPrefixCls(prefixCls, 'form', customizePrefixCls);
   var formClassName = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(formPrefixCls), true), _defineProperty(_classnames, _concatInstanceProperty(_context = "".concat(formPrefixCls, "-")).call(_context, layout), true), _classnames), className);
   var formContext = useContext(FormContext);
-
   var _useForm = useForm(form),
-      _useForm2 = _slicedToArray(_useForm, 1),
-      formInstance = _useForm2[0]; // 注册
-
-
+    _useForm2 = _slicedToArray(_useForm, 1),
+    formInstance = _useForm2[0];
+  // 注册
   useEffect(function () {
     formContext.registerForm(name, formInstance);
     return function () {
       formContext.unregisterForm(name);
     };
-  }, [name, formInstance, formContext]); // 暴露 formInstance
-
+  }, [name, formInstance, formContext]);
+  // 暴露 formInstance
   React.useImperativeHandle(ref, function () {
     return formInstance;
-  }); // 设置默认值及回调函数
-
+  });
+  // 设置默认值及回调函数
   var _formInstance$getInte = formInstance.getInternalHooks(INTERNAL_HOOK_KEY),
-      setDefaultValues = _formInstance$getInte.setDefaultValues,
-      setCallbacks = _formInstance$getInte.setCallbacks;
-
+    setDefaultValues = _formInstance$getInte.setDefaultValues,
+    setCallbacks = _formInstance$getInte.setCallbacks;
   setDefaultValues(defaultValues);
   setCallbacks({
     onFinish: onFinish,
@@ -95,19 +81,16 @@ var Form = function Form(props, ref) {
       vertical: layout === 'vertical'
     });
   }, [formInstance, labelAlign, labelWidth, wrapperWidth, layout, formLang]);
-
   var handleSubmit = function handleSubmit(evt) {
     evt.preventDefault();
     evt.stopPropagation();
     formInstance.submit();
   };
-
   var handleReset = function handleReset(evt) {
     evt.preventDefault();
     evt.stopPropagation();
     formInstance.resetFields();
   };
-
   return /*#__PURE__*/React.createElement("form", _extends({
     className: formClassName
   }, restProps, {
@@ -117,5 +100,4 @@ var Form = function Form(props, ref) {
     value: formContextValue
   }, children));
 };
-
 export default Form;

package/es/form/FormContext.js

@@ -7,7 +7,6 @@ var FormContext = /*#__PURE__*/React.createContext({
   // eslint-disable-next-line
   unregisterForm: function unregisterForm() {}
 });
-
 var FormProvider = function FormProvider(_ref) {
   var children = _ref.children;
   var formContext = React.useContext(FormContext);
@@ -18,12 +17,10 @@ var FormProvider = function FormProvider(_ref) {
         if (name) {
           formsRef.current = _extends(_extends({}, formsRef.current), _defineProperty({}, name, form));
         }
-
         formContext.registerForm(name, form);
       },
       unregisterForm: function unregisterForm(name) {
         var newForms = _extends({}, formsRef.current);
-
         delete newForms[name];
         formsRef.current = newForms;
         formContext.unregisterForm(name);
@@ -31,6 +28,5 @@ var FormProvider = function FormProvider(_ref) {
     })
   }, children);
 };
-
 export { FormProvider };
 export default FormContext;

package/es/form/hooks/useForceUpdate.js

@@ -1,15 +1,12 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import React from 'react';
-
 function useForceUpdate() {
   var _React$useState = React.useState(),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      updateState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    updateState = _React$useState2[1];
   var forceUpdate = React.useCallback(function () {
     updateState({});
   }, []);
   return forceUpdate;
 }
-
 export default useForceUpdate;

package/es/form/hooks/useForm.js

@@ -14,19 +14,15 @@ import merge from 'lodash/merge';
 import set from 'lodash/set';
 import devwarning from '../../_utils/devwarning';
 export var INTERNAL_HOOK_KEY = '__KD_INTERNAL_FORM_HOOK__';
-
 var FormStore = /*#__PURE__*/_createClass(function FormStore() {
   var _this = this;
-
   _classCallCheck(this, FormStore);
-
   this.isMounted = false;
   this.defaultValues = {};
   this.store = {};
   this.fields = {};
   this.errorMessages = {};
   this.callbacks = {};
-
   this.getForm = function () {
     return {
       getFieldValue: _this.getFieldValue,
@@ -42,13 +38,11 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
       getInternalHooks: _this.getInternalHooks
     };
   };
-
   this.getInternalHooks = function (key) {
     if (key !== INTERNAL_HOOK_KEY) {
       devwarning(false, 'Form', '`getInternalHooks` is internal usage.');
       return null;
     }
-
     _this.isMounted = true;
     return {
       dispatch: _this.dispatch,
@@ -58,7 +52,6 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
       deleteField: _this.deleteField
     };
   };
-
   this.warningUnhooked = function () {
     !_this.isMounted && devwarning(false, 'Form', 'Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?');
   };
@@ -66,187 +59,136 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
    * Dispath. 用于 Field 触发数据变更
    * @param action
    */
-
-
   this.dispatch = function (action) {
     _this.warningUnhooked();
-
     var namePath = action.namePath;
-
     switch (action.type) {
       case 'updateValue':
         _this.updateValue(namePath, action.value);
-
         break;
-
       case 'validateField':
         _this.validateFields([namePath]);
-
         break;
-
       default:
         break;
     }
   };
-
   this.setDefaultValues = function (values) {
     _this.warningUnhooked();
-
     if (!values) return;
     var copyDefaultValues = cloneDeep(_this.defaultValues);
     var copyValues = cloneDeep(values);
     _this.defaultValues = _extends(_extends({}, copyDefaultValues), copyValues);
     _this.store = merge(_this.store, values);
   };
-
   this.getDefaultValue = function (name) {
     _this.warningUnhooked();
-
     return get(_this.defaultValues, name);
   };
-
   this.getFieldValue = function (name) {
     _this.warningUnhooked();
-
     return get(_this.store, name);
   };
-
   this.setFieldValue = function (name, value) {
     _this.warningUnhooked();
-
     _this.setFieldsValue(_defineProperty({}, name, value));
   };
-
   this.getFieldsValue = function (namePathList) {
     _this.warningUnhooked();
-
     if (!namePathList) {
       return cloneDeep(_this.store);
     }
-
     var fieldsValue = {};
     namePathList.forEach(function (name) {
       fieldsValue[name] = get(_this.store, name);
     });
     return fieldsValue;
   };
-
   this.setFieldsValue = function (store) {
     _this.warningUnhooked();
-
     if (!store) return;
     var prevStore = cloneDeep(_this.store);
     _this.store = merge(_this.store, store);
-
     _this.notifyObservers(prevStore, null, 'externalUpdateValue');
   };
-
   this.getFieldError = function (name) {
     _this.warningUnhooked();
-
     return get(_this.errorMessages, name);
   };
-
   this.getFieldsError = function (namePathList) {
     _this.warningUnhooked();
-
     if (!namePathList) {
       return cloneDeep(_this.errorMessages);
     }
-
     var result = {};
     namePathList.forEach(function (name) {
       result[name] = _this.errorMessages[name];
     });
     return result;
   };
-
   this.getRules = function (namePathList) {
     _this.warningUnhooked();
-
     var list = cloneDeep(namePathList);
-
     if (!list) {
       list = _Object$keys(_this.fields);
     }
-
     var rules = {};
     list.forEach(function (name) {
       var _a, _b;
-
       var current = _this.fields[name].current;
-
       if ((_a = current === null || current === void 0 ? void 0 : current.meta) === null || _a === void 0 ? void 0 : _a.rules) {
         rules[name] = cloneDeep((_b = current === null || current === void 0 ? void 0 : current.meta) === null || _b === void 0 ? void 0 : _b.rules);
       }
     });
     return _Object$keys(rules).length === 0 ? null : rules;
   };
-
   this.setCallbacks = function (callbacks) {
     _this.warningUnhooked();
-
     _this.callbacks = cloneDeep(callbacks);
   };
-
   this.resetFields = function () {
     _this.warningUnhooked();
-
-    var prevStore = cloneDeep(_this.store); // 重置时，无默认值的 field value 不能设置为 undefined
+    var prevStore = cloneDeep(_this.store);
+    // 重置时，无默认值的 field value 不能设置为 undefined
     // 部分控件 undefined 的话不会生效
-
     var newStore = {};
-
     for (var key in _this.store) {
       newStore[key] = _this.defaultValues[key] ? _this.defaultValues[key] : '';
     }
-
     _this.store = newStore;
     _this.errorMessages = {};
-
     _this.notifyObservers(prevStore, null, 'reset');
   };
-
   this.updateValue = function (name, value) {
     _this.warningUnhooked();
-
     var prevStore = cloneDeep(_this.store);
     set(_this.store, name, value);
-    var trigger = get(_this.fields, [name, 'meta', 'trigger']); // 默认是 onChange 触发校验
-
+    var trigger = get(_this.fields, [name, 'meta', 'trigger']);
+    // 默认是 onChange 触发校验
     if (trigger === undefined || trigger === 'onChange' || _includesInstanceProperty(trigger).call(trigger, 'onChange')) {
       _this.validateFields([name]);
     } else {
       _this.notifyObservers(prevStore, [name], 'updateValue');
     }
-
     var onValuesChange = _this.callbacks.onValuesChange;
-
     if (onValuesChange) {
       onValuesChange(_defineProperty({}, name, value), cloneDeep(_this.store));
     }
   };
-
   this.registerField = function (name, field) {
     _this.warningUnhooked();
-
     _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();
-
-    var rules = _this.getRules(namePathList); // 没有设置校验规则的情况下，不做校验
-
-
+    var rules = _this.getRules(namePathList);
+    // 没有设置校验规则的情况下，不做校验
     if (!rules) return _Promise.resolve({
       values: cloneDeep(_this.store)
     });
@@ -258,10 +200,10 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
         });
       }).catch(function (_ref) {
         var errors = _ref.errors,
-            fields = _ref.fields;
+          fields = _ref.fields;
         // eslint-disable-next-line
-        console.log(errors); // eslint-disable-next-line  prefer-promise-reject-errors
-
+        console.log(errors);
+        // eslint-disable-next-line  prefer-promise-reject-errors
         reject({
           errors: errors,
           errorInfos: {
@@ -274,38 +216,29 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
     /**
      * 内部校验用
      */
-
     validatePromise.then(function () {
       namePathList === null || namePathList === void 0 ? void 0 : namePathList.forEach(function (name) {
         _this.errorMessages[name] && delete _this.errorMessages[name];
       });
-
       _this.notifyObservers(_this.store, namePathList || [], 'validateFinish');
     }).catch(function (_ref2) {
       var errorInfos = _ref2.errorInfos;
-
       if (!namePathList) {
         _this.errorMessages = {};
       }
-
       var _errorInfos$fields = errorInfos.fields,
-          fields = _errorInfos$fields === void 0 ? {} : _errorInfos$fields;
-
+        fields = _errorInfos$fields === void 0 ? {} : _errorInfos$fields;
       _Object$keys(fields).forEach(function (name) {
         _this.errorMessages[name] = fields[name][0].message;
       });
-
       _this.notifyObservers(_this.store, namePathList || [], 'validateFinish');
     });
     return validatePromise;
   };
-
   this.submit = function () {
     _this.warningUnhooked();
-
     _this.validateFields().then(function (values) {
       var onFinish = _this.callbacks.onFinish;
-
       if (onFinish) {
         try {
           onFinish(values);
@@ -316,16 +249,13 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
     }).catch(function (_ref3) {
       var errorInfos = _ref3.errorInfos;
       var onFinishFailed = _this.callbacks.onFinishFailed;
-
       if (onFinishFailed) {
         onFinishFailed(errorInfos);
       }
     });
   };
-
   this.notifyObservers = function (prevStore, namePathList, source) {
     _this.warningUnhooked();
-
     _Object$values(_this.fields).forEach(function (_ref4) {
       var onStoreChange = _ref4.current.onStoreChange;
       var stores = {
@@ -336,10 +266,8 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
     });
   };
 });
-
 function useForm(form) {
   var formRef = React.useRef();
-
   if (!formRef.current) {
     if (form) {
       formRef.current = form;
@@ -348,8 +276,6 @@ function useForm(form) {
       formRef.current = formStore.getForm();
     }
   }
-
   return [formRef.current];
 }
-
 export default useForm;

package/es/grid/col.js

@@ -5,35 +5,32 @@ import classNames from 'classnames';
 import { getCompProps } from '../_utils';
 import { ConfigContext } from '../config-provider';
 import { testBrowserType } from '../_utils/testBrowserType';
-
 var Col = function Col(props) {
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = getCompProps('Col', userDefaultProps, props),
-      xs = _getCompProps.xs,
-      sm = _getCompProps.sm,
-      md = _getCompProps.md,
-      lg = _getCompProps.lg,
-      xl = _getCompProps.xl,
-      flex = _getCompProps.flex,
-      span = _getCompProps.span,
-      pull = _getCompProps.pull,
-      push = _getCompProps.push,
-      style = _getCompProps.style,
-      order = _getCompProps.order,
-      offset = _getCompProps.offset,
-      winWidth = _getCompProps.winWidth,
-      children = _getCompProps.children,
-      className = _getCompProps.className,
-      customPrefixcls = _getCompProps.prefixCls; // 浏览器名称
-
-
-  var isSogou = testBrowserType(/^sogou/i, 0); // className前缀
-
+    xs = _getCompProps.xs,
+    sm = _getCompProps.sm,
+    md = _getCompProps.md,
+    lg = _getCompProps.lg,
+    xl = _getCompProps.xl,
+    flex = _getCompProps.flex,
+    span = _getCompProps.span,
+    pull = _getCompProps.pull,
+    push = _getCompProps.push,
+    style = _getCompProps.style,
+    order = _getCompProps.order,
+    offset = _getCompProps.offset,
+    winWidth = _getCompProps.winWidth,
+    children = _getCompProps.children,
+    className = _getCompProps.className,
+    customPrefixcls = _getCompProps.prefixCls;
+  // 浏览器名称
+  var isSogou = testBrowserType(/^sogou/i, 0);
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
   var columns = 24;
   var base = {
@@ -43,45 +40,35 @@ var Col = function Col(props) {
     offset: offset,
     order: order
   };
-
   if (xs && winWidth > 0) {
     if (xs.constructor === Number) base.span = xs;
     if (xs.constructor === Object) base = _extends(_extends({}, base), xs);
   }
-
   if (sm && winWidth >= 600) {
     if (sm.constructor === Number) base.span = sm;
     if (sm.constructor === Object) base = _extends(_extends({}, base), sm);
   }
-
   if (md && winWidth >= 1024) {
     if (md.constructor === Number) base.span = md;
     if (md.constructor === Object) base = _extends(_extends({}, base), md);
   }
-
   if (lg && winWidth >= 1280) {
     if (lg.constructor === Number) base.span = lg;
     if (lg.constructor === Object) base = _extends(_extends({}, base), lg);
   }
-
   if (xl && winWidth >= 1920) {
     if (xl.constructor === Number) base.span = xl;
     if (xl.constructor === Object) base = _extends(_extends({}, base), xl);
   }
-
   var width = base.span ? base.span / columns * 100 + '%' : '100%';
   var flexstr = "0 0 ".concat(width);
-
   if (flex) {
     if (flex.constructor === Number) {
       var _context;
-
       flexstr = _concatInstanceProperty(_context = "".concat(flex, " ")).call(_context, flex, " auto");
     }
-
     if (flex.constructor === String) {
       var flexArr = flex.split(' ');
-
       if (flexArr.length === 1 && /px/.test(flexArr[0])) {
         flexstr = "0 0 ".concat(flexArr[0]);
       } else {
@@ -89,7 +76,6 @@ var Col = function Col(props) {
       }
     }
   }
-
   var styleString = _extends({
     flex: flexstr,
     maxWidth: width,
@@ -98,7 +84,6 @@ var Col = function Col(props) {
     right: base.pull && base.pull / columns * 100 + '%',
     marginLeft: base.offset && base.offset / columns * 100 + '%'
   }, style);
-
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, className, {
       'sogou-col': isSogou
@@ -106,6 +91,5 @@ var Col = function Col(props) {
     style: styleString
   }, children);
 };
-
 Col.displayName = 'Col';
 export default Col;