@bifrostui/react 1.3.0 → 1.3.1-beta.1

package/es/Tooltip/Tooltip.js

@@ -0,0 +1,152 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import clsx from "clsx";
+import React, { useState, useRef } from "react";
+import {
+  getStylesAndLocation,
+  triggerEventTransform,
+  useUniqueId
+} from "@bifrostui/utils";
+import Portal from "../Portal";
+import "./Tooltip.css";
+const prefixCls = "bui-tooltip";
+const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    style,
+    children,
+    title,
+    defaultOpen,
+    placement = "top",
+    trigger,
+    onOpenChange,
+    open,
+    PortalProps
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "children",
+    "title",
+    "defaultOpen",
+    "placement",
+    "trigger",
+    "onOpenChange",
+    "open",
+    "PortalProps"
+  ]);
+  const positionArr = placement.split(/([A-Z])/);
+  const direction = positionArr[0];
+  let location;
+  if (positionArr.length > 1) {
+    positionArr.splice(0, 1);
+    location = positionArr.join("").toLowerCase();
+  } else {
+    location = "center";
+  }
+  const childrenRef = useRef();
+  const [openStatus, setOpenStatus] = useState(defaultOpen);
+  const [arrowDirection, setArrowDirection] = useState(direction);
+  const [arrowLocation, setArrowLocation] = useState(location);
+  const [tooltyles, setTooltyles] = useState({});
+  const ttId = useUniqueId();
+  const onRootElementMouted = () => {
+    const result = getStylesAndLocation({
+      childrenRef,
+      arrowDirection,
+      arrowLocation,
+      selector: `[data-id="tt_${ttId}"]`
+    });
+    if (!result)
+      return;
+    const { styles, newArrowDirection, newArrowLocation } = result;
+    if (newArrowDirection !== arrowDirection) {
+      setArrowDirection(newArrowDirection);
+    }
+    if (newArrowLocation !== arrowLocation) {
+      setArrowLocation(newArrowLocation);
+    }
+    setTooltyles(styles);
+  };
+  const changeOpenStatus = (event, status) => {
+    if (open)
+      return;
+    setOpenStatus(status);
+    onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
+  };
+  const triggerClick = (event) => {
+    const targetStatus = !openStatus;
+    changeOpenStatus(event, targetStatus);
+  };
+  const hideTooltip = (event) => {
+    changeOpenStatus(event, false);
+  };
+  const showTooltip = (event) => {
+    changeOpenStatus(event, true);
+  };
+  const triggerEventOption = triggerEventTransform({
+    trigger,
+    click: triggerClick,
+    show: showTooltip,
+    hide: hideTooltip
+  });
+  const childrenOptions = __spreadValues({
+    ref: childrenRef
+  }, triggerEventOption);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ React.createElement(
+    Portal,
+    __spreadProps(__spreadValues({
+      onRootElementMouted
+    }, PortalProps), {
+      ref
+    }),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadValues({
+        className: clsx(prefixCls, className, `tooltip-${arrowDirection}`),
+        style: __spreadValues(__spreadValues({}, style), tooltyles),
+        "data-id": `tt_${ttId}`
+      }, others),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx("bui-tooltip-arrow", `location-${arrowLocation}`)
+        }
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "bui-tooltip-content" }, title)
+    )
+  ) : null, React.isValidElement(children) ? React.cloneElement(children, childrenOptions) : children);
+});
+Tooltip.displayName = "BuiTooltip";
+var Tooltip_default = Tooltip;
+export {
+  Tooltip_default as default
+};

package/es/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import { PortalCoreProps } from '../Portal/Portal.types';
+type triggerType = 'click' | 'hover';
+export type TooltipProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 气泡浮层显示内容
+         */
+        title?: string;
+        /**
+         * 默认是否显隐
+         * @default false
+         */
+        defaultOpen?: boolean;
+        /**
+         * 用于手动控制气泡浮层显隐
+         * @default false
+         */
+        open?: boolean;
+        /**
+         * 气泡框位置
+         * @default 'top'
+         */
+        placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+        /**
+         * 触发行为
+         * - click: 点击触发
+         * - hover: hover触发
+         * - 或者是他们的数组
+         * @default 'click'
+         */
+        trigger?: triggerType | triggerType[];
+        /**
+         * Portal组件的属性
+         */
+        PortalProps?: PortalCoreProps;
+        /**
+         * 点击事件回调方法
+         * - event 触发事件
+         * - data.open 浮层显隐状态
+         * @returns
+         */
+        onOpenChange?: (event: React.SyntheticEvent, data: {
+            open: boolean;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export {};

package/es/Tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+export {};

package/es/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tooltip, default } from './Tooltip';
+export * from './Tooltip.types';

package/es/Tooltip/index.js

@@ -0,0 +1,6 @@
+import { default as default2, default as default3 } from "./Tooltip";
+export * from "./Tooltip.types";
+export {
+  default2 as Tooltip,
+  default3 as default
+};

package/es/index.d.ts

@@ -7,6 +7,7 @@ export * from './Button';
 export * from './Calendar';
 export * from './Card';
 export * from './Checkbox';
+export * from './Collapse';
 export * from './Divider';
 export * from './Drawer';
 export * from './Fade';
@@ -15,6 +16,7 @@ export * from './Image';
 export * from './Input';
 export * from './List';
 export * from './Modal';
+export * from './Popover';
 export * from './Portal';
 export * from './Progress';
 export * from './Radio';
@@ -32,11 +34,16 @@ export * from './Tabs';
 export * from './Tag';
 export * from './TextArea';
 export * from './Transition';
+export * from './Tooltip';
 export * from './NavBar';
 export * from './Loading';
 export * from './TabBar';
 export * from './Countdown';
 export * from './CitySelector';
 export * from './Picker';
+export * from './CollapsePanel';
+export * from './Breadcrumb';
 export * from './Toast';
 export * from './Dialog';
+export * from './ThemeProvider';
+export * from './locales';

package/es/index.js

@@ -7,6 +7,7 @@ export * from "./Button";
 export * from "./Calendar";
 export * from "./Card";
 export * from "./Checkbox";
+export * from "./Collapse";
 export * from "./Divider";
 export * from "./Drawer";
 export * from "./Fade";
@@ -15,6 +16,7 @@ export * from "./Image";
 export * from "./Input";
 export * from "./List";
 export * from "./Modal";
+export * from "./Popover";
 export * from "./Portal";
 export * from "./Progress";
 export * from "./Radio";
@@ -32,11 +34,16 @@ export * from "./Tabs";
 export * from "./Tag";
 export * from "./TextArea";
 export * from "./Transition";
+export * from "./Tooltip";
 export * from "./NavBar";
 export * from "./Loading";
 export * from "./TabBar";
 export * from "./Countdown";
 export * from "./CitySelector";
 export * from "./Picker";
+export * from "./CollapsePanel";
+export * from "./Breadcrumb";
 export * from "./Toast";
 export * from "./Dialog";
+export * from "./ThemeProvider";
+export * from "./locales";

package/es/locales/base.d.ts

@@ -0,0 +1,40 @@
+export interface BaseLang {
+    dialog?: {
+        cancel?: string;
+        confirm?: string;
+        placeholder?: string;
+    };
+    picker?: {
+        cancel?: string;
+        confirm?: string;
+    };
+    calendar?: {
+        Monday?: string;
+        Tuesday?: string;
+        Wednesday?: string;
+        Thursday?: string;
+        Friday?: string;
+        Saturday?: string;
+        Sunday?: string;
+    };
+    input?: {
+        placeholder?: string;
+    };
+    textarea?: {
+        placeholder?: string;
+    };
+    selector?: {
+        select?: string;
+    };
+    citySelector?: {
+        selectedCityGroupName?: string;
+        currentCityGroupName?: string;
+        hotCitiesGroupName?: string;
+        located?: string;
+        current?: string;
+        hot?: string;
+        gpsType?: Record<string, string>;
+        currentType?: Record<string, string>;
+        hotCityType?: Record<string, string>;
+    };
+}

package/es/locales/en-US.d.ts

@@ -0,0 +1,3 @@
+import { BaseLang } from './base';
+declare const enUS: BaseLang;
+export default enUS;

package/es/locales/en-US.js

@@ -0,0 +1,50 @@
+const enUS = {
+  dialog: {
+    cancel: "Cancel",
+    confirm: "Confirm",
+    placeholder: "Placeholder"
+  },
+  picker: {
+    cancel: "Cancel",
+    confirm: "Confirm"
+  },
+  calendar: {
+    Monday: "Mon",
+    Tuesday: "Tue",
+    Wednesday: "Wed",
+    Thursday: "Thu",
+    Friday: "Fri",
+    Saturday: "Sat",
+    Sunday: "Sun"
+  },
+  input: {
+    placeholder: "Placeholder"
+  },
+  textarea: {
+    placeholder: "Placeholder"
+  },
+  selector: {
+    select: "Please select"
+  },
+  citySelector: {
+    selectedCityGroupName: "Selected City",
+    currentCityGroupName: "Current City",
+    hotCitiesGroupName: "Hot Cities",
+    gpsType: {
+      title: "Current",
+      code: "GPS"
+    },
+    currentType: {
+      title: "Selected",
+      code: "CRRT"
+    },
+    hotCityType: {
+      title: "Hot",
+      code: "HOT"
+    }
+  }
+};
+var en_US_default = enUS;
+export {
+  en_US_default as default
+};

package/es/locales/hooks/useLocaleText.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProps } from '../../ThemeProvider';
+declare function useLocaleText(componentName: string, theme?: Partial<ThemeProps>): any;
+export default useLocaleText;

package/es/locales/hooks/useLocaleText.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { CN } from "../index";
+import { useTheme } from "../../ThemeProvider";
+function useLocaleText(componentName, theme) {
+  const { locale } = useTheme(theme);
+  return __spreadValues(__spreadValues({}, CN[componentName]), (locale == null ? void 0 : locale[componentName]) || {});
+}
+var useLocaleText_default = useLocaleText;
+export {
+  useLocaleText_default as default
+};

package/es/locales/index.d.ts

@@ -0,0 +1,5 @@
+export { default as EN } from './en-US';
+export { default as CN } from './zh-CN';
+export { default as TW } from './zh-TW';
+export { default as useLocaleText } from './hooks/useLocaleText';
+export * from './base';

package/es/locales/index.js

@@ -0,0 +1,11 @@
+import { default as default2 } from "./en-US";
+import { default as default3 } from "./zh-CN";
+import { default as default4 } from "./zh-TW";
+import { default as default5 } from "./hooks/useLocaleText";
+export * from "./base";
+export {
+  default3 as CN,
+  default2 as EN,
+  default4 as TW,
+  default5 as useLocaleText
+};

package/es/locales/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import { BaseLang } from './base';
+declare const zhCN: BaseLang;
+export default zhCN;

package/es/locales/zh-CN.js

@@ -0,0 +1,32 @@
+const zhCN = {
+  dialog: {
+    cancel: "\u53D6\u6D88",
+    confirm: "\u786E\u5B9A",
+    placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9"
+  },
+  picker: {
+    cancel: "\u53D6\u6D88",
+    confirm: "\u786E\u8BA4"
+  },
+  calendar: {
+    Monday: "\u4E00",
+    Tuesday: "\u4E8C",
+    Wednesday: "\u4E09",
+    Thursday: "\u56DB",
+    Friday: "\u4E94",
+    Saturday: "\u516D",
+    Sunday: "\u65E5"
+  },
+  citySelector: {
+    selectedCityGroupName: "\u5F53\u524D\u57CE\u5E02",
+    currentCityGroupName: "\u5B9A\u4F4D\u57CE\u5E02",
+    hotCitiesGroupName: "\u70ED\u95E8\u57CE\u5E02",
+    located: "\u5B9A\u4F4D",
+    current: "\u5F53\u524D",
+    hot: "\u70ED\u95E8"
+  }
+};
+var zh_CN_default = zhCN;
+export {
+  zh_CN_default as default
+};

package/es/locales/zh-TW.d.ts

@@ -0,0 +1,3 @@
+import { BaseLang } from './base';
+declare const zhTW: BaseLang;
+export default zhTW;

package/es/locales/zh-TW.js

@@ -0,0 +1,32 @@
+const zhTW = {
+  dialog: {
+    cancel: "\u53D6\u6D88",
+    confirm: "\u78BA\u8A8D",
+    placeholder: "\u8ACB\u8F38\u5165\u5167\u5BB9"
+  },
+  picker: {
+    cancel: "\u53D6\u6D88",
+    confirm: "\u78BA\u8A8D"
+  },
+  calendar: {
+    Monday: "\u4E00",
+    Tuesday: "\u4E8C",
+    Wednesday: "\u4E09",
+    Thursday: "\u56DB",
+    Friday: "\u4E94",
+    Saturday: "\u516D",
+    Sunday: "\u65E5"
+  },
+  citySelector: {
+    selectedCityGroupName: "\u76EE\u524D\u57CE\u5E02",
+    currentCityGroupName: "\u5B9A\u4F4D\u57CE\u5E02",
+    hotCitiesGroupName: "\u71B1\u9580\u57CE\u5E02",
+    located: "\u5B9A\u4F4D",
+    current: "\u76EE\u524D",
+    hot: "\u71B1\u9580"
+  }
+};
+var zh_TW_default = zhTW;
+export {
+  zh_TW_default as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "1.3.0",
+  "version": "1.3.1-beta.1",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -33,10 +33,10 @@
     "clsx": "^1.2.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/styles": "1.3.0",
-    "@bifrostui/types": "1.3.0",
-    "@bifrostui/utils": "1.3.0",
-    "@bifrostui/icons": "1.3.0"
+    "@bifrostui/icons": "1.3.1-beta.1",
+    "@bifrostui/utils": "1.3.1-beta.1",
+    "@bifrostui/types": "1.3.1-beta.1",
+    "@bifrostui/styles": "1.3.1-beta.1"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",