@king-design/react 2.0.0-beta.0 → 2.0.1

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,7 +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;}}");
-}
-
-export {normalize} from 'intact-react';
+  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/drag.d.ts

@@ -13,6 +13,3 @@ export declare class ColorpickerDrag extends Component<ColorpickerDragProps, Col
     private drag;
 }
 export {};
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/drag.js

@@ -22,6 +22,4 @@ export var ColorpickerDrag = /*#__PURE__*/function (_Component) {
 
   return ColorpickerDrag;
 }(Component);
-ColorpickerDrag.template = template;
-
-export {normalize} from 'intact-react';
+ColorpickerDrag.template = template;

package/components/colorpicker/drag.vdt.js

@@ -7,6 +7,4 @@ export default function ($props, $blocks, $__proto__) {
     'ev-mousedown': this.drag.start
   });
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/colorpicker/index.d.ts

@@ -1,10 +1,12 @@
 import { Component, TypeDefs } from 'intact-react';
 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 {
 }
@@ -13,6 +15,3 @@ export declare class Colorpicker extends Component<ColorpickerProps, Colorpicker
     static typeDefs: Required<TypeDefs<ColorpickerProps>>;
     static defaults: () => Partial<ColorpickerProps>;
 }
-
-
-export {normalize} from 'intact-react';

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() {
@@ -30,6 +31,4 @@ export var Colorpicker = /*#__PURE__*/function (_Component) {
 }(Component);
 Colorpicker.template = template;
 Colorpicker.typeDefs = typeDefs;
-Colorpicker.defaults = defaults;
-
-export {normalize} from 'intact-react';
+Colorpicker.defaults = defaults;

package/components/colorpicker/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-react';

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":
@@ -307,6 +307,4 @@ describe('Colorpicker', function () {
       }
     }, _callee7);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

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
@@ -49,6 +51,4 @@ export default function ($props, $blocks, $__proto__) {
     })]
   }));
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/colorpicker/panel.d.ts

@@ -9,6 +9,3 @@ export declare class ColorpickerPanel extends Component<ColorpickerPanelProps> {
     private pointer;
     private input;
 }
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/panel.js

@@ -26,6 +26,4 @@ export var ColorpickerPanel = /*#__PURE__*/function (_Component) {
 
   return ColorpickerPanel;
 }(Component);
-ColorpickerPanel.template = template;
-
-export {normalize} from 'intact-react';
+ColorpickerPanel.template = template;

package/components/colorpicker/panel.vdt.js

@@ -161,6 +161,4 @@ export default function ($props, $blocks, $__proto__) {
     });
   }, $this), 4, 'k-colorpicker-presets') : undefined], 0, _$cn(classNameObj));
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/colorpicker/styles.d.ts

@@ -3,6 +3,3 @@ import { ColorFormats } from 'tinycolor2';
 export declare function makeStyles(): string;
 export declare function makePanelStyles(): string;
 export declare function makeAlphaBgColor({ r, g, b }: ColorFormats.RGBA): string;
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/styles.js

@@ -130,6 +130,4 @@ export function makeAlphaBgColor(_ref) {
       g = _ref.g,
       b = _ref.b;
   return /*#__PURE__*/css(".k-slider-track-wrapper{background:linear-gradient(to right, rgba(", r, ", ", g, ", ", b, ", 0) 0%, rgb(", r, ", ", g, ", ", b, ") 100%);}");
-}
-
-export {normalize} from 'intact-react';
+}

package/components/colorpicker/useDrag.d.ts

@@ -1,6 +1,3 @@
 export declare function useDrag(): {
     start: (e: MouseEvent) => void;
 };
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/useDrag.js

@@ -37,6 +37,4 @@ export function useDrag() {
   return {
     start: start
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/colorpicker/useInput.d.ts

@@ -14,6 +14,3 @@ export declare function useInput(hsv: State<ColorFormats.HSVA | null>, rgb: Stat
     dragging: State<boolean>;
     setInputValue: (type: string, maxValue: number, e: InputEvent) => void;
 };
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/useInput.js

@@ -73,6 +73,4 @@ export function useInput(hsv, rgb, hsl) {
     dragging: dragging,
     setInputValue: setInputValue
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/colorpicker/usePointer.d.ts

@@ -4,6 +4,3 @@ export declare function usePointer(hsv: State<ColorFormats.HSVA | null>, format:
     start: (e: MouseEvent) => void;
     areaRef: import('intact-react').RefObject<HTMLDivElement>;
 };
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/usePointer.js

@@ -48,6 +48,4 @@ export function usePointer(hsv, format) {
     start: start,
     areaRef: areaRef
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/colorpicker/useValue.d.ts

@@ -9,6 +9,3 @@ export declare function useValue(): {
     changeAlpha: (arg: number) => void;
     setValue: (v: string) => void;
 };
-
-
-export {normalize} from 'intact-react';

package/components/colorpicker/useValue.js

@@ -53,6 +53,4 @@ export function useValue() {
     changeAlpha: throttle(changeAlpha, 50),
     setValue: setValue
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/context.d.ts

@@ -2,13 +2,13 @@ import { Component, ComponentConstructor } from 'intact-react';
 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 {};
-
-
-export {normalize} from 'intact-react';

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) {
@@ -85,6 +88,4 @@ function consumertemplate() {
 // return (children as unknown as Function)(data);
 // }
 // return {Provider, Consumer};
-// }
-
-export {normalize} from 'intact-react';
+// }

package/components/datepicker/basepicker.d.ts

@@ -57,6 +57,3 @@ export declare function useValue({ createDateByValueFormat, createDateByShowForm
     convertToDayjs: (v: BasePickerProps<Value>['value']) => DayjsValue;
     getDayjsValue: () => DayjsValue;
 };
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/basepicker.js

@@ -336,6 +336,4 @@ export function useValue(_ref, _ref2, panel, shouldUpdateValue, updateValueOnInp
     convertToDayjs: convertToDayjs,
     getDayjsValue: getDayjsValue
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/datepicker/calendar.d.ts

@@ -76,6 +76,3 @@ export declare class DatepickerCalendar extends Component<DatepickerCalendarProp
     };
     triggerChange(value: Dayjs): void;
 }
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/calendar.js

@@ -61,6 +61,4 @@ function useType(instance) {
     type.set(v);
   });
   return type;
-}
-
-export {normalize} from 'intact-react';
+}

package/components/datepicker/calendar.vdt.js

@@ -123,6 +123,4 @@ export default function ($props, $blocks, $__proto__) {
     'ev-mouseleave': resetFocusDate
   })], 0, _$cn(classNameObj));
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/datepicker/constants.d.ts

@@ -11,6 +11,3 @@ export declare const seconds: {
     label: string;
     value: number;
 }[];
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/constants.js

@@ -15,6 +15,4 @@ export var minutes = _mapInstanceProperty(_context2 = range(0, 59)).call(_contex
     value: value
   };
 });
-export var seconds = minutes;
-
-export {normalize} from 'intact-react';
+export var seconds = minutes;

package/components/datepicker/dayjs.d.ts

@@ -1,6 +1,3 @@
 import dayjs, { Dayjs, OpUnitType } from 'dayjs';
 export default dayjs;
 export type { Dayjs, OpUnitType };
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/dayjs.js

@@ -1,6 +1,4 @@
 import dayjs, { Dayjs } from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 dayjs.extend(customParseFormat);
-export default dayjs;
-
-export {normalize} from 'intact-react';
+export default dayjs;

package/components/datepicker/helpers.d.ts

@@ -1,13 +1,11 @@
 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;
 export declare function createDate(date: string): Date;
 export declare function findValueIndex(values: StateValueItem[], value: StateValueItem, type: OpUnitType): number;
 export declare function last<T>(arr: T[]): T | undefined;
-
-
-export {normalize} from 'intact-react';

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';
@@ -81,6 +87,4 @@ export function findValueIndex(values, value, type) {
 }
 export function last(arr) {
   return arr[arr.length - 1];
-}
-
-export {normalize} from 'intact-react';
+}

package/components/datepicker/index.d.ts

@@ -61,6 +61,3 @@ export declare class Datepicker<V extends Value = Value, M extends boolean = fal
     protected clear(e: MouseEvent): void;
     private setByShortcut;
 }
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/index.js

@@ -118,6 +118,4 @@ Datepicker.defaults = defaults;
 
 __decorate([bind], Datepicker.prototype, "clear", null);
 
-__decorate([bind], Datepicker.prototype, "setByShortcut", null);
-
-export {normalize} from 'intact-react';
+__decorate([bind], Datepicker.prototype, "setByShortcut", null);

package/components/datepicker/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-react';

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":
@@ -1698,6 +1698,4 @@ describe('Datepicker', function () {
       }, _callee38);
     })));
   });
-});
-
-export {normalize} from 'intact-react';
+});

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-react';
+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-react';
 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(),
@@ -137,6 +142,4 @@ export default function ($props, $blocks, $__proto__) {
     }), __$blocks;
   }.call($this, $blocks), $__proto__);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/datepicker/shortcuts.d.ts

@@ -19,6 +19,3 @@ export declare const lastMonth: Shortcut;
 export declare const nextMonth: Shortcut;
 export declare const lastThreeMonths: Shortcut;
 export declare const nextThreeMonths: Shortcut;
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/shortcuts.js

@@ -135,6 +135,4 @@ export var nextThreeMonths = {
   value: function value() {
     return [now(), months(3)];
   }
-};
-
-export {normalize} from 'intact-react';
+};

package/components/datepicker/styles.d.ts

@@ -1,9 +1,51 @@
 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;
 export declare function makeTimeStyles(): string;
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/styles.js

@@ -84,6 +84,4 @@ export function makeCalendarStyles() {
 }
 export function makeTimeStyles() {
   return /*#__PURE__*/css("display:flex;padding:", datepicker.padding, ";width:", datepicker.width, ";position:relative;.k-scroll-select{flex:1;height:305px;}");
-}
-
-export {normalize} from 'intact-react';
+}

package/components/datepicker/time.d.ts

@@ -28,6 +28,3 @@ export declare class DatepickerTime extends Component<DatepickerTimeProps> {
     private changeValue;
 }
 export {};
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/time.js

@@ -102,6 +102,4 @@ function useDisable(instance) {
     disableHours: disableHours,
     disableItem: disableItem
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/datepicker/time.vdt.js

@@ -43,6 +43,4 @@ export default function ($props, $blocks, $__proto__) {
     }
   })], 4, _$cn(classNameObj));
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/datepicker/useDays.d.ts

@@ -14,6 +14,3 @@ export declare function useDays(showDate: State<Dayjs>, status: ReturnType<typeo
     }[];
     onClick: (value: dayjs.Dayjs) => void;
 };
-
-
-export {normalize} from 'intact-react';

package/components/datepicker/useDays.js

@@ -42,6 +42,4 @@ export function useDays(showDate, status, focusDate) {
     getDays: getDays,
     onClick: instance.triggerChange
   };
-}
-
-export {normalize} from 'intact-react';
+}