mp-taro-kit 0.0.1 → 0.0.4

package/dist/runtime/thenable.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isThenable = isThenable;
+exports.isSuccess = isSuccess;
+/** Promise 化交互的判定器：只判定，不 await、不吞错、不改原值。 */
+function isThenable(value) {
+    if (value === null || value === undefined)
+        return false;
+    return typeof value.then === 'function';
+}
+/**
+ * 回调的返回值算不算「这次成了」：仅显式 false 表示没成（弹窗据此保持不关、让人重试）。
+ * true / undefined / 其他值一律算成，消费方不必在调用点包 try/catch。
+ */
+function isSuccess(value) {
+    return value !== false;
+}

package/dist/runtime/thenable.d.ts

@@ -0,0 +1,7 @@
+/** Promise 化交互的判定器：只判定，不 await、不吞错、不改原值。 */
+export declare function isThenable(value: unknown): value is PromiseLike<unknown>;
+/**
+ * 回调的返回值算不算「这次成了」：仅显式 false 表示没成（弹窗据此保持不关、让人重试）。
+ * true / undefined / 其他值一律算成，消费方不必在调用点包 try/catch。
+ */
+export declare function isSuccess(value: unknown): boolean;

package/dist/runtime/thenable.js

@@ -0,0 +1,13 @@
+/** Promise 化交互的判定器：只判定，不 await、不吞错、不改原值。 */
+export function isThenable(value) {
+    if (value === null || value === undefined)
+        return false;
+    return typeof value.then === 'function';
+}
+/**
+ * 回调的返回值算不算「这次成了」：仅显式 false 表示没成（弹窗据此保持不关、让人重试）。
+ * true / undefined / 其他值一律算成，消费方不必在调用点包 try/catch。
+ */
+export function isSuccess(value) {
+    return value !== false;
+}

package/dist/styles/tokens.css

@@ -0,0 +1,60 @@
+/* mp-taro-kit 对外样式变量唯一真源。宿主 import 'mp-taro-kit/styles/tokens' 后覆盖同名变量即可整体换肤；
+   组件侧只写 var(--mptk-*)，不自带兜底值、不在别处复制数值。命名按 dsh-plugin-core 通用层对齐。
+   边框色沿用其 4% / 10% / 12% 档，写成 rgba 字面量以避开小程序端 8 位 hex 的兼容问题。
+   待实机验证：page 挂载与 px 单位在 Skyline / WebView 双端的实际表现，须宿主 demo 确认。 */
+page {
+  /* 文字 */
+  --mptk-fg: #1f2328;
+  --mptk-fg-2: #5c6370;
+  --mptk-fg-3: #767d87;
+  --mptk-fg-4: #9aa1ab;
+
+  /* 面 */
+  --mptk-surface-1: #fff;
+  --mptk-surface-2: #fff;
+  --mptk-surface-3: #fff;
+  --mptk-surface-base: #fff;
+
+  /* 描边 */
+  --mptk-border-faint: rgba(0, 0, 0, .04);
+  --mptk-border: rgba(0, 0, 0, .10);
+  --mptk-border-strong: rgba(0, 0, 0, .12);
+
+  /* 语义色 */
+  --mptk-business: #3b5bdb;
+  --mptk-success: #22c55e;
+  --mptk-warning: #f59e0b;
+  --mptk-danger: #ec1313;
+
+  /* 圆角 */
+  --mptk-radius-xs: 4px;
+  --mptk-radius-sm: 8px;
+  --mptk-radius-md: 12px;
+  --mptk-radius-lg: 16px;
+  --mptk-radius-xl: 20px;
+  --mptk-radius-pill: 999px;
+
+  /* 间距（4px 等差） */
+  --mptk-space-1: 4px;
+  --mptk-space-2: 8px;
+  --mptk-space-3: 12px;
+  --mptk-space-4: 16px;
+
+  /* 字号 / 行高成对 */
+  --mptk-font-xs: 11px;
+  --mptk-font-sm: 12px;
+  --mptk-font-md: 13px;
+  --mptk-font-lg: 14px;
+  --mptk-font-xl: 16px;
+  --mptk-line-xs: 14px;
+  --mptk-line-sm: 18px;
+  --mptk-line-md: 20px;
+  --mptk-line-lg: 22px;
+  --mptk-line-xl: 24px;
+
+  /* 动画 */
+  --mptk-dur: .2s;
+  --mptk-dur-fast: .12s;
+  --mptk-dur-run: 500ms;
+  --mptk-ease: cubic-bezier(.4, 0, .2, 1);
+}

package/dist/ui/actions/Button.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("@tarojs/components");
+const thenable_js_1 = require("../../runtime/thenable.cjs");
+function Button({ children, disabled = false, loadingText, className, onClick, onFailed, }) {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const inFlight = (0, react_1.useRef)(false);
+    const handleClick = () => {
+        if (disabled || loading || inFlight.current)
+            return;
+        const result = onClick?.();
+        if (!(0, thenable_js_1.isThenable)(result))
+            return;
+        inFlight.current = true;
+        setLoading(true);
+        void Promise.resolve(result).then((value) => {
+            inFlight.current = false;
+            setLoading(false);
+            if (!(0, thenable_js_1.isSuccess)(value))
+                onFailed?.();
+        }, (error) => {
+            inFlight.current = false;
+            setLoading(false);
+            throw error;
+        });
+    };
+    const names = ['mptk-btn', disabled ? 'mptk-btn--disabled' : '', loading ? 'mptk-btn--loading' : '', className];
+    return ((0, jsx_runtime_1.jsx)(components_1.View, { className: names.filter(Boolean).join(' '), onClick: handleClick, children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: loading && loadingText !== undefined ? loadingText : children }) }));
+}

package/dist/ui/actions/Button.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface ButtonProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    /** 异步期间显示的文案；锁宽防跳由样式负责。 */
+    loadingText?: string;
+    className?: string;
+    /** 返回 Promise 即自动 loading + 防连点；同步返回值不转圈。 */
+    onClick?: () => unknown;
+    /** 显式返回 false（或 Promise<false>）时回调，表示操作没成。 */
+    onFailed?: () => void;
+}
+export declare function Button({ children, disabled, loadingText, className, onClick, onFailed, }: ButtonProps): import("react").JSX.Element;

package/dist/ui/actions/Button.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { View, Text } from '@tarojs/components';
+import { isThenable, isSuccess } from '../../runtime/thenable.js';
+export function Button({ children, disabled = false, loadingText, className, onClick, onFailed, }) {
+    const [loading, setLoading] = useState(false);
+    const inFlight = useRef(false);
+    const handleClick = () => {
+        if (disabled || loading || inFlight.current)
+            return;
+        const result = onClick?.();
+        if (!isThenable(result))
+            return;
+        inFlight.current = true;
+        setLoading(true);
+        void Promise.resolve(result).then((value) => {
+            inFlight.current = false;
+            setLoading(false);
+            if (!isSuccess(value))
+                onFailed?.();
+        }, (error) => {
+            inFlight.current = false;
+            setLoading(false);
+            throw error;
+        });
+    };
+    const names = ['mptk-btn', disabled ? 'mptk-btn--disabled' : '', loading ? 'mptk-btn--loading' : '', className];
+    return (_jsx(View, { className: names.filter(Boolean).join(' '), onClick: handleClick, children: _jsx(Text, { children: loading && loadingText !== undefined ? loadingText : children }) }));
+}

package/dist/ui/actions/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var Button_js_1 = require("./Button.cjs");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_js_1.Button; } });

package/dist/ui/actions/index.d.ts

@@ -0,0 +1 @@
+export { Button, type ButtonProps } from './Button.js';

package/dist/ui/actions/index.js

@@ -0,0 +1 @@
+export { Button } from './Button.js';

package/dist/ui/actions/style/index.css

@@ -0,0 +1,22 @@
+.mptk-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--mptk-business);
+  border-radius: var(--mptk-radius-md);
+  padding-top: var(--mptk-space-2);
+  padding-right: var(--mptk-space-4);
+  padding-bottom: var(--mptk-space-2);
+  padding-left: var(--mptk-space-4);
+  color: var(--mptk-surface-1);
+  font-size: var(--mptk-font-lg);
+  line-height: var(--mptk-line-lg);
+}
+
+.mptk-btn--disabled {
+  background-color: var(--mptk-fg-4);
+}
+
+.mptk-btn--loading {
+  background-color: var(--mptk-fg-3);
+}

package/dist/ui/commands.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.markOverlayHostMounted = markOverlayHostMounted;
+exports.markOverlayHostUnmounted = markOverlayHostUnmounted;
+exports.isOverlayHostMounted = isOverlayHostMounted;
+exports.showToast = showToast;
+exports.hideToast = hideToast;
+exports.clearToasts = clearToasts;
+exports.showLoading = showLoading;
+exports.hideLoading = hideLoading;
+exports.alert = alert;
+exports.confirm = confirm;
+exports.resetUIForTests = resetUIForTests;
+const state_js_1 = require("./state.cjs");
+const NOT_MOUNTED = '[mp-taro-kit/ui] 未挂载 <OverlayHost />；请在页面基座挂一次（mp-taro-kit/ui/infra）';
+/** 开发者契约违例：没挂宿主就想用命令式能力，每次都抛并直给修复动作。 */
+function ensureMounted() {
+    if (!(0, state_js_1.uiState)().mounted)
+        throw new Error(NOT_MOUNTED);
+}
+/** 供 <OverlayHost /> 在挂载 / 卸载时调用；业务代码不要碰。 */
+function markOverlayHostMounted() {
+    (0, state_js_1.uiState)().mounted = true;
+}
+function markOverlayHostUnmounted() {
+    (0, state_js_1.uiState)().mounted = false;
+}
+function isOverlayHostMounted() {
+    return (0, state_js_1.uiState)().mounted;
+}
+function showToast(text, tone = 'info') {
+    ensureMounted();
+    return (0, state_js_1.uiState)().notices.show(text, tone);
+}
+function hideToast(id) {
+    return (0, state_js_1.uiState)().notices.dismiss(id);
+}
+function clearToasts() {
+    return (0, state_js_1.uiState)().notices.clear();
+}
+function showLoading() {
+    ensureMounted();
+    const state = (0, state_js_1.uiState)();
+    const id = state.loading.show();
+    state.loadingHandles.add(id);
+    return id;
+}
+function hideLoading(id) {
+    const state = (0, state_js_1.uiState)();
+    state.loadingHandles.delete(id);
+    return state.loading.hide(id);
+}
+function pushDialog(kind, message, options, resolve) {
+    (0, state_js_1.uiState)().overlays.push({
+        kind,
+        title: options.title,
+        message,
+        confirmText: options.confirmText ?? '确定',
+        cancelText: options.cancelText ?? '取消',
+        resolve,
+    });
+}
+/** 解析即关闭；不返回用户选择。 */
+function alert(message, options = {}) {
+    ensureMounted();
+    return new Promise((resolve) => {
+        pushDialog('alert', message, options, () => resolve());
+    });
+}
+/** 解析 true = 确认、false = 取消；resolve(false) 也可由业务拿来「不关、重试」。 */
+function confirm(message, options = {}) {
+    ensureMounted();
+    return new Promise((resolve) => {
+        pushDialog('confirm', message, options, resolve);
+    });
+}
+/** 仅供单测清空全局状态；产品代码不要调用。 */
+function resetUIForTests() {
+    const state = (0, state_js_1.uiState)();
+    for (const id of state.loadingHandles)
+        state.loading.hide(id);
+    state.loadingHandles.clear();
+    state.overlays.clear();
+    state.notices.clear();
+    state.mounted = false;
+}

package/dist/ui/commands.d.ts

@@ -0,0 +1,21 @@
+import type { Notice, NoticeTone } from '../runtime/notify.js';
+/** 供 <OverlayHost /> 在挂载 / 卸载时调用；业务代码不要碰。 */
+export declare function markOverlayHostMounted(): void;
+export declare function markOverlayHostUnmounted(): void;
+export declare function isOverlayHostMounted(): boolean;
+export declare function showToast(text: string, tone?: NoticeTone): number;
+export declare function hideToast(id: number): boolean;
+export declare function clearToasts(): Notice[];
+export declare function showLoading(): number;
+export declare function hideLoading(id: number): boolean;
+export interface DialogOptions {
+    title?: string;
+    confirmText?: string;
+    cancelText?: string;
+}
+/** 解析即关闭；不返回用户选择。 */
+export declare function alert(message: string, options?: DialogOptions): Promise<void>;
+/** 解析 true = 确认、false = 取消；resolve(false) 也可由业务拿来「不关、重试」。 */
+export declare function confirm(message: string, options?: DialogOptions): Promise<boolean>;
+/** 仅供单测清空全局状态；产品代码不要调用。 */
+export declare function resetUIForTests(): void;

package/dist/ui/commands.js

@@ -0,0 +1,73 @@
+import { uiState } from './state.js';
+const NOT_MOUNTED = '[mp-taro-kit/ui] 未挂载 <OverlayHost />；请在页面基座挂一次（mp-taro-kit/ui/infra）';
+/** 开发者契约违例：没挂宿主就想用命令式能力，每次都抛并直给修复动作。 */
+function ensureMounted() {
+    if (!uiState().mounted)
+        throw new Error(NOT_MOUNTED);
+}
+/** 供 <OverlayHost /> 在挂载 / 卸载时调用；业务代码不要碰。 */
+export function markOverlayHostMounted() {
+    uiState().mounted = true;
+}
+export function markOverlayHostUnmounted() {
+    uiState().mounted = false;
+}
+export function isOverlayHostMounted() {
+    return uiState().mounted;
+}
+export function showToast(text, tone = 'info') {
+    ensureMounted();
+    return uiState().notices.show(text, tone);
+}
+export function hideToast(id) {
+    return uiState().notices.dismiss(id);
+}
+export function clearToasts() {
+    return uiState().notices.clear();
+}
+export function showLoading() {
+    ensureMounted();
+    const state = uiState();
+    const id = state.loading.show();
+    state.loadingHandles.add(id);
+    return id;
+}
+export function hideLoading(id) {
+    const state = uiState();
+    state.loadingHandles.delete(id);
+    return state.loading.hide(id);
+}
+function pushDialog(kind, message, options, resolve) {
+    uiState().overlays.push({
+        kind,
+        title: options.title,
+        message,
+        confirmText: options.confirmText ?? '确定',
+        cancelText: options.cancelText ?? '取消',
+        resolve,
+    });
+}
+/** 解析即关闭；不返回用户选择。 */
+export function alert(message, options = {}) {
+    ensureMounted();
+    return new Promise((resolve) => {
+        pushDialog('alert', message, options, () => resolve());
+    });
+}
+/** 解析 true = 确认、false = 取消；resolve(false) 也可由业务拿来「不关、重试」。 */
+export function confirm(message, options = {}) {
+    ensureMounted();
+    return new Promise((resolve) => {
+        pushDialog('confirm', message, options, resolve);
+    });
+}
+/** 仅供单测清空全局状态；产品代码不要调用。 */
+export function resetUIForTests() {
+    const state = uiState();
+    for (const id of state.loadingHandles)
+        state.loading.hide(id);
+    state.loadingHandles.clear();
+    state.overlays.clear();
+    state.notices.clear();
+    state.mounted = false;
+}

package/dist/ui/display/Badge.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = Badge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@tarojs/components");
+/** 徽标：数字 / 小红点，宿主只给数值，不进业务逻辑。 */
+function Badge({ count, dot = false, children, className }) {
+    const names = ['mptk-badge', className];
+    return ((0, jsx_runtime_1.jsxs)(components_1.View, { className: names.filter(Boolean).join(' '), children: [children, dot ? ((0, jsx_runtime_1.jsx)(components_1.View, { className: "mptk-badge__dot" })) : count === undefined ? null : ((0, jsx_runtime_1.jsx)(components_1.View, { className: "mptk-badge__count", children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: count }) }))] }));
+}

package/dist/ui/display/Badge.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface BadgeProps {
+    count?: number | string;
+    dot?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+/** 徽标：数字 / 小红点，宿主只给数值，不进业务逻辑。 */
+export declare function Badge({ count, dot, children, className }: BadgeProps): import("react").JSX.Element;

package/dist/ui/display/Badge.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text } from '@tarojs/components';
+/** 徽标：数字 / 小红点，宿主只给数值，不进业务逻辑。 */
+export function Badge({ count, dot = false, children, className }) {
+    const names = ['mptk-badge', className];
+    return (_jsxs(View, { className: names.filter(Boolean).join(' '), children: [children, dot ? (_jsx(View, { className: "mptk-badge__dot" })) : count === undefined ? null : (_jsx(View, { className: "mptk-badge__count", children: _jsx(Text, { children: count }) }))] }));
+}

package/dist/ui/display/Divider.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = Divider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@tarojs/components");
+/** 分隔线：纯展示，无业务内容。 */
+function Divider({ className }) {
+    return (0, jsx_runtime_1.jsx)(components_1.View, { className: ['mptk-divider', className].filter(Boolean).join(' ') });
+}

package/dist/ui/display/Divider.d.ts

@@ -0,0 +1,5 @@
+export interface DividerProps {
+    className?: string;
+}
+/** 分隔线：纯展示，无业务内容。 */
+export declare function Divider({ className }: DividerProps): import("react").JSX.Element;

package/dist/ui/display/Divider.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from '@tarojs/components';
+/** 分隔线：纯展示，无业务内容。 */
+export function Divider({ className }) {
+    return _jsx(View, { className: ['mptk-divider', className].filter(Boolean).join(' ') });
+}

package/dist/ui/display/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = exports.Divider = void 0;
+var Divider_js_1 = require("./Divider.cjs");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_js_1.Divider; } });
+var Badge_js_1 = require("./Badge.cjs");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_js_1.Badge; } });

package/dist/ui/display/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider, type DividerProps } from './Divider.js';
+export { Badge, type BadgeProps } from './Badge.js';

package/dist/ui/display/index.js

@@ -0,0 +1,2 @@
+export { Divider } from './Divider.js';
+export { Badge } from './Badge.js';

package/dist/ui/display/style/index.css

@@ -0,0 +1,30 @@
+.mptk-divider {
+  width: 100%;
+  height: 1px;
+  background-color: var(--mptk-border);
+}
+
+.mptk-badge {
+  position: relative;
+}
+
+.mptk-badge__dot {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: var(--mptk-space-2);
+  height: var(--mptk-space-2);
+  border-radius: var(--mptk-radius-pill);
+  background-color: var(--mptk-danger);
+}
+
+.mptk-badge__count {
+  position: absolute;
+  top: 0;
+  right: 0;
+  border-radius: var(--mptk-radius-pill);
+  background-color: var(--mptk-danger);
+  color: var(--mptk-surface-1);
+  font-size: var(--mptk-font-xs);
+  line-height: var(--mptk-line-xs);
+}

package/dist/ui/feedback/Dialog.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = Dialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@tarojs/components");
+/** 声明式 Dialog；命令式 confirm()/alert() 走 <OverlayHost /> 渲染。 */
+function Dialog({ open, title, children, confirmText = '确定', cancelText = '取消', showCancel = true, onConfirm, onCancel, className, }) {
+    if (!open)
+        return null;
+    const names = ['mptk-fb-dialog', className];
+    return ((0, jsx_runtime_1.jsx)(components_1.View, { className: names.filter(Boolean).join(' '), children: (0, jsx_runtime_1.jsxs)(components_1.View, { className: "mptk-fb-dialog__panel", children: [title === undefined ? null : ((0, jsx_runtime_1.jsx)(components_1.View, { className: "mptk-fb-dialog__title", children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: title }) })), (0, jsx_runtime_1.jsx)(components_1.View, { className: "mptk-fb-dialog__body", children: children }), (0, jsx_runtime_1.jsxs)(components_1.View, { className: "mptk-fb-dialog__actions", children: [showCancel ? ((0, jsx_runtime_1.jsx)(components_1.View, { className: "mptk-fb-dialog__action--cancel", onClick: () => onCancel?.(), children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: cancelText }) })) : null, (0, jsx_runtime_1.jsx)(components_1.View, { className: "mptk-fb-dialog__action--confirm", onClick: () => onConfirm?.(), children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: confirmText }) })] })] }) }));
+}

package/dist/ui/feedback/Dialog.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface DialogProps {
+    open: boolean;
+    title?: string;
+    /** 内容由宿主注入，库只提供容器与按钮。 */
+    children?: ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    showCancel?: boolean;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    className?: string;
+}
+/** 声明式 Dialog；命令式 confirm()/alert() 走 <OverlayHost /> 渲染。 */
+export declare function Dialog({ open, title, children, confirmText, cancelText, showCancel, onConfirm, onCancel, className, }: DialogProps): import("react").JSX.Element | null;

package/dist/ui/feedback/Dialog.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text } from '@tarojs/components';
+/** 声明式 Dialog；命令式 confirm()/alert() 走 <OverlayHost /> 渲染。 */
+export function Dialog({ open, title, children, confirmText = '确定', cancelText = '取消', showCancel = true, onConfirm, onCancel, className, }) {
+    if (!open)
+        return null;
+    const names = ['mptk-fb-dialog', className];
+    return (_jsx(View, { className: names.filter(Boolean).join(' '), children: _jsxs(View, { className: "mptk-fb-dialog__panel", children: [title === undefined ? null : (_jsx(View, { className: "mptk-fb-dialog__title", children: _jsx(Text, { children: title }) })), _jsx(View, { className: "mptk-fb-dialog__body", children: children }), _jsxs(View, { className: "mptk-fb-dialog__actions", children: [showCancel ? (_jsx(View, { className: "mptk-fb-dialog__action--cancel", onClick: () => onCancel?.(), children: _jsx(Text, { children: cancelText }) })) : null, _jsx(View, { className: "mptk-fb-dialog__action--confirm", onClick: () => onConfirm?.(), children: _jsx(Text, { children: confirmText }) })] })] }) }));
+}

package/dist/ui/feedback/Loading.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = Loading;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@tarojs/components");
+/** 声明式 Loading；全局唯一 loading 槽由 <OverlayHost /> 消费。 */
+function Loading({ visible = true, text = '加载中', className }) {
+    if (!visible)
+        return null;
+    const names = ['mptk-fb-loading', className];
+    return ((0, jsx_runtime_1.jsx)(components_1.View, { className: names.filter(Boolean).join(' '), children: (0, jsx_runtime_1.jsx)(components_1.Text, { className: "mptk-fb-loading__text", children: text }) }));
+}

package/dist/ui/feedback/Loading.d.ts

@@ -0,0 +1,7 @@
+export interface LoadingProps {
+    visible?: boolean;
+    text?: string;
+    className?: string;
+}
+/** 声明式 Loading；全局唯一 loading 槽由 <OverlayHost /> 消费。 */
+export declare function Loading({ visible, text, className }: LoadingProps): import("react").JSX.Element | null;

package/dist/ui/feedback/Loading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, Text } from '@tarojs/components';
+/** 声明式 Loading；全局唯一 loading 槽由 <OverlayHost /> 消费。 */
+export function Loading({ visible = true, text = '加载中', className }) {
+    if (!visible)
+        return null;
+    const names = ['mptk-fb-loading', className];
+    return (_jsx(View, { className: names.filter(Boolean).join(' '), children: _jsx(Text, { className: "mptk-fb-loading__text", children: text }) }));
+}

package/dist/ui/feedback/Toast.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = Toast;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@tarojs/components");
+/** 声明式 Toast；自动消失与队列交给命令式 API 与 runtime 的通知中心。 */
+function Toast({ text, tone = 'info', visible = true, className }) {
+    if (!visible)
+        return null;
+    const names = ['mptk-fb-toast', `mptk-fb-toast--${tone}`, className];
+    return ((0, jsx_runtime_1.jsx)(components_1.View, { className: names.filter(Boolean).join(' '), children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: text }) }));
+}

package/dist/ui/feedback/Toast.d.ts

@@ -0,0 +1,9 @@
+import type { NoticeTone } from '../../runtime/notify.js';
+export interface ToastProps {
+    text: string;
+    tone?: NoticeTone;
+    visible?: boolean;
+    className?: string;
+}
+/** 声明式 Toast；自动消失与队列交给命令式 API 与 runtime 的通知中心。 */
+export declare function Toast({ text, tone, visible, className }: ToastProps): import("react").JSX.Element | null;

package/dist/ui/feedback/Toast.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, Text } from '@tarojs/components';
+/** 声明式 Toast；自动消失与队列交给命令式 API 与 runtime 的通知中心。 */
+export function Toast({ text, tone = 'info', visible = true, className }) {
+    if (!visible)
+        return null;
+    const names = ['mptk-fb-toast', `mptk-fb-toast--${tone}`, className];
+    return (_jsx(View, { className: names.filter(Boolean).join(' '), children: _jsx(Text, { children: text }) }));
+}

package/dist/ui/feedback/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = exports.Loading = exports.Toast = void 0;
+var Toast_js_1 = require("./Toast.cjs");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_js_1.Toast; } });
+var Loading_js_1 = require("./Loading.cjs");
+Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return Loading_js_1.Loading; } });
+var Dialog_js_1 = require("./Dialog.cjs");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_js_1.Dialog; } });

package/dist/ui/feedback/index.d.ts

@@ -0,0 +1,3 @@
+export { Toast, type ToastProps } from './Toast.js';
+export { Loading, type LoadingProps } from './Loading.js';
+export { Dialog, type DialogProps } from './Dialog.js';

package/dist/ui/feedback/index.js

@@ -0,0 +1,3 @@
+export { Toast } from './Toast.js';
+export { Loading } from './Loading.js';
+export { Dialog } from './Dialog.js';