vant 4.0.0-alpha.2 → 4.0.0-beta.0

package/LICENSE

@@ -0,0 +1,10 @@
+MIT License
+
+Copyright (c) Youzan
+Copyright (c) Chen Jiahan and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+    <img alt="logo" src="https://fastly.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
 </p>
 
 <h1 align="center">Vant</h1>
@@ -18,7 +18,7 @@
 <p align="center">
   🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站（国内）</a>
   &nbsp;
-  🌈 <a href="https://youzan.github.io/vant">文档网站（GitHub）</a>
+  🌈 <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
   &nbsp;
   🇨🇳 <a href="./README.zh-CN.md">中文版介绍</a>
 </p>
@@ -74,7 +74,7 @@ const app = createApp();
 app.use(Button);
 ```
 
-See more in [Quickstart](https://youzan.github.io/vant#/en-US/quickstart).
+See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
 
 ## Browser Support
 
@@ -87,7 +87,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | Project | Description |
 | --- | --- |
 | [vant-weapp](https://github.com/youzan/vant-weapp) | WeChat MiniProgram UI |
-| [vant-demo](https://github.com/youzan/vant-demo) | Collection of Vant demos |
+| [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
 | [vant-cli](https://github.com/youzan/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
 | [vant-icons](https://github.com/youzan/vant/tree/dev/packages/vant-icons) | Vant icons |
 | [vant-touch-emulator](https://github.com/youzan/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
@@ -106,15 +106,15 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 ## Links
 
-- [Documentation](https://youzan.github.io/vant)
-- [Changelog](https://youzan.github.io/vant#/en-US/changelog)
+- [Documentation](https://vant-ui.github.io/vant)
+- [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
 - [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
 
 ## Preview
 
 You can scan the following QR code to access the demo：
 
-<img src="https://cdn.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
+<img src="https://fastly.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
 
 ## Core Team
 

package/changelog.generated.md

@@ -1,13 +1,85 @@
+### [v4.0.0-beta.0](https://github.com/youzan/vant/compare/v3.5.2...v4.0.0-beta.0)
+
+`2022-07-16`
+
+**Bug Fixes**
+
+- @vant-cli: compilation error when using setup syntactic sugar and including subcomponents [cb7512](https://github.com/youzan/vant/commit/cb751211f1184a7a36627b45290f84c64d656f5a)
+- Uploader: should not preview failed images [#10790](https://github.com/youzan/vant/issues/10790)
+
+**Document**
+
+- changelog: @vant/cli@4.0.3 [#10772](https://github.com/youzan/vant/issues/10772)
+- changelog: 4.0.0-alpha.4 [635194](https://github.com/youzan/vant/commit/63519433f12d4b1a17191c83df1dd928f5909542)
+- changelog: vant@3.5.2 [e5a3aa](https://github.com/youzan/vant/commit/e5a3aa103dcd087f091d757ad244179ad4a70f42)
+- update website domain [#10798](https://github.com/youzan/vant/issues/10798)
+
+**Feature**
+
+- add @vant/compat package [#10806](https://github.com/youzan/vant/issues/10806)
+- Calendar: expose getSelectedDate method [419a8e](https://github.com/youzan/vant/commit/419a8e4f0e6454b9aac30d5800318deabec099cb)
+- cli: support site.headHtml option [#10807](https://github.com/youzan/vant/issues/10807)
+
+**perf**
+
+- cli: improve cli boot time [#10780](https://github.com/youzan/vant/issues/10780)
+- cli: replace lint-staged with nano-staged [#10778](https://github.com/youzan/vant/issues/10778)
+- cli: replace ora with nanospinner [#10779](https://github.com/youzan/vant/issues/10779)
+- remove less source file to remove bundle size [#10752](https://github.com/youzan/vant/issues/10752)
+
+**refactor**
+
+- Dialog: redesign function-call API [#10781](https://github.com/youzan/vant/issues/10781)
+- ImagePreview: redesign function-call API [#10802](https://github.com/youzan/vant/issues/10802)
+- Notify: redesign function-call API [#10782](https://github.com/youzan/vant/issues/10782)
+- Toast: redesign function-call API [#10804](https://github.com/youzan/vant/issues/10804)
+
+**release**
+
+- @vant/cli 4.0.3 [e4fc6f](https://github.com/youzan/vant/commit/e4fc6f9081728d3f59ef8d60c18bc5e7fa72d571)
+### [v4.0.0-alpha.4](https://github.com/youzan/vant/compare/v3.5.0-beta.0...v4.0.0-alpha.4)
+
+`2022-05-31`
+
+**Document**
+
+- changelog: 4.0.0-alpha.3 [fe2115](https://github.com/youzan/vant/commit/fe2115ee5c1e86f006858bc930219313afb46747)
+
+**Feature**
+
+- using mjs extension for esmodule [#10625](https://github.com/youzan/vant/issues/10625)
+
+**release**
+
+- 4.0.0-alpha.4 [1f19fb](https://github.com/youzan/vant/commit/1f19fb0d9f91317e799f4ce8f017f56841dad6e6)
+### [v4.0.0-alpha.3](https://github.com/youzan/vant/compare/v3.4.9...v4.0.0-alpha.3)
+
+`2022-05-02`
+
+**Bug Fixes**
+
+- Search: style error in dark mode [#10527](https://github.com/youzan/vant/issues/10527)
+
+**Document**
+
+- changelog: 4.0.0-alpha.2 [912a5f](https://github.com/youzan/vant/commit/912a5f17b1b429baa063de91c68a8bf6650b1189)
+
+**release**
+
+- 4.0.0-alpha.3 [bc60f5](https://github.com/youzan/vant/commit/bc60f5116bd832c599ec8ba43b58daece4abe280)
 ### [v4.0.0-alpha.2](https://github.com/youzan/vant/compare/v3.4.8...v4.0.0-alpha.2)
 
 `2022-04-16`
 
 **Document**
 
-- changelog: 3.4.8 [666089](https://github.com/youzan/vant/commit/666089edbb2b894fec5e8f023c0037ca5c7dbe41)
 - changelog: 4.0.0-alpha.1 [5bff9e](https://github.com/youzan/vant/commit/5bff9e8c5ff4716740c7555ef185163569f7576c)
 
 - breaking change(AddressEdit): remove postal [e08e98](https://github.com/youzan/vant/commit/e08e9845a29b8d5587f02eff84368e32157678f4)
+
+**release**
+
+- 4.0.0-alpha.2 [ea57c9](https://github.com/youzan/vant/commit/ea57c9e9ffc10847ac31e1c6b6dac8f81c4abb22)
 ### [v4.0.0-alpha.1](https://github.com/youzan/vant/compare/v3.4.6...v4.0.0-alpha.1)
 
 `2022-03-19`
@@ -151,44 +223,28 @@
 - Picker: fix columns prop typing [6c64bc](https://github.com/youzan/vant/commit/6c64bc33c1ba537b7951dcbc02d6deec3aaab093)
 - Picker: fix return type of getSelectedOptions [967cb5](https://github.com/youzan/vant/commit/967cb56c181cc145189a868f49c4666a75f85b00)
 - TimePicker: export TimePickerColumnType [b608fb](https://github.com/youzan/vant/commit/b608fb23f031cf09a474039cd9cd23f8bc7811d3)
-### [v3.4.8](https://github.com/youzan/vant/compare/v3.4.7...v3.4.8)
+### [v3.5.2](https://github.com/youzan/vant/compare/v3.5.1...v3.5.2)
 
-`2022-04-16`
+`2022-06-26`
 
 **Bug Fixes**
 
-- datetime-picker: modeValue is inconsistent with the selected data. [#10448](https://github.com/youzan/vant/issues/10448)
-- Rate: support precisely selected [#10500](https://github.com/youzan/vant/issues/10500)
-
-**doc**
-
-- update readme add sfc-playground-vant to Community Ecosystem [#10475](https://github.com/youzan/vant/issues/10475)
+- List: element with `overflow: overlay` style should be considered a scroll container [#10743](https://github.com/youzan/vant/issues/10743)
 
 **Document**
 
-- @vant/cli: changelog v4.0.1 [#10473](https://github.com/youzan/vant/issues/10473)
-- @vant/icons: changelog v1.8.0 [#10472](https://github.com/youzan/vant/issues/10472)
-- Badge: add show-zero tip [#10506](https://github.com/youzan/vant/issues/10506)
-- changelog: 3.4.7 [99876c](https://github.com/youzan/vant/commit/99876cfb7c203b5a37fcef1220eeee55d02772cd)
-- ContactCard: fix missing editable prop [#10507](https://github.com/youzan/vant/issues/10507)
-- fix ContactCard return error [#10460](https://github.com/youzan/vant/issues/10460)
-- fix Lazyload register multilple times [#10456](https://github.com/youzan/vant/issues/10456)
-- Icons: update contribution guide [#10471](https://github.com/youzan/vant/issues/10471)
-- List: add en FAQ [#10508](https://github.com/youzan/vant/issues/10508)
+- add guide of function component style [#10728](https://github.com/youzan/vant/issues/10728)
+- changelog: 3.5.1 [ffefe3](https://github.com/youzan/vant/commit/ffefe3002f674f644b90f8fdfb04dc004a3a8c4f)
+- Switch: fix custom node demo [#10720](https://github.com/youzan/vant/issues/10720)
 
 **Feature**
 
-- CalendarDay: add default margin-bottom [#10441](https://github.com/youzan/vant/issues/10441)
-- Empty: support set the image size separately [#10465](https://github.com/youzan/vant/issues/10465)
-- Field: add enterkeyhint prop [#10478](https://github.com/youzan/vant/issues/10478)
-- Form: add getValues method [#10511](https://github.com/youzan/vant/issues/10511)
-- Icon: add some icons for ShareSheet [#10468](https://github.com/youzan/vant/issues/10468)
-- Locale: add Danish lang [#10513](https://github.com/youzan/vant/issues/10513)
-- ShareSheet: no longer rely on CDN images [#10469](https://github.com/youzan/vant/issues/10469)
-- VantMarkdownVetur: support arguments of events [#10474](https://github.com/youzan/vant/issues/10474)
+- ActionBar: add placeholder prop [#10724](https://github.com/youzan/vant/issues/10724)
+- cli: add build.bundleOptions config [#10751](https://github.com/youzan/vant/issues/10751)
+- cli: add css.removeSourceFile config [#10750](https://github.com/youzan/vant/issues/10750)
+- Field: add start-validate and end-validate event [#10726](https://github.com/youzan/vant/issues/10726)
+- SubmitBar: add placeholder prop [#10725](https://github.com/youzan/vant/issues/10725)
 
 **release**
 
-- @vant/icons 1.8.0 [e461ab](https://github.com/youzan/vant/commit/e461abaafaea45ee6ba5eb06145618867a3ff7cf)
-- @vant/markdown-vetur v2.3.0 [#10480](https://github.com/youzan/vant/issues/10480)
-- 3.4.8 [f525be](https://github.com/youzan/vant/commit/f525be1e0db180bda4da4245f48f74b1e4b1ed78)
+- 3.5.2 [52957e](https://github.com/youzan/vant/commit/52957ec244f2e33fff7768c1a52e29fc6589019d)

package/es/action-bar/ActionBar.d.ts

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
 declare const actionBarProps: {
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -8,16 +9,19 @@ declare const actionBarProps: {
 };
 export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>;
 export default _default;

package/es/action-bar/ActionBar.mjs

@@ -0,0 +1,44 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent, ref } from "vue";
+import { truthProp, createNamespace } from "../utils/index.mjs";
+import { useChildren } from "@vant/use";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
+const [name, bem] = createNamespace("action-bar");
+const ACTION_BAR_KEY = Symbol(name);
+const actionBarProps = {
+  placeholder: Boolean,
+  safeAreaInsetBottom: truthProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: actionBarProps,
+  setup(props, {
+    slots
+  }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem);
+    const {
+      linkChildren
+    } = useChildren(ACTION_BAR_KEY);
+    linkChildren();
+    const renderActionBar = () => {
+      var _a;
+      return _createVNode("div", {
+        "ref": root,
+        "class": [bem(), {
+          "van-safe-area-bottom": props.safeAreaInsetBottom
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
+  }
+});
+export {
+  ACTION_BAR_KEY,
+  stdin_default as default
+};

package/es/action-bar/index.d.ts

@@ -1,14 +1,17 @@
 export declare const ActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;

package/es/action-bar/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _ActionBar from "./ActionBar.mjs";
+const ActionBar = withInstall(_ActionBar);
+var stdin_default = ActionBar;
+export {
+  ActionBar,
+  stdin_default as default
+};

package/es/action-bar-button/ActionBarButton.mjs

@@ -0,0 +1,73 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent } from "vue";
+import { extend, createNamespace } from "../utils/index.mjs";
+import { ACTION_BAR_KEY } from "../action-bar/ActionBar.mjs";
+import { useParent } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Button } from "../button/index.mjs";
+const [name, bem] = createNamespace("action-bar-button");
+const actionBarButtonProps = extend({}, routeProps, {
+  type: String,
+  text: String,
+  icon: String,
+  color: String,
+  loading: Boolean,
+  disabled: Boolean
+});
+var stdin_default = defineComponent({
+  name,
+  props: actionBarButtonProps,
+  setup(props, {
+    slots
+  }) {
+    const route = useRoute();
+    const {
+      parent,
+      index
+    } = useParent(ACTION_BAR_KEY);
+    const isFirst = computed(() => {
+      if (parent) {
+        const prev = parent.children[index.value - 1];
+        return !(prev && "isButton" in prev);
+      }
+    });
+    const isLast = computed(() => {
+      if (parent) {
+        const next = parent.children[index.value + 1];
+        return !(next && "isButton" in next);
+      }
+    });
+    useExpose({
+      isButton: true
+    });
+    return () => {
+      const {
+        type,
+        icon,
+        text,
+        color,
+        loading,
+        disabled
+      } = props;
+      return _createVNode(Button, {
+        "class": bem([type, {
+          last: isLast.value,
+          first: isFirst.value
+        }]),
+        "size": "large",
+        "type": type,
+        "icon": icon,
+        "color": color,
+        "loading": loading,
+        "disabled": disabled,
+        "onClick": route
+      }, {
+        default: () => [slots.default ? slots.default() : text]
+      });
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/action-bar-button/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _ActionBarButton from "./ActionBarButton.mjs";
+const ActionBarButton = withInstall(_ActionBarButton);
+var stdin_default = ActionBarButton;
+export {
+  ActionBarButton,
+  stdin_default as default
+};

package/es/action-bar-icon/ActionBarIcon.mjs

@@ -0,0 +1,68 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { defineComponent } from "vue";
+import { extend, createNamespace, unknownProp, numericProp } from "../utils/index.mjs";
+import { ACTION_BAR_KEY } from "../action-bar/ActionBar.mjs";
+import { useParent } from "@vant/use";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Badge } from "../badge/index.mjs";
+const [name, bem] = createNamespace("action-bar-icon");
+const actionBarIconProps = extend({}, routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  color: String,
+  badge: numericProp,
+  iconClass: unknownProp,
+  badgeProps: Object,
+  iconPrefix: String
+});
+var stdin_default = defineComponent({
+  name,
+  props: actionBarIconProps,
+  setup(props, {
+    slots
+  }) {
+    const route = useRoute();
+    useParent(ACTION_BAR_KEY);
+    const renderIcon = () => {
+      const {
+        dot,
+        badge,
+        icon,
+        color,
+        iconClass,
+        badgeProps,
+        iconPrefix
+      } = props;
+      if (slots.icon) {
+        return _createVNode(Badge, _mergeProps({
+          "dot": dot,
+          "class": bem("icon"),
+          "content": badge
+        }, badgeProps), {
+          default: slots.icon
+        });
+      }
+      return _createVNode(Icon, {
+        "tag": "div",
+        "dot": dot,
+        "name": icon,
+        "badge": badge,
+        "color": color,
+        "class": [bem("icon"), iconClass],
+        "badgeProps": badgeProps,
+        "classPrefix": iconPrefix
+      }, null);
+    };
+    return () => _createVNode("div", {
+      "role": "button",
+      "class": bem(),
+      "tabindex": 0,
+      "onClick": route
+    }, [renderIcon(), slots.default ? slots.default() : props.text]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/action-bar-icon/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _ActionBarIcon from "./ActionBarIcon.mjs";
+const ActionBarIcon = withInstall(_ActionBarIcon);
+var stdin_default = ActionBarIcon;
+export {
+  ActionBarIcon,
+  stdin_default as default
+};

package/es/action-sheet/ActionSheet.mjs

@@ -0,0 +1,131 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { nextTick, defineComponent } from "vue";
+import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Loading } from "../loading/index.mjs";
+import { popupSharedProps, popupSharedPropKeys } from "../popup/shared.mjs";
+const [name, bem] = createNamespace("action-sheet");
+const actionSheetProps = extend({}, popupSharedProps, {
+  title: String,
+  round: truthProp,
+  actions: makeArrayProp(),
+  closeIcon: makeStringProp("cross"),
+  closeable: truthProp,
+  cancelText: String,
+  description: String,
+  closeOnPopstate: truthProp,
+  closeOnClickAction: Boolean,
+  safeAreaInsetBottom: truthProp
+});
+const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+var stdin_default = defineComponent({
+  name,
+  props: actionSheetProps,
+  emits: ["select", "cancel", "update:show"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const updateShow = (show) => emit("update:show", show);
+    const onCancel = () => {
+      updateShow(false);
+      emit("cancel");
+    };
+    const renderHeader = () => {
+      if (props.title) {
+        return _createVNode("div", {
+          "class": bem("header")
+        }, [props.title, props.closeable && _createVNode(Icon, {
+          "name": props.closeIcon,
+          "class": [bem("close"), HAPTICS_FEEDBACK],
+          "onClick": onCancel
+        }, null)]);
+      }
+    };
+    const renderCancel = () => {
+      if (slots.cancel || props.cancelText) {
+        return [_createVNode("div", {
+          "class": bem("gap")
+        }, null), _createVNode("button", {
+          "type": "button",
+          "class": bem("cancel"),
+          "onClick": onCancel
+        }, [slots.cancel ? slots.cancel() : props.cancelText])];
+      }
+    };
+    const renderActionContent = (action, index) => {
+      if (action.loading) {
+        return _createVNode(Loading, {
+          "class": bem("loading-icon")
+        }, null);
+      }
+      if (slots.action) {
+        return slots.action({
+          action,
+          index
+        });
+      }
+      return [_createVNode("span", {
+        "class": bem("name")
+      }, [action.name]), action.subname && _createVNode("div", {
+        "class": bem("subname")
+      }, [action.subname])];
+    };
+    const renderAction = (action, index) => {
+      const {
+        color,
+        loading,
+        callback,
+        disabled,
+        className
+      } = action;
+      const onClick = () => {
+        if (disabled || loading) {
+          return;
+        }
+        if (callback) {
+          callback(action);
+        }
+        if (props.closeOnClickAction) {
+          updateShow(false);
+        }
+        nextTick(() => emit("select", action, index));
+      };
+      return _createVNode("button", {
+        "type": "button",
+        "style": {
+          color
+        },
+        "class": [bem("item", {
+          loading,
+          disabled
+        }), className],
+        "onClick": onClick
+      }, [renderActionContent(action, index)]);
+    };
+    const renderDescription = () => {
+      if (props.description || slots.description) {
+        const content = slots.description ? slots.description() : props.description;
+        return _createVNode("div", {
+          "class": bem("description")
+        }, [content]);
+      }
+    };
+    return () => _createVNode(Popup, _mergeProps({
+      "class": bem(),
+      "position": "bottom",
+      "onUpdate:show": updateShow
+    }, pick(props, popupInheritKeys)), {
+      default: () => {
+        var _a;
+        return [renderHeader(), renderDescription(), _createVNode("div", {
+          "class": bem("content")
+        }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
+      }
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/action-sheet/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _ActionSheet from "./ActionSheet.mjs";
+const ActionSheet = withInstall(_ActionSheet);
+var stdin_default = ActionSheet;
+export {
+  ActionSheet,
+  stdin_default as default
+};