@polyv/vue-components 1.2.1 → 1.3.0

package/vue3/src/hooks/element/use-element-size/index.d.ts

@@ -15,4 +15,7 @@ export interface UseElementSizeReturn {
  * 获取元素尺寸
  * @param target 响应式元素
  */
-export declare function useElementSize(target: ResponsiveElement): UseElementSizeReturn;
+export declare function useElementSize(target: ResponsiveElement, changedCallback?: (data: {
+    width: number;
+    height: number;
+}) => void): UseElementSizeReturn;

package/vue3/src/hooks/{tools → element}/use-event-listener/index.d.ts

@@ -1,5 +1,5 @@
 import { MaybeResponsive } from '../../../vue-utils';
-import { UseAutoListenFn } from '../use-auto-listen';
+import { UseAutoListenFn } from '../../tools/use-auto-listen';
 export interface UseEventListenerReturn extends UseAutoListenFn {
 }
 export type WindowEventName = keyof WindowEventMap;

package/{vue2/src/hooks/plugin → vue3/src/hooks/element}/use-resize-observer/index.d.ts

@@ -1,13 +1,7 @@
 import { ResponsiveElement } from '../../../vue-utils';
-import { ResizeObserver } from '@juggle/resize-observer';
 /**
  * 监听元素 resize
  * @param refObj 监听元素
  * @param callback 回调
- * @param options 选项
  */
-export declare const useResizeObserver: (refObj: ResponsiveElement, callback: () => unknown, options?: {
-    autoLifeCycle?: boolean;
-}) => {
-    observer: ResizeObserver | undefined;
-};
+export declare const useResizeObserver: (refObj: ResponsiveElement, callback: () => unknown) => void;

package/vue3/src/hooks/{tools → element}/use-scroll-lock/index.d.ts

@@ -1,4 +1,4 @@
-import { MaybeElement, ResponsiveRef } from '../../../vue-utils';
+import { ResponsiveElement, ResponsiveRef } from '../../../vue-utils';
 export interface UseScrollLockOptions {
     /**
      * 是否锁定滚动条
@@ -9,7 +9,7 @@ export interface UseScrollLockOptions {
      *
      * @default document.body
      */
-    lockTarget?: MaybeElement;
+    lockTarget?: ResponsiveElement;
 }
 /**
  * 锁定节点滚动

package/vue3/src/hooks/element/use-text-ellipsis/index.d.ts

@@ -1,4 +1,4 @@
-import { MaybeElement } from '../../../vue-utils';
+import { ResponsiveElement } from '../../../vue-utils';
 export declare function useTextEllipsis(): {
-    isTextEllipsis: (elemRef: MaybeElement) => boolean;
+    isTextEllipsis: (elemRef: ResponsiveElement) => boolean;
 };

package/vue3/src/hooks/exports.d.ts

@@ -2,39 +2,48 @@ export * from './animation/use-image-animation';
 export * from './animation/use-special-effect';
 export * from './animation/use-svga-animation';
 export * from './business/use-app-element';
+export * from './business/use-app-unique-id';
 export * from './business/use-config-provider';
+export * from './business/use-nickname';
+export * from './business/use-page-fullscreen';
 export * from './business/use-request';
 export * from './business/use-resize-oss-image';
+export * from './business/use-short-number';
 export * from './business/use-skin-color';
 export * from './business/use-track-event';
 export * from './components/use-auto-topmost';
 export * from './components/use-popper';
+export * from './element/use-append-to';
 export * from './element/use-document-visible';
 export * from './element/use-element-size';
+export * from './element/use-event-listener';
+export * from './element/use-resize-observer';
+export * from './element/use-scroll-lock';
 export * from './element/use-text-ellipsis';
 export * from './interactive/use-double-click';
 export * from './interactive/use-fullscreen';
 export * from './interactive/use-hover';
+export * from './interactive/use-hover-visible';
+export * from './interactive/use-mouse-wheel';
 export * from './interactive/use-outside';
+export * from './interactive/use-press-hold';
 export * from './interactive/use-screen-orientation';
 export * from './interactive/use-scroll';
 export * from './interactive/use-sound-effect';
+export * from './interactive/use-vibrate';
 export * from './pagination/types';
 export * from './pagination/use-scroll-pagintaion';
 export * from './pagination/use-static-pagination';
 export * from './platform/weixin/use-weixin-mini-program';
 export * from './platform/weixin/use-weixin-sdk';
-export * from './plugin/use-resize-observer';
-export * from './tools/use-append-to';
+export * from './state/create-global-store';
 export * from './tools/use-auto-listen';
 export * from './tools/use-browser';
 export * from './tools/use-clipboard';
 export * from './tools/use-count-down';
 export * from './tools/use-download';
 export * from './tools/use-event-bus';
-export * from './tools/use-event-listener';
 export * from './tools/use-link-open';
-export * from './tools/use-scroll-lock';
 export * from './tools/use-set-interval';
 export * from './tools/use-set-timeout';
 export * from './tools/use-simple-visible';

package/vue3/src/hooks/interactive/use-fullscreen/index.d.ts

@@ -1,29 +1,30 @@
-import { MaybeElement } from '../../../vue-utils';
-import { Ref } from 'vue';
-export interface FullscreenFieldData {
-    /** 浏览器是否支持全屏模式的 api 字段 */
-    enabledField: 'fullscreenEnabled';
-    /** 获取浏览器正在全屏的 dom 节点 api 字段 */
-    elementField: 'fullscreenElement';
-    /** 浏览器全屏的 api 字段 */
-    requestApiField: 'requestFullscreen';
-    /** 浏览器退出全屏的 api 字段 */
-    exitApiField: 'exitFullscreen';
-    /** 浏览器全屏状态改变事件 */
-    fullscreenChangeEvent: 'fullscreenchange';
+import { ResponsiveElement } from '../../../vue-utils';
+import { ComputedRef, Ref } from 'vue';
+import { UseAutoListenOptions, UseAutoListenFn } from '../../tools/use-auto-listen';
+export type GetFullscreenTarget = () => ResponsiveElement;
+export interface UseFullscreenOptions extends UseAutoListenOptions {
+    /** 全屏状态改变回调 */
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+}
+export interface UseFullscreenReturn extends UseAutoListenFn {
+    /** 是否全屏 */
+    isFullscreen: Ref<boolean>;
+    /** 是否当前元素全屏 */
+    isCurrentFullscreen: Ref<boolean>;
+    /** 是否支持浏览器全屏 */
+    supportFullscreen: ComputedRef<boolean>;
+    /** 获取全屏中的元素 */
+    getFullscreenElement: () => Element | undefined;
+    /** 进入全屏 */
+    requestFullscreen: () => Promise<void>;
+    /** 退出全屏 */
+    exitFullscreen: () => Promise<void>;
+    /** 切换全屏状态 */
+    toggleFullscreen: () => Promise<void>;
 }
-export type GetFullscreenElement = () => MaybeElement;
 /**
  * 系统全屏
+ * @param target 目标元素
+ * @param options 选项
  */
-export declare const useFullscreen: (elementRef?: MaybeElement | GetFullscreenElement, options?: {
-    /** 强制禁用全屏 */
-    forceDisabled?: boolean;
-    onFullscreenChange?: (isFullscreen: boolean) => void;
-}) => {
-    isFullscreen: Ref<boolean>;
-    supportFullscreen: import('vue').ComputedRef<boolean>;
-    requestFullscreen: () => void;
-    exitFullscreen: () => void;
-    toggleFullscreen: () => void;
-};
+export declare function useFullscreen(target?: ResponsiveElement | GetFullscreenTarget, options?: UseFullscreenOptions): UseFullscreenReturn;

package/vue3/src/hooks/interactive/use-fullscreen/types.d.ts

@@ -0,0 +1,19 @@
+export interface FullscreenFieldData {
+    /** 浏览器是否支持全屏模式的 api 字段 */
+    enabledField: 'fullscreenEnabled';
+    /** 获取浏览器正在全屏的 dom 节点 api 字段 */
+    elementField: 'fullscreenElement';
+    /** 浏览器全屏的 api 字段 */
+    requestApiField: 'requestFullscreen';
+    /** 浏览器退出全屏的 api 字段 */
+    exitApiField: 'exitFullscreen';
+    /** 浏览器全屏状态改变事件 */
+    fullscreenChangeEvent: 'fullscreenchange';
+}
+export declare const fullscreenApis: {
+    enabledField: string;
+    elementField: string;
+    requestApiField: string;
+    exitApiField: string;
+    fullscreenChangeEvent: string;
+}[];

package/vue3/src/hooks/interactive/use-hover/index.d.ts

@@ -1,8 +1,20 @@
 import { ResponsiveElement } from '../../../vue-utils';
+import { Ref } from 'vue';
+export interface UseHoverOptions {
+    /**
+     * 悬停时添加的类名
+     * @default false
+     */
+    hoverClass?: string | boolean;
+}
+export interface UseHoverReturn {
+    /**
+     * 是否悬停
+     */
+    isHover: Ref<boolean>;
+}
 /**
- * 悬浮事件 hook
+ * 悬停
  * @param target 响应式节点
  */
-export declare const useHover: (target: ResponsiveElement) => {
-    isHover: import('vue').Ref<boolean>;
-};
+export declare function useHover(target: ResponsiveElement, options?: UseHoverOptions): UseHoverReturn;

package/vue3/src/hooks/interactive/use-hover-visible/index.d.ts

@@ -1,4 +1,5 @@
 import { ResponsiveElement } from '../../../vue-utils';
+import { Ref } from 'vue';
 export interface UseHoverVisibleOptions {
     /**
      * 目标节点
@@ -8,20 +9,36 @@ export interface UseHoverVisibleOptions {
      * 自动展示
      * @default true
      */
-    autoHover?: boolean;
+    defaultVisible?: boolean;
     /**
      * 自动关闭时长，单位：ms
      * @default 3000
      */
     timeout?: number;
 }
-/**
- * 悬浮可见处理
- */
-export declare const useHoverVisible: (hookOptions?: UseHoverVisibleOptions) => {
-    visible: import('vue').Ref<boolean>;
+export interface UseHoverVisibleReturn {
+    /**
+     * 是否可见
+     */
+    visible: Ref<boolean>;
+    /**
+     * 显示
+     */
     show: () => void;
+    /**
+     * 强制显示
+     */
     forceShow: () => void;
+    /**
+     * 隐藏
+     */
     hide: () => void;
+    /**
+     * 开始自动隐藏
+     */
     startAutoHide: () => void;
-};
+}
+/**
+ * 悬浮可见处理
+ */
+export declare function useHoverVisible(hookOptions?: UseHoverVisibleOptions): UseHoverVisibleReturn;

package/vue3/src/hooks/interactive/use-outside/common.d.ts

@@ -0,0 +1,9 @@
+import { OutsideTargets, OutsideTargetsFunction } from './types';
+/** 获取用于比较的 dom 节点列表 */
+export declare function getCompareElements(targets: OutsideTargets | OutsideTargetsFunction): HTMLElement[];
+/**
+ * 检查事件目标是否在目标节点内
+ * @param eventTarget 事件目标
+ * @param targets 目标节点
+ */
+export declare function checkIsInTargets(eventTarget: HTMLElement, targets: OutsideTargets | OutsideTargetsFunction): boolean;

package/vue3/src/hooks/interactive/use-outside/index.d.ts

@@ -1,24 +1,3 @@
-import { Ref } from 'vue';
-export type OutsideTargetType = Ref | Element | string;
-export type OutsideTargets = OutsideTargetType | OutsideTargetType[];
-export type OutsideTargetsFunction = () => OutsideTargets;
-export type OutsideCallback = (options: {
-    listenOutSideEvent: () => void;
-    removeOutSideEvent: () => void;
-}) => unknown;
-/**
- * 点击节点外部事件 hook
- * @param targets 响应式节点数组或获取方法
- * @param callback 回调方法
- * @param autoListen 自动监听，默认：true
- */
-export declare const useClickOutside: (targets: OutsideTargets | OutsideTargetsFunction, callback: OutsideCallback, autoListen?: boolean) => {
-    listenOutSideEvent: () => void;
-    removeOutSideEvent: () => void;
-    listenClickOutSide: () => void;
-    removeListenClickOutSide: () => void;
-};
-export declare const useMouseMoveOutside: (targets: OutsideTargets | OutsideTargetsFunction, callback: OutsideCallback, autoListen?: boolean) => {
-    listenOutSideEvent: () => void;
-    removeOutSideEvent: () => void;
-};
+export * from './use-click-outside';
+export * from './use-mouse-outside';
+export * from './types';

package/vue3/src/hooks/interactive/use-outside/types.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+export type OutsideTargetType = Ref | Element | string;
+export type OutsideTargets = OutsideTargetType | OutsideTargetType[];
+export type OutsideTargetsFunction = () => OutsideTargets;
+export type OutsideCallback = (options: {
+    listenOutSideEvent: () => void;
+    removeOutSideEvent: () => void;
+}) => unknown;
+export interface OutsideReturn {
+    /**
+     * 监听事件
+     */
+    listenOutSideEvent: () => void;
+    /**
+     * 取消监听事件
+     */
+    removeOutSideEvent: () => void;
+}

package/vue3/src/hooks/interactive/use-outside/use-click-outside.d.ts

@@ -0,0 +1,8 @@
+import { OutsideCallback, OutsideReturn, OutsideTargets, OutsideTargetsFunction } from './types';
+/**
+ * 点击节点外部事件 hook
+ * @param targets 响应式节点数组或获取方法
+ * @param callback 回调方法
+ * @param autoListen 自动监听，默认：true
+ */
+export declare function useClickOutside(targets: OutsideTargets | OutsideTargetsFunction, callback: OutsideCallback, autoListen?: boolean): OutsideReturn;

package/vue3/src/hooks/interactive/use-outside/use-mouse-outside.d.ts

@@ -0,0 +1,2 @@
+import { OutsideCallback, OutsideReturn, OutsideTargets, OutsideTargetsFunction } from './types';
+export declare function useMouseOutside(targets: OutsideTargets | OutsideTargetsFunction, callback: OutsideCallback, autoListen?: boolean): OutsideReturn;

package/vue3/src/hooks/interactive/use-press-hold/index.d.ts

@@ -1,5 +1,10 @@
 import { ResponsiveElement } from '../../../vue-utils';
 export interface UsePressHoldOptions {
+    /**
+     * 是否支持按住
+     * @default true
+     */
+    canHold?: boolean;
     /**
      * 按住间隔时间，单位：毫秒
      * @default 100

package/vue3/src/hooks/interactive/use-screen-orientation/index.d.ts

@@ -1,3 +1,5 @@
+import { UseAutoListenFn, UseAutoListenOptions } from '../../tools/use-auto-listen';
+import { ComputedRef, Ref } from 'vue';
 /**
  * 屏幕旋转模式
  * @description 不使用 portrait 和 landscape 是不想和业务名称重合
@@ -8,18 +10,17 @@ export declare enum ScreenOrientationMode {
     /** 屏幕横向 */
     Horizontal = "Horizontal"
 }
+export interface UseScreenOrientationOptions extends UseAutoListenOptions {
+}
+export interface UseScreenOrientationReturn extends UseAutoListenFn {
+    /** 屏幕旋转模式 */
+    screenOrientationMode: Ref<ScreenOrientationMode>;
+    /** 当前屏幕方向是否为纵向 */
+    isVerticalScreenOrientation: ComputedRef<boolean>;
+    /** 当前屏幕方向是否为横向 */
+    isHorizontalScreenOrientation: ComputedRef<boolean>;
+}
 /**
- * 屏幕旋转
+ * 屏幕方向
  */
-export declare const useScreenOrientation: (params?: {
-    /** 自动监听事件，默认：true */
-    autoListen?: boolean;
-    /** 自动监听回调 */
-    autoListenCb?: (screenOrientationMode: ScreenOrientationMode) => void;
-}) => {
-    screenOrientationMode: import('vue').Ref<ScreenOrientationMode>;
-    isVerticalScreenOrientation: import('vue').ComputedRef<boolean>;
-    isHorizontalScreenOrientation: import('vue').ComputedRef<boolean>;
-    listenOrientationEvent: () => void;
-    updateScreenOrientationModeManually: () => void;
-};
+export declare function useScreenOrientation(callback?: (screenOrientationMode: ScreenOrientationMode) => unknown, options?: UseScreenOrientationOptions): UseScreenOrientationReturn;

package/vue3/src/hooks/interactive/use-scroll/index.d.ts

@@ -3,18 +3,48 @@ import { Ref } from 'vue';
  * 滚动方向
  */
 export type ScrollDirection = 'horizontal' | 'vertical';
-/**
- * 滚动
- */
-export declare const useScroll: (options?: {
-    scrollRef?: Ref<HTMLDivElement | undefined>;
-    /** 滚动到下一页回调 */
+export interface UseScrollOptions {
+    /**
+     * 滚动容器
+     */
+    scrollRef?: Ref<HTMLElement | undefined>;
+    /**
+     * 滚动到下一页回调
+     */
     nextCallback?: () => unknown;
-    /** 滚动方向，默认：vertical */
+    /**
+     * 滚动方向
+     * @default 'vertical'
+     */
     direction?: ScrollDirection;
-}) => {
-    scrollRef: Ref<HTMLDivElement | undefined>;
-    onScroll: import('lodash-es/debounce').DebouncedFunc<(event: Event) => void>;
-    getScrollElement: () => HTMLDivElement | undefined;
+}
+export interface UseScrollReturn {
+    /**
+     * 滚动容器
+     */
+    scrollRef: Ref<HTMLElement | undefined>;
+    /**
+     * 滚到最顶部
+     */
+    scrollToTop: () => void;
+    /**
+     * 滚到最底部
+     */
+    scrollToBottom: () => void;
+    /**
+     * 是否靠近底部
+     */
+    isNearBottom: () => boolean;
+    /**
+     * 是否存在垂直滚动条
+     */
     hasVerticalScrollbar: () => Promise<boolean | undefined>;
-};
+    /**
+     * 是否存在水平滚动条
+     */
+    hasHorizontalScrollbar: () => Promise<boolean | undefined>;
+}
+/**
+ * 滚动
+ */
+export declare function useScroll(options?: UseScrollOptions): UseScrollReturn;

package/vue3/src/hooks/interactive/use-sound-effect/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * 提示音播放
  */
-export declare const useSoundEffect: () => {
+export declare function useSoundEffect(): {
     playSoundEffect: () => Promise<void>;
 };

package/vue3/src/hooks/pagination/use-scroll-pagintaion/index.d.ts

@@ -5,7 +5,7 @@ export interface ScrollPaginationHookOptions<I = unknown> extends PaginationHook
     /**
      * 滚动容器
      */
-    scrollRef?: Ref<HTMLDivElement | undefined>;
+    scrollRef?: Ref<HTMLElement | undefined>;
     /**
      * 滚动方向
      * @default 'vertical'
@@ -16,7 +16,7 @@ export interface ScrollPaginationHookReturn<I = unknown> extends PageinationHook
     /**
      * 滚动容器
      */
-    scrollRef: Ref<HTMLDivElement | undefined>;
+    scrollRef: Ref<HTMLElement | undefined>;
     /**
      * 是否为空
      */

package/vue3/src/hooks/state/create-global-store/index.d.ts

@@ -0,0 +1,6 @@
+export type GlobalStoreSetup<SS> = () => SS;
+export interface GlobalStoreDefinition<Id extends string, SS> {
+    (): SS;
+    $id: Id;
+}
+export declare function createGlobalStore<Id extends string, SS>(id: Id, storeSetup: GlobalStoreSetup<SS>): GlobalStoreDefinition<Id, SS>;

package/vue3/src/hooks/tools/use-event-bus/index.d.ts

@@ -1,10 +1,18 @@
 import { EventEmitter } from '@polyv/utils/es/event';
 import { UseAutoListenFn, UseAutoListenOptions } from '../use-auto-listen';
+declare module '../../business/use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * 获取事件订阅器
+         */
+        getEmitter?: () => PwcEventEmitter;
+    }
+}
 type PwcMittEvents = {
     [key: string]: any;
 };
 export type PwcEventEmitter = EventEmitter<PwcMittEvents>;
-export declare function createEmitter(): PwcEventEmitter;
+export declare function createEmitter(id?: string): PwcEventEmitter;
 /**
  * 获取事件订阅器
  */

package/vue3/src/hooks/tools/use-queue/index.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+export interface QueueItem<T = unknown> {
+    data: T;
+}
+export interface UseQueueOptions<T = unknown> {
+    /**
+     * 队列最大长度，不传则不限制
+     */
+    maxLength?: number;
+    /**
+     * 出队回调
+     */
+    onDequeue?: (item: QueueItem<T>) => void;
+}
+export interface UseQueueReturn<T = unknown> {
+    /**
+     * 队列
+     */
+    queue: Ref<QueueItem<T>[]>;
+    /**
+     * 插入队列
+     */
+    push: (data: T) => void;
+    /**
+     * 出队
+     */
+    pop: () => QueueItem<T> | undefined;
+}
+export declare function useQueue<T = unknown>(options?: UseQueueOptions<T>): UseQueueReturn<T>;

package/vue3/src/index.d.ts

@@ -4,3 +4,4 @@ export * from './plugins/exports';
 export * from './lang/exports';
 export * from './interface';
 export * from './vue-utils';
+export { VueCompatible } from './vue-utils/version-compatible/vue3';

package/vue3/src/lang/hook.d.ts

@@ -1,6 +1,14 @@
 import { CommonLangs } from './common';
 import { I18nConfig, I18nLangs, NestedKeys } from './types';
 import { UniversalParams } from '../interface';
+declare module '../hooks/business/use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * 当前语言
+         */
+        globalLang?: I18nLangs | (() => I18nLangs);
+    }
+}
 type LangData<C extends Record<string, unknown>> = C & CommonLangs;
 export declare function createI18n<C extends Record<string, unknown> = {}>(config?: I18nConfig<C>): {
     useI18n: () => {

package/vue3/src/lang/internal/en.json.d.ts

@@ -16,6 +16,14 @@ declare const _default: {
     "error2": "Please enter the correct phone number",
     "submitText": "Agree to submit"
   },
+  "messageBox": {
+    "confirm": "Confirm",
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "clear": "Clear",
+    "submit": "Submit",
+    "known": "I know"
+  },
   "areaPicker": {
     "province": "Province",
     "city": "City",

package/vue3/src/lang/internal/index.d.ts

@@ -17,6 +17,14 @@ declare const useInternalI18n: () => {
             error2: string;
             submitText: string;
         };
+        messageBox: {
+            confirm: string;
+            cancel: string;
+            delete: string;
+            clear: string;
+            submit: string;
+            known: string;
+        };
         areaPicker: {
             province: string;
             city: string;

package/vue3/src/lang/internal/ja.json.d.ts

@@ -16,6 +16,14 @@ declare const _default: {
     "error2": "正しい電話番号を入力してください",
     "submitText": "同意する"
   },
+  "messageBox": {
+    "confirm": "確認",
+    "cancel": "取消",
+    "delete": "削除",
+    "clear": "クリア",
+    "submit": "送信",
+    "known": "了解しました"
+  },
   "areaPicker": {
     "province": "都道府県",
     "city": "市区町村",

package/vue3/src/lang/internal/ko.json.d.ts

@@ -16,6 +16,14 @@ declare const _default: {
     "error2": "정확한 전화번호를 입력해 주세요",
     "submitText": "동의하기"
   },
+  "messageBox": {
+    "confirm": "확인",
+    "cancel": "취소",
+    "delete": "삭제",
+    "clear": "초기화",
+    "submit": "제출",
+    "known": "알겠습니다"
+  },
   "areaPicker": {
     "province": "시/도",
     "city": "시/군/구",

package/vue3/src/lang/internal/ru.json.d.ts

@@ -16,6 +16,14 @@ declare const _default: {
     "error2": "Пожалуйста, введите правильный номер телефона",
     "submitText": "Согласиться"
   },
+  "messageBox": {
+    "confirm": "Подтвердить",
+    "cancel": "Отмена",
+    "delete": "Удалить",
+    "clear": "Очистить",
+    "submit": "Отправить",
+    "known": "Понятно"
+  },
   "areaPicker": {
     "province": "Область",
     "city": "Город",

package/vue3/src/lang/internal/zh-CN.json.d.ts

@@ -16,6 +16,14 @@ declare const _default: {
     "error2": "请输入正确的手机号码",
     "submitText": "同意提交"
   },
+  "messageBox": {
+    "confirm": "确认",
+    "cancel": "取消",
+    "delete": "删除",
+    "clear": "清空",
+    "submit": "提交",
+    "known": "我知道了"
+  },
   "areaPicker": {
     "province": "省份",
     "city": "城市",