@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/ActionSheet.js

@@ -1,44 +1,157 @@
-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 = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as e } from "./component.js";
-import { useSlots as t, computed as o, resolveComponent as i, openBlock as l, createElementBlock as s, normalizeClass as a, createVNode as n, withCtx as c, createElementVNode as p, toDisplayString as r, createCommentVNode as u, renderSlot as m, Fragment as d, renderList as g, normalizeStyle as h, createBlock as v } from "vue";
-import { popupProps as y } from "./Popup.js";
-import { _ as f } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.js";
+import { useSlots, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createBlock } from "vue";
+import { popupProps } from "./Popup.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName: b, create: T } = e("actionsheet"), k = T({ props: __spreadProps(__spreadValues({}, y), { cancelTxt: { type: String, default: "" }, optionTag: { type: String, default: "name" }, optionSubTag: { type: String, default: "subname" }, chooseTagValue: { type: String, default: "" }, title: { type: String, default: "" }, color: { type: String, default: "#ee0a24" }, description: { type: String, default: "" }, menuItems: { type: Array, default: () => [] }, isWrapTeleport: { type: Boolean, default: true } }), emits: ["cancel", "close", "choose", "update:visible"], setup: (e2, { emit: i2 }) => ({ slotDefault: !!t().default, isHighlight: (t2) => e2.chooseTagValue && e2.chooseTagValue === t2[e2.optionTag] ? e2.color : "", cancelActionSheet: () => {
-  i2("cancel"), i2("update:visible", false);
-}, chooseItem: (e3, t2) => {
-  e3.disable || e3.loading || (i2("choose", e3, t2), i2("update:visible", false));
-}, close: (e3) => {
-  i2("close", e3), i2("update:visible", false);
-}, classes: o(() => ({ [b]: true })) }) }), S = { class: "nut-actionsheet-panel" }, w = { key: 0, class: "nut-actionsheet-title" }, j = { key: 1 }, x = { key: 0, class: "nut-actionsheet-item desc" }, C = { key: 1, class: "nut-actionsheet-menu" }, I = ["onClick"], A = { key: 1 }, W = { class: "subdesc" };
-var O = f(k, [["render", function(e2, t2, o2, y2, f2, b2) {
-  const T2 = i("nut-icon"), k2 = i("nut-popup");
-  return l(), s("view", { class: a(e2.classes) }, [n(k2, { "pop-class": "popclass", visible: e2.visible, isWrapTeleport: e2.isWrapTeleport, position: "bottom", round: "", onClickOverlay: e2.close }, { default: c(() => [p("view", S, [e2.title ? (l(), s("view", w, r(e2.title), 1)) : u("", true), m(e2.$slots, "default"), e2.slotDefault ? u("", true) : (l(), s("view", j, [e2.description ? (l(), s("view", x, r(e2.description), 1)) : u("", true), e2.menuItems.length ? (l(), s("view", C, [(l(true), s(d, null, g(e2.menuItems, (t3, o3) => (l(), s("view", { class: a(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": t3.disable, "nut-actionsheet-item-loading": t3.loading }]), style: h({ color: e2.isHighlight(t3) || t3.color }), key: o3, onClick: (i2) => e2.chooseItem(t3, o3) }, [t3.loading ? (l(), v(T2, { key: 0, name: "loading" })) : (l(), s("view", A, r(t3[e2.optionTag]), 1)), p("view", W, r(t3[e2.optionSubTag]), 1)], 14, I))), 128))])) : u("", true), e2.cancelTxt ? (l(), s("view", { key: 2, class: "nut-actionsheet-cancel", onClick: t2[0] || (t2[0] = (...t3) => e2.cancelActionSheet && e2.cancelActionSheet(...t3)) }, r(e2.cancelTxt), 1)) : u("", true)]))])]), _: 3 }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])], 2);
-}]]);
-export { O as default };
+const { componentName, create } = createComponent("actionsheet");
+const _sfc_main = create({
+  props: {
+    ...popupProps,
+    cancelTxt: {
+      type: String,
+      default: ""
+    },
+    optionTag: {
+      type: String,
+      default: "name"
+    },
+    optionSubTag: {
+      type: String,
+      default: "subname"
+    },
+    chooseTagValue: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: "#ee0a24"
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    menuItems: {
+      type: Array,
+      default: () => []
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["cancel", "close", "choose", "update:visible"],
+  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,
+      isHighlight,
+      cancelActionSheet,
+      chooseItem,
+      close,
+      classes
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-actionsheet-panel" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-actionsheet-title"
+};
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 0,
+  class: "nut-actionsheet-item desc"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "nut-actionsheet-menu"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { class: "subdesc" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_nut_popup, {
+      "pop-class": "popclass",
+      visible: _ctx.visible,
+      isWrapTeleport: _ctx.isWrapTeleport,
+      position: "bottom",
+      round: "",
+      onClickOverlay: _ctx.close
+    }, {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, [
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default"),
+          !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_3, [
+            _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+            _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_5, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index2) => {
+                return openBlock(), createElementBlock("view", {
+                  class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable, "nut-actionsheet-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_nut_icon, {
+                    key: 0,
+                    name: "loading"
+                  })) : (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(item[_ctx.optionTag]), 1)),
+                  createElementVNode("view", _hoisted_8, toDisplayString(item[_ctx.optionSubTag]), 1)
+                ], 14, _hoisted_6);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
+              key: 2,
+              class: "nut-actionsheet-cancel",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
+            }, toDisplayString(_ctx.cancelTxt), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ])
+      ]),
+      _: 3
+    }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };