snail.vue 2.0.17 → 2.0.19

package/dist/snail.vue.d.ts

@@ -1,7 +1,7 @@
 import * as snail_core from 'snail.core';
 import { DateFormat, DateValue, TimeValue, IScope, RunResult, IAsyncScope } from 'snail.core';
 import * as snail_view from 'snail.view';
-import { BaseStyle, HeightStyle, FlexBoxStyle, WidthStyle, BorderStyle, PaddingStyle, MarginStyle } from 'snail.view';
+import { ScrollbarOptions, BaseStyle, HeightStyle, FlexBoxStyle, WidthStyle, BorderStyle, PaddingStyle, MarginStyle } from 'snail.view';
 import * as vue from 'vue';
 import { Component, ShallowRef, Ref, WatchSource, App } from 'vue';
 
@@ -380,28 +380,7 @@ type FooterEvents = {
 /**
  * 滚动视图配置选项
  */
-type ScrollOptions = {
-    /**
-     * x轴是否支持滚动
-     * - false（默认值）不支持
-     * - true 支持滚动
-     */
-    scrollX?: boolean;
-    /**
-     * y轴是否支持滚动
-     * - false（默认值）不支持
-     * - true 支持滚动
-     */
-    scrollY?: boolean;
-    /**
-     * 滚动条尺寸
-     * - normal ：常规，10px
-     * - small ：小尺寸，宽度 6px
-     * - mini ：迷你尺寸，宽度 4px
-     * - none ：无，不显示滚动条，但仍然能够滚动
-     */
-    barSize?: "normal" | "small" | "mini" | "none";
-};
+type ScrollOptions = ScrollbarOptions & {};
 /**
  * 滚动视图事件
  */
@@ -784,7 +763,7 @@ type TreeNodeSlotOptions<Node> = {
 /**
  * Table配置选项
  */
-type TableOptions = ScrollOptions & {
+type TableOptions = Pick<ScrollOptions, "scroll" | "barSize"> & {
     /**
      * 是否启用表格边框
      */
@@ -1241,11 +1220,11 @@ type FlexOptions = {
      * - - start（默认值） 主轴起点对齐
      * - - end 主轴终点对齐
      * - - center 主轴居中对齐
-     * - - space-between 主轴两端对齐，项目之间间隔平均分布
-     * - - space-around 主轴每个项目两侧间隔平均分布
-     * - - space-evenly 主轴每个项目之间间隔平均分布
+     * - - between 主轴两端对齐，项目之间间隔平均分布
+     * - - around 主轴每个项目两侧间隔平均分布
+     * - - evenly 主轴每个项目之间间隔平均分布
      */
-    justifyContent?: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
+    main?: "start" | "end" | "center" | "between" | "around" | "evenly";
     /**
      * 交叉轴对齐方式
      * - css属性：align-items
@@ -1256,7 +1235,7 @@ type FlexOptions = {
      * - - center 交叉轴居中对齐
      * - - baseline 交叉轴第一行文字基线对齐
      */
-    alignItems?: "start" | "end" | "center" | "stretch" | "baseline";
+    cross?: "start" | "end" | "center" | "stretch" | "baseline";
     /**
      * 多行时的交叉轴对齐方式
      * - css属性：align-content
@@ -1265,11 +1244,11 @@ type FlexOptions = {
      * - - start 交叉轴起点对齐
      * - - end 交叉轴终点对齐
      * - - center 交叉轴居中对齐
-     * - - space-between 交叉轴两端对齐，行之间间隔平均分布
-     * - - space-around 交叉轴每行两侧间隔平均分布
-     * - - space-evenly 交叉轴每行之间间隔平均分布
+     * - - between 交叉轴两端对齐，行之间间隔平均分布
+     * - - around 交叉轴每行两侧间隔平均分布
+     * - - evenly 交叉轴每行之间间隔平均分布
      */
-    alignContent?: "start" | "end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
+    content?: "start" | "end" | "center" | "stretch" | "between" | "around" | "evenly";
     /**
      * 启用子项修复
      * - 在`justify-content`启用`space-`相关属性时，子项之间会有间隔，当子项数量较少时，可能出现空间过大的问题，特别时多行的最后一样时
@@ -1302,14 +1281,7 @@ type FlexOptions = {
 /**
  * 弹性容器组件 配置选项
  */
-type ElasticOptions = {
-    /**
-     * 支持滚动的方向
-     * - x ：支持水平方向滚动，内容超出时出横向滚动条
-     * - y ：支持垂直方向滚动，内容超出时出纵向滚动条
-     * - both ：支持水平和垂直方向滚动，内容超出时出横向纵向滚动条
-     */
-    scroll: "x" | "y" | "both";
+type ElasticOptions = ScrollOptions & {
     /**
      * 滚动条弹簧效果
      * - x 仅在x轴方向上启用弹簧效果
@@ -1329,45 +1301,11 @@ type ElasticOptions = {
      * - 满足上拉加载条件后，触发`more`事件，处理完成后调用resolve函数，通知完成加载数据操作
      */
     upMore?: boolean;
-    /**
-     * 滚动条尺寸
-     * - normal ：常规，10px
-     * - small ：小尺寸，宽度 6px
-     * - mini ：迷你尺寸，宽度 4px
-     * - none ：无，不显示滚动条，但仍然能够滚动
-     */
-    barSize?: "normal" | "small" | "mini" | "none";
 };
 /**
  * 弹性容器组件 事件监听
  */
 type ElasticEvents = {
-    /**
-     * 【x轴方向】滚动条变化时
-     * @param show 是否显示。true 滚动条显示；false 滚动条隐藏
-     */
-    xbar: [show: boolean];
-    /**
-     * 【y轴方向】滚动条变化时
-     * @param show 是否显示。true 滚动条显示；false 滚动条隐藏
-     */
-    ybar: [show: boolean];
-    /**
-     * 【y轴方向】滚到【最顶部】了
-     */
-    top: [];
-    /**
-     * 【x轴方向】滚到【最右侧】了
-     */
-    right: [];
-    /**
-     * 【y轴方向】滚到【最底部】了
-     */
-    bottom: [];
-    /**
-     * 【x轴方向】滚到【最左侧】了
-     */
-    left: [];
     /**
      * 刷新数据
      * - 配合 `downRefresh`实现下拉刷新功能
@@ -3060,18 +2998,33 @@ declare const components: {
         };
     });
     Elastic: {
-        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ElasticOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ElasticOptions> & Readonly<{
+            onRefresh?: (resolve: () => void) => any;
+            onMore?: (resolve: () => void) => any;
+        }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            refresh: (resolve: () => void) => any;
+            more: (resolve: () => void) => any;
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<ElasticOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<ElasticOptions> & Readonly<{
+            onRefresh?: (resolve: () => void) => any;
+            onMore?: (resolve: () => void) => any;
+        }>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & vue.ComponentOptionsBase<Readonly<ElasticOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    } & vue.ComponentOptionsBase<Readonly<ElasticOptions> & Readonly<{
+        onRefresh?: (resolve: () => void) => any;
+        onMore?: (resolve: () => void) => any;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        refresh: (resolve: () => void) => any;
+        more: (resolve: () => void) => any;
+    }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
         $slots: {
             'down-refresh'?: (props: {}) => any;
         } & {
@@ -3176,7 +3129,7 @@ declare const components: {
         $slots: SlotsType<Pick<LayoutOptions, "left" | "right" | "main" | "top" | "bottom">>;
     });
     Scroll: {
-        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ScrollOptions> & Readonly<{
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<snail_view.ScrollbarOptions> & Readonly<{
             onLeft?: () => any;
             onRight?: () => any;
             onTop?: () => any;
@@ -3193,14 +3146,14 @@ declare const components: {
             bottom: () => any;
             xbar: (show: boolean) => any;
             ybar: (show: boolean) => any;
-        }, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<ScrollOptions> & Readonly<{
+        }, Readonly<snail_view.ScrollbarOptions> & Readonly<{
             onLeft?: () => any;
             onRight?: () => any;
             onTop?: () => any;
@@ -3214,7 +3167,7 @@ declare const components: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & vue.ComponentOptionsBase<Readonly<ScrollOptions> & Readonly<{
+    } & vue.ComponentOptionsBase<Readonly<snail_view.ScrollbarOptions> & Readonly<{
         onLeft?: () => any;
         onRight?: () => any;
         onTop?: () => any;
@@ -3322,7 +3275,7 @@ declare const components: {
         };
     });
     Table: {
-        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<TableOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<TableOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};