@hanwenbo/x-taro-ui 0.0.1

package/lib/components/navBar/navBar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { NavBarProps } from './types';
+/**
+ * NavBar Component
+ *
+ * @description
+ * Design system aligned navBar component
+ */
+export declare const NavBar: React.FC<NavBarProps>;
+export default NavBar;
+//# sourceMappingURL=navBar.d.ts.map

package/lib/components/navBar/navBar.js

@@ -0,0 +1,259 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navBar/navBar.tsx
+var navBar_exports = {};
+__export(navBar_exports, {
+  NavBar: () => NavBar,
+  default: () => navBar_default
+});
+module.exports = __toCommonJS(navBar_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@tarojs/components");
+var import_utils = require("../../utils");
+var import_patterns = require("../../patterns");
+var import_theme = require("../../theme");
+var import_locale = require("../../utils/locale");
+var import_taroProps = require("../../utils/taroProps");
+var import_configProvider = require("../configProvider");
+var import_icon = __toESM(require("../icon/icon"));
+function isActivationKey(key) {
+  return key === "Enter" || key === " " || key === "Spacebar";
+}
+var NavBar = ({
+  title,
+  left,
+  right,
+  safeAreaTop = true,
+  bordered = true,
+  fixed = false,
+  onBack,
+  testID,
+  children,
+  className,
+  style
+}) => {
+  const config = (0, import_configProvider.useConfigProvider)();
+  const { colors, radius } = (0, import_theme.useTokens)();
+  const prefixCls = config.prefixCls;
+  const backLabel = (0, import_locale.resolveLocaleText)(config.locale, "common.back", "返回");
+  const [backFocused, setBackFocused] = (0, import_react.useState)(false);
+  const [backHovered, setBackHovered] = (0, import_react.useState)(false);
+  const {
+    pressed: backPressed,
+    handlers: backHandlers,
+    style: backPressStyle
+  } = (0, import_patterns.usePressable)({ onPress: onBack, disabled: !onBack, scale: 0.985 });
+  const defaultLeft = onBack ? /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: `${prefixCls}-nav-bar__back`,
+      "data-slot": "nav-bar-back",
+      "data-focused": backFocused ? "true" : "false",
+      "data-hovered": backHovered ? "true" : "false",
+      "data-pressed": backPressed ? "true" : "false",
+      ...(0, import_taroProps.resolveTaroAccessibilityProps)("button", backLabel),
+      tabIndex: 0,
+      onBlur: () => {
+        setBackFocused(false);
+        backHandlers.onMouseLeave();
+      },
+      onFocus: () => setBackFocused(true),
+      onKeyDown: (event) => {
+        var _a;
+        const key = event.key;
+        if (!isActivationKey(key)) return;
+        (_a = event.preventDefault) == null ? void 0 : _a.call(event);
+        backHandlers.onMouseDown();
+      },
+      onKeyUp: (event) => {
+        var _a;
+        const key = event.key;
+        if (!isActivationKey(key)) return;
+        (_a = event.preventDefault) == null ? void 0 : _a.call(event);
+        backHandlers.onMouseUp();
+        onBack();
+      },
+      onClick: backHandlers.onClick,
+      onMouseDown: backHandlers.onMouseDown,
+      onMouseEnter: () => setBackHovered(true),
+      onMouseLeave: () => {
+        setBackHovered(false);
+        backHandlers.onMouseLeave();
+      },
+      onMouseUp: backHandlers.onMouseUp,
+      onTouchCancel: backHandlers.onTouchCancel,
+      onTouchEnd: backHandlers.onTouchEnd,
+      onTouchStart: backHandlers.onTouchStart,
+      style: {
+        width: 40,
+        height: 40,
+        marginLeft: -8,
+        borderRadius: radius.get("sm"),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: colors.foreground,
+        backgroundColor: backPressed || backHovered ? colors.accent : "transparent",
+        opacity: backPressed ? 0.82 : 1,
+        cursor: "pointer",
+        outline: "none",
+        boxShadow: backFocused ? `0 0 0 2px ${(0, import_theme.withOpacity)(colors.ring, 0.28)}` : "none",
+        ...backPressStyle
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_icon.default, { name: "ChevronLeft", size: 20, color: colors.foreground, block: true })
+  ) : null;
+  const leftContent = left !== void 0 ? left : defaultLeft;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: (0, import_utils.classNames)(`${prefixCls}-nav-bar`, className),
+      "data-slot": "nav-bar-root",
+      "data-fixed": fixed ? "true" : "false",
+      "data-bordered": bordered ? "true" : "false",
+      "data-safe-area-top": safeAreaTop ? "true" : "false",
+      "data-testid": testID,
+      style: {
+        position: fixed ? "fixed" : "relative",
+        top: fixed ? 0 : void 0,
+        left: fixed ? 0 : void 0,
+        right: fixed ? 0 : void 0,
+        zIndex: fixed ? 40 : void 0,
+        paddingTop: safeAreaTop ? "env(safe-area-inset-top)" : void 0,
+        backgroundColor: colors.background,
+        borderBottomWidth: 0,
+        boxShadow: bordered ? `inset 0 -1px 0 ${colors.border}` : "none",
+        boxSizing: "border-box",
+        ...style
+      }
+    },
+    children ?? /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        className: `${prefixCls}-nav-bar__inner`,
+        "data-slot": "nav-bar-inner",
+        style: {
+          position: "relative",
+          height: 56,
+          paddingLeft: 16,
+          paddingRight: 16,
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          boxSizing: "border-box"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          className: `${prefixCls}-nav-bar__left`,
+          "data-slot": "nav-bar-left",
+          style: {
+            position: "relative",
+            zIndex: 1,
+            minWidth: 0,
+            flex: 1,
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "flex-start"
+          }
+        },
+        leftContent
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          className: `${prefixCls}-nav-bar__title`,
+          "data-slot": "nav-bar-title",
+          style: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            paddingLeft: 64,
+            paddingRight: 64,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            overflow: "hidden",
+            pointerEvents: "none",
+            boxSizing: "border-box"
+          }
+        },
+        typeof title === "string" ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.Text,
+          {
+            "data-slot": "nav-bar-title-text",
+            ...(0, import_taroProps.resolveTaroAccessibilityProps)("heading", title),
+            "aria-level": 1,
+            style: {
+              display: "block",
+              maxWidth: "100%",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              fontSize: 16,
+              lineHeight: "22px",
+              fontWeight: "600",
+              color: colors.foreground
+            }
+          },
+          title
+        ) : title
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_components.View,
+        {
+          className: `${prefixCls}-nav-bar__right`,
+          "data-slot": "nav-bar-right",
+          style: {
+            position: "relative",
+            zIndex: 1,
+            minWidth: 0,
+            flex: 1,
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "flex-end"
+          }
+        },
+        right
+      )
+    )
+  );
+};
+NavBar.displayName = "NavBar";
+var navBar_default = NavBar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavBar
+});

package/lib/components/navBar/types.d.ts

@@ -0,0 +1,32 @@
+/**
+ * NavBar Component Types
+ *
+ * @description
+ * Design system aligned navBar component types
+ */
+import { ReactNode } from 'react';
+export interface NavBarProps {
+    /** Title content */
+    title?: ReactNode;
+    /** Left slot */
+    left?: ReactNode;
+    /** Right slot */
+    right?: ReactNode;
+    /** Show top safe area padding */
+    safeAreaTop?: boolean;
+    /** Show bottom border */
+    bordered?: boolean;
+    /** Fix to top */
+    fixed?: boolean;
+    /** Back action */
+    onBack?: () => void;
+    /** Test identifier */
+    testID?: string;
+    /** Component children */
+    children?: ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/navBar/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navBar/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/needWrap/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as NeedWrap } from './needWrap';
+export { default } from './needWrap';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/needWrap/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/needWrap/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NeedWrap: () => import_needWrap.default,
+  default: () => import_needWrap2.default
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_needWrap = __toESM(require("./needWrap"));
+var import_needWrap2 = __toESM(require("./needWrap"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NeedWrap,
+  ...require("./types")
+});

package/lib/components/needWrap/needWrap.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { NeedWrapProps } from './types';
+/**
+ * 条件包装工具。视觉、交互和布局全部由调用方提供的 wrapper 持有；
+ * need=false 时不会插入任何额外宿主节点。
+ */
+export declare function NeedWrap<T extends object = Record<string, unknown>>({ wrap: Wrap, children, wrapProps, need }: NeedWrapProps<T>): ReactNode;
+export declare namespace NeedWrap {
+    var displayName: string;
+}
+export default NeedWrap;
+//# sourceMappingURL=needWrap.d.ts.map

package/lib/components/needWrap/needWrap.js

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/needWrap/needWrap.tsx
+var needWrap_exports = {};
+__export(needWrap_exports, {
+  NeedWrap: () => NeedWrap,
+  default: () => needWrap_default
+});
+module.exports = __toCommonJS(needWrap_exports);
+var import_react = __toESM(require("react"));
+function NeedWrap({
+  wrap: Wrap,
+  children,
+  wrapProps,
+  need
+}) {
+  if (!need) return children ?? null;
+  return import_react.default.createElement(
+    Wrap,
+    {
+      ...wrapProps,
+      "data-slot": "need-wrap"
+    },
+    children
+  );
+}
+NeedWrap.displayName = "NeedWrap";
+var needWrap_default = NeedWrap;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NeedWrap
+});

package/lib/components/needWrap/types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType, ReactNode } from 'react';
+export interface NeedWrapProps<T extends object = Record<string, unknown>> {
+    /** Wrapper component rendered exactly once when need=true. */
+    wrap: ComponentType<T>;
+    /** Child tree preserved in wrapped and unwrapped modes. */
+    children: ReactNode;
+    /** Props forwarded to the supplied wrapper without normalization. */
+    wrapProps?: T;
+    /** Whether to render the supplied wrapper. */
+    need: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/needWrap/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/needWrap/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/notification/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export { default as Notification, InternalNotification, NotificationPortalHost } from './notification';
+export { notificationIconMap, getToneAccentColor, getNotificationPresentation, notificationTypography } from './tokens';
+export { default } from './notification';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/notification/index.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/notification/index.ts
+var index_exports = {};
+__export(index_exports, {
+  InternalNotification: () => import_notification.InternalNotification,
+  Notification: () => import_notification.default,
+  NotificationPortalHost: () => import_notification.NotificationPortalHost,
+  default: () => import_notification2.default,
+  getNotificationPresentation: () => import_tokens.getNotificationPresentation,
+  getToneAccentColor: () => import_tokens.getToneAccentColor,
+  notificationIconMap: () => import_tokens.notificationIconMap,
+  notificationTypography: () => import_tokens.notificationTypography
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./types"), module.exports);
+var import_notification = __toESM(require("./notification"));
+var import_tokens = require("./tokens");
+var import_notification2 = __toESM(require("./notification"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InternalNotification,
+  Notification,
+  NotificationPortalHost,
+  getNotificationPresentation,
+  getToneAccentColor,
+  notificationIconMap,
+  notificationTypography,
+  ...require("./types")
+});

package/lib/components/notification/notification.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { NotificationParams, NotificationProps } from './types';
+declare type NotificationComponent = React.FC<NotificationProps> & {
+    show: (params: NotificationParams) => void;
+    hide: () => void;
+};
+export declare const InternalNotification: React.FC<NotificationProps>;
+export declare const Notification: NotificationComponent;
+export declare const NotificationPortalHost: React.FC<{
+    zIndex?: number;
+}>;
+export default Notification;
+//# sourceMappingURL=notification.d.ts.map