@king-design/intact 2.0.9 → 2.0.11

package/es/hooks/useDraggable.js

@@ -5,7 +5,7 @@ export function useDraggable(options) {
 
   function start(e) {
     // ignore if it isn't left key
-    if (e.which !== 1) return;
+    if (e.which !== 1 || options.disable != null && options.disable()) return;
     dragging.set(true);
 
     if (options.onStart) {
@@ -17,6 +17,7 @@ export function useDraggable(options) {
   }
 
   function move(e) {
+    if (options.disable != null && options.disable()) return;
     e.preventDefault();
 
     if (dragging.value) {

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.9
+ * @king-design v2.0.11
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,4 +57,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.9";
+export declare const version = "2.0.11";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.9
+ * @king-design v2.0.11
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,5 +59,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.9';
+export var version = '2.0.11';
 /* generate end */

package/es/packages/kpc-react/__tests__/components/drawer.spec.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import React from 'react';
 import * as ReactDOM from 'react-dom';
-import { Drawer, Card } from '../../';
+import { Drawer, Card, Button } from '../../';
 import { Component } from 'intact-react';
 import { wait, dispatchEvent } from '../../../../test/utils';
 describe('Drawer', function () {
@@ -68,7 +68,15 @@ describe('Drawer', function () {
             }, "click")), /*#__PURE__*/React.createElement(Drawer, {
               value: true,
               placement: "left",
-              title: "2"
+              title: "2",
+              onClose: function onClose() {
+                return console.log('click');
+              },
+              slotFooter: /*#__PURE__*/React.createElement(Button, {
+                onClick: function onClick(e) {
+                  return console.log(1);
+                }
+              }, "click")
             }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
               className: "click",
               onClick: click2
@@ -85,11 +93,10 @@ describe('Drawer', function () {
             return wait();
 
           case 13:
-            expect(click2.callCount).to.eql(1);
-            ReactDOM.unmountComponentAtNode(container);
-            document.body.removeChild(container);
+            expect(click2.callCount).to.eql(1); // ReactDOM.unmountComponentAtNode(container);
+            // document.body.removeChild(container);
 
-          case 16:
+          case 14:
           case "end":
             return _context2.stop();
         }

package/es/packages/kpc-react/__tests__/components/select.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/es/packages/kpc-react/__tests__/components/select.spec.js

@@ -0,0 +1,64 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { useState } from 'react';
+import * as ReactDOM from 'react-dom';
+import { Select, OptionGroup, Option } from '../../';
+import { getElement, wait } from '../../../../test/utils';
+describe('Select', function () {
+  it('should conrrectly show value in filterable mode', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var container, Test, trigger, dropdown;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            container = document.createElement('div');
+            document.body.appendChild(container);
+
+            Test = function Test() {
+              var _useState = useState(''),
+                  value = _useState[0],
+                  setValue = _useState[1];
+
+              var onChangeValue = function onChangeValue(v) {
+                setValue(v != null ? v : '');
+              };
+
+              return /*#__PURE__*/React.createElement(Select, {
+                value: value,
+                onChangeValue: onChangeValue,
+                card: true,
+                filterable: true
+              }, /*#__PURE__*/React.createElement(OptionGroup, {
+                slotLabel: /*#__PURE__*/React.createElement("div", null, "xxx")
+              }, /*#__PURE__*/React.createElement(Option, {
+                value: "q"
+              }, "Q"), /*#__PURE__*/React.createElement(Option, {
+                value: "p"
+              }, "P")));
+            };
+
+            ReactDOM.render( /*#__PURE__*/React.createElement(Test, null), container);
+            trigger = container.querySelector('.k-select');
+            trigger.click();
+            _context.next = 8;
+            return wait();
+
+          case 8:
+            dropdown = getElement('.k-select-menu');
+            dropdown.querySelector('.k-dropdown-item').click();
+            _context.next = 12;
+            return wait();
+
+          case 12:
+            expect(container.querySelector('.k-input-inner').value).to.eql('Q');
+            ReactDOM.unmountComponentAtNode(container);
+            document.body.removeChild(container);
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});

package/es/site/data/components/dialog/demos/block/react.js

@@ -50,12 +50,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           show: show
         });
       },
-      "b-header": /*#__PURE__*/React.createElement("div", {
+      slotHeader: /*#__PURE__*/React.createElement("div", {
         className: "k-title"
       }, /*#__PURE__*/React.createElement("i", {
         className: "ion-person"
       }), "Custom Header"),
-      "b-footer": /*#__PURE__*/React.createElement(React.Fragment, null, "Custom Footer", /*#__PURE__*/React.createElement(Button, {
+      slotFooter: /*#__PURE__*/React.createElement(React.Fragment, null, "Custom Footer", /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         onClick: function onClick() {
           return _this2.setState({
@@ -77,8 +77,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       title: "No Footer",
-      "b-body": "body",
-      "b-footer-wrapper": ""
+      slotBody: "body",
+      slotFooterWrapper: ""
     }));
   };
 

package/hooks/useDraggable.ts

@@ -5,6 +5,7 @@ export type Options = {
     onStart?: (e: MouseEvent) => void,
     onMove: (e: MouseEvent) => void,
     onEnd?: (e?: MouseEvent) => void,
+    disable?: () => boolean,
 }
 
 export function useDraggable(options: Options) {
@@ -12,7 +13,7 @@ export function useDraggable(options: Options) {
 
     function start(e: MouseEvent) {
         // ignore if it isn't left key
-        if (e.which !== 1) return;
+        if (e.which !== 1 || options.disable?.()) return;
 
         dragging.set(true);
 
@@ -25,6 +26,8 @@ export function useDraggable(options: Options) {
     }
 
     function move(e: MouseEvent) {
+        if (options.disable?.()) return;
+
         e.preventDefault();
 
         if (dragging.value) {

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.9
+ * @king-design v2.0.11
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.9';
+export const version = '2.0.11';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -116,7 +116,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.9",
+    "intact-react": "^3.0.12",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -178,7 +178,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.10",
+    "intact": "^3.0.12",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",