@bifrostui/react 2.0.0-alpha.0 → 2.0.0-alpha.10

package/es/TransitionGroup/utils/childMapping.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Given `this.props.children`, return an object mapping key to child.
+ *
+ * @param {*} children `this.props.children`
+ * @return {object} Mapping of key to child
+ */
+export declare const getChildMapping: (children: any, mapFn?: any) => any;
+/**
+ * When you're adding or removing children some may be added or removed in the
+ * same render pass. We want to show *both* since we want to simultaneously
+ * animate elements in and out. This function takes a previous set of keys
+ * and a new set of keys and merges them with its best guess of the correct
+ * ordering. In the future we may expose some of the utilities in
+ * ReactMultiChild to make this easy, but for now React itself does not
+ * directly have this concept of the union of prevChildren and nextChildren
+ * so we implement it here.
+ *
+ * @param {object} prev prev children as returned from
+ * `ReactTransitionChildMapping.getChildMapping()`.
+ * @param {object} next next children as returned from
+ * `ReactTransitionChildMapping.getChildMapping()`.
+ * @return {object} a key set that contains all keys in `prev` and all keys
+ * in `next` in a reasonable order.
+ */
+export declare const mergeChildMappings: (prev: any, next: any) => {};
+export declare const getInitialChildMapping: (props: any, onExited: any) => any;
+export declare const getNextChildMapping: (nextProps: any, prevChildMapping: any, onExited: any) => {};

package/es/TransitionGroup/utils/childMapping.js

@@ -0,0 +1,93 @@
+import { Children, cloneElement, isValidElement } from "react";
+const getChildMapping = (children, mapFn) => {
+  const mapper = (child) => mapFn && isValidElement(child) ? mapFn(child) : child;
+  const result = /* @__PURE__ */ Object.create(null);
+  if (children)
+    Children.map(children, (c) => c).forEach((child) => {
+      result[child.key] = mapper(child);
+    });
+  return result;
+};
+const mergeChildMappings = (prev, next) => {
+  prev = prev || {};
+  next = next || {};
+  function getValueForKey(key) {
+    return key in next ? next[key] : prev[key];
+  }
+  const nextKeysPending = /* @__PURE__ */ Object.create(null);
+  let pendingKeys = [];
+  Object.keys(prev).forEach((prevKey) => {
+    if (prevKey in next) {
+      if (pendingKeys.length) {
+        nextKeysPending[prevKey] = pendingKeys;
+        pendingKeys = [];
+      }
+    } else {
+      pendingKeys.push(prevKey);
+    }
+  });
+  const childMapping = {};
+  Object.keys(next).forEach((nextKey) => {
+    if (nextKeysPending[nextKey]) {
+      nextKeysPending[nextKey].forEach((pendingNextKey) => {
+        childMapping[pendingNextKey] = getValueForKey(pendingNextKey);
+      });
+    }
+    childMapping[nextKey] = getValueForKey(nextKey);
+  });
+  pendingKeys.forEach((pendingKey) => {
+    childMapping[pendingKey] = getValueForKey(pendingKey);
+  });
+  return childMapping;
+};
+const getProp = (child, prop, props) => {
+  return props[prop] != null ? props[prop] : child.props[prop];
+};
+const getInitialChildMapping = (props, onExited) => {
+  return getChildMapping(props.children, (child) => {
+    return cloneElement(child, {
+      onExited: onExited.bind(null, child),
+      in: true,
+      appear: getProp(child, "appear", props),
+      enter: getProp(child, "enter", props),
+      exit: getProp(child, "exit", props)
+    });
+  });
+};
+const getNextChildMapping = (nextProps, prevChildMapping, onExited) => {
+  const nextChildMapping = getChildMapping(nextProps.children);
+  const children = mergeChildMappings(prevChildMapping, nextChildMapping);
+  Object.keys(children).forEach((key) => {
+    const child = children[key];
+    if (!isValidElement(child))
+      return;
+    const hasPrev = key in prevChildMapping;
+    const hasNext = key in nextChildMapping;
+    const prevChild = prevChildMapping[key];
+    const isLeaving = isValidElement(prevChild) && !prevChild.props.in;
+    if (hasNext && (!hasPrev || isLeaving)) {
+      children[key] = cloneElement(child, {
+        onExited: onExited.bind(null, child),
+        in: true,
+        exit: getProp(child, "exit", nextProps),
+        enter: getProp(child, "enter", nextProps)
+      });
+    } else if (!hasNext && hasPrev && !isLeaving) {
+      children[key] = cloneElement(child, { in: false });
+    } else if (hasNext && hasPrev && isValidElement(prevChild)) {
+      children[key] = cloneElement(child, {
+        onExited: onExited.bind(null, child),
+        in: prevChild.props.in,
+        exit: getProp(child, "exit", nextProps),
+        enter: getProp(child, "enter", nextProps)
+      });
+    }
+  });
+  return children;
+};
+export {
+  getChildMapping,
+  getInitialChildMapping,
+  getNextChildMapping,
+  mergeChildMappings
+};

package/es/_.._/benchmarks/components/Button.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { Button } from "../../src/Button";
+const ButtonView = () => {
+  return /* @__PURE__ */ React.createElement(Button, { color: "primary", variant: "contained" }, "Text");
+};
+export {
+  ButtonView as Button
+};

package/es/_.._/benchmarks/components/Input.js

@@ -0,0 +1,12 @@
+import React, { useState } from "react";
+import { Input } from "../../src/Input";
+const InputView = () => {
+  const [value, setValue] = useState("");
+  const handleChange = (_e, data) => {
+    setValue(data == null ? void 0 : data.value);
+  };
+  return /* @__PURE__ */ React.createElement(Input, { value, placeholder: "\u8BF7\u586B\u5199\u5185\u5BB9", onChange: handleChange });
+};
+export {
+  InputView as Input
+};

package/es/_.._/benchmarks/components/Tabs.js

@@ -0,0 +1,17 @@
+import React, { useState } from "react";
+import { Tab, TabPanel, Tabs } from "../../src/Tabs";
+const TabsView = () => {
+  const [value, setValue] = useState("one");
+  const tabList = [
+    { title: "TAB ONE", index: "one" },
+    { title: "TAB TWO", index: "two" },
+    { title: "TAB THREE", index: "three" }
+  ];
+  const handleClick = (_e, { index }) => {
+    setValue(index);
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tabs, { style: { marginBottom: "12px" }, value }, tabList.map((item) => /* @__PURE__ */ React.createElement(Tab, { key: item.index, index: item.index, onClick: handleClick }, item.title))), /* @__PURE__ */ React.createElement(TabPanel, { value, index: "one" }, "Tab Panel 1"), /* @__PURE__ */ React.createElement(TabPanel, { value, index: "two" }, "Tab Panel 2"), /* @__PURE__ */ React.createElement(TabPanel, { value, index: "three" }, "Tab Panel 3"));
+};
+export {
+  TabsView as Tabs
+};

package/es/index.d.ts

@@ -8,6 +8,11 @@ export * from './Calendar';
 export * from './Card';
 export * from './Checkbox';
 export * from './Collapse';
+export * from './DatePicker';
+export * from './DesktopDatePicker';
+export * from './DesktopTimePicker';
+export * from './DesktopDateTimePicker';
+export * from './DesktopPicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './Fade';
@@ -48,3 +53,6 @@ export * from './Toast';
 export * from './Dialog';
 export * from './ThemeProvider';
 export * from './locales';
+export * from './SwipeAction';
+export * from './CSSTransition';
+export * from './TransitionGroup';

package/es/index.js

@@ -8,6 +8,11 @@ export * from "./Calendar";
 export * from "./Card";
 export * from "./Checkbox";
 export * from "./Collapse";
+export * from "./DatePicker";
+export * from "./DesktopDatePicker";
+export * from "./DesktopTimePicker";
+export * from "./DesktopDateTimePicker";
+export * from "./DesktopPicker";
 export * from "./Divider";
 export * from "./Drawer";
 export * from "./Fade";
@@ -48,3 +53,6 @@ export * from "./Toast";
 export * from "./Dialog";
 export * from "./ThemeProvider";
 export * from "./locales";
+export * from "./SwipeAction";
+export * from "./CSSTransition";
+export * from "./TransitionGroup";

package/es/locales/base.d.ts

@@ -1,7 +1,7 @@
 export interface BaseLang {
     dialog?: {
         cancel?: string;
-        confirm?: string;
+        ok?: string;
         placeholder?: string;
     };
     picker?: {
@@ -21,7 +21,10 @@ export interface BaseLang {
         placeholder?: string;
     };
     textarea?: {
+        labelName?: string;
         placeholder?: string;
+        remaining?: string;
+        characters?: string;
     };
     selector?: {
         select?: string;
@@ -37,4 +40,40 @@ export interface BaseLang {
         currentType?: Record<string, string>;
         hotCityType?: Record<string, string>;
     };
+    desktopDatePicker?: {
+        month?: Record<number, string>;
+    };
+    datePicker?: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    };
+    countdown?: {
+        remain?: {
+            year?: string;
+            month?: string;
+            day?: string;
+            hour?: string;
+            minute?: string;
+            second?: string;
+        };
+        remainTime?: string;
+        hasEnd?: string;
+        willEnd?: string;
+        timer?: string;
+    };
+    progress?: {
+        labelName?: string;
+        notStarted?: string;
+        justBegun?: string;
+        gettingStarted?: string;
+        inProgress?: string;
+        moreThanHalfway?: string;
+        almostComplete?: string;
+        complete?: string;
+        nearingCompletion?: string;
+    };
 }

package/es/locales/en-US.js

@@ -1,7 +1,7 @@
 const enUS = {
   dialog: {
     cancel: "Cancel",
-    confirm: "Confirm",
+    ok: "OK",
     placeholder: "Placeholder"
   },
   picker: {
@@ -21,7 +21,10 @@ const enUS = {
     placeholder: "Placeholder"
   },
   textarea: {
-    placeholder: "Placeholder"
+    labelName: "TextArea",
+    placeholder: "Placeholder",
+    remaining: "Remaining",
+    characters: "Characters"
   },
   selector: {
     select: "Please select"
@@ -42,6 +45,55 @@ const enUS = {
       title: "Hot",
       code: "HOT"
     }
+  },
+  desktopDatePicker: {
+    month: {
+      1: "Jan",
+      2: "Feb",
+      3: "Mar",
+      4: "Apr",
+      5: "May",
+      6: "Jun",
+      7: "Jul",
+      8: "Aug",
+      9: "Sep",
+      10: "Oct",
+      11: "Nov",
+      12: "Dec"
+    }
+  },
+  datePicker: {
+    year: "Year",
+    month: "Month",
+    day: "Day",
+    hour: "Hour",
+    minute: "Minute",
+    second: "Second"
+  },
+  countdown: {
+    remain: {
+      year: "Year",
+      month: "Month",
+      day: "Day",
+      hour: "Hour",
+      minute: "Minute",
+      second: "Second"
+    },
+    remainTime: "Remaining Time",
+    hasEnd: "Countdown has ended",
+    willEnd: "About to end",
+    timer: "Timer"
+  },
+  progress: {
+    labelName: "Progress Bar",
+    notStarted: "Not started",
+    justBegun: "Just begun",
+    gettingStarted: "Getting started",
+    inProgress: "In progress",
+    moreThanHalfway: "More than halfway",
+    nearingCompletion: "Nearing completion",
+    almostComplete: "Almost complete",
+    complete: "Complete"
   }
 };
 var en_US_default = enUS;

package/es/locales/zh-CN.js

@@ -1,7 +1,7 @@
 const zhCN = {
   dialog: {
     cancel: "\u53D6\u6D88",
-    confirm: "\u786E\u5B9A",
+    ok: "\u786E\u5B9A",
     placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9"
   },
   picker: {
@@ -24,6 +24,61 @@ const zhCN = {
     located: "\u5B9A\u4F4D",
     current: "\u5F53\u524D",
     hot: "\u70ED\u95E8"
+  },
+  desktopDatePicker: {
+    month: {
+      1: "1\u6708",
+      2: "2\u6708",
+      3: "3\u6708",
+      4: "4\u6708",
+      5: "5\u6708",
+      6: "6\u6708",
+      7: "7\u6708",
+      8: "8\u6708",
+      9: "9\u6708",
+      10: "10\u6708",
+      11: "11\u6708",
+      12: "12\u6708"
+    }
+  },
+  datePicker: {
+    year: "\u5E74",
+    month: "\u6708",
+    day: "\u65E5",
+    hour: "\u65F6",
+    minute: "\u5206",
+    second: "\u79D2"
+  },
+  countdown: {
+    remain: {
+      year: "\u5E74",
+      month: "\u4E2A\u6708",
+      day: "\u5929",
+      hour: "\u5C0F\u65F6",
+      minute: "\u5206\u949F",
+      second: "\u79D2"
+    },
+    remainTime: "\u5269\u4F59\u65F6\u95F4",
+    hasEnd: "\u5012\u8BA1\u65F6\u5DF2\u7ED3\u675F",
+    willEnd: "\u5373\u5C06\u7ED3\u675F",
+    timer: "\u5012\u8BA1\u65F6\u5668"
+  },
+  progress: {
+    labelName: "\u8FDB\u5EA6\u6761",
+    notStarted: "\u672A\u5F00\u59CB",
+    justBegun: "\u521A\u521A\u5F00\u59CB",
+    gettingStarted: "\u5F00\u59CB\u8FDB\u884C",
+    inProgress: "\u8FDB\u884C\u4E2D",
+    moreThanHalfway: "\u8FC7\u534A\u5B8C\u6210",
+    nearingCompletion: "\u63A5\u8FD1\u5B8C\u6210",
+    almostComplete: "\u5373\u5C06\u5B8C\u6210",
+    complete: "\u5DF2\u5B8C\u6210"
+  },
+  textarea: {
+    labelName: "\u6587\u672C\u533A\u57DF",
+    placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
+    remaining: "\u5269\u4F59",
+    characters: "\u4E2A\u5B57"
   }
 };
 var zh_CN_default = zhCN;

package/es/locales/zh-TW.js

@@ -1,7 +1,7 @@
 const zhTW = {
   dialog: {
     cancel: "\u53D6\u6D88",
-    confirm: "\u78BA\u8A8D",
+    ok: "\u78BA\u8A8D",
     placeholder: "\u8ACB\u8F38\u5165\u5167\u5BB9"
   },
   picker: {
@@ -24,6 +24,61 @@ const zhTW = {
     located: "\u5B9A\u4F4D",
     current: "\u76EE\u524D",
     hot: "\u71B1\u9580"
+  },
+  desktopDatePicker: {
+    month: {
+      1: "1\u6708",
+      2: "2\u6708",
+      3: "3\u6708",
+      4: "4\u6708",
+      5: "5\u6708",
+      6: "6\u6708",
+      7: "7\u6708",
+      8: "8\u6708",
+      9: "9\u6708",
+      10: "10\u6708",
+      11: "11\u6708",
+      12: "12\u6708"
+    }
+  },
+  datePicker: {
+    year: "\u5E74",
+    month: "\u6708",
+    day: "\u65E5",
+    hour: "\u6642",
+    minute: "\u5206",
+    second: "\u79D2"
+  },
+  countdown: {
+    remain: {
+      year: "\u5E74",
+      month: "\u500B\u6708",
+      day: "\u5929",
+      hour: "\u5C0F\u6642",
+      minute: "\u5206\u9418",
+      second: "\u79D2"
+    },
+    remainTime: "\u5269\u9918\u6642\u9593",
+    hasEnd: "\u5012\u6578\u8A08\u6642\u5DF2\u7D50\u675F",
+    willEnd: "\u5373\u5C07\u7D50\u675F",
+    timer: "\u5012\u6578\u8A08\u6642\u5668"
+  },
+  progress: {
+    labelName: "\u9032\u5EA6\u689D",
+    notStarted: "\u672A\u958B\u59CB",
+    justBegun: "\u525B\u525B\u958B\u59CB",
+    gettingStarted: "\u958B\u59CB\u9032\u884C",
+    inProgress: "\u9032\u884C\u4E2D",
+    moreThanHalfway: "\u904E\u534A\u5B8C\u6210",
+    nearingCompletion: "\u63A5\u8FD1\u5B8C\u6210",
+    almostComplete: "\u5373\u5C07\u5B8C\u6210",
+    complete: "\u5DF2\u5B8C\u6210"
+  },
+  textarea: {
+    labelName: "\u6587\u672C\u5340\u57DF",
+    placeholder: "\u8ACB\u8F38\u5165\u5167\u5BB9",
+    remaining: "\u5269\u9918",
+    characters: "\u500B\u5B57"
   }
 };
 var zh_TW_default = zhTW;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.10",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -33,6 +33,8 @@
     "*.less"
   ],
   "devDependencies": {
+    "@rspack/cli": "^1.4.4",
+    "@rspack/core": "^1.4.4",
     "esbuild-plugin-less": "1.3.10",
     "fs-extra": "^11.2.0",
     "glob": "11.0.0"
@@ -41,10 +43,10 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/icons": "2.0.0-alpha.0",
-    "@bifrostui/types": "2.0.0-alpha.0",
-    "@bifrostui/utils": "2.0.0-alpha.0",
-    "@bifrostui/styles": "2.0.0-alpha.0"
+    "@bifrostui/icons": "2.0.0-alpha.10",
+    "@bifrostui/types": "2.0.0-alpha.10",
+    "@bifrostui/styles": "2.0.0-alpha.10",
+    "@bifrostui/utils": "2.0.0-alpha.10"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",
@@ -54,6 +56,7 @@
     "react-dom": "^17.0.0 || ^18.0.0"
   },
   "scripts": {
-    "build": "node esbuild.config.js"
+    "build": "node esbuild.config.js",
+    "build:benchmark": "rspack build"
   }
 }

package/dist/Tabs/utils/bound.d.ts

@@ -1 +0,0 @@
-export default function bound(position: number, min: number | undefined, max: number | undefined): number;

package/es/Tabs/utils/bound.d.ts

@@ -1 +0,0 @@
-export default function bound(position: number, min: number | undefined, max: number | undefined): number;

package/es/Tabs/utils/bound.js

@@ -1,13 +0,0 @@
-function bound(position, min, max) {
-  let ret = position;
-  if (min !== void 0) {
-    ret = Math.max(position, min);
-  }
-  if (max !== void 0) {
-    ret = Math.min(ret, max);
-  }
-  return ret;
-}
-export {
-  bound as default
-};