@nutui/nutui 3.1.22 → 3.1.23-beta.0

package/dist/packages/_es/ActionSheet.js

@@ -1,25 +1,157 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 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: { ...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 };