@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/ActionSheet.js

@@ -1,28 +1,36 @@
-var C = Object.defineProperty, T = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
-var d = Object.getOwnPropertySymbols;
-var A = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var h = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, m = (e, t) => {
-  for (var n in t || (t = {}))
-    A.call(t, n) && h(e, n, t[n]);
-  if (d)
-    for (var n of d(t))
-      I.call(t, n) && h(e, n, t[n]);
-  return e;
-}, g = (e, t) => T(e, w(t));
-import { c as O } from "./component-234624bc.js";
-import { useSlots as $, computed as V, resolveComponent as f, openBlock as s, createBlock as y, withCtx as B, createElementVNode as _, normalizeClass as v, createElementBlock as l, toDisplayString as i, createCommentVNode as a, renderSlot as L, Fragment as D, renderList as H, normalizeStyle as N } from "vue";
-import { P as k, p as P } from "./index-360c5092.js";
-import { Loading as z } from "@nutui/icons-vue";
-import { _ as E } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { useSlots, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle } from "vue";
+import { P as Popup, p as popupProps } from "./index-da0a7662.js";
+import { Loading } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
-const { componentName: F, create: j } = O("action-sheet"), q = j({
+const { componentName, create } = createComponent("action-sheet");
+const _sfc_main = create({
   components: {
-    [k.name]: k,
-    Loading: z
+    [Popup.name]: Popup,
+    Loading
   },
-  props: g(m({}, P), {
+  props: __spreadProps(__spreadValues({}, popupProps), {
     cancelTxt: {
       type: String,
       default: ""
@@ -57,85 +65,110 @@ const { componentName: F, create: j } = O("action-sheet"), q = j({
     },
     closeAbled: {
       type: Boolean,
-      default: !0
+      default: true
     }
   }),
   emits: ["cancel", "close", "choose", "update:visible"],
-  setup(e, { emit: t }) {
-    const n = !!$().default, r = V(() => ({
-      [F]: !0
-    }));
+  setup(props, { emit }) {
+    const slotDefault = !!useSlots().default;
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const isHighlight = (item) => {
+      return props.chooseTagValue && props.chooseTagValue === item[props.optionTag] ? props.color : "";
+    };
+    const cancelActionSheet = () => {
+      emit("cancel");
+      emit("update:visible", false);
+    };
+    const chooseItem = (item, index2) => {
+      if (!item.disable && !item.loading) {
+        emit("choose", item, index2);
+        emit("update:visible", false);
+      }
+    };
+    const close = (e) => {
+      emit("close", e);
+      emit("update:visible", false);
+    };
     return {
-      slotDefault: n,
-      isHighlight: (o) => e.chooseTagValue && e.chooseTagValue === o[e.optionTag] ? e.color : "",
-      cancelActionSheet: () => {
-        t("cancel"), t("update:visible", !1);
-      },
-      chooseItem: (o, c) => {
-        !o.disable && !o.loading && (t("choose", o, c), t("update:visible", !1));
-      },
-      close: (o) => {
-        t("close", o), t("update:visible", !1);
-      },
-      classes: r
+      slotDefault,
+      isHighlight,
+      cancelActionSheet,
+      chooseItem,
+      close,
+      classes
     };
   }
-}), G = {
+});
+const _hoisted_1 = {
   key: 0,
   class: "nut-action-sheet__title"
-}, J = { key: 1 }, K = {
+};
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = {
   key: 0,
   class: "nut-action-sheet__item nut-action-sheet__desc"
-}, M = {
+};
+const _hoisted_4 = {
   key: 1,
   class: "nut-action-sheet__menu"
-}, Q = ["onClick"], R = { key: 1 }, U = { class: "nut-action-sheet__subdesc" };
-function W(e, t, n, r, b, S) {
-  const u = f("Loading"), p = f("nut-popup");
-  return s(), y(p, {
-    visible: e.visible,
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { class: "nut-action-sheet__subdesc" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Loading = resolveComponent("Loading");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    visible: _ctx.visible,
     position: "bottom",
     round: "",
-    onClickOverlay: e.close,
-    closeOnClickOverlay: e.closeAbled
+    onClickOverlay: _ctx.close,
+    closeOnClickOverlay: _ctx.closeAbled
   }, {
-    default: B(() => [
-      _("view", {
-        class: v(e.classes)
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: normalizeClass(_ctx.classes)
       }, [
-        e.title ? (s(), l("view", G, i(e.title), 1)) : a("", !0),
-        L(e.$slots, "default"),
-        e.slotDefault ? a("", !0) : (s(), l("view", J, [
-          e.description ? (s(), l("view", K, i(e.description), 1)) : a("", !0),
-          e.menuItems.length ? (s(), l("view", M, [
-            (s(!0), l(D, null, H(e.menuItems, (o, c) => (s(), l("view", {
-              class: v(["nut-action-sheet__item", {
-                "nut-action-sheet__item--disabled": o.disable,
-                "nut-action-sheet__item--loading": o.loading
-              }]),
-              style: N({ color: e.isHighlight(o) || o.color }),
-              key: c,
-              onClick: (X) => e.chooseItem(o, c)
-            }, [
-              o.loading ? (s(), y(u, {
-                key: 0,
-                name: "loading"
-              })) : (s(), l("view", R, i(o[e.optionTag]), 1)),
-              _("view", U, i(o[e.optionSubTag]), 1)
-            ], 14, Q))), 128))
-          ])) : a("", !0),
-          e.cancelTxt ? (s(), l("view", {
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_2, [
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index2) => {
+              return openBlock(), createElementBlock("view", {
+                class: normalizeClass(["nut-action-sheet__item", {
+                  "nut-action-sheet__item--disabled": item.disable,
+                  "nut-action-sheet__item--loading": item.loading
+                }]),
+                style: normalizeStyle({ color: _ctx.isHighlight(item) || item.color }),
+                key: index2,
+                onClick: ($event) => _ctx.chooseItem(item, index2)
+              }, [
+                item.loading ? (openBlock(), createBlock(_component_Loading, {
+                  key: 0,
+                  name: "loading"
+                })) : (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(item[_ctx.optionTag]), 1)),
+                createElementVNode("view", _hoisted_7, toDisplayString(item[_ctx.optionSubTag]), 1)
+              ], 14, _hoisted_5);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
             key: 2,
             class: "nut-action-sheet__cancel",
-            onClick: t[0] || (t[0] = (...o) => e.cancelActionSheet && e.cancelActionSheet(...o))
-          }, i(e.cancelTxt), 1)) : a("", !0)
-        ]))
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
+          }, toDisplayString(_ctx.cancelTxt), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ], 2)
     ]),
     _: 3
   }, 8, ["visible", "onClickOverlay", "closeOnClickOverlay"]);
 }
-const le = /* @__PURE__ */ E(q, [["render", W]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  le as default
+  index as default
 };