@king-design/intact 3.5.1 → 3.6.0-beta.0

package/es/components/treeSelect/index.spec.js

@@ -15,7 +15,7 @@ describe('TreeSelect', function () {
     return unmount();
   });
   it('should select value correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _mount, instance, element, dropdown;
+    var _mount, instance, element, dropdown, texts, text1, text111;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -26,13 +26,28 @@ describe('TreeSelect', function () {
         case 4:
           dropdown = getElement('.k-tree-select-menu');
           expect(dropdown.innerHTML).to.matchSnapshot();
-          dropdown.querySelector('.k-tree-text').click();
+          texts = dropdown.querySelectorAll('.k-tree-text');
+          text1 = texts[0];
+          text111 = texts[2];
+          text1.click();
+          _context.next = 12;
+          return wait();
+        case 12:
           expect(instance.get('value')).to.eql('1');
-          _context.next = 10;
+          _context.next = 15;
           return wait(500);
-        case 10:
+        case 15:
+          element.click();
+          text111.click();
+          _context.next = 19;
+          return wait();
+        case 19:
+          expect(instance.get('value')).to.eql('1.1.1');
+          _context.next = 22;
+          return wait(500);
+        case 22:
           expect(getElement('.k-tree-select-menu')).to.be.undefined;
-        case 11:
+        case 23:
         case "end":
           return _context.stop();
       }

package/es/components/virtualList/useVirtualRows.js

@@ -60,7 +60,7 @@ export function useVirtualRows() {
       var key = row.key;
       if (!rowsHeightMap.has(key)) {
         var rowDom = findDomFromVNode(row, true);
-        var height = rowDom.offsetHeight;
+        var height = rowDom.offsetHeight || rowAvgHeight;
         rowsHeightMap.set(key, height);
         calculatedHeight += height;
       }

package/es/hooks/useDocumentClick.js

@@ -1,12 +1,12 @@
 import { onMounted, onUnmounted } from 'intact';
-import { isFunction } from 'intact-shared';
+import { isFunction, hasDocumentAvailable } from 'intact-shared';
 // @reference: Vue3.0
 var getNow = Date.now;
 // Determine what event timestamp the browser is using. Annoyingly, the
 // timestamp can either be hi-res (relative to page load) or low-res
 // (relative to UNIX epoch), so in order to compare time we have to use the
 // same timestamp type when saving the flush timestamp.
-if (getNow() > document.createEvent('Event').timeStamp) {
+if (hasDocumentAvailable && getNow() > document.createEvent('Event').timeStamp) {
   // if the low-res timestamp which is bigger than the event timestamp
   // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
   // and we need to use the hi-res version for event listeners as well.
@@ -16,7 +16,7 @@ if (getNow() > document.createEvent('Event').timeStamp) {
 }
 // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
 // and does not fire microtasks in between event propagation, so safe to exclude.
-var ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i);
+var ffMatch = hasDocumentAvailable ? navigator.userAgent.match(/firefox\/(\d+)/i) : null;
 var skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53);
 export function useDocumentClick(ref, callback, manual) {
   if (manual === void 0) {

package/es/hooks/useFixBody.d.ts

@@ -0,0 +1,11 @@
+type Hooks = {
+    onStart?: (scrollBarWidth: number | undefined) => void;
+    onEnd?: () => void;
+};
+export declare function useFixBody(): {
+    onOpen: () => void;
+    onClose: () => void;
+    readonly isFixed: boolean;
+};
+export declare function setHooks(h: Hooks | null): void;
+export {};

package/es/hooks/useFixBody.js

@@ -0,0 +1,72 @@
+import _Set from "@babel/runtime-corejs3/core-js/set";
+import { useInstance, onBeforeUnmount } from 'intact';
+import { scrollbarWidth } from '../components/position';
+var instances = new _Set();
+var originalStyle = null;
+var hooks = null;
+export function useFixBody() {
+  var instance = useInstance();
+  var fixedBody = false;
+  onBeforeUnmount(function () {
+    if (fixedBody) {
+      onClosed(instance);
+    }
+  });
+  function onOpen() {
+    if (!fixedBody) {
+      fixedBody = true;
+      onOpened(instance);
+    }
+  }
+  function onClose() {
+    if (fixedBody) {
+      fixedBody = false;
+      onClosed(instance);
+    }
+  }
+  return {
+    onOpen: onOpen,
+    onClose: onClose,
+    get isFixed() {
+      return fixedBody;
+    }
+  };
+}
+export function setHooks(h) {
+  hooks = h;
+}
+function onOpened(instance) {
+  var body = document.body;
+  if (instances.size === 0) {
+    var bodyStyle = body.style;
+    originalStyle = body.getAttribute('style');
+    bodyStyle.overflow = 'hidden';
+    var scrollBarWidth = shouldFixBody();
+    if (scrollBarWidth) {
+      bodyStyle.paddingRight = scrollBarWidth + "px";
+    }
+    if (hooks && hooks.onStart) {
+      hooks.onStart(scrollBarWidth);
+    }
+  }
+  instances.add(instance);
+}
+function onClosed(instance) {
+  var body = document.body;
+  instances.delete(instance);
+  if (instances.size === 0) {
+    if (originalStyle) {
+      body.setAttribute('style', originalStyle);
+    } else {
+      body.removeAttribute('style');
+    }
+    if (hooks && hooks.onEnd) {
+      hooks.onEnd();
+    }
+  }
+}
+function shouldFixBody() {
+  if (document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight)) {
+    return scrollbarWidth();
+  }
+}

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.1
+ * @king-design v3.6.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -58,6 +58,7 @@ export * from './components/timeline';
 export * from './components/timepicker';
 export * from './components/tip';
 export * from './components/tooltip';
+export * from './components/tour';
 export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
@@ -65,4 +66,4 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export declare const version = "3.5.1";
+export declare const version = "3.6.0-beta.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.1
+ * @king-design v3.6.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,6 +59,7 @@ export * from './components/timeline';
 export * from './components/timepicker';
 export * from './components/tip';
 export * from './components/tooltip';
+export * from './components/tour';
 export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
@@ -66,5 +67,5 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export var version = '3.5.1';
+export var version = '3.6.0-beta.0';
 /* generate end */

package/es/site/data/components/breadcrumb/demos/separator/react.js

@@ -11,19 +11,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(Breadcrumb, {
       slotSeparator: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-        className: "ion-ios-arrow-thin-right separator",
-        size: "large"
+        className: "ion-ios-arrow-thin-right separator"
       }))
     }, /*#__PURE__*/React.createElement(BreadcrumbItem, {
       to: "/"
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-home"
+      className: "ion-home",
+      size: "small"
     }), " item 1"), /*#__PURE__*/React.createElement(BreadcrumbItem, {
       to: "/components/breadcrumb/"
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-earth"
+      className: "ion-earth",
+      size: "small"
     }), " item 2"), /*#__PURE__*/React.createElement(BreadcrumbItem, null, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-planet"
+      className: "ion-planet",
+      size: "small"
     }), " item 3"));
   };
   return Demo;

package/es/site/data/components/datepicker/demos/multiple/index.d.ts

@@ -6,7 +6,6 @@ interface Props {
     year?: string[];
     month?: string[];
     dateRange?: [string, string][];
-    datetimeRange?: [string, string][];
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

package/es/site/data/components/datepicker/demos/multiple/index.js

@@ -13,8 +13,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
       datetime: [],
       year: [],
       month: [],
-      dateRange: [],
-      datetimeRange: []
+      dateRange: []
     };
   };
   return default_1;

package/es/site/data/components/datepicker/demos/multiple/react.d.ts

@@ -5,7 +5,6 @@ interface Props {
     year?: string[];
     month?: string[];
     dateRange?: [string, string][];
-    datetimeRange?: [string, string][];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

package/es/site/data/components/datepicker/demos/multiple/react.js

@@ -17,8 +17,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       datetime: [],
       year: [],
       month: [],
-      dateRange: [],
-      datetimeRange: []
+      dateRange: []
     };
     return _this;
   }
@@ -70,17 +69,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           dateRange: dateRange
         });
       }
-    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Datepicker, {
-      multiple: true,
-      range: true,
-      value: this.state.datetimeRange,
-      onChangeValue: function onChangeValue(datetimeRange) {
-        return _this2.setState({
-          datetimeRange: datetimeRange
-        });
-      },
-      type: "datetime"
-    }), "You selected: ", _JSON$stringify(this.state.datetimeRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
+    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/datepicker/demos/nowrap/index.d.ts

@@ -0,0 +1,10 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    dateRange?: [string, string][];
+    mergeDateRange?: [string, string][];
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+}

package/es/site/data/components/datepicker/demos/nowrap/index.js

@@ -0,0 +1,19 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  default_1.defaults = function defaults() {
+    return {
+      dateRange: [],
+      mergeDateRange: []
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/datepicker/demos/nowrap/react.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    dateRange?: [string, string][];
+    mergeDateRange?: [string, string][];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/datepicker/demos/nowrap/react.js

@@ -0,0 +1,49 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+import React from 'react';
+import { Datepicker } from '@king-design/react';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      dateRange: [],
+      mergeDateRange: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Datepicker, {
+      multiple: true,
+      nowrap: true,
+      range: true,
+      value: this.state.dateRange,
+      onChangeValue: function onChangeValue(dateRange) {
+        return _this2.setState({
+          dateRange: dateRange
+        });
+      }
+    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Datepicker, {
+      multiple: true,
+      nowrap: true,
+      isMerge: true,
+      range: true,
+      value: this.state.mergeDateRange,
+      onChangeValue: function onChangeValue(mergeDateRange) {
+        return _this2.setState({
+          mergeDateRange: mergeDateRange
+        });
+      }
+    }), "You selected: ", _JSON$stringify(this.state.mergeDateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/datepicker/demos/yearMonth/index.d.ts

@@ -4,6 +4,8 @@ import './index.styl';
 interface Props {
     year?: string | null;
     month?: string | null;
+    week?: string | null;
+    quarter?: string | null;
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

package/es/site/data/components/datepicker/demos/yearMonth/index.js

@@ -11,7 +11,9 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       year: null,
-      month: null
+      month: null,
+      week: null,
+      quarter: null
     };
   };
   return default_1;

package/es/site/data/components/datepicker/demos/yearMonth/react.d.ts

@@ -3,6 +3,8 @@ import './index.styl';
 interface Props {
     year?: string | null;
     month?: string | null;
+    week?: string | null;
+    quarter?: string | null;
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

package/es/site/data/components/datepicker/demos/yearMonth/react.js

@@ -14,7 +14,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       year: null,
-      month: null
+      month: null,
+      week: null,
+      quarter: null
     };
     return _this;
   }
@@ -38,6 +40,24 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       clearable: true
+    }), /*#__PURE__*/React.createElement(Datepicker, {
+      type: "week",
+      value: this.state.week,
+      onChangeValue: function onChangeValue(week) {
+        return _this2.setState({
+          week: week
+        });
+      },
+      clearable: true
+    }), /*#__PURE__*/React.createElement(Datepicker, {
+      type: "quarter",
+      value: this.state.quarter,
+      onChangeValue: function onChangeValue(quarter) {
+        return _this2.setState({
+          quarter: quarter
+        });
+      },
+      clearable: true
     }));
   };
   return Demo;

package/es/site/data/components/select/demos/creatable/index.d.ts

@@ -3,6 +3,7 @@ import { Component } from 'intact';
 interface Props {
     day?: string | null;
     days?: string[];
+    dayWithKeywords?: string[];
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

package/es/site/data/components/select/demos/creatable/index.js

@@ -10,7 +10,8 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       day: null,
-      days: []
+      days: [],
+      dayWithKeywords: []
     };
   };
   return default_1;

package/es/site/data/components/select/demos/creatable/react.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface Props {
     day?: string | null;
     days?: string[];
+    dayWithKeywords?: string[];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

package/es/site/data/components/select/demos/creatable/react.js

@@ -14,7 +14,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       day: null,
-      days: []
+      days: [],
+      dayWithKeywords: []
     };
     return _this;
   }
@@ -75,7 +76,35 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "Saturday"
     }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
       value: "Sunday"
-    }, "\u661F\u671F\u5929")), "Days: ", _JSON$stringify(this.state.days));
+    }, "\u661F\u671F\u5929")), "Days: ", _JSON$stringify(this.state.days), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Select, {
+      value: this.state.dayWithKeywords,
+      onChangeValue: function onChangeValue(dayWithKeywords) {
+        return _this2.setState({
+          dayWithKeywords: dayWithKeywords
+        });
+      },
+      filterable: true,
+      multiple: true,
+      creatable: true,
+      keepKeywords: true,
+      style: {
+        "marginRight": "10px"
+      }
+    }, /*#__PURE__*/React.createElement(Option, {
+      value: "Monday"
+    }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
+      value: "Tuesday"
+    }, "\u661F\u671F\u4E8C"), /*#__PURE__*/React.createElement(Option, {
+      value: "Wednesday"
+    }, "\u661F\u671F\u4E09"), /*#__PURE__*/React.createElement(Option, {
+      value: "Thursday"
+    }, "\u661F\u671F\u56DB"), /*#__PURE__*/React.createElement(Option, {
+      value: "Friday"
+    }, "\u661F\u671F\u4E94"), /*#__PURE__*/React.createElement(Option, {
+      value: "Saturday"
+    }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
+      value: "Sunday"
+    }, "\u661F\u671F\u5929")), "Day with keepKeywords: ", _JSON$stringify(this.state.dayWithKeywords));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/select/demos/searchable/index.js

@@ -11,7 +11,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       day: null,
-      days: []
+      days: ['Tuesday']
     };
   };
   return default_1;

package/es/site/data/components/select/demos/searchable/react.js

@@ -14,7 +14,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       day: null,
-      days: []
+      days: ['Tuesday']
     };
     return _this;
   }

package/es/site/data/components/tour/demos/basic/index.d.ts

@@ -0,0 +1,17 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        currentStep: number;
+        showTour: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    settour(): void;
+    close(): void;
+}

package/es/site/data/components/tour/demos/basic/index.js

@@ -0,0 +1,46 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import { bind } from 'kpc';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  default_1.defaults = function defaults() {
+    return {
+      currentStep: 0,
+      showTour: false,
+      tourData: [{
+        target: '#btn1',
+        title: '第一步',
+        content: '这是第一步的引导说明',
+        position: 'bottom'
+      }, {
+        target: '#btn2',
+        title: '第二步',
+        content: '这是第二步的引导说明',
+        position: 'right'
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.settour = function settour() {
+    this.set({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.close = function close() {
+    this.set({
+      showTour: false
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "settour", null);
+__decorate([bind], default_1.prototype, "close", null);

package/es/site/data/components/tour/demos/basic/react.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        currentStep: number;
+        showTour: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    settour(): void;
+    close(): void;
+    render(): React.JSX.Element;
+}