@fox-js/foxui-pad 4.1.1-46 → 4.1.1-48

package/dist/types/index.d.ts

@@ -121,15 +121,6 @@ import { ValidateMessages } from '@fox-js/validator';
 import { ValidateResult } from '@fox-js/validator';
 import { VNode } from 'vue';
 
-/**
- * 虚拟页面范围
- */
-export declare type AbstractPageScope = {
-    headerBar?: boolean;
-    footerBar?: boolean;
-    content?: boolean;
-};
-
 /**
  * abstract page scope key(虚拟页面，不生成page、headerBar、footerBar、content，直接reader content内部组件)
  */
@@ -460,232 +451,236 @@ export { _default_11 as FoxInputItem }
 export { _default_11 as InputItem }
 
 declare const _default_12: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_12 as FoxSelectItem }
-export { _default_12 as SelectItem }
+export { _default_12 as FoxTextareaItem }
+export { _default_12 as TextareaItem }
 
 declare const _default_13: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_13 as DateItem }
-export { _default_13 as FoxDateItem }
+export { _default_13 as FoxSelectItem }
+export { _default_13 as SelectItem }
 
 declare const _default_14: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_14 as CalendarItem }
-export { _default_14 as FoxCalendarItem }
+export { _default_14 as DateItem }
+export { _default_14 as FoxDateItem }
 
 declare const _default_15: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_15 as FoxTimeItem }
-export { _default_15 as TimeItem }
+export { _default_15 as CalendarItem }
+export { _default_15 as FoxCalendarItem }
 
 declare const _default_16: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_16 as FoxTimeSelectItem }
-export { _default_16 as TimeSelectItem }
+export { _default_16 as FoxTimeItem }
+export { _default_16 as TimeItem }
 
 declare const _default_17: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_17 as FoxMoneyItem }
-export { _default_17 as MoneyItem }
+export { _default_17 as FoxTimeSelectItem }
+export { _default_17 as TimeSelectItem }
 
 declare const _default_18: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_18 as FoxInputNumberItem }
-export { _default_18 as InputNumberItem }
+export { _default_18 as FoxMoneyItem }
+export { _default_18 as MoneyItem }
 
 declare const _default_19: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_19 as CascaderItem }
-export { _default_19 as FoxCascaderItem }
+export { _default_19 as FoxInputNumberItem }
+export { _default_19 as InputNumberItem }
 
 declare const _default_2: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export { _default_2 as FoxPage }
 export { _default_2 as Page }
 
 declare const _default_20: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_20 as AutocompleteItem }
-export { _default_20 as FoxAutocompleteItem }
+export { _default_20 as CascaderItem }
+export { _default_20 as FoxCascaderItem }
 
 declare const _default_21: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_21 as FoxTableMappingColumn }
-export { _default_21 as TableMappingColumn }
+export { _default_21 as AutocompleteItem }
+export { _default_21 as FoxAutocompleteItem }
 
 declare const _default_22: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_22 as FoxTableRadioColumn }
-export { _default_22 as TableRadioColumn }
+export { _default_22 as FoxTableMappingColumn }
+export { _default_22 as TableMappingColumn }
 
 declare const _default_23: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_23 as FoxTableSetting }
-export { _default_23 as TableSetting }
+export { _default_23 as FoxTableRadioColumn }
+export { _default_23 as TableRadioColumn }
 
 declare const _default_24: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_24 as FoxTableItem }
-export { _default_24 as TableItem }
+export { _default_24 as FoxTableSetting }
+export { _default_24 as TableSetting }
 
 declare const _default_25: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_25 as FoxRadioItem }
-export { _default_25 as RadioItem }
+export { _default_25 as FoxTableItem }
+export { _default_25 as TableItem }
 
 declare const _default_26: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_26 as CheckboxItem }
-export { _default_26 as FoxCheckboxItem }
+export { _default_26 as FoxRadioItem }
+export { _default_26 as RadioItem }
 
 declare const _default_27: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_27 as FoxRateItem }
-export { _default_27 as RateItem }
+export { _default_27 as CheckboxItem }
+export { _default_27 as FoxCheckboxItem }
 
 declare const _default_28: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_28 as FoxSwitchItem }
-export { _default_28 as SwitchItem }
+export { _default_28 as FoxRateItem }
+export { _default_28 as RateItem }
 
 declare const _default_29: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_29 as FoxTreeSelectItem }
-export { _default_29 as TreeSelectItem }
+export { _default_29 as FoxSwitchItem }
+export { _default_29 as SwitchItem }
 
 declare const _default_3: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export { _default_3 as FoxHeaderBar }
 export { _default_3 as HeaderBar }
 
 declare const _default_30: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_30 as FoxGroupSetting }
-export { _default_30 as GroupSetting }
+export { _default_30 as FoxTreeSelectItem }
+export { _default_30 as TreeSelectItem }
 
 declare const _default_31: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_31 as FoxTreeItem }
-export { _default_31 as TreeItem }
+export { _default_31 as FoxGroupSetting }
+export { _default_31 as GroupSetting }
 
 declare const _default_32: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_32 as ActionsheetPane }
-export { _default_32 as FoxActionsheetPane }
+export { _default_32 as FoxTreeItem }
+export { _default_32 as TreeItem }
 
 declare const _default_33: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_33 as ActionsheetItem }
-export { _default_33 as FoxActionsheetItem }
+export { _default_33 as ActionsheetPane }
+export { _default_33 as FoxActionsheetPane }
 
 declare const _default_34: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_34 as FoxPickerItem }
-export { _default_34 as PickerItem }
+export { _default_34 as ActionsheetItem }
+export { _default_34 as FoxActionsheetItem }
 
 declare const _default_35: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_35 as FoxLinkItem }
-export { _default_35 as LinkItem }
+export { _default_35 as FoxPickerItem }
+export { _default_35 as PickerItem }
 
 declare const _default_36: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_36 as FoxTabsBar }
-export { _default_36 as TabsBar }
+export { _default_36 as FoxLinkItem }
+export { _default_36 as LinkItem }
 
 declare const _default_37: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_37 as FoxTabsContainer }
-export { _default_37 as TabsContainer }
+export { _default_37 as FoxTabsBar }
+export { _default_37 as TabsBar }
 
 declare const _default_38: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_38 as FoxTabsPane }
-export { _default_38 as TabsPane }
+export { _default_38 as FoxTabsContainer }
+export { _default_38 as TabsContainer }
 
 declare const _default_39: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_39 as FoxTabsFrame }
-export { _default_39 as TabsFrame }
+export { _default_39 as FoxTabsPane }
+export { _default_39 as TabsPane }
 
 declare const _default_4: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export { _default_4 as FooterBar }
 export { _default_4 as FoxFooterBar }
 
 declare const _default_40: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_40 as FoxStepsBar }
-export { _default_40 as StepsBar }
+export { _default_40 as FoxTabsFrame }
+export { _default_40 as TabsFrame }
 
 declare const _default_41: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_41 as FloatingWindow }
-export { _default_41 as FoxFloatingWindow }
+export { _default_41 as FoxStepsBar }
+export { _default_41 as StepsBar }
 
 declare const _default_42: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_42 as FoxPopoverDialog }
-export { _default_42 as PopoverDialog }
+export { _default_42 as FloatingWindow }
+export { _default_42 as FoxFloatingWindow }
 
 declare const _default_43: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_43 as Foxpicker }
-export { _default_43 as picker }
+export { _default_43 as FoxPopoverDialog }
+export { _default_43 as PopoverDialog }
 
 declare const _default_44: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_44 as Foxcalendarpicker }
-export { _default_44 as calendarpicker }
+export { _default_44 as Foxpicker }
+export { _default_44 as picker }
 
 declare const _default_45: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_45 as Foxcascaderpicker }
-export { _default_45 as cascaderpicker }
+export { _default_45 as Foxcalendarpicker }
+export { _default_45 as calendarpicker }
 
 declare const _default_46: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_46 as DialogItem }
-export { _default_46 as FoxDialogItem }
+export { _default_46 as Foxcascaderpicker }
+export { _default_46 as cascaderpicker }
 
 declare const _default_47: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_47 as FoxOverLay }
-export { _default_47 as OverLay }
+export { _default_47 as DialogItem }
+export { _default_47 as FoxDialogItem }
 
 declare const _default_48: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_48 as FoxPopup }
-export { _default_48 as Popup }
+export { _default_48 as FoxOverLay }
+export { _default_48 as OverLay }
 
 declare const _default_49: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_49 as FoxSearchBar }
-export { _default_49 as SearchBar }
+export { _default_49 as FoxPopup }
+export { _default_49 as Popup }
 
 declare const _default_5: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export { _default_5 as Content }
 export { _default_5 as FoxContent }
 
 declare const _default_50: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_50 as FoxInfiniteLoading }
-export { _default_50 as InfiniteLoading }
+export { _default_50 as FoxSearchBar }
+export { _default_50 as SearchBar }
 
 declare const _default_51: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_51 as FoxPullRefresh }
-export { _default_51 as PullRefresh }
+export { _default_51 as FoxInfiniteLoading }
+export { _default_51 as InfiniteLoading }
 
 declare const _default_52: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_52 as FoxMoreButton }
-export { _default_52 as MoreButton }
+export { _default_52 as FoxPullRefresh }
+export { _default_52 as PullRefresh }
 
 declare const _default_53: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_53 as FloatingButton }
-export { _default_53 as FoxFloatingButton }
+export { _default_53 as FoxMoreButton }
+export { _default_53 as MoreButton }
 
 declare const _default_54: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_54 as FoxMapping }
-export { _default_54 as Mapping }
+export { _default_54 as FloatingButton }
+export { _default_54 as FoxFloatingButton }
 
 declare const _default_55: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_55 as FoxPrice }
-export { _default_55 as Price }
+export { _default_55 as FoxMapping }
+export { _default_55 as Mapping }
 
 declare const _default_56: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_56 as FoxIndicator }
-export { _default_56 as Indicator }
+export { _default_56 as FoxPrice }
+export { _default_56 as Price }
 
 declare const _default_57: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_57 as FoxText }
-export { _default_57 as Text }
+export { _default_57 as FoxIndicator }
+export { _default_57 as Indicator }
 
 declare const _default_58: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_58 as FoxTour }
-export { _default_58 as Tour }
+export { _default_58 as FoxText }
+export { _default_58 as Text }
 
 declare const _default_59: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_59 as FoxNumberKeyboard }
-export { _default_59 as NumberKeyboard }
+export { _default_59 as FoxTour }
+export { _default_59 as Tour }
 
 declare const _default_6: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export { _default_6 as FoxGroup }
 export { _default_6 as Group }
 
 declare const _default_60: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_60 as FoxShortPassword }
-export { _default_60 as ShortPassword }
+export { _default_60 as FoxNumberKeyboard }
+export { _default_60 as NumberKeyboard }
 
 declare const _default_61: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_61 as FoxSignature }
-export { _default_61 as Signature }
+export { _default_61 as FoxShortPassword }
+export { _default_61 as ShortPassword }
 
 declare const _default_62: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_62 as DomainProvider }
-export { _default_62 as FoxDomainProvider }
+export { _default_62 as FoxSignature }
+export { _default_62 as Signature }
 
 declare const _default_63: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
-export { _default_63 as FoxRollingProvider }
-export { _default_63 as RollingProvider }
+export { _default_63 as DomainProvider }
+export { _default_63 as FoxDomainProvider }
+
+declare const _default_64: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
+export { _default_64 as FoxRollingProvider }
+export { _default_64 as RollingProvider }
 
 declare const _default_7: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export { _default_7 as FoxItem }
@@ -944,6 +939,34 @@ declare interface DomainComponentDescriptor {
  */
 export declare const DomainKey: unique symbol;
 
+/**
+ * element padding
+ */
+export declare interface ElementPadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+
+/**
+ * element size
+ */
+export declare interface ElementSize {
+    /**
+     * 元素可见区域大小（clientSize，包含 padding）
+     */
+    outer: Size;
+    /**
+     * 内容区域大小（去掉 padding）
+     */
+    inner: Size;
+    /**
+     * padding 信息
+     */
+    padding: ElementPadding;
+}
+
 /**
  * exposed
  */
@@ -1544,34 +1567,7 @@ export declare function indexOf(x: unknown, arr: unknown[]): number;
  * 获取是否为虚拟页面范围
  * @param defaultValue
  */
-export declare function injectAbstractPageScope(defaultValue?: boolean): boolean | AbstractPageScope;
-
-/**
- * 获取content是否为虚拟页面范围
- * @param defaultValue
- * @returns
- */
-export declare function injectAbstractPageScopeForContent(defaultValue?: boolean): boolean;
-
-/**
- * 获取footerBar是否为虚拟页面范围
- * @param defaultValue
- * @returns
- */
-export declare function injectAbstractPageScopeForFooterBar(defaultValue?: boolean): boolean;
-
-/**
- * 获取headerBar是否为虚拟页面范围
- * @param defaultValue
- * @returns
- */
-export declare function injectAbstractPageScopeForHeaderBar(defaultValue?: boolean): boolean;
-
-/**
- * 获取是否为内部页面范围
- * @param defaultValue
- */
-export declare function injectInnerPageScope(defaultValue?: boolean): boolean;
+export declare function injectPageScopeState(): PageScopeState;
 
 /**
  * inner page scope key(内部页面，默认适配父亲容器尺寸，not watch resize)
@@ -1876,6 +1872,14 @@ export declare interface PageLayout {
     contentPadding?: Partial<Padding>;
 }
 
+/**
+ * 页面scope状态
+ */
+export declare type PageScopeState = PageStructure & {
+    isAbstractPage: boolean;
+    isInnerPage: boolean;
+};
+
 /**
  *  page state
  */
@@ -1900,6 +1904,15 @@ export declare interface PageState {
     footerMounted?: boolean;
 }
 
+/**
+ * 页面结构
+ */
+export declare type PageStructure = {
+    hasHeaderBar?: boolean;
+    hasFooterBar?: boolean;
+    hasContent?: boolean;
+};
+
 /**
  * 大驼峰转换为中划线
  * @param str
@@ -1954,14 +1967,14 @@ export declare function property<T>(source: Ref, name: string, policy?: Priority
  * 也可以通过AbstractPageScope对象设置选择生成headerBar or footerBar or content 部分结构
  * @param value
  */
-export declare function provideAbstractPageScope(value: boolean | AbstractPageScope): void;
+export declare function provideAbstractPageScope(value: boolean | PageStructure): void;
 
 /**
  * 设置内部页面范围
  * 内部页面，默认适配父亲容器尺寸，not watch resize
  * @param value
  */
-export declare function provideInnerPageScope(value: boolean): void;
+export declare function provideInnerPageScope(value: boolean | PageStructure): void;
 
 export declare const raf: any;
 
@@ -2212,7 +2225,15 @@ export declare function useBroadcast(exposed?: FoxComponentPublicExposed): Broad
 export declare function useDomain(): Domain | null;
 
 /**
- * 获取内部可用size
+ * 获取元素尺寸信息
+ *
+ * outer = clientWidth/clientHeight（包含 padding）
+ * inner = client - padding
+ */
+export declare function useElementSize(elementRef: Element | Ref<Element>): ElementSize;
+
+/**
+ * 获取内部可用size(inner size)
  * @param elementRef
  * @returns
  */
@@ -2260,7 +2281,7 @@ export declare function useRawTouch(): {
 export declare const useRect: (elementRef: (Element | Window) | Ref<Element | Window | undefined>) => Rect_2;
 
 /**
- * 获取size
+ * 获取size(outer size)
  * @param elementRef
  * @returns
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fox-js/foxui-pad",
   "type": "module",
-  "version": "4.1.1-46",
+  "version": "4.1.1-48",
   "description": "FoxUI PAD端组件库",
   "author": "jiangcheng",
   "main": "./dist/index.umd.js",