@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

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",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.11",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@bem-react/classname": "^1.6.0",
-    "@nutui/icons-react": "0.0.1-beta.7",
+    "@nutui/icons-react": "0.0.1-beta.8",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",

package/dist/esm/Icon.js

@@ -1,83 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
-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 "@bem-react/classname";
-var defaultProps = {
-  name: "",
-  size: "",
-  classPrefix: "nut-icon",
-  fontClassName: "nutui-iconfont",
-  color: "",
-  tag: "i",
-  onClick: function onClick(e) {
-  },
-  className: ""
-};
-function pxCheck(value) {
-  if (value === "") {
-    return value;
-  }
-  if (Number.isNaN(Number(value))) {
-    return String(value);
-  }
-  return "".concat(value, "px");
-}
-function Icon(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), name = _defaultProps$props.name, size = _defaultProps$props.size, classPrefix = _defaultProps$props.classPrefix, color = _defaultProps$props.color, tag = _defaultProps$props.tag, children = _defaultProps$props.children, className = _defaultProps$props.className, fontClassName = _defaultProps$props.fontClassName, style = _defaultProps$props.style, onClick2 = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var isImage = name ? name.indexOf("/") !== -1 : false;
-  var type = isImage ? "img" : tag;
-  var b = cn("icon");
-  var handleClick = function handleClick2(e) {
-    if (onClick2) {
-      onClick2(e);
-    }
-  };
-  var hasSrc = function hasSrc2() {
-    if (isImage)
-      return {
-        src: name
-      };
-    return {};
-  };
-  var styles = {};
-  var checkedSize = pxCheck(size);
-  if (checkedSize) {
-    styles.width = styles.height = styles.fontSize = checkedSize;
-  }
-  return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(b("img"), " ").concat(className || "", " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ""),
-    style: _objectSpread(_objectSpread({
-      color
-    }, styles), style)
-  }, rest), {}, {
-    onClick: handleClick
-  }, hasSrc()), children);
-}
-Icon.defaultProps = defaultProps;
-Icon.displayName = "NutIcon";
-export {
-  Icon as default
-};

package/dist/esm/tabpane2.js

@@ -1,44 +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 classNames from "classnames";
-import { c as cn } from "./bem.js";
-var defaultProps = {
-  title: "",
-  paneKey: "",
-  activeKey: "",
-  disabled: false
-};
-var TabPane = function TabPane2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, paneKey = _defaultProps$props.paneKey, activeKey = _defaultProps$props.activeKey, autoHeightClassName = _defaultProps$props.autoHeightClassName, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled;
-  var b = cn("tabpane");
-  var classes = classNames({
-    active: !disabled && paneKey === activeKey
-  }, b(""), autoHeightClassName, className);
-  return React__default.createElement("div", {
-    className: classes
-  }, !disabled && children);
-};
-export {
-  TabPane as T
-};