@tuya-miniapp/smart-ui 2.3.8-beta-5 → 2.3.9-beta-1

package/packages/action-sheet/README.en.md

@@ -1,327 +0,0 @@
----
-category: Feedback
----
-
-# ActionSheet Action Panel
-
-### Introduction
-
-A modal panel that pops up from the bottom, containing multiple options related to the current context.
-
-### Import
-
-Import the component in `app.json` or `index.json`. For detailed introduction, see [Quick Start](/material/smartui?comId=help-getting-started&appType=miniapp).
-
-```json
-"usingComponents": {
-  "smart-action-sheet": "@tuya-miniapp/smart-ui/lib/action-sheet/index"
-}
-```
-
-## Code Demonstration
-
-### Basic Usage
-
-An array of `actions` needs to be passed in, where each item in the array is an object. The object properties are listed in the table below the documentation.
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  bind:close="onClose"
-  bind:cancel="onCancel"
-  bind:select="onSelect"
-/>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    actions: [
-      { id: 0, name: 'Action', checked: true },
-      { id: 1, name: 'Action', checked: false },
-      { id: 2, name: 'Action', checked: false },
-    ],
-  },
-
-  onCancel() {
-    this.setData({ show: false });
-  },
-
-  onClose() {
-    console.log('close')
-  },
-
-  onSelect(event) {
-    console.log(event.detail);
-  },
-});
-```
-
-### Option Status
-
-Options can be set to loading or disabled status.
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="Cancel"
-/>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    actions: [
-      { name: 'Colored Option', color: '#ee0a24' },
-      { loading: true },
-      { name: 'Disabled Option', disabled: true },
-    ],
-  },
-});
-```
-
-### Unchecked List
-
-After setting `actions[idx].checked` property to `false`, an unchecked state list can be displayed.
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="Cancel"
-/>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    actions: [{ name: 'Action' }, { name: 'Action' }, { name: 'Action' }],
-  },
-});
-```
-
-### Display Cancel/Confirm Buttons
-
-After setting the `cancel-text` and `confirm-text` properties, a cancel or confirm button will be displayed at the bottom, closing the current menu when clicked.
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="Cancel"
-  confirm-text="Confirm"
-/>
-```
-
-### Display Description Information
-
-After setting the `description` property, a description will be displayed above the options.
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  description="This is a description"
-/>
-```
-
-### Custom Panel
-
-By setting the `title` property, you can display a title bar, and you can use slots to customize the menu content.
-
-```html
-<smart-action-sheet show="{{ show }}" title="Title">
-  <view>Content</view>
-</smart-action-sheet>
-```
-
-## API
-
-### Props
-
-| Parameter                         | Description                                                                                                         | Type      | Default             |
-| --------------------------------- | ------------------------------------------------------------------------------------------------------------------- | --------- | ------------------- |
-| actions                           | Menu options                                                                                                        | _Array_   | `[]`                |
-| active-color                      | Selected state color of the icon in the list option                                                                  | _string_  | `--app-M1` |
-| cancel-text                       | Text of the cancel button                                                                                           | _string_  | -                   |
-| close-on-click-action             | Whether to close after clicking an option                                                                           | _boolean_ | `true`              |
-| close-on-click-overlay            | Whether clicking the overlay closes the menu                                                                        | _boolean_ | `true`              |
-| confirm-text                      | Text of the confirm button                                                                                          | _string_  | -                   |
-| description           | Description information above the options             | _string_  | -                   |
-| overlay           | Whether to display the overlay     | _boolean_ |  `true`  |
-| round                             | Whether to show rounded corners                                                                                     | _boolean_ | `true`              |
-| safe-area-inset-bottom            | Whether to leave a safe distance at the bottom for iPhoneX                                                          | _boolean_ | `true`              |
-| safe-area-inset-bottom-min `v1.1.0` | Whether to reserve a minimum bottom safe distance for when safeArea is 0, only effective when safeAreaInsetBottom is true | _number_  | `16`                |
-| show                              | Whether to display the action panel                                                                                 | _boolean_ | -                   |
-| title                             | Title                                                                                                               | _string_  | -                   |
-| z-index                           | z-index level                                                                                                       | _number_  | `100`               |
-
-
-### Events
-
-| Event Name          | Description                                             | Parameter                      |
-| ------------------- | ------------------------------------------------------- | ------------------------------ |
-| bind:after-enter    | Triggered after the overlay enters                       | -                              |
-| bind:after-leave    | Triggered after the overlay leaves                       | -                              |
-| bind:before-enter   | Triggered before the overlay enters                      | -                              |
-| bind:before-leave   | Triggered before the overlay leaves                      | -                              |
-| bind:cancel         | Triggered when the cancel button is clicked              | -                              |
-| bind:click-overlay  | Triggered when the overlay is clicked                    | -                              |
-| bind:close          | Triggered when closed                                   | -                              |
-| bind:confirm        | Triggered when the confirm button is clicked             | -                              |
-| bind:enter          | Triggered when the overlay is entering                   | -                              |
-| bind:leave          | Triggered when the overlay is leaving                    | -                              |
-| bind:select         | Triggered when an option is selected, not triggering in disabled or loading state | event.detail: Option object   |
-
-
-### actions
-
-`actions` in `API` is an array of objects, where each object configures each column with the following `key`:
-
-| Key Name    | Description                   | Type      | Default |
-| ----------- | ----------------------------- | --------- | ------- |
-| className   | Adds an extra class name to the corresponding column | _string_  | -       |
-| color       | Text color of the option      | _string_  | -       |
-| disabled    | Whether it's in disabled state | _boolean_ | -       |
-| loading     | Whether it's in loading state | _boolean_ | -       |
-| name        | Title                         | _string_  | -       |
-| subname     | Subtitle                      | _string_  | -       |
-| sendMessageImg | Message card image in session, effective when openType="contact" | _string_ | Screenshot |
-| sendMessagePath | Path to navigate to the mini-program when clicking on the message card in session, effective when openType="contact" | _string_ | Current sharing path |
-| sendMessageTitle | Title of the message card in session, effective when openType="contact" | _string_ | Current title |
-| showMessageCard | Whether to display the message card in session. When this parameter is set to true, the user will see "Possible mini-program to send" in the lower right corner when entering the customer service session, which allows for quick mini-program message sending upon clicking. Effective when openType="contact" | _string_ | `false` |
-
-
-### External Style Classes
-
-| Class Name     | Description            |
-| -------------- | ---------------------- |
-| custom-class   | Root node style class  |
-| list-class     | Style class for `actions` container |
-
-### Style Variables
-
-The component provides the following CSS variables for custom styles. For usage, see the [ConfigProvider component](/material/smartui?comId=config-provider&appType=miniapp).
-
-| Name                           | Default Value                           | Description |
-| -----------------------------  | --------------------------------------  | ----------- |
-| --action-sheet-width | _calc(100% - 32px)_ | Width of the popup |
-| --action-sheet-left | _16px_ | Left position of the popup in absolute positioning |
-| --action-sheet-max-height | _90%_ | Maximum height of the popup |
-| --action-sheet-margin | _0 0 16px_ | Margin of the popup |
-| --action-sheet-active-color | _var(--app-B1, #f6f7fb)_ | Color of the selected icon |
-| --action-sheet-item-disabled-opacity | _0.3_ | Opacity of the disabled list |
-| --action-sheet-header-border-color | _var(--app-B4-N7, rgba(0, 0, 0, 0.1))_ | Border color of the header |
-| --action-sheet-header-height | _56px_ | Height of the header |
-| --action-sheet-header-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | Font color of the header |
-| --action-sheet-header-font-size | _16px_ | Font size of the header |
-| --action-sheet-header-font-weight | _normal_ | Font weight of the header |
-| --action-sheet-description-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | Color of the description text |
-| --action-sheet-description-font-size | _14px_ | Font size of the description text |
-| --action-sheet-description-line-height | _20px_ | Line height of the description text |
-| --action-sheet-item-background | _var(--app-B4, #ffffff)_ | Background color of the list |
-| --action-sheet-item-border-radius | _0_ | Border radius of the list |
-| --action-sheet-item-icon-margin | _16px 16px 0 0_ | Icon margin size of the list |
-| --action-sheet-item-icon-color | _var(--app-M1, #3678e3)_ | Icon color of the list |
-| --action-sheet-item-icon-size | _28px_ | Icon size of the list |
-| --action-sheet-item-font-size | _16px_ | Font size of the list text |
-| --action-sheet-item-font-weight | _normal_ | Font weight of the list text |
-| --action-sheet-item-line-height | _24px_ | Line height of the list text |
-| --action-sheet-item-text-color | _var(--app-B4-N1, rgba(0, 0, 0, 1))_ | Text color of the list |
-| --action-sheet-subname-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | Font color of the second-level name in the list |
-| --action-sheet-subname-font-size | _12px_ | Font size of the second-level name in the list |
-| --action-sheet-subname-line-height | _20px_ | - |
-| --action-sheet-confirm-text-color | _var(--app-B4-N1, rgba(0, 0, 0, 1))_ | Font color of the confirm button |
-| --action-sheet-confirm-font-weight | _500_ | Font weight of the confirm button |
-| --action-sheet-cancel-text-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | Font color of the cancel button |
-| --action-sheet-footer-padding-top | _8px_ | Top padding of the footer content |
-| --action-sheet-footer-padding-color | _var(--app-B4-N9, rgba(0, 0, 0, 0.05))_ | Spacing color between the footer content and the list |
-| --action-sheet-active-icon-color `v2.2.0` | _var(--app-M1, #3678e3)_ | Color of the selected icon in the list |
-
-## FAQ
-
-### Why does the Slider subcomponent used in the ActionSheet render and position incorrectly?
-
-This is because the `Slider` component may not be fully rendered when the `ActionSheet` opens, preventing us from acquiring its DOM, thus causing positioning issues. The solution is to start rendering the `Slider` component after the `onAfterEnter` event callback of the `ActionSheet`. This ensures that the `Slider` is properly rendered when we attempt to acquire its DOM. Please refer to the example below:
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  title="Title"
-  cancel-text="Action"
-  confirm-text="Action"
-  bind:close="onClose"
-  bind:cancel="onClose"
-  bind:confirm="onClose"
-  bind:after-enter="onAfterEnter"
->
-  <view class="content-number">
-    <view class="demo-header">
-      <text class="demo-text">{{ currentNumber }}%</text>
-    </view>
-    <view class="demo-slider">
-      <smart-slider
-        wx:if="{{ isReady }}"
-        instanceId="action-sheet-slider"
-        trackStyle="height:45px;border-radius:8px;"
-        barStyle="height:45px;border-radius:8px;"
-        thumbStyle="width:15px;height:50px;background:#BBC5D4;border:2px solid #FFFFFF;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.5);border-radius:2px;"
-        value="{{ currentNumber }}"
-        bind:change="onChange"
-      />
-      <view wx:else style="height: 45px;" />
-    </view>
-  </view>
-</smart-action-sheet>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    isReady: false,
-    currentNumber: 0,
-  },
-
-  onClose() {
-    this.setData({ show: false });
-  },
-  
-  onAfterEnter() {
-    this.setData({ isReady: true })
-  },
-
-  onChange(event) {
-    this.setData({ currentNumber: event.detail.value });
-  },
-});
-```
-
-```css
-.content-number {
-  padding: 10px 39px;
-  background: var(--app-B1, #f6f7fb);
-  text-align: center;
-  color: var(--app-B4-N1, #000);
-}
-
-.demo-header {
-  padding: 10px 39px;
-}
-
-.demo-text {
-  font-size: 40px;
-  font-weight: 600;
-  line-height: 46px;
-}
-
-.demo-slider {
-  margin: 23px 0;
-  min-height: 45px;
-}
-```

package/packages/action-sheet/README.md

@@ -1,327 +0,0 @@
----
-category: 反馈
----
-
-# ActionSheet 动作面板
-
-### 介绍
-
-底部弹起的模态面板，包含与当前情境相关的多个选项。
-
-### 引入
-
-在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](/material/smartui?comId=help-getting-started&appType=miniapp)。
-
-```json
-"usingComponents": {
-  "smart-action-sheet": "@tuya-miniapp/smart-ui/lib/action-sheet/index"
-}
-```
-
-## 代码演示
-
-### 基础用法
-
-需要传入一个`actions`的数组，数组的每一项是一个对象，对象属性见文档下方表格。
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  bind:close="onClose"
-  bind:cancel="onCancel"
-  bind:select="onSelect"
-/>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    actions: [
-      { id: 0, name: 'Action', checked: true },
-      { id: 1, name: 'Action', checked: false },
-      { id: 2, name: 'Action', checked: false },
-    ],
-  },
-
-  onCancel() {
-    this.setData({ show: false });
-  },
-
-  onClose() {
-    console.log('close')
-  },
-
-  onSelect(event) {
-    console.log(event.detail);
-  },
-});
-```
-
-### 选项状态
-
-选项可以设置为加载状态或禁用状态。
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="取消"
-/>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    actions: [
-      { name: '着色选项', color: '#ee0a24' },
-      { loading: true },
-      { name: '禁用选项', disabled: true },
-    ],
-  },
-});
-```
-
-### 无选中列表
-
-设置`actions[idx].checked`属性为`false`后，可以展示无选中状态的列表。
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="取消"
-/>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    actions: [{ name: 'Action' }, { name: 'Action' }, { name: 'Action' }],
-  },
-});
-```
-
-### 展示取消/确认按钮
-
-设置`cancel-text`、`confirm-text`属性后，会在底部展示取消或确认按钮，点击后关闭当前菜单。
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  cancel-text="取消"
-  confirm-text="确认"
-/>
-```
-
-### 展示描述信息
-
-设置`description`属性后，会在选项上方显示描述信息。
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  actions="{{ actions }}"
-  description="这是一段描述信息"
-/>
-```
-
-### 自定义面板
-
-通过设置`title`属性展示标题栏，同时可以使用插槽自定义菜单内容。
-
-```html
-<smart-action-sheet show="{{ show }}" title="标题">
-  <view>内容</view>
-</smart-action-sheet>
-```
-
-## API
-
-### Props
-
-| 参数                               | 说明                                                                                                                 | 类型      | 默认值              |
-| ---------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------- | ------------------- |
-| actions                            | 菜单选项                                                                                                             | _Array_   | `[]`                |
-| active-color                       | 列表选项中 icon 的选中态颜色                                                                                         | _string_  | `--app-M1` |
-| cancel-text                        | 取消按钮文字                                                                                                         | _string_  | -                   |
-| close-on-click-action              | 是否在点击选项后关闭                                                                                                 | _boolean_ | `true`              |
-| close-on-click-overlay             | 点击遮罩是否关闭菜单                                                                                                 | _boolean_ | `true`              |
-| confirm-text                       | 确认按钮文字                                                                                                         | _string_  | -                   |
-| description                        | 选项上方的描述信息                                                                                                   | _string_  | -                   |
-| overlay                            | 是否显示遮罩层                                                                                                       | _boolean_ | `true`                   |
-| round                              | 是否显示圆角                                                                                                         | _boolean_ | `true`              |
-| safe-area-inset-bottom             | 是否为 iPhoneX 留出底部安全距离                                                                                      | _boolean_ | `true`              |
-| safe-area-inset-bottom-min `v1.1.0` | 是否需要预留出一个最小的底部安全距离，用于在 safeArea 底部为 0 时进行追加，需要在 safeAreaInsetBottom 为 true 时生效 | _number_  | `16`                |
-| show                               | 是否显示动作面板                                                                                                     | _boolean_ | -                   |
-| title                              | 标题                                                                                                                 | _string_  | -                   |
-| z-index                            | z-index 层级                                                                                                         | _number_  | `100`               |
-
-### Events
-
-| 事件名             | 说明                                     | 参数                         |
-| ------------------ | ---------------------------------------- | ---------------------------- |
-| bind:after-enter   | 遮罩进入后触发                           | -                            |
-| bind:after-leave   | 遮罩离开后触发                           | -                            |
-| bind:before-enter  | 遮罩进入前触发                           | -                            |
-| bind:before-leave  | 遮罩离开前触发                           | -                            |
-| bind:cancel        | 取消按钮点击时触发                       | -                            |
-| bind:click-overlay | 点击遮罩层时触发                         | -                            |
-| bind:close         | 关闭时触发                               | -                            |
-| bind:confirm       | 确认按钮点击时触发                       | -                            |
-| bind:enter         | 遮罩进入中触发                           | -                            |
-| bind:leave         | 遮罩离开中触发                           | -                            |
-| bind:select        | 选中选项时触发，禁用或加载状态下不会触发 | event.detail: 选项对应的对象 |
-
-### actions
-
-`API`中的`actions`为一个对象数组，数组中的每一个对象配置每一列，每一列有以下`key`：
-
-| 键名      | 说明                          | 类型      | 默认值 |
-| --------- | ----------------------------- | --------- | ------ |
-| className | 为对应列添加额外的 class 类名 | _string_  | -      |
-| color     | 选项文字颜色                  | _string_  | -      |
-| disabled  | 是否为禁用状态                | _boolean_ | -      |
-| loading   | 是否为加载状态                | _boolean_ | -      |
-| name      | 标题                          | _string_  | -      |
-| subname   | 二级标题                      | _string_  | -      |
-| sendMessageImg | 会话内消息卡片图片，openType="contact"时有效 | _string_ | 截图 |
-| sendMessagePath | 会话内消息卡片点击跳转小程序路径，openType="contact"时有效 | _string_ | 当前分享路径 |
-| sendMessageTitle | 会话内消息卡片标题，openType="contact"时有效 | _string_ | 当前标题 |
-| showMessageCard | 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效 | _string_ | `false` |
-
-### 外部样式类
-
-| 类名         | 说明                |
-| ------------ | ------------------- |
-| custom-class | 根节点样式类        |
-| list-class   | `actions`容器样式类 |
-
-
-### 样式变量
-
-组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](/material/smartui?comId=config-provider&appType=miniapp)。
-
-| 名称                          | 默认值                                 | 描述 |
-| ----------------------------- | -------------------------------------- | ---- |
-| --action-sheet-width | _calc(100% - 32px)_ | 弹窗的宽度 |
-| --action-sheet-left | _16px_ | 弹窗绝对定位左侧的位置 |
-| --action-sheet-max-height | _90%_ | 弹窗的最大高度 |
-| --action-sheet-margin | _0 0 16px_ | 弹窗的边距 |
-| --action-sheet-active-color | _var(--app-B1, #f6f7fb)_ | 选中图标的颜色 |
-| --action-sheet-item-disabled-opacity | _0.3_ | 禁用列表的透明度 |
-| --action-sheet-header-border-color | _var(--app-B4-N7, rgba(0, 0, 0, 0.1))_ | 头部的边框色 |
-| --action-sheet-header-height | _56px_ | 头部的高度 |
-| --action-sheet-header-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | 头部的字体颜色 |
-| --action-sheet-header-font-size | _16px_ | 头部的字体大小 |
-| --action-sheet-header-font-weight | _normal_ | 头部的字重 |
-| --action-sheet-description-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | 说明文字的颜色 |
-| --action-sheet-description-font-size | _14px_ | 说明文字的字体大小 |
-| --action-sheet-description-line-height | _20px_ | 说明文字的行高 |
-| --action-sheet-item-background | _var(--app-B4, #ffffff)_ | 列表的背景色 |
-| --action-sheet-item-border-radius | _0_ | 列表的边框圆角 |
-| --action-sheet-item-icon-margin | _16px 16px 0 0_ | 列表的图标大小边距 |
-| --action-sheet-item-icon-color | _var(--app-M1, #3678e3)_ | 列表的图标颜色 |
-| --action-sheet-item-icon-size | _28px_ | 列表的图标大小 |
-| --action-sheet-item-font-size | _16px_ | 列表的文字字体大小 |
-| --action-sheet-item-font-weight | _normal_ | 列表的文字字重 |
-| --action-sheet-item-line-height | _24px_ | 列表的文字的行高 |
-| --action-sheet-item-text-color | _var(--app-B4-N1, rgba(0, 0, 0, 1))_ | 列表的文字的颜色 |
-| --action-sheet-subname-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | 列表二级名称的字体颜色 |
-| --action-sheet-subname-font-size | _12px_ | 列表二级名称的字体大小 |
-| --action-sheet-subname-line-height | _20px_ | - |
-| --action-sheet-confirm-text-color | _var(--app-B4-N1, rgba(0, 0, 0, 1))_ | 确认按钮的字体颜色 |
-| --action-sheet-confirm-font-weight | _500_ | 确认按钮的字体字重 |
-| --action-sheet-cancel-text-color | _var(--app-B4-N3, rgba(0, 0, 0, 0.5))_ | 取消按钮的字体颜色 |
-| --action-sheet-footer-padding-top | _8px_ | 底部内容的顶部内边距 |
-| --action-sheet-footer-padding-color | _var(--app-B4-N9, rgba(0, 0, 0, 0.05))_ | 底部内容的距离列表的间隔色 |
-| --action-sheet-active-icon-color `v2.2.0` | _var(--app-M1, #3678e3)_ | 列表选中图标的颜色 |
-
-
-
-## 常见问题
-
-### ActionSheet 子组件使用 Slider 渲染定位异常，是什么情况？
-
-由于 `Slider` 组件在 `ActionSheet` 打开时可能尚未完全渲染，因此我们无法获取其 DOM，从而导致定位出现问题。解决方案是在 `ActionSheet` 的 `onAfterEnter` 事件回调之后再开始渲染 `Slider` 组件。这样，我们可以确保 `Slider` 能够在获取 DOM 时被正常渲染。请参考以下示例：
-
-```html
-<smart-action-sheet
-  show="{{ show }}"
-  title="Title"
-  cancel-text="Action"
-  confirm-text="Action"
-  bind:close="onClose"
-  bind:cancel="onClose"
-  bind:confirm="onClose"
-  bind:after-enter="onAfterEnter"
->
-  <view class="content-number">
-    <view class="demo-header">
-      <text class="demo-text">{{ currentNumber }}%</text>
-    </view>
-    <view class="demo-slider">
-      <smart-slider
-        wx:if="{{ isReady }}"
-        instanceId="action-sheet-slider"
-        trackStyle="height:45px;border-radius:8px;"
-        barStyle="height:45px;border-radius:8px;"
-        thumbStyle="width:15px;height:50px;background:#BBC5D4;border:2px solid #FFFFFF;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.5);border-radius:2px;"
-        value="{{ currentNumber }}"
-        bind:change="onChange"
-      />
-      <view wx:else style="height: 45px;" />
-    </view>
-  </view>
-</smart-action-sheet>
-```
-
-```javascript
-Page({
-  data: {
-    show: false,
-    isReady: false,
-    currentNumber: 0,
-  },
-
-  onClose() {
-    this.setData({ show: false });
-  },
-  
-  onAfterEnter() {
-    this.setData({ isReady: true })
-  },
-
-  onChange(event) {
-    this.setData({ currentNumber: event.detail.value });
-  },
-});
-```
-
-```css
-.content-number {
-  padding: 10px 39px;
-  background: var(--app-B1, #f6f7fb);
-  text-align: center;
-  color: var(--app-B4-N1, #000);
-}
-
-.demo-header {
-  padding: 10px 39px;
-}
-
-.demo-text {
-  font-size: 40px;
-  font-weight: 600;
-  line-height: 46px;
-}
-
-.demo-slider {
-  margin: 23px 0;
-  min-height: 45px;
-}
-```

package/packages/action-sheet/demo/index.json

@@ -1,10 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "smart-button": "../../button/index",
-    "smart-action-sheet": "../../action-sheet/index",
-    "smart-slider": "../../normal-slider/index",
-    "smart-datetime-picker": "../../datetime-picker/index",
-    "demo-block": "../../../example/components/demo-block/index"
-  }
-}