@king-design/vue 2.0.0-beta.1 → 2.0.2

package/components/cascader/index.spec.js

@@ -1,4 +1,6 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import BasicDemo from '~/components/cascader/demos/basic';
 import CustomDemo from '~/components/cascader/demos/custom';
@@ -6,6 +8,8 @@ import ChangeOnSelectDemo from '~/components/cascader/demos/changeOnSelect';
 import LoadDataDemo from '~/components/cascader/demos/loadData';
 import FilterDemo from '~/components/cascader/demos/filterable';
 import { mount, unmount, dispatchEvent, getElement, getElements, wait } from '../../test/utils';
+import { Cascader } from './';
+import { Component } from 'intact-vue-next';
 describe('Cascader', function () {
   afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -14,7 +18,7 @@ describe('Cascader', function () {
           case 0:
             unmount();
             _context.next = 3;
-            return wait(400);
+            return wait(500);
 
           case 3:
           case "end":
@@ -278,4 +282,88 @@ describe('Cascader', function () {
       }
     }, _callee7);
   })));
+  it('duplicated sub data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var Demo, _mount7, instance, element, _getElements2, dropdown1, dropdown2, _dropdown1$querySelec4, item1, item2, _dropdown2$querySelec3, item21, dropdown3, _dropdown3$querySelec2, item31;
+
+    return _regeneratorRuntime.wrap(function _callee8$(_context9) {
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context8;
+
+                var _this;
+
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+
+                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context8 = [this]).call(_context8, args)) || this;
+                _this.Cascader = Cascader;
+                return _this;
+              }
+
+              Demo.defaults = function defaults() {
+                return {
+                  value: ['beijing', 'haidian'],
+                  data: [{
+                    value: 'beijing',
+                    label: '北京',
+                    children: [{
+                      value: 'haidian',
+                      label: '海淀区'
+                    }]
+                  }, {
+                    value: 'hunan',
+                    label: '湖南',
+                    children: [{
+                      value: 'haidian',
+                      label: '海淀区'
+                    }]
+                  }]
+                };
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "const {Cascader} = this; <Cascader data={this.get('data')} v-model=\"value\" />";
+            _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
+            dispatchEvent(element, 'click');
+            _context9.next = 6;
+            return wait();
+
+          case 6:
+            _getElements2 = getElements('.k-cascader-menu'), dropdown1 = _getElements2[0], dropdown2 = _getElements2[1];
+            _dropdown1$querySelec4 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec4[0], item2 = _dropdown1$querySelec4[1];
+            expect(item1.classList.contains('k-selected')).to.be.true;
+            expect(item2.classList.contains('k-selected')).to.be.false;
+            _dropdown2$querySelec3 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown2$querySelec3[0];
+            expect(item21.classList.contains('k-selected')).to.be.true;
+            dispatchEvent(item2, 'click');
+            _context9.next = 15;
+            return wait();
+
+          case 15:
+            dropdown3 = getElement('.k-cascader-menu');
+            _dropdown3$querySelec2 = dropdown3.querySelectorAll(':scope > .k-dropdown-item'), item31 = _dropdown3$querySelec2[0];
+            expect(item31.classList.contains('k-selected')).to.be.false;
+            dispatchEvent(item31, 'click');
+            _context9.next = 21;
+            return wait();
+
+          case 21:
+            expect(instance.get('value')).to.eql(['hunan', 'haidian']);
+            expect(element.textContent).to.eql('湖南 / 海淀区');
+
+          case 23:
+          case "end":
+            return _context9.stop();
+        }
+      }
+    }, _callee8);
+  })));
 });

package/components/cascader/index.vdt.js

@@ -41,7 +41,7 @@ export default function ($props, $blocks, $__proto__) {
       onSelect = _this$value.onSelect,
       toggleShowedValue = _this$value.toggleShowedValue;
 
-  var Options = function Options(data, level, loaded) {
+  var Options = function Options(data, level, loaded, parentSelected) {
     if (!data.length) {
       if (!loaded) {
         return _$cc(Icon, _$tmp0);
@@ -53,7 +53,7 @@ export default function ($props, $blocks, $__proto__) {
     return _mapInstanceProperty(data).call(data, function (item, index) {
       var value = item.value;
       var showed = isShowed(value, level);
-      var selected = isSelected(value, level);
+      var selected = parentSelected && isSelected(value, level);
       var children = item.children;
 
       var Item = function Item() {
@@ -79,7 +79,7 @@ export default function ($props, $blocks, $__proto__) {
         'ev-show': _this.load.bind(null, item),
         'children': [Item(), _$cc(DropdownMenu, {
           'className': _$cn(classNameObj),
-          'children': showed ? Options(children, level + 1, item.loaded) : null
+          'children': showed ? Options(children, level + 1, item.loaded, selected) : null
         })]
       }) : Item();
     });
@@ -100,7 +100,7 @@ export default function ($props, $blocks, $__proto__) {
       return !filterable || !keywords ? _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
         'key': 'common',
-        'children': Options(data, 0, true)
+        'children': Options(data, 0, true, true)
       }, 'common') : _$cc(DropdownMenu, {
         'key': 'filter',
         'className': _$cn((_$cn2 = {

package/components/cascader/useLabel.js

@@ -1,4 +1,3 @@
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import { useInstance } from 'intact-vue-next';
 import { useBaseLabel } from '../select/useBaseLabel';
 export function useLabel() {
@@ -11,27 +10,24 @@ export function useLabel() {
     var labels = [];
     var length = value.length;
 
-    var loop = function loop(data) {
+    var loop = function loop(data, level) {
+      if (level === length) return;
+
       for (var i = 0; i < data.length; i++) {
         var item = data[i];
 
-        if (_includesInstanceProperty(value).call(value, item.value)) {
+        if (item.value === value[level]) {
           labels.push(item.label);
+          var children = item.children;
 
-          if (labels.length === length) {
-            return;
+          if (children) {
+            loop(children, level + 1);
           }
         }
-
-        var children = item.children;
-
-        if (children) {
-          loop(children);
-        }
       }
     };
 
-    loop(data);
+    loop(data, 0);
     return labels.length ? format(labels) : null;
   }
 

package/components/checkbox/index.vdt.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["className", "disabled", "falseValue", "children", "value", "trueValue", "style", "indeterminate", "title"];
-import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-vue-next';
+import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createElementVNode as _$ce } from 'intact-vue-next';
 import { getRestProps } from '../utils';
 import makeStyles from './styles';
+import { Wave } from '../wave';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 
@@ -51,15 +52,19 @@ export default function ($props, $blocks, $__proto__) {
     'title': title,
     'ev-click': this.onClick,
     'ev-keypress': this.onKeypress
-  }, events), [_$ce(2, 'span', _$cv('input', _extends({
-    'type': 'checkbox',
-    'checked': isChecked,
-    'value': trueValue,
-    'trueValue': trueValue,
-    'falseValue': falseValue,
+  }, events), [_$cc(Wave, {
     'disabled': disabled,
-    'tabindex': '-1',
-    'ref': this.inputRef
-  }, getRestProps(this, rest))), 2, 'k-checkbox-wrapper'), children ? _$ce(2, 'span', children, 0, 'k-checkbox-text') : undefined]);
+    'inset': '-2px',
+    'children': _$ce(2, 'span', _$cv('input', _extends({
+      'type': 'checkbox',
+      'checked': isChecked,
+      'value': trueValue,
+      'trueValue': trueValue,
+      'falseValue': falseValue,
+      'disabled': disabled,
+      'tabindex': '-1',
+      'ref': this.inputRef
+    }, getRestProps(this, rest))), 2, 'k-checkbox-wrapper')
+  }), children ? _$ce(2, 'span', children, 0, 'k-checkbox-text') : undefined]);
 }
 ;

package/components/checkbox/styles.js

@@ -14,7 +14,7 @@ var defaults = {
   },
 
   get transition() {
-    return theme.transition;
+    return theme.transition.small;
   },
 
   bgColor: '#fff',
@@ -71,5 +71,5 @@ setDefault(function () {
   }).checkbox;
 });
 export default function makeStyles() {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle;.k-checkbox-wrapper{display:inline-block;width:", checkbox.width, ";height:", checkbox.width, ";vertical-align:middle;border:1px solid ", checkbox.borderColor, ";border-radius:", checkbox.borderRadius, ";position:relative;transition:all ", checkbox.transition, ";background:", checkbox.bgColor, ";flex:0 0 auto;&:before{content:\"\";display:block;position:absolute;width:", checkbox.inner.width, ";height:", checkbox.inner.height, ";top:", checkbox.inner.top, ";left:", checkbox.inner.left, ";border:", checkbox.inner.border, ";border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all ", checkbox.transition, ";}}input{width:100%;height:100%;opacity:0;cursor:pointer;position:absolute;left:0;top:0;margin:0;}.k-checkbox-text{vertical-align:middle;margin-left:", checkbox.text.gap, ";display:inline-block;flex:0 1 auto;}&.k-checked,&.k-indeterminate{.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";background:", checkbox.checked.bgColor, ";}}&.k-indeterminate{.k-checkbox-wrapper{&:before{transform:rotate(90deg) scale(1);border-bottom:0;left:", checkbox.indeterminate.innerLeft, ";}}}&.k-checked{.k-checkbox-wrapper{&:before{transform:rotate(45deg) scale(1);}}}&:focus{outline:none;.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";}}&.k-disabled{color:", checkbox.disabled.color, ";cursor:not-allowed;.k-checkbox-wrapper{border-color:", checkbox.disabled.borderColor, ";background:", checkbox.disabled.bgColor, ";&:before{border-color:", checkbox.disabled.innerColor, ";}}input{cursor:not-allowed;}}");
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle;.k-checkbox-wrapper{width:", checkbox.width, ";height:", checkbox.width, ";border:1px solid ", checkbox.borderColor, ";border-radius:", checkbox.borderRadius, ";position:relative;transition:all ", checkbox.transition, ";background:", checkbox.bgColor, ";flex:0 0 auto;&:before{content:\"\";display:block;position:absolute;width:", checkbox.inner.width, ";height:", checkbox.inner.height, ";top:", checkbox.inner.top, ";left:", checkbox.inner.left, ";border:", checkbox.inner.border, ";border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all ", checkbox.transition, ";}}input{width:100%;height:100%;opacity:0;cursor:pointer;position:absolute;left:0;top:0;margin:0;}.k-checkbox-text{margin-left:", checkbox.text.gap, ";flex:0 1 auto;}&.k-checked,&.k-indeterminate{.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";background:", checkbox.checked.bgColor, ";}}&.k-indeterminate{.k-checkbox-wrapper{&:before{transform:rotate(90deg) scale(1);border-bottom:0;left:", checkbox.indeterminate.innerLeft, ";}}}&.k-checked{.k-checkbox-wrapper{&:before{transform:rotate(45deg) scale(1);}}}&:focus{outline:none;.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";}}&.k-disabled{color:", checkbox.disabled.color, ";cursor:not-allowed;.k-checkbox-wrapper{border-color:", checkbox.disabled.borderColor, ";background:", checkbox.disabled.bgColor, ";&:before{border-color:", checkbox.disabled.innerColor, ";}}input{cursor:not-allowed;}}");
 }

package/components/collapse/item.vdt.js

@@ -39,7 +39,8 @@ export default function ($props, $blocks, $__proto__) {
 
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['title'](_$no)), _$cc(Icon, {
-    'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['ion-ios-arrow-right'] = true, _$cn2))
+    'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['ion-ios-arrow-right'] = true, _$cn2)),
+    'hoverable': !disabled
   })], 0, _$cn(kls('title')), {
     'ev-click': this.toggle
   }), _$cc(Transition, _extends({

package/components/collapse/styles.js

@@ -6,6 +6,10 @@ export var kls = function kls(className) {
   return "k-collapse-" + className;
 };
 var defaults = {
+  get transition() {
+    return theme.transition.large;
+  },
+
   fontSize: '12px',
   titleMarginRight: '8px',
   borderPadding: '0 24px',
@@ -27,5 +31,5 @@ export function makeStyles() {
 }
 export function makeItemStyles() {
   var collapseItem = collapse.item;
-  return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}.", kls('title'), "{cursor:pointer;font-weight:bold;height:", collapseItem.titleHeight, ";line-height:", collapseItem.titleHeight, ";transition:color ", theme.transition, ";}.", kls('arrow'), "{float:right;transition:transform ", theme.transition, ";line-height:", collapseItem.titleHeight, ";height:", collapseItem.titleHeight, ";transform-origin:left center 0;}&:not(.k-disabled){.", kls('title'), "{&:hover{color:", theme.color.primary, ";}}}.", kls('content'), "{overflow:hidden;.", kls('wrapper'), "{overflow:hidden;padding:", collapseItem.contentPadding, ";}}&.k-active{.", kls('arrow'), "{transform:rotate(90deg);}}&.k-disabled{color:", theme.color.disabledBorder, ";.", kls('title'), "{cursor:not-allowed;}}");
+  return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}.", kls('title'), "{cursor:pointer;font-weight:bold;height:", collapseItem.titleHeight, ";line-height:", collapseItem.titleHeight, ";transition:color ", collapse.transition, ";}.", kls('arrow'), "{float:right;transition:transform ", collapse.transition, ";line-height:", collapseItem.titleHeight, ";height:", collapseItem.titleHeight, ";transform-origin:left center 0;}&:not(.k-disabled){.", kls('title'), "{&:hover{color:", theme.color.primary, ";}}}.", kls('content'), "{overflow:hidden;.", kls('wrapper'), "{overflow:hidden;padding:", collapseItem.contentPadding, ";}}&.k-active{.", kls('arrow'), "{transform:rotate(90deg);}}&.k-disabled{color:", theme.color.disabledBorder, ";.", kls('title'), "{cursor:not-allowed;}}");
 }

package/components/colorpicker/index.d.ts

@@ -1,10 +1,12 @@
 import { Component, TypeDefs } from 'intact-vue-next';
 import { Sizes } from '../../styles/utils';
+import { Container } from '../portal';
 export interface ColorpickerProps {
     value: string;
     presets?: string[];
     size?: Sizes;
     disabled?: boolean;
+    container?: Container;
 }
 export interface ColorpickerEvents {
 }

package/components/colorpicker/index.js

@@ -9,7 +9,8 @@ var typeDefs = {
   },
   presets: Array,
   size: sizes,
-  disabled: Boolean
+  disabled: Boolean,
+  container: [Function, String]
 };
 
 var defaults = function defaults() {

package/components/colorpicker/index.spec.js

@@ -38,7 +38,7 @@ describe('Colorpicker', function () {
           case 0:
             unmount();
             _context2.next = 3;
-            return wait(400);
+            return wait(500);
 
           case 3:
           case "end":

package/components/colorpicker/index.vdt.js

@@ -18,7 +18,8 @@ export default function ($props, $blocks, $__proto__) {
       presets = _this$get.presets,
       value = _this$get.value,
       size = _this$get.size,
-      disabled = _this$get.disabled;
+      disabled = _this$get.disabled,
+      container = _this$get.container;
 
   var classNameObj = (_classNameObj = {
     'k-colorpicker': true
@@ -33,6 +34,7 @@ export default function ($props, $blocks, $__proto__) {
     },
     'trigger': 'click',
     'disabled': disabled,
+    'container': container,
     'children': [_$ce(2, 'div', _$ce(2, 'div', null, 1, 'k-colorpicker-inner', {
       'style': {
         backgroundColor: value

package/components/context.d.ts

@@ -2,10 +2,13 @@ import { Component, ComponentConstructor } from 'intact-vue-next';
 export interface ProviderProps<T> {
     value?: T;
 }
+export interface ConsumerProps<T> {
+    defaultValue?: T;
+}
 declare type ProviderConstructor<T> = ComponentConstructor<Component<ProviderProps<T>>>;
-declare type ConsumerConstructor = ComponentConstructor<Component<{}>>;
+declare type ConsumerConstructor<T> = ComponentConstructor<Component<ConsumerProps<T>>>;
 export declare function createContext<T = any>(defaultValue?: T): {
     Provider: ProviderConstructor<T>;
-    Consumer: ConsumerConstructor;
+    Consumer: ConsumerConstructor<T>;
 };
 export {};

package/components/context.js

@@ -53,14 +53,14 @@ export function createContext(defaultValue) {
       }
 
       _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context2 = [this]).call(_context2, args)) || this;
-      _this2.ref = inject(injectionKey);
+      _this2.ref = inject(injectionKey, null);
       return _this2;
     }
 
     return Consumer;
   }(Component);
 
-  Consumer.template = consumertemplate;
+  Consumer.template = consumerTemplate;
   return {
     Provider: Provider,
     Consumer: Consumer
@@ -71,8 +71,11 @@ function providerTemplate() {
   return this.$props.children;
 }
 
-function consumertemplate() {
-  return this.$props.children(this.ref.value);
+function consumerTemplate() {
+  var ref = this.ref;
+  var props = this.$props;
+  var value = ref && ref.value || props && props.value;
+  return this.$props.children(value);
 } // Maybe like legency context api of React
 // Error: Can not use it in multiple instances.
 // export function Context<T = any>(defaultValue?: T) {

package/components/datepicker/helpers.d.ts

@@ -1,7 +1,8 @@
 import dayjs, { Dayjs, OpUnitType } from 'dayjs';
 import { StateValueItem } from './basepicker';
-export declare function getNowDate(): dayjs.Dayjs;
+export declare function getNowDate(isEnd?: boolean): dayjs.Dayjs;
 export declare function clearTime(date: Date): void;
+export declare function endTime(date: Date): void;
 export declare function isEqual(a: Dayjs | undefined | null, b: Dayjs | undefined | null, type?: OpUnitType): boolean;
 export declare function isLT(a: Dayjs | undefined | null, b: Dayjs | undefined | null, type?: OpUnitType): boolean;
 export declare function isGT(a: Dayjs | undefined | null, b: Dayjs | undefined | null, type?: OpUnitType): boolean;

package/components/datepicker/helpers.js

@@ -2,10 +2,10 @@ import _construct from "@babel/runtime-corejs3/helpers/construct";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find-index";
 import dayjs from 'dayjs';
-export function getNowDate() {
+export function getNowDate(isEnd) {
   // only date without time
   var now = new Date();
-  clearTime(now);
+  isEnd ? endTime(now) : clearTime(now);
   return dayjs(now);
 }
 export function clearTime(date) {
@@ -14,6 +14,12 @@ export function clearTime(date) {
   date.setSeconds(0);
   date.setMilliseconds(0);
 }
+export function endTime(date) {
+  date.setHours(23);
+  date.setMinutes(59);
+  date.setSeconds(59);
+  date.setMilliseconds(999);
+}
 export function isEqual(a, b, type) {
   if (type === void 0) {
     type = 'date';

package/components/datepicker/index.spec.js

@@ -28,7 +28,7 @@ describe('Datepicker', function () {
           case 0:
             unmount();
             _context.next = 3;
-            return wait(400);
+            return wait(500);
 
           case 3:
           case "end":

package/components/datepicker/index.vdt.js

@@ -1,4 +1,5 @@
-import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, map as _$ma, createTextVNode as _$ct } from 'intact-vue-next';
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, createTextVNode as _$ct } from 'intact-vue-next';
 import { linkEvent } from 'intact';
 import { DropdownMenu } from '../dropdown';
 import { DatepickerCalendar } from './calendar';
@@ -102,13 +103,17 @@ export default function ($props, $blocks, $__proto__) {
         __$blocks = _$ex({}, $blocks);
 
     return (_$blocks['base-menu'] = function ($super) {
+      var _this2 = this;
+
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
-        'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _$ma(shortcuts, function ($value, $key) {
-          return _$ce(2, 'div', isFunction($value.label) ? $value.label() : $value.label, 0, 'k-datepicker-shortcut', {
-            'ev-click': linkEvent($value, this.setByShortcut)
+        'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _mapInstanceProperty(shortcuts).call(shortcuts, function ($value) {
+          var label = isFunction($value.label) ? $value.label() : $value.label;
+          return _$ce(2, 'div', label, 0, 'k-datepicker-shortcut c-ellipsis', {
+            'title': label,
+            'ev-click': linkEvent($value, _this2.setByShortcut)
           });
-        }, $this), 4, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
+        }), 0, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
           'type': 'primary',
           'size': 'small',
           'disabled': isDisabledConfirm(),

package/components/datepicker/styles.d.ts

@@ -1,5 +1,50 @@
 import '../../styles/global';
-declare let datepicker: any;
+declare const defaults: {
+    width: string;
+    padding: string;
+    border: string;
+    item: {
+        gutter: string;
+        height: string;
+        readonly hoverBgColor: string;
+        readonly exceedColor: string;
+        readonly todayBorder: string;
+        readonly borderRadius: string;
+        active: {
+            readonly bgColor: string;
+            color: string;
+            todayBorderColor: string;
+        };
+        disabled: {
+            color: string;
+            hoverBgColor: string;
+        };
+        range: {
+            readonly bgColor: string;
+        };
+    };
+    weekday: {
+        padding: string;
+    };
+    month: {
+        padding: string;
+        fontSize: string;
+        valueGap: string;
+    };
+    footer: {
+        padding: string;
+    };
+    shortcuts: {
+        width: string;
+        padding: string;
+        shortcut: {
+            readonly hoverBgcolor: string;
+            height: string;
+            padding: string;
+        };
+    };
+};
+declare let datepicker: typeof defaults;
 export { datepicker };
 export declare function makePanelStyles(): string;
 export declare function makeCalendarStyles(): string;

package/components/diagram/shapes/generateShapes.js

@@ -26,10 +26,10 @@ var shapes = {
 var components = {};
 
 var _loop = function _loop(key) {
-  var _class, _temp;
+  var _class;
 
   var value = shapes[key];
-  components[key] = (_temp = _class = /*#__PURE__*/function (_DShape) {
+  components[key] = (_class = /*#__PURE__*/function (_DShape) {
     _inheritsLoose(_class, _DShape);
 
     function _class() {
@@ -50,7 +50,7 @@ var _loop = function _loop(key) {
     };
 
     return _class;
-  }(DShape), _class.displayName = "D" + key, _temp);
+  }(DShape), _class.displayName = "D" + key, _class);
 };
 
 for (var key in shapes) {

package/components/diagram/shapes/line.d.ts

@@ -6,10 +6,10 @@ export interface DLineProps extends DBaseProps {
     endArrow?: Arrow;
     startPoint?: Point;
     endPoint?: Point;
-    exit?: Point;
-    entry?: Point;
     from?: Key;
     to?: Key;
+    exit?: Point;
+    entry?: Point;
 }
 declare type Arrow = 'none' | 'classic' | 'classicThin' | 'block' | 'blockThin' | 'open' | 'openThin' | 'oval' | 'diamond' | 'diamondThin';
 declare type Point = [number, number];

package/components/diagram/shapes/line.js

@@ -12,7 +12,6 @@ var mxCell = mx.mxCell,
 var arrows = ['none', 'classic', 'classicThin', 'block', 'blockThin', 'open', 'openThin', 'oval', 'diamond', 'diamondThin'];
 
 var typeDefs = _extends({}, DBase.typeDefs, {
-  strokeStyle: ['solid', 'dashed', 'dotted'],
   type: ['rounded', 'sharp', 'curved', 'straight'],
   startArrow: arrows,
   endArrow: arrows,

package/components/dialog/base.d.ts

@@ -2,6 +2,7 @@ import { Component, TypeDefs } from 'intact-vue-next';
 import { Sizes } from '../../styles/utils';
 import { Container } from '../portal';
 import { SHOW, HIDE } from './constants';
+import { setHooks } from './useFixBody';
 import type { Events } from '../types';
 export interface BaseDialogProps {
     title?: string;
@@ -42,6 +43,7 @@ export declare class BaseDialog<T extends BaseDialogProps = BaseDialogProps, E e
     static typeDefs: Required<TypeDefs<BaseDialogProps>>;
     static defaults: () => Partial<BaseDialogProps>;
     static events: Events<BaseDialogEvents>;
+    static setHooks: typeof setHooks;
     dialogRef: import("intact").RefObject<HTMLDivElement>;
     private overlayRef;
     private drag;

package/components/dialog/base.js

@@ -12,7 +12,7 @@ import { useMouseOutsidable } from '../../hooks/useMouseOutsidable';
 import { useDraggable } from './useDraggable';
 import { useEscClosable } from './useEscClosable';
 import { SHOW, HIDE, DIALOG } from './constants';
-import { useFixBody } from './useFixBody';
+import { useFixBody, setHooks } from './useFixBody';
 var typeDefs = {
   title: String,
   value: Boolean,
@@ -153,6 +153,7 @@ BaseDialog.template = template;
 BaseDialog.typeDefs = typeDefs;
 BaseDialog.defaults = defaults;
 BaseDialog.events = events;
+BaseDialog.setHooks = setHooks;
 
 __decorate([bind], BaseDialog.prototype, "terminate", null);