@ray-js/smart-ui 2.7.2 → 2.7.3-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/es/@types/bottom-sheet/index.d.ts +35 -0
  2. package/es/@types/config-provider/theme-vars.d.ts +1 -1
  3. package/es/@types/nav-bar/index.d.ts +5 -0
  4. package/lib/@types/bottom-sheet/index.d.ts +35 -0
  5. package/lib/@types/config-provider/theme-vars.d.ts +1 -1
  6. package/lib/@types/nav-bar/index.d.ts +5 -0
  7. package/package.json +2 -2
package/es/@types/bottom-sheet/index.d.ts CHANGED
@@ -63,6 +63,36 @@ export interface SmartBottomSheetProps {
63
63
  * @default true
64
64
  */
65
65
  showClose?: boolean;
66
+ /**
67
+ * 是否支持拖拽，可用于实现拖拽调整面板高度
68
+ * @version 2.7.2
69
+ * @default false
70
+ */
71
+ draggable?: boolean;
72
+ /**
73
+ * 拖拽时允许的最小高度
74
+ * @version 2.7.2
75
+ * @default windowHeight * 0.8
76
+ */
77
+ minDragHeight?: number;
78
+ /**
79
+ * 拖拽时允许的最大高度
80
+ * @version 2.7.2
81
+ * @default windowHeight * 0.5
82
+ */
83
+ maxDragHeight?: number;
84
+ /**
85
+ * 拖拽时中间态高度
86
+ * @version 2.7.2
87
+ * @default windowHeight * 0.1
88
+ */
89
+ midDragHeight?: number;
90
+ /**
91
+ * 拖拽关闭时的临界高度，低于该高度将自动关闭
92
+ * @version 2.7.2
93
+ * @default windowHeight * 0.4
94
+ */
95
+ closeDragHeight?: number;
66
96
  }
67
97
  export interface SmartBottomSheetEvents extends SmartTransitionEvents {
68
98
  /**
@@ -97,6 +127,11 @@ export interface SmartBottomSheetEvents extends SmartTransitionEvents {
97
127
  * 点击遮罩层时触发
98
128
  */
99
129
  onClickOverlay?: SmartEventHandler;
130
+ /**
131
+ * 拖拽结束时触发，返回当前面板位置
132
+ * @version 2.7.2
133
+ */
134
+ onDragPosition?: SmartEventHandler<'max' | 'mid' | 'min'>;
100
135
  }
101
136
  interface SmartBottomSheetSlot {
102
137
  /**
package/es/@types/config-provider/theme-vars.d.ts CHANGED
@@ -14,7 +14,7 @@ type CountDownThemeVars = 'countDownTextColor' | 'countDownFontSize' | 'countDow
14
14
  type FieldThemeVars = 'fieldLabelColor' | 'fieldInputTextColor' | 'fieldInputErrorTextColor' | 'fieldPlaceholderTextColor' | 'fieldIconSize' | 'fieldClearIconSize' | 'fieldClearIconColor' | 'fieldIconContainerColor' | 'fieldErrorMessageColor' | 'fieldErrorMessageTextFontSize' | 'fieldDisabledOpacity' | 'fieldInputTextFontSize' | 'fieldLabelFontSize' | 'fieldLabelLineHeight' | 'fieldSubLabelFontSize' | 'fieldSubLabelLineHeight' | 'fieldErrorMessageTextLineHeight' | 'fieldSubtitleTextColor' | 'fieldLeftIconMarginRight' | 'fieldLeftBodyPaddingRight' | 'fieldCardBorderRadius' | 'fieldCardBackground' | 'fieldCardWidth' | 'fieldCardHeight' | 'fieldCardPadding' | 'fieldTextareaBackground' | 'fieldTextareaBorderRadius' | 'fieldTextareaPadding' | 'fieldTextareaLimitPaddingBottom' | 'fieldTextareaMinHeight' | 'fieldWordLimitColor' | 'fieldWordLimitFontSize' | 'fieldWordLimitLineHeight' | 'fieldWordNumFullColor';
15
15
  type ImageThemeVars = 'imagePlaceholderTextColor' | 'imagePlaceholderFontSize' | 'imagePlaceholderBackgroundColor' | 'imageLoadingIconSize' | 'imageLoadingIconColor' | 'imageErrorSize';
16
16
  type LoadingThemeVars = 'loadingTextColor' | 'loadingTextFontSize' | 'loadingTextLineHeight' | 'loadingSpinnerColor' | 'loadingSpinnerSize' | 'loadingSpinnerAnimationDuration';
17
- type NavBarThemeVars = 'navBarHomeMaxWidth' | 'navBarTitleMaxWidth' | 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconColor' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor' | 'navBarTextFontWeight' | 'navBarSideWidth' | 'navBarTextPadding' | 'navBarIconPadding' | 'navBarTitleMargin' | 'navBarLeftTitlePadding';
17
+ type NavBarThemeVars = 'navBarHomeMaxWidth' | 'navBarTitleMaxWidth' | 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconColor' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor' | 'navBarTextFontWeight' | 'navBarSideWidth' | 'navBarTextPadding' | 'navBarIconPadding' | 'navBarTitleMargin' | 'navBarLeftTitlePadding' | 'navBarSideWidthMin' | 'navBarSideWidthMax';
18
18
  type NoticeBarThemeVars = 'noticeBarHeight' | 'noticeBarPadding' | 'noticeBarWrapablePadding' | 'noticeBarFontSize' | 'noticeBarTextColor' | 'noticeBarLineHeight' | 'noticeBarBackgroundColor' | 'noticeBarBackgroundWarningColor' | 'noticeBarBackgroundErrorColor' | 'noticeBarRightIconColor' | 'noticeBarInfoColor' | 'noticeBarWarningColor' | 'noticeBarErrorColor' | 'noticeBarIconSize' | 'noticeBarBtnColor' | 'noticeBarLeftIconMarginRight' | 'noticeBarRightIconMarginLeft';
19
19
  type NotifyThemeVars = 'notifyPadding' | 'notifyFontSize' | 'notifyLineHeight' | 'notifyPrimaryBackgroundColor' | 'notifySuccessBackgroundColor' | 'notifyDangerBackgroundColor' | 'notifyWarningBackgroundColor';
20
20
  type PickerThemeVars = 'pickerBackgroundColor' | 'pickerPadding' | 'pickerToolbarHeight' | 'pickerTitleFontSize' | 'pickerActionPadding' | 'pickerActionFontSize' | 'pickerConfirmActionColor' | 'pickerCancelActionColor' | 'pickerOptionFontSize' | 'pickerOptionUnitFontSize' | 'pickerOptionTextColor' | 'pickerOptionUnitTextColor' | 'pickerOptionUnitMidSize' | 'pickerLoadingIconColor' | 'pickerOptionSelectedFontWeightBold' | 'pickerLoadingMaskColor' | 'pickerOptionDisabledOpacity' | 'pickerOptionSelectedTextColor';
package/es/@types/nav-bar/index.d.ts CHANGED
@@ -120,6 +120,11 @@ export interface SmartNavBarProps {
120
120
  * @version v2.7.0
121
121
  */
122
122
  background?: string;
123
+ /**
124
+ * @description 侧边栏宽度
125
+ * @version v2.7.3
126
+ */
127
+ sideWidth?: string | number | 'min' | 'max' | 'mid';
123
128
  }
124
129
  export interface SmartNavBarEvents {
125
130
  /**
package/lib/@types/bottom-sheet/index.d.ts CHANGED
@@ -63,6 +63,36 @@ export interface SmartBottomSheetProps {
63
63
  * @default true
64
64
  */
65
65
  showClose?: boolean;
66
+ /**
67
+ * 是否支持拖拽，可用于实现拖拽调整面板高度
68
+ * @version 2.7.2
69
+ * @default false
70
+ */
71
+ draggable?: boolean;
72
+ /**
73
+ * 拖拽时允许的最小高度
74
+ * @version 2.7.2
75
+ * @default windowHeight * 0.8
76
+ */
77
+ minDragHeight?: number;
78
+ /**
79
+ * 拖拽时允许的最大高度
80
+ * @version 2.7.2
81
+ * @default windowHeight * 0.5
82
+ */
83
+ maxDragHeight?: number;
84
+ /**
85
+ * 拖拽时中间态高度
86
+ * @version 2.7.2
87
+ * @default windowHeight * 0.1
88
+ */
89
+ midDragHeight?: number;
90
+ /**
91
+ * 拖拽关闭时的临界高度，低于该高度将自动关闭
92
+ * @version 2.7.2
93
+ * @default windowHeight * 0.4
94
+ */
95
+ closeDragHeight?: number;
66
96
  }
67
97
  export interface SmartBottomSheetEvents extends SmartTransitionEvents {
68
98
  /**
@@ -97,6 +127,11 @@ export interface SmartBottomSheetEvents extends SmartTransitionEvents {
97
127
  * 点击遮罩层时触发
98
128
  */
99
129
  onClickOverlay?: SmartEventHandler;
130
+ /**
131
+ * 拖拽结束时触发，返回当前面板位置
132
+ * @version 2.7.2
133
+ */
134
+ onDragPosition?: SmartEventHandler<'max' | 'mid' | 'min'>;
100
135
  }
101
136
  interface SmartBottomSheetSlot {
102
137
  /**
package/lib/@types/config-provider/theme-vars.d.ts CHANGED
@@ -14,7 +14,7 @@ type CountDownThemeVars = 'countDownTextColor' | 'countDownFontSize' | 'countDow
14
14
  type FieldThemeVars = 'fieldLabelColor' | 'fieldInputTextColor' | 'fieldInputErrorTextColor' | 'fieldPlaceholderTextColor' | 'fieldIconSize' | 'fieldClearIconSize' | 'fieldClearIconColor' | 'fieldIconContainerColor' | 'fieldErrorMessageColor' | 'fieldErrorMessageTextFontSize' | 'fieldDisabledOpacity' | 'fieldInputTextFontSize' | 'fieldLabelFontSize' | 'fieldLabelLineHeight' | 'fieldSubLabelFontSize' | 'fieldSubLabelLineHeight' | 'fieldErrorMessageTextLineHeight' | 'fieldSubtitleTextColor' | 'fieldLeftIconMarginRight' | 'fieldLeftBodyPaddingRight' | 'fieldCardBorderRadius' | 'fieldCardBackground' | 'fieldCardWidth' | 'fieldCardHeight' | 'fieldCardPadding' | 'fieldTextareaBackground' | 'fieldTextareaBorderRadius' | 'fieldTextareaPadding' | 'fieldTextareaLimitPaddingBottom' | 'fieldTextareaMinHeight' | 'fieldWordLimitColor' | 'fieldWordLimitFontSize' | 'fieldWordLimitLineHeight' | 'fieldWordNumFullColor';
15
15
  type ImageThemeVars = 'imagePlaceholderTextColor' | 'imagePlaceholderFontSize' | 'imagePlaceholderBackgroundColor' | 'imageLoadingIconSize' | 'imageLoadingIconColor' | 'imageErrorSize';
16
16
  type LoadingThemeVars = 'loadingTextColor' | 'loadingTextFontSize' | 'loadingTextLineHeight' | 'loadingSpinnerColor' | 'loadingSpinnerSize' | 'loadingSpinnerAnimationDuration';
17
- type NavBarThemeVars = 'navBarHomeMaxWidth' | 'navBarTitleMaxWidth' | 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconColor' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor' | 'navBarTextFontWeight' | 'navBarSideWidth' | 'navBarTextPadding' | 'navBarIconPadding' | 'navBarTitleMargin' | 'navBarLeftTitlePadding';
17
+ type NavBarThemeVars = 'navBarHomeMaxWidth' | 'navBarTitleMaxWidth' | 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconColor' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor' | 'navBarTextFontWeight' | 'navBarSideWidth' | 'navBarTextPadding' | 'navBarIconPadding' | 'navBarTitleMargin' | 'navBarLeftTitlePadding' | 'navBarSideWidthMin' | 'navBarSideWidthMax';
18
18
  type NoticeBarThemeVars = 'noticeBarHeight' | 'noticeBarPadding' | 'noticeBarWrapablePadding' | 'noticeBarFontSize' | 'noticeBarTextColor' | 'noticeBarLineHeight' | 'noticeBarBackgroundColor' | 'noticeBarBackgroundWarningColor' | 'noticeBarBackgroundErrorColor' | 'noticeBarRightIconColor' | 'noticeBarInfoColor' | 'noticeBarWarningColor' | 'noticeBarErrorColor' | 'noticeBarIconSize' | 'noticeBarBtnColor' | 'noticeBarLeftIconMarginRight' | 'noticeBarRightIconMarginLeft';
19
19
  type NotifyThemeVars = 'notifyPadding' | 'notifyFontSize' | 'notifyLineHeight' | 'notifyPrimaryBackgroundColor' | 'notifySuccessBackgroundColor' | 'notifyDangerBackgroundColor' | 'notifyWarningBackgroundColor';
20
20
  type PickerThemeVars = 'pickerBackgroundColor' | 'pickerPadding' | 'pickerToolbarHeight' | 'pickerTitleFontSize' | 'pickerActionPadding' | 'pickerActionFontSize' | 'pickerConfirmActionColor' | 'pickerCancelActionColor' | 'pickerOptionFontSize' | 'pickerOptionUnitFontSize' | 'pickerOptionTextColor' | 'pickerOptionUnitTextColor' | 'pickerOptionUnitMidSize' | 'pickerLoadingIconColor' | 'pickerOptionSelectedFontWeightBold' | 'pickerLoadingMaskColor' | 'pickerOptionDisabledOpacity' | 'pickerOptionSelectedTextColor';
package/lib/@types/nav-bar/index.d.ts CHANGED
@@ -120,6 +120,11 @@ export interface SmartNavBarProps {
120
120
  * @version v2.7.0
121
121
  */
122
122
  background?: string;
123
+ /**
124
+ * @description 侧边栏宽度
125
+ * @version v2.7.3
126
+ */
127
+ sideWidth?: string | number | 'min' | 'max' | 'mid';
123
128
  }
124
129
  export interface SmartNavBarEvents {
125
130
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/smart-ui",
3
- "version": "2.7.2",
3
+ "version": "2.7.3-beta-1",
4
4
  "description": "轻量、可靠的智能小程序 UI 组件库",
5
5
  "scripts": {
6
6
  "syncMiniappData": "node ./build/syncMiniappData.js",
@@ -42,7 +42,7 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@ray-js/components-ty-slider": "^0.3.4",
45
- "@tuya-miniapp/smart-ui": "^2.7.2",
45
+ "@tuya-miniapp/smart-ui": "2.7.3-beta-0",
46
46
  "lodash-es": "^4.17.21"
47
47
  },
48
48
  "devDependencies": {