@king-design/react 3.1.1-beta.3 → 3.1.1

package/components/collapse/index.spec.js

@@ -16,7 +16,7 @@ describe('Collapse', function () {
           case 0:
             this.timeout(0);
             _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            _element$querySelecto = element.querySelectorAll('.k-collapse-title'), title1 = _element$querySelecto[0], title2 = _element$querySelecto[1], title3 = _element$querySelecto[2];
+            _element$querySelecto = element.querySelectorAll(':scope > .k-collapse-title'), title1 = _element$querySelecto[0], title2 = _element$querySelecto[1], title3 = _element$querySelecto[2];
             title2.click();
             _context.next = 6;
             return wait(500);

package/components/form/index.spec.js

@@ -1362,4 +1362,47 @@ describe('Form', function () {
       }
     }, _callee8);
   })));
+  it('should validate on init when setting validateOnStart prop', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    var Demo, _mount9, instance, element;
+
+    return _regeneratorRuntime.wrap(function _callee9$(_context13) {
+      while (1) {
+        switch (_context13.prev = _context13.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component4) {
+              _inheritsLoose(Demo, _Component4);
+
+              function Demo() {
+                var _context12;
+
+                var _this4;
+
+                for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                  args[_key4] = arguments[_key4];
+                }
+
+                _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
+                _this4.Form = Form;
+                _this4.FormItem = FormItem;
+                return _this4;
+              }
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Form, FormItem} = this;\n                <Form ref=\"form\">\n                    <FormItem rules={{required: true}} validateOnStart />\n                </Form>\n            ";
+            _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
+            _context13.next = 5;
+            return wait(500);
+
+          case 5:
+            expect(element.querySelector('.k-form-error')).to.be.exist;
+
+          case 6:
+          case "end":
+            return _context13.stop();
+        }
+      }
+    }, _callee9);
+  })));
 });

package/components/form/item.d.ts

@@ -10,6 +10,7 @@ export interface FormItemProps {
     htmlFor?: string;
     hideLabel?: boolean;
     fluid?: boolean;
+    validateOnStart?: boolean;
 }
 export interface FormItemEvents {
     change: [Event];

package/components/form/item.js

@@ -24,7 +24,8 @@ var typeDefs = {
   label: String,
   htmlFor: String,
   hideLabel: Boolean,
-  fluid: Boolean
+  fluid: Boolean,
+  validateOnStart: Boolean
 };
 export var FormItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(FormItem, _Component);

package/components/form/useDirty.js

@@ -4,6 +4,10 @@ export function useDirty(getValidate) {
   var instance = useInstance();
   var isDirty = useState(false);
 
+  if (instance.get('validateOnStart')) {
+    dirty();
+  }
+
   function onChange(e) {
     dirty();
     instance.trigger('change', e);

package/components/popover/styles.js

@@ -9,6 +9,9 @@ var defaults = {
     fontSize: '14px',
     lineHeight: '20px',
     fontWeight: 500
+  },
+  small: {
+    width: '240px'
   }
 };
 var popover;
@@ -18,5 +21,5 @@ setDefault(function () {
   }).popover;
 });
 export default function makeStyles(k) {
-  return /*#__PURE__*/css("&.", k, "-tooltip-content.", k, "-popover{width:", popover.width, ";padding:", popover.padding, ";.", k, "-popover-title{display:flex;align-items:center;font-size:", popover.title.fontSize, ";line-height:", popover.title.lineHeight, ";font-weight:", popover.title.fontWeight, ";}.", k, "-popover-icon{margin-right:", popover.gap, ";}.", k, "-popover-content{margin-top:", popover.gap, ";}.", k, "-tooltip-footer{text-align:right;}}");
+  return /*#__PURE__*/css("&.", k, "-tooltip-content.", k, "-popover{width:", popover.width, ";padding:", popover.padding, ";.", k, "-popover-title{display:flex;align-items:center;font-size:", popover.title.fontSize, ";line-height:", popover.title.lineHeight, ";font-weight:", popover.title.fontWeight, ";}.", k, "-popover-icon{margin-right:", popover.gap, ";}.", k, "-popover-content{margin-top:", popover.gap, ";}.", k, "-tooltip-footer{text-align:right;}&.", k, "-small{padding:", popover.padding, ";width:", popover.small.width, ";}}");
 }

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.1-beta.3
+ * @king-design v3.1.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,7 +60,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.1-beta.3";
+export declare const version = "3.1.1";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.1-beta.3
+ * @king-design v3.1.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,7 +62,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.1-beta.3';
+export var version = '3.1.1';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.1.1-beta.3",
+  "version": "3.1.1",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",