@nutui/nutui-react-taro 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/types/utils/can-use-dom.d.ts

@@ -0,0 +1 @@
+export declare const canUseDom: boolean;

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

@@ -0,0 +1,49 @@
+declare const Utils: {
+    /**
+     * 是否为闫年
+     * @return {Boolse} true|false
+     */
+    isLeapYear(y: number): boolean;
+    /**
+     * 返回星期数
+     * @return {String}
+     */
+    getWhatDay(year: number, month: number, day: number): string;
+    /**
+     * 返回星期数
+     * @return {Number}
+     */
+    getMonthPreDay(year: number, month: number): number;
+    /**
+     * 返回月份天数
+     * @return {Number}
+     */
+    getMonthDays(year: string, month: string): number;
+    /**
+     * 补齐数字位数
+     * @return {string}
+     */
+    getNumTwoBit(n: number): string;
+    /**
+     * 日期对象转成字符串
+     * @return {string}
+     */
+    date2Str(date: Date, split?: string): string;
+    /**
+     * 返回日期格式字符串
+     * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+     * @return {string} '2014-12-31'
+     */
+    getDay(i: number): string;
+    /**
+     * 时间比较
+     * @return {Boolean}
+     */
+    compareDate(date1: string, date2: string): boolean;
+    /**
+     * 时间是否相等
+     * @return {Boolean}
+     */
+    isEqual(date1: string, date2: string): boolean;
+};
+export default Utils;

package/dist/types/utils/get-scroll-parent.d.ts

@@ -0,0 +1,3 @@
+type ScrollElement = HTMLElement | Window;
+export declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
+export {};

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

@@ -0,0 +1,3 @@
+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>;

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

@@ -0,0 +1,6 @@
+export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void;
+export declare const funcInterceptor: (interceptor: Interceptor | undefined, { args, done, canceled, }: {
+    args?: unknown[] | undefined;
+    done: (val?: any) => void;
+    canceled?: (() => void) | undefined;
+}) => void;

package/dist/types/utils/px-check.d.ts

@@ -0,0 +1 @@
+export declare const pxCheck: (value: string | number) => string;

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

@@ -0,0 +1,4 @@
+export declare const inBrowser: boolean;
+export declare function cancelRaf(id: number): void;
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,2 @@
+export declare function rubberband(distance: number, dimension: number, constant: number): number;
+export declare function rubberbandIfOutOfBounds(position: number, min: number, max: number, dimension: number, constant?: number): number;

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

@@ -0,0 +1 @@
+export declare const sleep: (time: number) => Promise<unknown>;

package/dist/types/utils/supports-passive.d.ts

@@ -0,0 +1 @@
+export declare let passiveSupported: boolean;

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

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface BasicComponent {
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare const ComponentDefaults: {
+    className: string;
+    style: {};
+};

package/dist/types/utils/use-client-rect.d.ts

@@ -0,0 +1,18 @@
+/**
+  获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
+  width 宽度	number
+  height 高度	number
+  top	顶部与视图窗口左上角的距离	number
+  left	左侧与视图窗口左上角的距离	number
+  right	右侧与视图窗口左上角的距离	number
+  bottom	底部与视图窗口左上角的距离	number
+ */
+export declare const getRect: (elementRef: Element | Window | undefined) => DOMRect | {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export declare const getRectByTaro: (element: any) => Promise<any>;

package/dist/types/utils/use-force-update.d.ts

@@ -0,0 +1 @@
+export declare function useForceUpdate(): () => void;

package/dist/types/utils/use-props-value.d.ts

@@ -0,0 +1,8 @@
+interface UsePropsValue<T> {
+    value?: T;
+    defaultValue?: T;
+    finalValue?: T;
+    onChange?: (value: T) => void;
+}
+export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): [value: T, onChange: (value: T) => void];
+export {};

package/dist/types/utils/use-refs.d.ts

@@ -0,0 +1 @@
+export default function useRefs(): any[];

package/dist/types/utils/use-touch.d.ts

@@ -0,0 +1,18 @@
+type Direction = '' | 'vertical' | 'horizontal';
+export declare function useTouch(): {
+    move: EventListener;
+    start: EventListener;
+    reset: () => void;
+    startX: number;
+    startY: number;
+    moveX: number;
+    moveY: number;
+    deltaX: number;
+    deltaY: number;
+    offsetX: number;
+    offsetY: number;
+    direction: Direction;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+};
+export {};

package/dist/types/utils/use-watch.d.ts

@@ -0,0 +1,6 @@
+type Callback<T> = (prev: T | undefined) => void;
+type Config = {
+    immediate: boolean;
+};
+declare function useWatch<T>(dep: T, callback: Callback<T>, config?: Config): () => void;
+export default useWatch;

package/dist/types/vite-env.d.ts

@@ -0,0 +1,9 @@
+// eslint-disable-next-line react/no-typos
+import 'react'
+
+declare module 'react' {
+  interface CSSProperties {
+    // Allow any CSS Custom Properties
+    [index: `--${string}`]: any
+  }
+}

package/package.json

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

package/dist/esm/actionsheet.taro-d2217152.js

@@ -1,61 +0,0 @@
-import React from "react";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  cancelText: "",
-  optionTag: "name",
-  optionSubTag: "subname",
-  chooseTagValue: "",
-  title: "",
-  color: "#ee0a24",
-  description: "",
-  menuItems: [],
-  onCancel: () => {
-  },
-  onChoose: () => {
-  },
-  visible: false,
-  className: "",
-  style: {}
-};
-const ActionSheet = (props) => {
-  const { children, cancelText, optionTag, optionSubTag, chooseTagValue, title, color, description, menuItems, onCancel, onChoose, visible, className, style, ...rest } = { ...defaultProps, ...props };
-  const b = cn("actionsheet");
-  const isHighlight = (item) => {
-    return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
-  };
-  const cancelActionSheet = () => {
-    onCancel && onCancel();
-  };
-  const chooseItem = (item, index) => {
-    if (!item.disable) {
-      onChoose && onChoose(item, index);
-    }
-  };
-  return React.createElement(
-    Popup,
-    { round: true, visible, position: "bottom", onClose: () => {
-      onCancel && onCancel();
-    } },
-    React.createElement(
-      "div",
-      { className: `${b()} ${className}`, style, ...rest },
-      title && React.createElement("div", { className: b("title") }, title),
-      description && React.createElement("div", { className: `${b("item")} description` }, description),
-      menuItems.length ? React.createElement("div", { className: b("menu") }, menuItems.map((item, index) => {
-        return React.createElement(
-          "div",
-          { className: `${b("item")} ${item.disable ? b("item-disabled") : ""}`, style: { color: isHighlight(item) }, key: index, onClick: () => chooseItem(item, index) },
-          item[optionTag],
-          React.createElement("div", { className: "subdesc" }, item[optionSubTag])
-        );
-      })) : children,
-      cancelText && React.createElement("div", { className: b("cancel"), onClick: () => cancelActionSheet() }, cancelText)
-    )
-  );
-};
-ActionSheet.defaultProps = defaultProps;
-ActionSheet.displayName = "NutActionSheet";
-export {
-  ActionSheet as A
-};

package/dist/esm/collapse.taro-3d997680.js

@@ -1,70 +0,0 @@
-import React, { memo, useState, useEffect } from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  activeName: ["0"],
-  accordion: false,
-  expandIcon: null,
-  rotate: 180
-};
-function areEqual(prevProps, nextProps) {
-  return prevProps.children === nextProps.children && JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
-}
-const Collapse = memo((props) => {
-  const { className, style, children, activeName, accordion, expandIcon, rotate, onChange } = {
-    ...defaultProps,
-    ...props
-  };
-  const childrenDom = React.Children.toArray(children);
-  const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
-  const handleActiveName = () => {
-    let activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      if (accordion && activeName.length > 1) {
-        console.warn("手风琴模式不支持传递多个打开页签");
-      }
-      const activeNameStr = activeName.map((item) => {
-        return item.toString();
-      });
-      activeArr = [...activeNameStr];
-    }
-    return activeArr;
-  };
-  const colBem = cn("collapse");
-  useEffect(() => {
-    const activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  const onToggle = (isOpen, name) => {
-    let newOpenIndex = [...defaultOpenIndex];
-    if (isOpen) {
-      const removeIndex = newOpenIndex.findIndex((value) => {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      if (accordion) {
-        newOpenIndex = [name];
-      } else {
-        newOpenIndex.push(name);
-      }
-    }
-    setDefaultOpenIndex(newOpenIndex);
-    onChange && onChange(!isOpen, name);
-  };
-  return React.createElement("div", { className: classNames(colBem(), className), style }, childrenDom.map((item) => {
-    return React.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: (isOpen, name) => onToggle(isOpen, name),
-      expandIcon: item.props.expandIcon || expandIcon,
-      rotate
-    });
-  }));
-}, areEqual);
-Collapse.defaultProps = defaultProps;
-Collapse.displayName = "NutCollapse";
-export {
-  Collapse as C
-};

package/dist/esm/collapseitem-f4571575.js

@@ -1,76 +0,0 @@
-import React, { useState, useCallback, useEffect } from "react";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  title: null,
-  name: "",
-  isOpen: false,
-  expandIcon: null,
-  disabled: false,
-  rotate: 180,
-  subTitle: null,
-  childnull: true
-};
-const CollapseItem = (props) => {
-  const { children, title, isOpen, onToggle, name, disabled, expandIcon, rotate, subTitle, childnull, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  const [domHeight, setDomHeight] = useState(-1);
-  const [currHeight, setCurrHeight] = useState("auto");
-  const [update, setUpdate] = useState(false);
-  const [iconStyle, setIconStyle] = useState({
-    transform: "translateY(-50%)"
-  });
-  const colBem = cn("collapse-item");
-  const measuredRef = useCallback((node) => {
-    if (node !== null) {
-      setDomHeight(node.getBoundingClientRect().height);
-    }
-  }, [update]);
-  useEffect(() => {
-    setTimeout(() => {
-      if (domHeight !== -1) {
-        isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight("0px");
-      }
-      const newIconStyle = isOpen ? { transform: `translateY(-50%) rotate(${rotate}deg)` } : { transform: "translateY(-50%)" };
-      setIconStyle(newIconStyle);
-    }, 10);
-  }, [isOpen, domHeight, rotate]);
-  useEffect(() => {
-    if (!isOpen) {
-      setCurrHeight("0px");
-    } else {
-      setCurrHeight("auto");
-    }
-    setUpdate(!update);
-  }, [children, isOpen]);
-  return React.createElement(
-    "div",
-    { className: colBem(), ...rest },
-    React.createElement(
-      "div",
-      { className: colBem("header", { disabled }), onClick: () => {
-        if (disabled)
-          return;
-        onToggle && onToggle(isOpen, name);
-      } },
-      React.createElement("div", { className: colBem("title") }, title),
-      React.createElement("div", { className: colBem("sub-title") }, subTitle),
-      React.createElement(
-        "div",
-        { className: colBem("icon-box") },
-        React.createElement("div", { className: colBem("icon"), style: iconStyle }, expandIcon)
-      )
-    ),
-    childnull && React.createElement(
-      "div",
-      { className: colBem("content"), style: { height: currHeight }, ref: measuredRef },
-      React.createElement("div", { className: colBem("content-text") }, children)
-    )
-  );
-};
-CollapseItem.defaultProps = defaultProps;
-CollapseItem.displayName = "NutCollapseItem";
-export {
-  CollapseItem as C
-};

package/dist/esm/searchbar.taro-37ade36e.js

@@ -1,159 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { getEnv } from "@tarojs/taro";
-import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  placeholder: "",
-  shape: "square",
-  disabled: false,
-  maxLength: 9999,
-  clearable: true,
-  clearSize: "12px",
-  align: "left",
-  readonly: true,
-  autoFocus: false,
-  label: "",
-  leftinIcon: React.createElement(Search, { size: "12" })
-};
-const SearchBar = (props) => {
-  const searchbarBem = cn("searchbar");
-  const { locale } = useConfig();
-  const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
-  const { placeholder, shape, className, disabled, maxLength, clearable, clearSize, align, readOnly, autoFocus, label, actionText, leftinIcon, rightinIcon, leftoutIcon, rightoutIcon, onChange, onFocus, onBlur, onClear, onCancel, onSearch, onClickInput, onClickLeftinIcon, onClickLeftoutIcon, onClickRightinIcon, onClickRightoutIcon } = {
-    ...defaultProps,
-    ...props
-  };
-  const alignClass = `${align}`;
-  const forceFocus = () => {
-    const searchSelf = searchRef.current;
-    searchSelf && searchSelf.focus();
-  };
-  const change = (event) => {
-    const { value: value2 } = event.target;
-    onChange && (onChange == null ? void 0 : onChange(value2, event));
-    setValue(value2);
-    value2 === "" && forceFocus();
-  };
-  const focus = (event) => {
-    const { value: value2 } = event.target;
-    onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
-  };
-  const blur = (event) => {
-    const searchSelf = searchRef.current;
-    searchSelf && searchSelf.blur();
-    const { value: value2 } = event.target;
-    onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
-  };
-  useEffect(() => {
-    setValue(props.value);
-  }, [props.value]);
-  useEffect(() => {
-    autoFocus && forceFocus();
-  }, [autoFocus]);
-  const renderField = () => {
-    return React.createElement("input", { className: `${searchbarBem("input")}  ${searchbarBem(alignClass)} ${shape === "round" ? searchbarBem("round") : ""} ${clearable ? searchbarBem("input-clear") : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
-  };
-  const clickInput = (e) => {
-    onClickInput && onClickInput(e);
-  };
-  const renderLeftinIcon = () => {
-    if (!leftinIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("leftin-icon")} ${searchbarBem("icon")}`, onClick: (e) => clickLeftIcon("in-left", e) }, leftinIcon);
-  };
-  const renderLeftoutIcon = () => {
-    if (!leftoutIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("leftout-icon")}`, onClick: (e) => clickLeftIcon("out-left", e) }, leftoutIcon);
-  };
-  const clickLeftIcon = (flag, event) => {
-    if (flag === "in-left") {
-      onClickLeftinIcon && onClickLeftinIcon(value, event);
-    } else {
-      onClickLeftoutIcon && onClickLeftoutIcon(value, event);
-    }
-  };
-  const renderRightinIcon = () => {
-    if (!rightinIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("rightin-icon")} ${searchbarBem("icon")}`, onClick: (e) => clickRightIcon("in-right", e) }, rightinIcon);
-  };
-  const renderRightoutIcon = () => {
-    if (!rightoutIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("rightout-icon")}`, onClick: (e) => clickRightIcon("out-right", e) }, rightoutIcon);
-  };
-  const clickRightIcon = (flag, event) => {
-    if (flag === "in-left") {
-      onClickRightinIcon && onClickRightinIcon(value, event);
-    } else {
-      onClickRightoutIcon && onClickRightoutIcon(value, event);
-    }
-  };
-  const handleClear = () => {
-    return React.createElement(
-      "div",
-      { className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
-      React.createElement(CircleClose, { size: clearSize, color: "#555" })
-    );
-  };
-  const clearaVal = (event) => {
-    if (disabled || readOnly) {
-      return;
-    }
-    setValue("");
-    onClear && onClear(event);
-    forceFocus();
-  };
-  const renderRightLabel = () => {
-    if (actionText) {
-      return React.createElement("div", { className: searchbarBem("action-text"), onClick: search }, actionText);
-    }
-    return null;
-  };
-  const onKeypress = (e) => {
-    if (e.keyCode === 13) {
-      if (typeof e.cancelable !== "boolean" || e.cancelable) {
-        e.preventDefault();
-      }
-      onSearch && onSearch(value);
-    }
-  };
-  const search = () => {
-    onSearch && onSearch(value);
-  };
-  const renderLabel = () => {
-    if (label) {
-      return React.createElement("div", { className: searchbarBem("label") }, label);
-    }
-    return null;
-  };
-  const envClass = () => {
-    return getEnv() === "WEB" ? "nut-searchbar-taro" : "";
-  };
-  return React.createElement(
-    "div",
-    { className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem("disabled") : ""}  ${className || ""}`, style: { ...props.style, background: props.background } },
-    renderLeftoutIcon(),
-    renderLabel(),
-    React.createElement(
-      "div",
-      { className: `${searchbarBem("content")}`, style: { background: props.inputBackground } },
-      renderLeftinIcon(),
-      React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
-      renderRightinIcon(),
-      clearable && value && handleClear()
-    ),
-    renderRightoutIcon(),
-    renderRightLabel()
-  );
-};
-SearchBar.defaultProps = defaultProps;
-SearchBar.displayName = "NutSearchBar";
-export {
-  SearchBar as S
-};