snail.vue 2.0.29 → 2.0.31

package/dist/snail.vue.d.ts

@@ -1,5 +1,5 @@
 import * as snail_core from 'snail.core';
-import { DateFormat, DateValue, TimeValue, IAsyncScope, IScope, RunResult } from 'snail.core';
+import { IAsyncScope, IScope, DateFormat, DateValue, TimeValue, RunResult } from 'snail.core';
 import * as vue from 'vue';
 import { Component, ShallowRef, Ref, WatchSource, App } from 'vue';
 import * as snail_view from 'snail.view';
@@ -178,153 +178,6 @@ type DragVerifyInfo = {
     distance: number;
 };
 
-/**
- * 日期时间的功能禁用配置选项
- */
-type DatetimeDisabledOptions = {
-    /**
-     * 禁用【工具条】
-     * - 为true则不显示【确定】、【现在】等按钮的工具条区域
-     */
-    toolbarDisabled?: boolean;
-    /**
-     * 禁用【现在】按钮
-     * - 为true时不显示【现在】按钮
-     */
-    nowDisabled?: boolean;
-    /**
-     * 禁用【清空】按钮
-     * - 为true时不显示【清空】按钮
-     */
-    clearDisabled?: boolean;
-};
-/**
- * 日期选择器 配置选项
- */
-type DatePickerOptions = {
-    /**
-     * 已选日期值
-     * -格式为 "年-月-日 时:分:秒"
-     */
-    value?: string;
-    /**
-     * 日期格式
-     * - 默认 “yyyy-MM-dd"
-     */
-    format?: DateFormat;
-    /**
-     * 渲染模式
-     * - default    默认模式，文本框+图标，文本框填充满+边框
-     * - simple     简单模式，有值时才显示文本框，且无边框+不填充满
-     */
-    mode?: "default" | "simple";
-    /**
-     * 日期最小值
-     * - 选择年月日时，早于此值的年月日不可选
-     * - 确定时，组合时间选取值，晚于此值的日期+时间选择值无效
-     */
-    min?: string;
-    /**
-     * 日期最大值
-     * - 选择年月日时，晚于此值的年月日不可选
-     * - 组合时间选取值，晚于此值的日期+时间选择值无效
-     */
-    max?: string;
-    /**
-     * 最小选择时间
-     * - 早于此值的时间不可选
-     * - 不参与日期最小值验证，仅在选择时间时框定起始时间
-     */
-    minPickTime?: string;
-    /**
-     * 最大选择时间
-     * - 不参与日期最大值验证，仅在选择时间时框定结束时间
-     */
-    maxPickTime?: string;
-} & DatetimeDisabledOptions;
-/**
- * 时间选择控件配置项
- */
-type TimePickerOptions = {
-    /**
-     * 已选值
-     * - 格式为 “时:分:秒"
-     */
-    value?: string;
-    /**
-     * 时间格式
-     */
-    format?: "HH:mm:ss" | "HH:mm";
-    /**
-     * 渲染模式
-     * - default    默认模式，文本框+图标，文本框填充满+边框
-     * - simple     简单模式，有值时才显示文本框，且无边框+不填充满
-     */
-    mode?: "default" | "simple";
-    /**
-     * 最小时间
-     * - 传入值格式为 "时:分:秒"
-     * - 如 "08:30:00"，则08:30:00为最小时间，之前的时间不可选择
-     * - 如 "08" ，则 08:00:00为最小时间，之前的时间不可选择
-     */
-    min?: string;
-    /**
-     * 最大时间
-     * - 传入值格式为 "时:分:秒"
-     * - 如 "08:30:00"，则08:30:00为最大时间，之后的时间不可选择
-     * - 如 "08" ，则 08:00:00为最大时间，之后时间不可选择
-     */
-    max?: string;
-} & DatetimeDisabledOptions;
-/**
- * 日期时间选择 事件
- */
-type DatetimePickerEvents = {
-    /**
-     * 清空
-     */
-    clear: [];
-    /**
-     * 确定选择
-     * - @param value 已选则的日期时间
-     */
-    confirm: [value: string];
-};
-/**
- * 日期选择器 一个年项
- * - disabled 标记当前选项是否禁用，基于min和max校验出来的
- */
-type DatePickerYearItem = Required<Pick<DateValue, "year"> & DisabledOptions>;
-/**
- * 日期选择器 一个月项
- * - 当前月，以及所属的年份
- * - disabled 标记当前选项是否禁用，基于min和max校验出来的
- */
-type DatePickerMonthItem = Required<Pick<DateValue, "month" | "year"> & DisabledOptions & {
-    text: string;
-}>;
-/**
- * 日期选择器的一个天项
- * - 当前天，以及所属的月份和年份
- * - disabled 标记当前选项是否禁用，基于min和max校验出来的
- */
-type DatePickerDayItem = Required<Pick<DateValue, "day" | "month" | "year"> & DisabledOptions>;
-/**
- * 时间选择器 一个小时项
- * - disabled 标记当前选项是否禁用，基于min和max校验出来的
- */
-type TimePickerHourItem = Required<Pick<TimeValue, "hour"> & DisabledOptions>;
-/**
- * 时间选择器 一个分钟项
- * - disabled 标记当前选项是否禁用，基于min和max校验出来的
- */
-type TimePickerMinuteItem = Required<Pick<TimeValue, "minute" | "hour"> & DisabledOptions>;
-/**
- * 时间选择器 一个秒项
- * - disabled 标记当前选项是否禁用，基于min和max校验出来的
- */
-type TimePickerSecondItem = Required<TimeValue & DisabledOptions>;
-
 /**
  * 组件配置选项
  */
@@ -1064,6 +917,199 @@ interface IPopupManager {
  */
 declare function usePopup(): IPopupManager & IScope;
 
+/**
+ * 滚动选择器 相关实体
+ */
+/**
+ * 滚动选择器 组件配置选项
+ */
+type ScrollPickerOptions = {
+    /**
+     * 选择项 数组
+     */
+    items: ScrollPickItem[];
+    /**
+     * 选中值
+     * - 选择项的`code`值
+     */
+    value?: string;
+};
+/**
+ * 滚动选择器的一个滚动选项
+ */
+type ScrollPickItem = {
+    /**
+     * 选项code
+     * - 保持唯一
+     */
+    code: string;
+    /**
+     * 选项文本
+     */
+    text: string;
+    /**
+     * 是否禁用
+     * - 为true,表示禁用此选项，不能被选中
+     */
+    disabled?: boolean;
+};
+/**
+ * 滚动选择器 组件事件
+ */
+type ScrollPickerEvents = {
+    /**
+     * 滚动选择后
+     */
+    select: [code: string];
+};
+
+/**
+ * 日期时间的功能禁用配置选项
+ */
+type DatetimeDisabledOptions = {
+    /**
+     * 禁用【工具条】
+     * - 为true则不显示【确定】、【现在】等按钮的工具条区域
+     */
+    toolbarDisabled?: boolean;
+    /**
+     * 禁用【现在】按钮
+     * - 为true时不显示【现在】按钮
+     */
+    nowDisabled?: boolean;
+    /**
+     * 禁用【清空】按钮
+     * - 为true时不显示【清空】按钮
+     */
+    clearDisabled?: boolean;
+};
+/**
+ * 日期选择器 配置选项
+ */
+type DatePickerOptions = {
+    /**
+     * 已选日期值
+     * -格式为 "年-月-日 时:分:秒"
+     */
+    value?: string;
+    /**
+     * 日期格式
+     * - 默认 “yyyy-MM-dd"
+     */
+    format?: DateFormat;
+    /**
+     * 渲染模式
+     * - default    默认模式，文本框+图标，文本框填充满+边框
+     * - simple     简单模式，有值时才显示文本框，且无边框+不填充满
+     */
+    mode?: "default" | "simple";
+    /**
+     * 日期最小值
+     * - 选择年月日时，早于此值的年月日不可选
+     * - 确定时，组合时间选取值，晚于此值的日期+时间选择值无效
+     */
+    min?: string;
+    /**
+     * 日期最大值
+     * - 选择年月日时，晚于此值的年月日不可选
+     * - 组合时间选取值，晚于此值的日期+时间选择值无效
+     */
+    max?: string;
+    /**
+     * 最小选择时间
+     * - 早于此值的时间不可选
+     * - 不参与日期最小值验证，仅在选择时间时框定起始时间
+     */
+    minPickTime?: string;
+    /**
+     * 最大选择时间
+     * - 不参与日期最大值验证，仅在选择时间时框定结束时间
+     */
+    maxPickTime?: string;
+} & DatetimeDisabledOptions;
+/**
+ * 时间选择控件配置项
+ */
+type TimePickerOptions = {
+    /**
+     * 已选值
+     * - 格式为 “时:分:秒"
+     */
+    value?: string;
+    /**
+     * 时间格式
+     */
+    format?: "HH:mm:ss" | "HH:mm";
+    /**
+     * 渲染模式
+     * - default    默认模式，文本框+图标，文本框填充满+边框
+     * - simple     简单模式，有值时才显示文本框，且无边框+不填充满
+     */
+    mode?: "default" | "simple";
+    /**
+     * 最小时间
+     * - 传入值格式为 "时:分:秒"
+     * - 如 "08:30:00"，则08:30:00为最小时间，之前的时间不可选择
+     * - 如 "08" ，则 08:00:00为最小时间，之前的时间不可选择
+     */
+    min?: string;
+    /**
+     * 最大时间
+     * - 传入值格式为 "时:分:秒"
+     * - 如 "08:30:00"，则08:30:00为最大时间，之后的时间不可选择
+     * - 如 "08" ，则 08:00:00为最大时间，之后时间不可选择
+     */
+    max?: string;
+} & DatetimeDisabledOptions;
+/**
+ * 日期时间选择 事件
+ */
+type DatetimePickerEvents = {
+    /**
+     * 清空
+     */
+    clear: [];
+    /**
+     * 确定选择
+     * - @param value 已选则的日期时间
+     */
+    confirm: [value: string];
+};
+/**
+ * 日期选择器 一个年项
+ * - disabled 标记当前选项是否禁用，基于min和max校验出来的
+ */
+type DatePickerYearItem = Required<Pick<DateValue, "year"> & DisabledOptions>;
+/**
+ * 日期选择器 一个月项
+ * - 当前月，以及所属的年份
+ * - disabled 标记当前选项是否禁用，基于min和max校验出来的
+ */
+type DatePickerMonthItem = Required<Pick<DateValue, "month" | "year"> & DisabledOptions & {
+    text: string;
+}>;
+/**
+ * 日期选择器的一个天项
+ * - 当前天，以及所属的月份和年份
+ * - disabled 标记当前选项是否禁用，基于min和max校验出来的
+ */
+type DatePickerDayItem = Required<Pick<DateValue, "day" | "month" | "year"> & DisabledOptions>;
+/**
+ * 时间选择器 一个小时项
+ * - disabled 标记当前选项是否禁用，基于min和max校验出来的
+ */
+type TimePickerHourItem = Required<Pick<TimeValue, "hour"> & DisabledOptions>;
+/**
+ * 时间选择器 一个分钟项
+ * - disabled 标记当前选项是否禁用，基于min和max校验出来的
+ */
+type TimePickerMinuteItem = Required<Pick<TimeValue, "minute" | "hour"> & DisabledOptions>;
+/**
+ * 时间选择器 一个秒项
+ * - disabled 标记当前选项是否禁用，基于min和max校验出来的
+ */
+type TimePickerSecondItem = Required<TimeValue & DisabledOptions>;
+
 /**
  * 选择器 相关数据实体
  */
@@ -1088,6 +1134,13 @@ interface IPickerManager {
      * @returns 异步任务，可销毁时间选择控件；可接收时间选择控件的选择值
      */
     showTime(target: HTMLElement, options?: TimePickerOptions, popupOptions?: PickerPopupOptions): IAsyncScope<string>;
+    /**
+     * 显示【滚动】选择器
+     * - 通过滚动选择数据项；默认强制在底部弹出
+     * @param options
+     * @returns 异步任务，可销毁选择组件；可接受组件选择值
+     */
+    showScroll(options: ScrollPickerOptions): IAsyncScope<string>;
 }
 /**
  * 选择器弹窗配置选项
@@ -3722,6 +3775,15 @@ declare const components: {
     }> & Readonly<{
         onChange?: (newValue: string, oldValue?: string) => any;
     }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    ScrollPicker: vue.DefineComponent<ScrollPickerOptions & TitleOptions & Partial<PopupHandle<string> & {
+        onBeforeClose(fn: (data?: string) => false | undefined | Promise<false | undefined>): void;
+    } & PopupStatusOptions & PickerExtend>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        select: (code: string) => any;
+    }, string, vue.PublicProps, Readonly<ScrollPickerOptions & TitleOptions & Partial<PopupHandle<string> & {
+        onBeforeClose(fn: (data?: string) => false | undefined | Promise<false | undefined>): void;
+    } & PopupStatusOptions & PickerExtend>> & Readonly<{
+        onSelect?: (code: string) => any;
+    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
     TimePicker: vue.DefineComponent<ReadonlyOptions & {
         value?: string;
         format?: "HH:mm:ss" | "HH:mm";
@@ -3785,4 +3847,4 @@ declare const components: {
 };
 
 export { MOTION, components, getBuiltinIcon, mount, onAppCreated, triggerAppCreated, usePicker, usePopup, useReactive, useTreeContext };
-export type { ActionEvents, ActionItem, ActionItemsOptions, ActionOptions, ActionSlotHandle, ButtonOptions, ChangeEvents, ChooseEvents, ChooseItem, ChooseOptions, ClickEvents, CloseEvents, ComponentBindOptions, ComponentOptions, ConfirmAreaOptions, ConfirmOptions, DatePickerDayItem, DatePickerMonthItem, DatePickerOptions, DatePickerYearItem, DatetimeDisabledOptions, DatetimePickerEvents, DeleteEvents, DialogHandle, DialogOptions, DialogWrapperHandle, DisabledOptions, DragVerifyInfo, DragVerifyOptions, ElasticEvents, ElasticExpose, ElasticOptions, ElasticSpringStatus, EmitterType, EmptyOptions, EventsType, FlexOptions, FoldEvents, FoldOptions, FoldSlotHandle, FoldStatus, FollowElectResult, FollowExtend, FollowHandle, FollowOptions, FollowPositionOptions, FollowStrategy, FollowStrategyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, INumberFormatter, IPickerManager, IPopupManager, IReactiveManager, ISelectContext, ITreeBaseContext, IconOptions, IconType, InputEvents, InputOptions, LayoutAraeOptions, LayoutAreaItem, LayoutOptions, LoadingOptions, MessageOptions, MotionEffectOptions, MotionOptions, MoveEvents, NumberBaseOptions, NumberEvents, NumberFormatResult, NumberOptions, PickerExtend, PickerPopupOptions, PlaceholderOptions, PopupDescriptor, PopupHandle, PopupOptions, PopupStatus, PopupStatusOptions, PropsType, ReactiveVar, ReadonlyOptions, ScrollEvents, ScrollExpose, ScrollOptions, SearchEvents, SearchOptions, SelectBaseEvents, SelectBaseOptions, SelectEvents, SelectItem, SelectNodeEvents, SelectNodeOptions, SelectOptions, SelectPopupEvents, SelectPopupExtend, SelectPopupOptions, SelectSlotOptions, SlotsType, SortEvent, SortEvents, SortGroupHook, SortGroupOptions, SortOptions, SwitchEvents, SwitchOptions, TableColOptions, TableOptions, TableRowOptions, TextareaEvents, TextareaOptions, TimePickerHourItem, TimePickerMinuteItem, TimePickerOptions, TimePickerSecondItem, TitleOptions, ToastOptions, TreeEvents, TreeNode, TreeNodeEvents, TreeNodeExtend, TreeNodeModel, TreeNodeOptions, TreeNodeRenderOptions, TreeNodeSlotOptions, TreeOptions, TreeSearchResult, ValueOptions, WrapperEvents, WrapperOptions };
+export type { ActionEvents, ActionItem, ActionItemsOptions, ActionOptions, ActionSlotHandle, ButtonOptions, ChangeEvents, ChooseEvents, ChooseItem, ChooseOptions, ClickEvents, CloseEvents, ComponentBindOptions, ComponentOptions, ConfirmAreaOptions, ConfirmOptions, DatePickerDayItem, DatePickerMonthItem, DatePickerOptions, DatePickerYearItem, DatetimeDisabledOptions, DatetimePickerEvents, DeleteEvents, DialogHandle, DialogOptions, DialogWrapperHandle, DisabledOptions, DragVerifyInfo, DragVerifyOptions, ElasticEvents, ElasticExpose, ElasticOptions, ElasticSpringStatus, EmitterType, EmptyOptions, EventsType, FlexOptions, FoldEvents, FoldOptions, FoldSlotHandle, FoldStatus, FollowElectResult, FollowExtend, FollowHandle, FollowOptions, FollowPositionOptions, FollowStrategy, FollowStrategyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, INumberFormatter, IPickerManager, IPopupManager, IReactiveManager, ISelectContext, ITreeBaseContext, IconOptions, IconType, InputEvents, InputOptions, LayoutAraeOptions, LayoutAreaItem, LayoutOptions, LoadingOptions, MessageOptions, MotionEffectOptions, MotionOptions, MoveEvents, NumberBaseOptions, NumberEvents, NumberFormatResult, NumberOptions, PickerExtend, PickerPopupOptions, PlaceholderOptions, PopupDescriptor, PopupHandle, PopupOptions, PopupStatus, PopupStatusOptions, PropsType, ReactiveVar, ReadonlyOptions, ScrollEvents, ScrollExpose, ScrollOptions, ScrollPickItem, ScrollPickerEvents, ScrollPickerOptions, SearchEvents, SearchOptions, SelectBaseEvents, SelectBaseOptions, SelectEvents, SelectItem, SelectNodeEvents, SelectNodeOptions, SelectOptions, SelectPopupEvents, SelectPopupExtend, SelectPopupOptions, SelectSlotOptions, SlotsType, SortEvent, SortEvents, SortGroupHook, SortGroupOptions, SortOptions, SwitchEvents, SwitchOptions, TableColOptions, TableOptions, TableRowOptions, TextareaEvents, TextareaOptions, TimePickerHourItem, TimePickerMinuteItem, TimePickerOptions, TimePickerSecondItem, TitleOptions, ToastOptions, TreeEvents, TreeNode, TreeNodeEvents, TreeNodeExtend, TreeNodeModel, TreeNodeOptions, TreeNodeRenderOptions, TreeNodeSlotOptions, TreeOptions, TreeSearchResult, ValueOptions, WrapperEvents, WrapperOptions };