@puresnake/snake-ui 0.0.0-stage → 0.0.1

package/libs/cms/use-commerce.ts

@@ -0,0 +1,385 @@
+import { computed, ref } from 'vue';
+import type { CmsNormalizedComponent, CmsOptions, CmsPageInfo, CmsStateChange, CmsStatus } from './types';
+import { CmsError } from './types';
+import { getRuntimeOptions } from '../runtime';
+
+type Dictionary = Record<string, any>;
+
+export interface CmsCommerceControllerOptions {
+    pageInfo: () => CmsPageInfo;
+    component: () => CmsNormalizedComponent | undefined;
+    options: () => CmsOptions;
+    onStateChange?: (state: CmsStateChange) => void;
+    onError?: (error: CmsError) => void;
+}
+
+function valuesToQuery(input: unknown): Dictionary {
+    if (!input || typeof input !== 'object') return {};
+    return Object.fromEntries(Object.entries(input as Dictionary).map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value]));
+}
+
+export function useCmsCommerce(input: CmsCommerceControllerOptions) {
+    const goodsList = ref<Dictionary[]>([]);
+    const filtersData = ref<Dictionary>({});
+    const activityList = ref<Dictionary[]>([]);
+    const activityCurrent = ref<string | number>('001');
+    const tabsCurrent = ref(0);
+    const auctionSetParams = ref<Dictionary>({});
+    const status = ref<CmsStatus>('idle');
+    const page = ref(1);
+    const goodsParams = ref<Dictionary>({});
+    const filterParams = ref<Dictionary>({});
+    const tabsParams = ref<Dictionary>({});
+    // 每次初始化、刷新或失效都会推进代际；异步请求返回时只允许当前代际写入状态，避免旧响应覆盖新筛选结果。
+    let generation = 0;
+    let busy = false;
+
+    function styleOf(component: CmsNormalizedComponent): Dictionary {
+        if (component.version !== 2) return component.setStyle;
+        const data = component.props || {};
+        const query = data.query || {};
+        const display = data.display || {};
+        const bars = data.bars || {};
+        const style = data.style || {};
+        return {
+            goodsListType: query.source === 'activity' ? 'activity' : 'activityCondition',
+            listType: display.cardType || 'sale',
+            subType: display.subType || '',
+            attendanceShow: display.showAttendance !== false,
+            commodityType: Number(display.columns) === 3 ? 1 : 0,
+            activitySessionShow: Boolean(bars.activitySession),
+            filterShow: bars.filter,
+            priceFilterShow: Boolean(bars.priceFilter),
+            tabShow: Boolean(bars.tabs?.enabled),
+            tabslist: Array.isArray(bars.tabs?.list) ? bars.tabs.list : [],
+            stickyDisabled: !bars.sticky,
+            pageMargin: style.pageMargin,
+            imageMargin: style.gap,
+            backgroundColor: style.backgroundColor,
+            listMode: data.empty?.mode,
+            emptySrc: data.empty?.image,
+            emptyText: data.empty?.text,
+            emptyColor: data.empty?.color,
+            filterParams: {
+                ...query,
+                pageSize: query.pageSize || 20,
+                activityUserRule: query.userRule,
+                sellingDay: query.sellingDays,
+                brandNames: Array.isArray(query.brands) ? query.brands.map((brand: Dictionary) => brand.name) : [],
+                genderFilter: query.gender
+            }
+        };
+    }
+
+    const goodsLoadingStatus = computed(() => {
+        if (status.value === 'initial-loading' || status.value === 'loading-more') return 'loading';
+        if (status.value === 'no-more') return 'nomore';
+        return 'loadmore';
+    });
+
+    function snapshot(): CmsStateChange {
+        return { status: status.value, page: page.value, itemCount: goodsList.value.length };
+    }
+
+    function setStatus(next: CmsStatus): void {
+        status.value = next;
+        input.onStateChange?.(snapshot());
+    }
+
+    function context(component: CmsNormalizedComponent, currentGeneration: number) {
+        return { component, pageInfo: input.pageInfo(), generation: currentGeneration };
+    }
+
+    function cacheKey(component: CmsNormalizedComponent): string {
+        const pageInfo = input.pageInfo();
+        const pageId = pageInfo.pageId ?? pageInfo.id ?? 'default';
+        return `${input.options().cachePrefix || 'snake-ui:cms'}:${pageId}:${component.id}:filters`;
+    }
+
+    function restoreFilters(component: CmsNormalizedComponent): void {
+        const cache = getRuntimeOptions().cache;
+        if (!cache) return;
+        // 优先读取按页面和组件隔离的新键；旧的全局 filterParams 键仅用于兼容存量缓存，写入始终使用新键。
+        const cached = cache.get(cacheKey(component)) ?? cache.get('filterParams');
+        filterParams.value = valuesToQuery(cached);
+    }
+
+    function persistFilters(component: CmsNormalizedComponent, value: Dictionary): void {
+        getRuntimeOptions().cache?.set(cacheKey(component), value);
+    }
+
+    function buildFilterRequest(component: CmsNormalizedComponent, mode = ''): Dictionary {
+        const style = styleOf(component);
+        const params: Dictionary = {};
+        if (style.goodsListType === 'activity' || goodsParams.value.activityId) {
+            params.activityId = style.filterParams?.activityId || goodsParams.value.activityId || '';
+        }
+        if (style.listType === 'auction' && !['forSale', 'downBuy'].includes(mode)) {
+            params.activityType = 'auction';
+            params.subType = style.subType || '';
+        }
+        if (goodsParams.value.categoryId) params.categoryId = goodsParams.value.categoryId;
+        return params;
+    }
+
+    function buildGoodsRequest(component: CmsNormalizedComponent, mode = ''): Dictionary {
+        const style = styleOf(component);
+        const configured = style.filterParams || {};
+        const params: Dictionary = {
+            page: page.value,
+            size: configured.pageSize || 10,
+            key: style.key || '',
+            low: configured.low || '',
+            high: configured.high || '',
+            sellingDay: configured.sellingDay || '',
+            cateId: configured.categoryId || goodsParams.value.categoryId || '',
+            sort: configured.sort,
+            showOutOfStock: goodsParams.value.activityStatus === 'init' ? 1 : configured.showOutOfStock || 0
+        };
+        if (style.goodsListType === 'activity') params.activityId = configured.activityId || '';
+        if (goodsParams.value.activityId) params.activityId = goodsParams.value.activityId;
+        if (style.goodsListType === 'activityCondition' && configured.activityType) {
+            params.activityType = configured.activityType;
+            params.activityStatus = configured.activityStatus;
+            params.activityUserRule = configured.activityUserRule || '';
+            params.activitySubType = style.subType || '';
+        }
+        if (goodsParams.value.activityStatus) params.activityStatus = goodsParams.value.activityStatus;
+        Object.assign(params, tabsParams.value, filterParams.value);
+        for (const [target, source] of [
+            ['brandFilter', configured.brandNames],
+            ['genderFilter', configured.genderFilter]
+        ] as const) {
+            if (!Array.isArray(source) || !source.length) continue;
+            params[target] = params[target] ? `${params[target]},${source.join(',')}` : source.join(',');
+        }
+        if (['forSale', 'downBuy'].includes(mode)) {
+            delete params.activityType;
+            delete params.activityStatus;
+            delete params.activitySubType;
+        }
+        if (mode === 'downBuy') params.activityType = 'down_buy';
+        return params;
+    }
+
+    async function loadActivities(component: CmsNormalizedComponent, currentGeneration: number): Promise<void> {
+        const service = input.options().services?.commerce;
+        const style = styleOf(component);
+        if (!service?.getActivities || !style.activitySessionShow || style.listType !== 'auction') return;
+        let result;
+        try {
+            result = await service.getActivities({
+                ...context(component, currentGeneration),
+                params: { type: 'auction', status: 'initAndIng', subType: style.subType || '' }
+            });
+        } catch (cause) {
+            throw new CmsError('activities', 'CMS activities failed to load.', cause);
+        }
+        if (currentGeneration !== generation) return;
+        const items = result.items || [];
+        // “全部”是基于首个活动构造的前端虚拟项，id=001 不对应真实活动，请求时会转换为空 activityId。
+        const all = items.length ? [{ ...items[0], id: '001', squareImage: input.options().assets?.activityAll }, ...items] : [];
+        activityList.value = all;
+        auctionSetParams.value = all[0] || {};
+        const requested = input.pageInfo().activityId;
+        const selected = requested === undefined ? undefined : all.find(item => item.id === requested);
+        if (selected) {
+            activityCurrent.value = selected.id;
+            auctionSetParams.value = selected;
+            goodsParams.value.activityId = selected.id === '001' ? '' : selected.id;
+        }
+    }
+
+    async function loadFilters(component: CmsNormalizedComponent, currentGeneration: number, mode = '') {
+        const service = input.options().services?.commerce;
+        const style = styleOf(component);
+        if (!service?.getFilters || !(style.filterShow || style.filterShow === 'custom')) return;
+        let result;
+        try {
+            result = await service.getFilters({
+                ...context(component, currentGeneration),
+                params: buildFilterRequest(component, mode)
+            });
+        } catch (cause) {
+            throw new CmsError('filters', 'CMS filters failed to load.', cause);
+        }
+        if (currentGeneration === generation) filtersData.value = result || {};
+    }
+
+    async function loadGoods(component: CmsNormalizedComponent, currentGeneration: number, append: boolean) {
+        const service = input.options().services?.commerce;
+        if (!service) throw new CmsError('goods', 'A CMS commerce service is required for goodslist.');
+        const request = buildGoodsRequest(component);
+        let result;
+        try {
+            result = await service.getGoods({ ...context(component, currentGeneration), params: request });
+        } catch (cause) {
+            throw new CmsError('goods', 'CMS goods failed to load.', cause);
+        }
+        if (currentGeneration !== generation) return;
+        const style = styleOf(component);
+        // 首次无商品时，forSale/downBuy 可改写活动参数再次请求，作为运营配置的降级展示策略。
+        if (!append && (result.total || 0) <= 0 && ['forSale', 'downBuy'].includes(style.listMode)) {
+            const mode = style.listMode;
+            await loadFilters(component, currentGeneration, mode);
+            try {
+                result = await service.getGoods({
+                    ...context(component, currentGeneration),
+                    params: buildGoodsRequest(component, mode)
+                });
+            } catch (cause) {
+                throw new CmsError('goods', 'CMS fallback goods failed to load.', cause);
+            }
+        }
+        if (currentGeneration !== generation) return;
+        const items = result.items || [];
+        goodsList.value = append ? goodsList.value.concat(items) : items;
+        const pageSize = Number(style.filterParams?.pageSize || 10);
+        const hasMore = result.hasMore ?? items.length >= pageSize;
+        if (hasMore) {
+            page.value += 1;
+            setStatus('ready');
+        } else {
+            setStatus(goodsList.value.length ? 'no-more' : 'empty');
+        }
+    }
+
+    function fail(stage: CmsError['stage'], cause: unknown): void {
+        const error = cause instanceof CmsError ? cause : new CmsError(stage, cause instanceof Error ? cause.message : String(cause), cause);
+        setStatus('error');
+        input.onError?.(error);
+    }
+
+    async function init(): Promise<void> {
+        const component = input.component();
+        generation += 1;
+        const currentGeneration = generation;
+        page.value = 1;
+        goodsList.value = [];
+        filtersData.value = {};
+        activityList.value = [];
+        goodsParams.value = {};
+        tabsParams.value = {};
+        activityCurrent.value = '001';
+        tabsCurrent.value = 0;
+        if (!component) {
+            setStatus('ready');
+            return;
+        }
+        restoreFilters(component);
+        busy = true;
+        setStatus('initial-loading');
+        try {
+            await loadActivities(component, currentGeneration);
+            await loadFilters(component, currentGeneration);
+            await loadGoods(component, currentGeneration, false);
+        } catch (cause) {
+            if (currentGeneration === generation) fail('goods', cause);
+        } finally {
+            if (currentGeneration === generation) busy = false;
+        }
+    }
+
+    async function loadMore(): Promise<void> {
+        const component = input.component();
+        if (!component || busy || status.value !== 'ready') return;
+        const currentGeneration = generation;
+        busy = true;
+        setStatus('loading-more');
+        try {
+            await loadGoods(component, currentGeneration, true);
+        } catch (cause) {
+            if (currentGeneration === generation) fail('goods', cause);
+        } finally {
+            if (currentGeneration === generation) busy = false;
+        }
+    }
+
+    async function refresh(): Promise<void> {
+        const component = input.component();
+        if (!component || busy) return;
+        generation += 1;
+        const currentGeneration = generation;
+        page.value = 1;
+        goodsList.value = [];
+        busy = true;
+        setStatus('initial-loading');
+        try {
+            await loadFilters(component, currentGeneration);
+            await loadGoods(component, currentGeneration, false);
+        } catch (cause) {
+            if (currentGeneration === generation) fail('goods', cause);
+        } finally {
+            if (currentGeneration === generation) busy = false;
+        }
+    }
+
+    async function retry(): Promise<void> {
+        await init();
+    }
+
+    async function changeActivity(item: Dictionary): Promise<void> {
+        if (activityCurrent.value === item.id) return;
+        activityCurrent.value = item.id;
+        goodsParams.value.activityId = item.id === '001' ? '' : item.id;
+        goodsParams.value.activityStatus = item.status || '';
+        auctionSetParams.value = item;
+        await refresh();
+    }
+
+    async function changeTab(index: number, list: Dictionary[]): Promise<void> {
+        tabsCurrent.value = index;
+        const item = list[index] || {};
+        goodsParams.value.categoryId = item.paramType === 'categoryId' || !item.paramType ? item.value || '' : '';
+        filterParams.value = {};
+        tabsParams.value = item.paramType
+            ? { [item.paramType]: item.value }
+            : Object.fromEntries((item.customList || []).map((entry: Dictionary) => [entry.customLabel, entry.customValue]));
+        await refresh();
+    }
+
+    async function confirmFilter(params: Dictionary): Promise<void> {
+        const component = input.component();
+        filterParams.value = { ...params };
+        if (component) persistFilters(component, params);
+        await refresh();
+    }
+
+    async function navigateGoods(item: Dictionary, index: number): Promise<void> {
+        const component = input.component();
+        const service = input.options().services?.commerce;
+        if (!component || !service?.navigateGoods) return;
+        await service.navigateGoods({ ...context(component, generation), item, index });
+    }
+
+    function refreshQuotePay(price: unknown, index: number): void {
+        const activityInfo = goodsList.value[index]?.activityInfo;
+        if (activityInfo && typeof activityInfo === 'object') activityInfo.myPrice = price;
+    }
+
+    function invalidate(): void {
+        generation += 1;
+        busy = false;
+    }
+
+    return {
+        goodsList,
+        filtersData,
+        activityList,
+        activityCurrent,
+        tabsCurrent,
+        auctionSetParams,
+        status,
+        goodsLoadingStatus,
+        init,
+        loadMore,
+        refresh,
+        retry,
+        changeActivity,
+        changeTab,
+        confirmFilter,
+        navigateGoods,
+        refreshQuotePay,
+        invalidate
+    };
+}

package/libs/cms/v2.ts

@@ -0,0 +1,193 @@
+import type { CmsV2BuiltinComponent } from './blocks';
+
+type Dictionary = Record<string, any>;
+
+const link = () => ({ httpType: 10, http: '' });
+const mediaStyle = () => ({
+    heightMode: 'auto',
+    height: 200,
+    pageMargin: 0,
+    imageRadius: 0,
+    backgroundColor: '#FFFFFF'
+});
+
+export const cmsV2Defaults: Record<CmsV2BuiltinComponent, Dictionary> = {
+    'v2.carousel': {
+        play: { autoplay: true, interval: 3, loop: true },
+        indicator: { type: 'bullets', color: '#1989fa' },
+        style: mediaStyle(),
+        items: []
+    },
+    'v2.coupon': {
+        mode: 'page',
+        popupMode: 'bottom',
+        coupon: null,
+        before: { image: '', link: link() },
+        after: { image: '', link: link() }
+    },
+    'v2.custom': { slotName: 'custom' },
+    'v2.divider': {
+        mode: 'blank',
+        height: 30,
+        lineStyle: 'solid',
+        margin: 0,
+        style: { lineColor: 'rgb(229, 229, 229)', backgroundColor: 'rgb(255, 255, 255)' }
+    },
+    'v2.floatbutton': {
+        src: '',
+        link: link(),
+        position: { right: 0, bottom: 20 },
+        style: { width: 76, height: 76 }
+    },
+    'v2.goodslist': {
+        audience: 'all',
+        query: {
+            source: 'activity',
+            activityId: '',
+            activityType: '',
+            activityStatus: 'ing',
+            userRule: 'all',
+            gender: [],
+            low: '',
+            high: '',
+            categoryId: '',
+            brands: [],
+            sellingDays: '',
+            sort: 'auto',
+            pageSize: 20,
+            showOutOfStock: false
+        },
+        display: {
+            layout: 'grid',
+            columns: 2,
+            cardType: 'sale',
+            subType: '',
+            showAttendance: true,
+            showTag: false
+        },
+        bars: {
+            filter: false,
+            filterList: [],
+            priceFilter: true,
+            tabs: { enabled: false, list: [] },
+            activitySession: false,
+            sticky: false
+        },
+        style: { pageMargin: 5, gap: 10, radius: 0, backgroundColor: '#F8F8F8' },
+        empty: { mode: 'default', image: '', text: '列表为空', color: '#000000' }
+    },
+    'v2.hotzone': { image: '', zones: [] },
+    'v2.images': {
+        layout: { mode: 'single', columns: 2 },
+        style: { ...mediaStyle(), gap: 8 },
+        items: []
+    },
+    'v2.magiccube': {
+        layout: 'row',
+        columns: 4,
+        cells: [],
+        play: { interval: 3 },
+        style: { pageMargin: 0, gap: 0, radius: 0, height: 188, backgroundColor: '#FFFFFF' }
+    },
+    'v2.notice': {
+        direction: 'row',
+        noticeText: '请填写内容，如果过长，将会在手机上滚动显示',
+        link: link(),
+        textList: [],
+        isLeftIcon: true,
+        style: {
+            height: 72,
+            pageMargin: 10,
+            backgroundColor: 'rgb(234, 241, 255)',
+            textColor: 'rgb(45, 87, 231)'
+        }
+    },
+    'v2.popup': { image: '', link: link(), popupMode: 'bottom' },
+    'v2.richtext': { content: '', style: { backgroundColor: '#FFFFFF' } },
+    'v2.search': {
+        searchText: '请输入你想要搜索的商品名称/货号/关键词',
+        link: link(),
+        isSearch: false,
+        inputType: 'text',
+        textList: [],
+        rightImage: { show: false, src: '', link: link(), width: 60, height: 60, borderRadius: 0, marginRight: 0 },
+        icons: [],
+        style: {
+            position: 0,
+            height: 60,
+            pageMargin: 0,
+            borderRadius: 0,
+            backgroundColor: 'rgb(249, 249, 249)',
+            borderBgColor: 'rgb(255, 255, 255)',
+            textColor: 'rgb(150, 151, 153)',
+            borderSize: 1,
+            borderColor: 'rgb(0, 0, 0)',
+            showBorder: true
+        }
+    },
+    'v2.video': { src: '', coverUrl: '', autoplay: false, style: mediaStyle() }
+};
+
+const enums: Record<string, readonly unknown[]> = {
+    'v2.carousel:indicator.type': ['none', 'bullets', 'fraction', 'progressbar'],
+    'v2.coupon:mode': ['page', 'popup'],
+    'v2.coupon:popupMode': ['bottom', 'center'],
+    'v2.divider:mode': ['blank', 'line'],
+    'v2.divider:lineStyle': ['solid', 'dashed', 'dotted'],
+    'v2.goodslist:audience': ['all', 'new', 'old'],
+    'v2.goodslist:query.source': ['activity', 'condition'],
+    'v2.goodslist:display.layout': ['grid', 'swipe'],
+    'v2.goodslist:display.columns': [2, 3],
+    'v2.goodslist:display.cardType': ['sale', 'auction', 'new'],
+    'v2.images:layout.mode': ['single', 'grid'],
+    'v2.notice:direction': ['row', 'column'],
+    'v2.popup:popupMode': ['bottom', 'center'],
+    'v2.search:inputType': ['text', 'number'],
+    'v2.search:style.position': [0, 1]
+};
+
+const limits: Record<string, [number, number]> = {
+    'v2.carousel:play.interval': [1, 3600],
+    'v2.goodslist:query.pageSize': [1, 50],
+    'v2.images:layout.columns': [1, 4],
+    'v2.magiccube:columns': [1, 6],
+    'v2.search:style.height': [60, 80]
+};
+
+function clone<T>(value: T): T {
+    return JSON.parse(JSON.stringify(value));
+}
+
+function normalizeValue(value: unknown, fallback: any, component: string, path: string): any {
+    if (Array.isArray(fallback)) return Array.isArray(value) ? clone(value) : clone(fallback);
+    if (fallback !== null && typeof fallback === 'object') {
+        const source =
+            value !== null && typeof value === 'object' && !Array.isArray(value) ? (value as Dictionary) : {};
+        return Object.fromEntries(
+            Object.entries(fallback).map(([key, nested]) => [
+                key,
+                normalizeValue(source[key], nested, component, path ? `${path}.${key}` : key)
+            ])
+        );
+    }
+    if (fallback === null) return value === undefined ? null : clone(value);
+    const enumValues = enums[`${component}:${path}`];
+    if (typeof fallback === 'boolean') {
+        if (value === true || value === 1 || value === '1' || value === 'true') return true;
+        if (value === false || value === 0 || value === '0' || value === 'false') return false;
+        return fallback;
+    }
+    if (typeof fallback === 'number') {
+        const numeric = Number(value);
+        if (!Number.isFinite(numeric)) return fallback;
+        if (enumValues && !enumValues.includes(numeric)) return fallback;
+        const limit = limits[`${component}:${path}`];
+        return limit ? Math.min(limit[1], Math.max(limit[0], numeric)) : numeric;
+    }
+    const text = typeof value === 'string' || typeof value === 'number' ? String(value) : fallback;
+    return enumValues && !enumValues.includes(text) ? fallback : text;
+}
+
+export function normalizeCmsV2Props(component: CmsV2BuiltinComponent, value: unknown): Dictionary {
+    return normalizeValue(value, cmsV2Defaults[component], component, '');
+}

package/libs/config/index.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './state';
+export * from './theme';
+export { default as zIndex, type ZIndexConfig } from './zIndex';

package/libs/config/modal.ts

@@ -0,0 +1,93 @@
+/**
+ * snake-modal 函数式调用约定（事件名 + 载荷类型）。
+ * @description
+ * - useModal() 通过 emitter 派发事件
+ * - <snake-modal global /> / <snake-modal page /> 通过 emitter 监听并转调自身 show/hide
+ *
+ * 该模块放在 libs 层（而非 components），是为了让 `useModal` 组合式函数与
+ * `snake-modal` 组件共享同一套事件名与载荷，同时保持「libs 不反向依赖 components」的分层约束。
+ */
+
+// 普通（页面级）modal 事件
+export const SNAKE_MODAL_EVENT_SHOW = 'snake-ui:modal:show:';
+export const SNAKE_MODAL_EVENT_HIDE = 'snake-ui:modal:hide:';
+export const SNAKE_MODAL_EVENT_CLEAR_LOADING = 'snake-ui:modal:clear-loading:';
+
+// 全局（App 根部）modal 事件，供 useModal() 使用
+export const SNAKE_MODAL_GLOBAL_EVENT_SHOW = 'snake-ui:modal:global:show';
+export const SNAKE_MODAL_GLOBAL_EVENT_HIDE = 'snake-ui:modal:global:hide';
+export const SNAKE_MODAL_GLOBAL_EVENT_CLEAR_LOADING = 'snake-ui:modal:global:clear-loading';
+
+/** 根据当前页面（或显式 pageId）拼接事件名。 */
+export function getEventWithCurrentPage(event: string, page?: string | boolean): string {
+    if (page && typeof page === 'string' && page !== '') {
+        return event + page;
+    }
+    return event + getCurrentPage();
+}
+
+/** 获取当前页面路由。 */
+function getCurrentPage(): string {
+    try {
+        const pages = getCurrentPages();
+        const currentPage = pages[pages.length - 1].route as string;
+        return currentPage || '';
+    } catch {
+        return '';
+    }
+}
+
+/**
+ * snake-modal 函数式调用载荷类型。
+ * @description 与 `snake-modal` 组件的 props 一一对应（除 modelValue 外），额外支持确认/取消回调。
+ */
+export interface ModalPayload {
+    /** 标题。 */
+    title?: string;
+    /** 内容。 */
+    content?: string;
+    /** 是否显示标题。 */
+    showTitle?: boolean;
+    /** 是否显示确认按钮。 */
+    showConfirmButton?: boolean;
+    /** 是否显示取消按钮。 */
+    showCancelButton?: boolean;
+    /** 确认按钮文案。 */
+    confirmText?: string;
+    /** 取消按钮文案。 */
+    cancelText?: string;
+    /** 确认按钮颜色。 */
+    confirmColor?: string;
+    /** 取消文字颜色。 */
+    cancelColor?: string;
+    /** 弹窗圆角值，单位 rpx。 */
+    borderRadius?: number | string;
+    /** 弹窗宽度，单位 rpx。 */
+    width?: number | string;
+    /** 层级 z-index。 */
+    zIndex?: number | string;
+    /** 是否开启缩放效果。 */
+    zoom?: boolean;
+    /** 是否异步关闭，只对确定按钮有效。 */
+    asyncClose?: boolean;
+    /** 是否允许点击遮罩关闭。 */
+    maskCloseAble?: boolean;
+    /** 往上偏移的值，避免和键盘重合。 */
+    negativeTop?: number | string;
+    /** 根节点自定义样式。 */
+    customStyle?: string | Record<string, any> | unknown[];
+    /** 根节点自定义类名。 */
+    customClass?: string;
+    /** 标题样式。 */
+    titleStyle?: Record<string, any>;
+    /** 内容样式。 */
+    contentStyle?: Record<string, any>;
+    /** 取消按钮样式。 */
+    cancelStyle?: Record<string, any>;
+    /** 确定按钮样式。 */
+    confirmStyle?: Record<string, any>;
+    /** 确认回调。 */
+    onConfirm?: () => void;
+    /** 取消回调。 */
+    onCancel?: () => void;
+}