@nutui/nutui-react 2.0.0-alpha.13 → 2.0.0-alpha.15

package/dist/types/packages/timeselect/timeselect.d.ts

@@ -1,25 +1,66 @@
-import React, { FunctionComponent } from 'react';
-import { TimeType } from '../../packages/timedetail/timedetail';
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface TimeType {
+    value?: string;
+    text?: string;
+    [prop: string]: any;
+}
 export interface DateType {
-    paneKey?: string | number;
-    date: string;
+    value?: string;
+    text?: string;
+    children?: TimeType[];
+    [prop: string]: any;
+}
+export interface OptionKeyType {
+    valueKey: string;
+    textKey: string;
+    childrenKey: string;
 }
-export interface TimeSelectProps {
-    className?: string;
-    style: React.CSSProperties;
-    visible?: boolean;
-    height?: string;
-    multiple?: boolean;
-    title?: string;
-    currentKey: string | number;
-    currentTime: TimeType[];
-    dates: DateType[];
-    times: TimeType[];
-    select?: (selectTimeData: TimeType[]) => void;
-    pannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void;
-    timeChange?: (time: string, selectTimeData: TimeType[]) => void;
-    onSelect?: (selectTimeData: TimeType[]) => void;
-    onPannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void;
-    onTimeChange?: (time: string, selectTimeData: TimeType[]) => void;
+export interface TimeSelectProps extends BasicComponent {
+    /**
+    * 是否显示弹层
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 是否支持多选
+    * @default false
+    */
+    multiple?: boolean
+    /**
+    * 弹层标题
+    * @default 取件时间
+    */
+    title?: ReactNode
+    /**
+    * 默认选中的值，非受控
+    * @default -
+    */
+    defaultValue: DateType[]
+    /**
+    * 数据
+    * @default -
+    */
+    options: DateType[]
+    /**
+    * 配置数据中的关键字, valueKey, textKey, childrenKey
+    * @default 
+    */
+    optionKey: OptionKeyType
+    /**
+    * 关闭遮罩之后的回调
+    * @default 
+    */
+    onSelect?: (value: DateType[]) => void
+    /**
+    * 点击左栏时的回调
+    * @default -
+    */
+    onDateChange?: (date: DateType, value: DateType[]) => void
+    /**
+    * 点击右侧选项时的回调
+    * @default -
+    */
+    onTimeChange?: (time: TimeType, value: DateType[]) => void
 }
 export declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,4 @@
 export declare const isObject: (val: unknown) => val is Record<any, any>;
 export declare const isFunction: (val: unknown) => val is Function;
 export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
+export declare const upperCaseFirst: (str: string) => string;

package/dist/types/utils/use-click-away.d.ts

@@ -0,0 +1,3 @@
+type TargetType = Function | HTMLElement | Element;
+export default function useClickAway(onClickAway: () => void, target: TargetType | TargetType[], eventName?: string, isListener?: boolean, outerVar?: boolean): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.0.0-alpha.13",
+  "version": "2.0.0-alpha.15",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/Infiniteloading/style/style.css

@@ -1 +0,0 @@
-.nut-theme-dark .nut-infiniteloading .nut-infinite-container .infiniteLi{color:#e6e6e6}.nut-theme-dark .nut-infiniteloading .nut-infinite-bottom .bottom-box .bottom-text{color:#828282}.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.nut-infiniteloading .nut-infinite-top .top-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top .top-box .top-text{font-size:10px;color:var(--nutui-gray-2, #757575)}.nut-infiniteloading .nut-infinite-container .infiniteLi{color:var(--nutui-gray-1, #1a1a1a)}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-infiniteloading-bottom-color, #c8c8c8);text-align:center}.nut-infiniteloading .nut-infinite-bottom .bottom-box .bottom-text{font-size:10px;color:var(--nutui-gray-2, #757575)}

package/dist/esm/TimePannel/style/css.js

@@ -1 +0,0 @@
-import './style.css'

package/dist/esm/TimePannel/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/timepannel/timepannel.scss'

package/dist/esm/TimePannel/style/style.css

@@ -1 +0,0 @@
-.nut-theme-dark .nut-timepannel{background-color:#141414;color:#828282}.nut-theme-dark .nut-timepannel--curr{background-color:#141414;color:#e6e6e6}.nut-timepannel{height:var(--nutui-timeselect-timepannel-height, 40px);line-height:40px;text-align:center;color:var(--nutui-timeselect-timepannel-text-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-timepannel-font-size, var(--nutui-font-size-2, 14px))}

package/dist/esm/TimePannel.js

@@ -1,47 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-import React__default from "react";
-import { c as cn } from "./bem.js";
-import { useConfig } from "./ConfigProvider.js";
-import "@bem-react/classname";
-var defaultProps = {
-  className: "",
-  date: "",
-  curKey: 0
-};
-var TimePannel = function TimePannel2(props) {
-  useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, date = _defaultProps$props.date, curKey = _defaultProps$props.curKey, change = _defaultProps$props.change;
-  var b = cn("timepannel");
-  return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || ""),
-    onClick: function onClick() {
-      return change(curKey);
-    }
-  }, date);
-};
-TimePannel.defaultProps = defaultProps;
-TimePannel.displayName = "NutTimePannel";
-export {
-  TimePannel as default
-};

package/dist/esm/offsetContext.js

@@ -1,19 +0,0 @@
-import { createContext } from "react";
-var handleClick = function handleClick2(e) {
-  e.stopPropagation();
-  var isIcon = e.target.className.includes("arrow-icon");
-  var isTitle = e.target.className.includes("__title") || isIcon;
-  var currentClass = e.currentTarget.className;
-  var isShow = currentClass.includes("nutShow");
-  var arrowIcon = e.currentTarget.querySelector(".arrow-icon");
-  var iconClass = arrowIcon.className;
-  if (isTitle) {
-    e.currentTarget.className = isShow ? currentClass.replace("nutShow", "nutHide") : currentClass.replace("nutHide", "nutShow");
-    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
-  }
-};
-var OffsetContext = createContext(20);
-export {
-  OffsetContext as O,
-  handleClick as h
-};

package/dist/esm/types/src/packages/popover/Trigger.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface TriggerProps {
-    className?: string | undefined;
-    children?: React.ReactNode;
-    forwardedRef: React.RefObject<HTMLElement>;
-}
-/**
- * 过滤ref
- */
-export declare function fillRef<T>(ref: React.Ref<T>, node: T): void;
-/**
- * 将ref合并到一个ref函数中以支持ref传递
- */
-export declare function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T>;
-export default class Trigger extends React.Component<TriggerProps, unknown> {
-    fireEvents(type: string, e: Event): void;
-    render(): JSX.Element;
-}
-export {};

package/dist/esm/types/src/packages/sidenavbar/type.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-type NavBarProps = {
-    showhead?: boolean;
-};
-export interface SideNavBarProps extends React.HTMLAttributes<HTMLDivElement>, NavBarProps {
-    title: string;
-    visible: boolean;
-    width?: string;
-    offset?: number;
-    position?: 'left' | 'right';
-    handleClose: () => void;
-    children?: React.ReactNode;
-}
-export type SideNavBarItemProps = {
-    title: string;
-    key: string | number;
-    click?: ({ title, key }: {
-        title: string;
-        key: string | number;
-    }) => void;
-    children?: React.ReactNode;
-};
-export type SubNavBarProps = {
-    title: string;
-    key: string | number;
-    open?: boolean;
-    children?: React.ReactNode;
-    titleClick?: ({ title, key, isShow, }: {
-        title: string;
-        key: string | number;
-        isShow: boolean;
-    }) => void;
-};
-export {};

package/dist/esm/types/src/packages/timedetail/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimeDetailDemo: () => JSX.Element;
-export default TimeDetailDemo;

package/dist/esm/types/src/packages/timedetail/demo.taro.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimeDetailDemo: () => JSX.Element;
-export default TimeDetailDemo;

package/dist/esm/types/src/packages/timepannel/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimePannelDemo: () => JSX.Element;
-export default TimePannelDemo;

package/dist/esm/types/src/packages/timepannel/demo.taro.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimePannelDemo: () => JSX.Element;
-export default TimePannelDemo;

package/dist/esm/types/src/packages/timepannel/index.d.ts

@@ -1,2 +0,0 @@
-import { TimePannel } from './timepannel';
-export default TimePannel;

package/dist/esm/types/src/packages/timepannel/index.taro.d.ts

@@ -1,2 +0,0 @@
-import { TimePannel } from './timepannel.taro';
-export default TimePannel;

package/dist/esm/types/src/packages/timepannel/timepannel.d.ts

@@ -1,8 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface TimePannelProps {
-    date: string;
-    curKey: string | number;
-    className?: string;
-    change: (curKey: string | number) => void;
-}
-export declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/timepannel/timepannel.taro.d.ts

@@ -1,8 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface TimePannelProps {
-    date: string;
-    curKey: string | number;
-    className?: string;
-    change: (curKey: string | number) => void;
-}
-export declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/packages/timepannel/timepannel.scss

@@ -1,17 +0,0 @@
-.nut-theme-dark {
-  .nut-timepannel {
-    background-color: $dark5;
-    color: $dark2;
-    &--curr {
-      background-color: $dark5;
-      color: $dark1;
-    }
-  }
-}
-.nut-timepannel {
-  height: $timeselect-timepannel-height;
-  line-height: 40px;
-  text-align: center;
-  color: $timeselect-timepannel-text-color;
-  font-size: $timeselect-timepannel-font-size;
-}

package/dist/types/packages/popover/Trigger.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface TriggerProps {
-    className?: string | undefined;
-    children?: React.ReactNode;
-    forwardedRef: React.RefObject<HTMLElement>;
-}
-/**
- * 过滤ref
- */
-export declare function fillRef<T>(ref: React.Ref<T>, node: T): void;
-/**
- * 将ref合并到一个ref函数中以支持ref传递
- */
-export declare function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T>;
-export default class Trigger extends React.Component<TriggerProps, unknown> {
-    fireEvents(type: string, e: Event): void;
-    render(): JSX.Element;
-}
-export {};

package/dist/types/packages/timepannel/index.d.ts

@@ -1,2 +0,0 @@
-import { TimePannel } from './timepannel';
-export default TimePannel;

package/dist/types/packages/timepannel/timepannel.d.ts

@@ -1,8 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface TimePannelProps {
-    date: string;
-    curKey: string | number;
-    className?: string;
-    change: (curKey: string | number) => void;
-}
-export declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React.HTMLAttributes<HTMLDivElement>>;