@king-design/react 2.0.0-beta.0

package/components/tag/styles.js

@@ -0,0 +1,95 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { css } from '@emotion/css';
+import { deepDefaults, sizes, palette } from '../../styles/utils';
+import { theme, setDefault } from '../../styles/theme';
+import '../../styles/global';
+var types = ['primary', 'warning', 'danger', 'success', 'disabled'];
+var defaults = deepDefaults({
+  get borderColor() {
+    return theme.color.border;
+  },
+
+  get borderRadius() {
+    return theme.borderRadius;
+  },
+
+  get fontSize() {
+    return theme.default.fontSize;
+  },
+
+  padding: "0 8px",
+  height: '20px',
+  close: {
+    fontSize: '20px',
+    gap: '8px'
+  },
+  disabled: {
+    get color() {
+      return theme.color.disabled;
+    },
+
+    get borderColor() {
+      return theme.color.disabledBorder;
+    },
+
+    get bgColor() {
+      return theme.color.disabledBg;
+    }
+
+  },
+  large: {
+    padding: "0px 16px",
+    height: '32px',
+    close: {
+      fontSize: '24px',
+      gap: '12px'
+    }
+  },
+  small: {
+    padding: "0 4px",
+    height: '18px',
+    close: {
+      fontSize: '18px',
+      gap: '4px'
+    }
+  },
+  mini: {
+    padding: "0 1px",
+    height: '14px',
+    close: {
+      fontSize: '16px',
+      gap: '2px'
+    }
+  }
+}, types.reduce(function (memo, type) {
+  if (type === 'disabled') return memo;
+  memo[type] = {
+    get color() {
+      return theme.color[type];
+    },
+
+    get bgColor() {
+      return palette(theme.color[type], -4);
+    }
+
+  };
+  return memo;
+}, {}));
+var tag;
+setDefault(function () {
+  tag = deepDefaults(theme, {
+    tag: defaults
+  }).tag;
+});
+export function makeStyles() {
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;padding:", tag.padding, ";border:1px solid ", tag.borderColor, ";border-radius:", tag.borderRadius, ";font-size:", tag.fontSize, ";height:", tag.height, ";.k-tag-close{font-size:", tag.close.fontSize, ";margin-left:", tag.close.gap, ";}", _mapInstanceProperty(types).call(types, function (t) {
+    var styles = tag[t];
+    return /*#__PURE__*/css("&.k-", t, "{color:", styles.color, ";border-color:", styles.color, ";background:", styles.bgColor, ";}");
+  }), " ", _mapInstanceProperty(sizes).call(sizes, function (s) {
+    if (s === 'default') return;
+    var styles = tag[s];
+    return /*#__PURE__*/css("&.k-", s, "{padding:", styles.padding, ";height:", styles.height, ";.k-tag-close{font-size:", styles.close.fontSize, ";margin-left:", styles.close.gap, ";}}");
+  }), "&.k-dashed{border-style:dashed;}&.k-none{border:none;}");
+}
+
+export {normalize} from 'intact-react';

package/components/timeline/index.d.ts

@@ -0,0 +1,5 @@
+export * from './timeline';
+export * from './item';
+
+
+export {normalize} from 'intact-react';

package/components/timeline/index.js

@@ -0,0 +1,4 @@
+export * from './timeline';
+export * from './item';
+
+export {normalize} from 'intact-react';

package/components/timeline/item.d.ts

@@ -0,0 +1,20 @@
+import { Component, TypeDefs } from 'intact-react';
+import { Sizes } from '../../styles/utils';
+import { Types } from './styles';
+export interface TimelineItemProps {
+    type?: Types;
+    size?: Sizes;
+}
+export interface TimelineItemEvents {
+}
+export interface TimelineItemBlocks {
+    dot: null;
+}
+export declare class TimelineItem extends Component<TimelineItemProps, TimelineItemEvents, TimelineItemBlocks> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<TimelineItemProps>>;
+    static defaults: () => Partial<TimelineItemProps>;
+}
+
+
+export {normalize} from 'intact-react';

package/components/timeline/item.js

@@ -0,0 +1,31 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact-react';
+import template from './item.vdt';
+import { sizes } from '../../styles/utils';
+import { types } from './styles';
+var typeDefs = {
+  type: types,
+  size: sizes
+};
+
+var defaults = function defaults() {
+  return {
+    type: 'primary',
+    size: 'default'
+  };
+};
+
+export var TimelineItem = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(TimelineItem, _Component);
+
+  function TimelineItem() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return TimelineItem;
+}(Component);
+TimelineItem.template = template;
+TimelineItem.typeDefs = typeDefs;
+TimelineItem.defaults = defaults;
+
+export {normalize} from 'intact-react';

package/components/timeline/item.vdt.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, noop as _$no } from 'intact-react';
+import { getRestProps } from '../utils';
+import { makeItemStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _$blocks = {};
+  var __$blocks = {};
+
+  var _this$get = this.get(),
+      className = _this$get.className,
+      children = _this$get.children,
+      type = _this$get.type,
+      size = _this$get.size;
+
+  var classNameObj = (_classNameObj = {
+    'k-timeline-item': true
+  }, _classNameObj[className] = className, _classNameObj["k-" + type] = true, _classNameObj["k-" + size] = size !== 'default', _classNameObj[makeItemStyles()] = true, _classNameObj);
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this)), [_$ce(2, 'div', [_$ce(2, 'div', (_$blocks['dot'] = function ($super) {
+    return _$ce(2, 'div', null, 1, 'k-timeline-circle');
+  }, __$blocks['dot'] = function ($super, data) {
+    var block = $blocks['dot'];
+
+    var callBlock = function callBlock() {
+      return _$blocks['dot'].call($this, $super, data);
+    };
+
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['dot'](_$no)), 0, 'k-timeline-dot'), _$ce(2, 'div', null, 1, 'k-timeline-line')], 4, 'k-timeline-indicator'), _$ce(2, 'div', children, 0, 'k-timeline-content')]);
+}
+;
+
+export {normalize} from 'intact-react';

package/components/timeline/styles.d.ts

@@ -0,0 +1,10 @@
+import '../../styles/global';
+declare type ValueOf<T extends readonly any[]> = T[number];
+export declare type Types = ValueOf<typeof types>;
+export declare const types: readonly ["primary", "warning", "danger", "success"];
+export declare function makeStyles(): string;
+export declare function makeItemStyles(): string;
+export {};
+
+
+export {normalize} from 'intact-react';

package/components/timeline/styles.js

@@ -0,0 +1,67 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { css } from '@emotion/css';
+import { theme, setDefault } from '../../styles/theme';
+import { deepDefaults, sizes } from '../../styles/utils';
+import '../../styles/global';
+var widthMap = {
+  large: '13px',
+  default: '9px',
+  small: '7px',
+  mini: '5px'
+};
+export var types = ['primary', 'warning', 'danger', 'success'];
+var typeStyles = types.reduce(function (memo, type) {
+  var color = theme.color;
+  memo[type] = {
+    get color() {
+      return color[type];
+    }
+
+  };
+  return memo;
+}, {});
+var sizeStyles = sizes.reduce(function (memo, size) {
+  var styles = theme[size];
+  memo[size] = {
+    get width() {
+      return widthMap[size];
+    }
+
+  };
+  return memo;
+}, {});
+var defaults = deepDefaults({
+  fontSize: '12px',
+  padding: '0 0 16px 24px',
+
+  get lineBorder() {
+    return "1px solid " + theme.color.border;
+  },
+
+  indicator: {
+    width: '16px'
+  }
+}, typeStyles, sizeStyles);
+var timeline;
+setDefault(function () {
+  timeline = deepDefaults(theme, {
+    timeline: defaults
+  }).timeline;
+});
+export function makeStyles() {
+  return /*#__PURE__*/css("font-size:", timeline.fontSize, ";padding-top:calc(", theme.lineHeight, "em / 2);");
+}
+export function makeItemStyles() {
+  return /*#__PURE__*/css("position:relative;padding:", timeline.padding, ";.k-timeline-indicator{width:", timeline.indicator.width, ";position:absolute;left:0;top:0;height:100%;text-align:center;}.k-timeline-dot{position:relative;z-index:1;transform:translateY(-50%);}.k-timeline-circle{position:relative;background:", theme.color.primary, ";border-radius:50%;left:50%;}.k-timeline-line{position:absolute;height:100%;border-left:", timeline.lineBorder, ";top:0;left:50%;}.k-timeline-content{position:relative;top:calc(-0.5 * ", theme.lineHeight, "em);}&:last-of-type{.k-timeline-line{display:none;}}", _mapInstanceProperty(types).call(types, function (type) {
+    var typeStyles = timeline[type];
+    return /*#__PURE__*/css("&.k-", type, "{.k-timeline-indicator{color:", typeStyles.color, ";}.k-timeline-circle{background:", typeStyles.color, ";}}");
+  }), _mapInstanceProperty(sizes).call(sizes, function (size) {
+    var styles = timeline[size];
+    var sizeClassName = /*#__PURE__*/css(".k-timeline-circle{width:", styles.width, ";height:", styles.width, ";margin-left:calc(-0.5 * ", styles.width, ");}");
+    if (size === 'default') return sizeClassName;
+    return /*#__PURE__*/css("&.k-", size, "{", sizeClassName, ";}");
+  }), ";");
+}
+;
+
+export {normalize} from 'intact-react';

package/components/timeline/timeline.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'intact-react';
+export interface TimelineProps {
+}
+export declare class Timeline extends Component<TimelineProps> {
+    static template: string | import("intact").Template<any>;
+}
+
+
+export {normalize} from 'intact-react';

package/components/timeline/timeline.js

@@ -0,0 +1,15 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact-react';
+import template from './timeline.vdt';
+export var Timeline = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Timeline, _Component);
+
+  function Timeline() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return Timeline;
+}(Component);
+Timeline.template = template;
+
+export {normalize} from 'intact-react';

package/components/timeline/timeline.vdt.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn } from 'intact-react';
+import { getRestProps } from '../utils';
+import { makeStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+
+  var _this$get = this.get(),
+      className = _this$get.className,
+      children = _this$get.children;
+
+  var classNameObj = (_classNameObj = {
+    'k-timeline': true
+  }, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this)), children);
+}
+;
+
+export {normalize} from 'intact-react';

package/components/timepicker/constants.d.ts

@@ -0,0 +1,18 @@
+import dayjs from '../datepicker/dayjs';
+import { BasePickerProps, BasePickerEvents, BasePickerBlocks } from '../datepicker/basepicker';
+import { TypeDefs } from 'intact-react';
+export declare const YEAR_FORMAT = "YYYY-MM-DD ";
+export declare const TIME_FORMAT = "HH:mm:ss";
+export declare const NOW: dayjs.Dayjs;
+export declare const PREFIX: string;
+export interface TimepickerProps<M extends boolean = boolean, R extends boolean = boolean> extends BasePickerProps<string, M, R> {
+    step?: string;
+}
+export interface TimepickerEvents extends BasePickerEvents {
+}
+export interface TimepickerBlocks<R extends boolean = boolean> extends BasePickerBlocks<string, R> {
+}
+export declare const typeDefs: Required<TypeDefs<TimepickerProps>>;
+
+
+export {normalize} from 'intact-react';

package/components/timepicker/constants.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { getNowDate } from '../datepicker/helpers';
+import { BasePicker } from '../datepicker/basepicker';
+export var YEAR_FORMAT = 'YYYY-MM-DD ';
+export var TIME_FORMAT = 'HH:mm:ss';
+export var NOW = getNowDate();
+export var PREFIX = NOW.format(YEAR_FORMAT);
+export var typeDefs = _extends({}, BasePicker.typeDefs, {
+  value: [String, Array],
+  min: String,
+  max: String,
+  step: String
+});
+
+export {normalize} from 'intact-react';

package/components/timepicker/index.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'intact-react';
+import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
+import { SelectPicker } from './selectPicker';
+export type { TimepickerProps, TimepickerEvents, TimepickerBlocks };
+export declare class Timepicker<Multipe extends boolean = false, Range extends boolean = false> extends Component<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks<Range>> {
+    static template(this: Timepicker): import("intact").VNode<typeof SelectPicker>;
+    static typeDefs: Required<import("intact").TypeDefs<TimepickerProps<boolean, boolean>>>;
+}
+
+
+export {normalize} from 'intact-react';

package/components/timepicker/index.js

@@ -0,0 +1,40 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { createVNode as h, Component } from 'intact-react';
+import { typeDefs } from './constants';
+import { PanelPicker } from './panelPicker';
+import { SelectPicker } from './selectPicker';
+export var Timepicker = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Timepicker, _Component);
+
+  function Timepicker() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  Timepicker.template = function template() {
+    var props = this.get();
+
+    if (props.step && !props.range) {
+      return h(SelectPicker, props);
+    }
+
+    return h(PanelPicker, props);
+  };
+
+  return Timepicker;
+}(Component); // declare class _Timepicker<
+// Multipe extends boolean = false,
+// Range extends boolean = false,
+// > extends PanelPicker<Multipe, Range> { } 
+// function Wrapper(props: TimepickerProps) {
+// if (props.step && !props.range) {
+// return h(SelectPicker, props);
+// }
+// return h(PanelPicker, props);
+// }
+// const functionalWrapper = (Component as any).functionalWrapper;
+// export const Timepicker: typeof _Timepicker = functionalWrapper ?
+// functionalWrapper(Wrapper) : Wrapper;
+
+Timepicker.typeDefs = typeDefs;
+
+export {normalize} from 'intact-react';

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

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