@bifrostui/react 1.3.1-beta.1 → 1.3.3

package/es/Tooltip/Tooltip.js

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

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

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

package/es/Tooltip/index.d.ts

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

package/es/Tooltip/index.js

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

package/es/locales/base.d.ts

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

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

package/es/locales/en-US.js

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

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

package/es/locales/hooks/useLocaleText.js

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

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

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

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

package/es/locales/zh-CN.js

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

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

package/es/locales/zh-TW.js

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