@nutui/nutui-react-taro 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/types/packages/sidenavbar/sidenavbar.taro.d.ts

@@ -1,15 +1,35 @@
-import React, { FunctionComponent } 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';
-    onClose: () => void;
-    children?: React.ReactNode;
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SideNavBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, BasicComponent {
+    /**
+    * 整体标题
+    * @default -
+    */
+    title: ReactNode
+    /**
+    * 组件是否显示
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 遮罩宽度百分比
+    * @default 80%
+    */
+    width?: string
+    /**
+    * 缩进宽度
+    * @default 20
+    */
+    indent?: number
+    /**
+    * 弹出位置
+    * @default left
+    */
+    position?: 'left' | 'right'
+    /**
+    * 关闭遮罩时触发
+    * @default -
+    */
+    onClose: () => void
 }
 export declare const SideNavBar: FunctionComponent<SideNavBarProps>;
-export {};

package/dist/types/packages/sidenavbaritem/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { SideNavBarItem } from './sidenavbaritem.taro';
+export type { SideNavBarItemProps } from './sidenavbaritem.taro';
 export default SideNavBarItem;

package/dist/types/packages/sidenavbaritem/sidenavbaritem.taro.d.ts

@@ -1,10 +1,10 @@
 import React, { FunctionComponent } from 'react';
 export type SideNavBarItemProps = {
     title: string;
-    key: string | number;
-    onClick?: ({ title, key }: {
+    value: string | number;
+    onClick?: ({ title, value, }: {
         title: string;
-        key: string | number;
+        value: string | number;
     }) => void;
     children?: React.ReactNode;
 };

package/dist/types/packages/subsidenavbar/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { SubSideNavBar } from './subsidenavbar.taro';
+export type { SubSideNavBarProps } from './subsidenavbar.taro';
 export default SubSideNavBar;

package/dist/types/packages/subsidenavbar/subsidenavbar.taro.d.ts

@@ -1,12 +1,12 @@
 import React, { FunctionComponent } from 'react';
 export type SubSideNavBarProps = {
     title: string;
-    key: string | number;
+    value: string | number;
     open?: boolean;
     children?: React.ReactNode;
-    onClick?: ({ title, key, isShow, }: {
+    onClick?: ({ title, value, isShow, }: {
         title: string;
-        key: string | number;
+        value: string | number;
         isShow: boolean;
     }) => void;
 };

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/package.json

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

package/dist/esm/popover.taro-ad483372.js

@@ -1,162 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { O as Overlay } from "./overlay.taro-75012bd3.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-function fillRef(ref, node) {
-  if (typeof ref === "function") {
-    ref(node);
-  } else if (typeof ref === "object" && ref && "current" in ref) {
-    ref.current = node;
-  }
-}
-function composeRef(...refs) {
-  return (node) => {
-    refs.forEach((ref) => {
-      fillRef(ref, node);
-    });
-  };
-}
-class Trigger extends React.Component {
-  fireEvents(type, e) {
-    const childCallback = this.props.children.props[type];
-    if (childCallback) {
-      childCallback(e);
-    }
-    const callback = this.props[type];
-    if (callback) {
-      callback(e);
-    }
-  }
-  render() {
-    const { children, className = "" } = this.props;
-    const child = React.Children.only(children);
-    const newChildProps = {
-      key: "trigger"
-    };
-    if (child && child.props && child.props.className) {
-      newChildProps.className = className;
-    }
-    const cloneProps = {
-      ...newChildProps
-    };
-    cloneProps.ref = composeRef(this.props.forwardedRef, child.ref);
-    const trigger = React.cloneElement(child, cloneProps);
-    return trigger;
-  }
-}
-const defaultProps = {
-  ...ComponentDefaults,
-  list: [],
-  theme: "light",
-  location: "bottom",
-  visible: false,
-  offset: 20,
-  className: "",
-  onClick: (e) => {
-  },
-  onChoose: (item, index) => {
-  }
-};
-const Popover = (props) => {
-  const { children, list, theme, location, visible, offset, className, style, onClick, onChoose, ...reset } = {
-    ...defaultProps,
-    ...props
-  };
-  const goodItem = useRef(null);
-  setTimeout(async () => {
-    if (goodItem.current) {
-      const res = await getRectByTaro(goodItem.current);
-      setElWidth(res == null ? void 0 : res.width);
-      setElHeight(res == null ? void 0 : res.height);
-    }
-  });
-  const [classes, setClasses] = useState("");
-  const [elWidth, setElWidth] = useState(0);
-  const [elHeight, setElHeight] = useState(0);
-  const [popoverContent, setPopoverContent] = useState("");
-  const [popoverArrow, setPopoverArrow] = useState("");
-  useEffect(() => {
-    setClasses(classesSelf());
-    setPopoverContent(popoverContentSelf());
-    setPopoverArrow(popoverArrowSelf());
-  }, [list, theme]);
-  const getStyle = () => {
-    const offNumer = Number(offset) ? Number(offset) : 0;
-    const style2 = {};
-    if (location.includes("top")) {
-      style2.bottom = `${elHeight + offNumer}px`;
-    } else if (location.includes("right")) {
-      style2.left = `${elWidth + offNumer}px`;
-    } else if (location.includes("left")) {
-      style2.right = `${elWidth + offNumer}px`;
-    } else {
-      style2.top = `${elHeight + offNumer}px`;
-    }
-    return style2;
-  };
-  const classesSelf = () => {
-    const prefixCls = "nut-popover";
-    return `${prefixCls} ${theme ? `${prefixCls}--${theme}` : ""}`;
-  };
-  const popoverContentSelf = () => {
-    const prefixCls = "popover-content";
-    return `${prefixCls}-show ${prefixCls} ${location ? `${prefixCls}--${location}` : ""}`;
-  };
-  const filter = () => {
-    const ms = ["top", "bottom", "left", "right"];
-    return ms.filter((m) => location.includes(m))[0];
-  };
-  const popoverArrowSelf = () => {
-    const prefixCls = "popover-arrow";
-    return `${prefixCls} ${prefixCls}-${filter()} ${location ? `${prefixCls}--${location}` : ""}`;
-  };
-  const handleClick = (e) => {
-    if (props.onClick) {
-      props.onClick(e);
-    }
-  };
-  const handleChoose = (item, index) => {
-    if (!item.disabled) {
-      onChoose(item, index);
-    }
-  };
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "div",
-      { className: `${classes} ${className}`, style: { ...style }, ...reset },
-      React.createElement(
-        Trigger,
-        { forwardedRef: goodItem },
-        React.createElement(
-          "div",
-          { onClick: (e) => handleClick(e) },
-          Array.isArray(children) ? children[0] : children,
-          visible ? React.createElement(
-            "div",
-            { className: `${popoverContent}`, style: getStyle() },
-            React.createElement("div", { className: `${popoverArrow}` }),
-            Array.isArray(children) ? children[1] : "",
-            React.createElement("div", null, list.map((item, i) => {
-              return React.createElement(
-                "div",
-                { key: item.name, className: `popover-menu-item ${item.disabled ? "disabled" : ""}`, onClick: () => {
-                  handleChoose(item, i);
-                } },
-                item.icon ? item.icon : null,
-                React.createElement("div", { className: "popover-menu-item-name" }, item.name)
-              );
-            }))
-          ) : null
-        )
-      )
-    ),
-    visible ? React.createElement(Overlay, { visible, onClick: (e) => handleClick(e), style: { background: "transparent" } }) : null
-  );
-};
-Popover.defaultProps = defaultProps;
-Popover.displayName = "NutPopover";
-export {
-  Popover as P
-};

package/dist/esm/sidenavbaritem.taro-32a45ce6.js

@@ -1,12 +0,0 @@
-import React from "react";
-const SideNavBarItem = (props) => {
-  const { title, key, children, onClick, ...rest } = props;
-  const clickFn = (e) => {
-    e.stopPropagation();
-    onClick && onClick({ title, key });
-  };
-  return React.createElement("div", { className: "nut-subsidenavbar__item border-bt", onClick: clickFn, ...rest }, title);
-};
-export {
-  SideNavBarItem as S
-};

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/use-client-rect-f317804e.js

@@ -1,10 +0,0 @@
-const getRectByTaro = async (element) => {
-  if (element) {
-    const res = await element.getBoundingClientRect();
-    return res;
-  }
-  return Promise.resolve({});
-};
-export {
-  getRectByTaro as g
-};

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 {};