@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/ActionSheet.js

@@ -1,15 +1,21 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { p as popupProps } from "./props.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.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-b05fa625.js";
+import { Loading } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("actionsheet");
+import "./Overlay.js";
+const { componentName, create } = createComponent("action-sheet");
 const _sfc_main = create({
+  components: {
+    [Popup.name]: Popup,
+    Loading
+  },
   props: {
     ...popupProps,
     cancelTxt: {
@@ -89,71 +95,72 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "nut-actionsheet-panel" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
-  class: "nut-actionsheet-title"
+  class: "nut-action-sheet__title"
 };
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = {
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = {
   key: 0,
-  class: "nut-actionsheet-item desc"
+  class: "nut-action-sheet__item nut-action-sheet__desc"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
-  class: "nut-actionsheet-menu"
+  class: "nut-action-sheet__menu"
 };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = { class: "subdesc" };
+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_nut_icon = resolveComponent("nut-icon");
+  const _component_Loading = resolveComponent("Loading");
   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,
-      closeOnClickOverlay: _ctx.closeAbled
-    }, {
-      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", "closeOnClickOverlay"])
-  ], 2);
+  return openBlock(), createBlock(_component_nut_popup, {
+    visible: _ctx.visible,
+    isWrapTeleport: _ctx.isWrapTeleport,
+    position: "bottom",
+    round: "",
+    onClickOverlay: _ctx.close,
+    closeOnClickOverlay: _ctx.closeAbled
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: normalizeClass(_ctx.classes)
+      }, [
+        _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: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
+          }, toDisplayString(_ctx.cancelTxt), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Address.js

@@ -1,17 +1,28 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, reactive, watch, toRefs, h, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, mergeProps, vShow, toDisplayString, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, resolveDynamicComponent, normalizeProps, createTextVNode, guardReactiveProps, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as popupProps } from "./props.js";
-import _sfc_main$1 from "./Icon.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref, computed, reactive, watch, toRefs, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot, withDirectives, createVNode, vShow, toDisplayString, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { P as Popup, p as popupProps } from "./index-b05fa625.js";
+import Elevator from "./Elevator.js";
+import { Location, Location2, Check, Close, Left } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-import "./pxCheck.js";
+import "./Overlay.js";
+import "./index-efc0d9e4.js";
 const { componentName, create, translate } = createComponent("address");
 const _sfc_main = create({
+  components: {
+    Location,
+    Location2,
+    Check,
+    Close,
+    Left,
+    [Popup.name]: Popup,
+    [Elevator.name]: Elevator
+  },
   inheritAttrs: false,
   props: {
     ...popupProps,
@@ -59,22 +70,6 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
-    defaultIcon: {
-      type: String,
-      default: "location2"
-    },
-    selectedIcon: {
-      type: String,
-      default: "Check"
-    },
-    closeBtnIcon: {
-      type: String,
-      default: "circle-close"
-    },
-    backBtnIcon: {
-      type: String,
-      default: "left"
-    },
     height: {
       type: [String, Number],
       default: "200px"
@@ -104,14 +99,6 @@ const _sfc_main = create({
           return props.town;
       }
     });
-    const renderIcon = (n) => {
-      return h(_sfc_main$1, {
-        class: `${componentName}-select-icon`,
-        type: "self",
-        size: "13px",
-        name: n
-      });
-    };
     const transformData = (data) => {
       if (!Array.isArray(data))
         throw new TypeError("params muse be array.");
@@ -119,7 +106,7 @@ const _sfc_main = create({
         return [];
       data.forEach((item) => {
         if (!item.title) {
-          console.error("[NutUI] <Address> \u8BF7\u68C0\u67E5\u6570\u7EC4\u9009\u9879\u7684 title \u503C\u662F\u5426\u6709\u8BBE\u7F6E ,title \u4E3A\u5FC5\u586B\u9879 .");
+          console.error("[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .");
           return;
         }
       });
@@ -234,8 +221,6 @@ const _sfc_main = create({
       lineAnimation();
     };
     const handClose = (type = "self") => {
-      if (!props.closeBtnIcon)
-        return;
       closeWay.value = type == "cross" ? "cross" : "self";
       showPopup.value = false;
     };
@@ -319,8 +304,7 @@ const _sfc_main = create({
       ...toRefs(props),
       translate,
       regionList,
-      transformData,
-      renderIcon
+      transformData
     };
   }
 });
@@ -329,48 +313,51 @@ const _hoisted_2 = { class: "nut-address__header" };
 const _hoisted_3 = { class: "nut-address__header__title" };
 const _hoisted_4 = {
   key: 0,
-  class: "custom-address"
+  class: "nut-address__custom"
 };
 const _hoisted_5 = {
-  class: "nut-address-region-tab",
+  class: "nut-address__region",
   ref: "tabRegion"
 };
 const _hoisted_6 = ["onClick"];
 const _hoisted_7 = {
   key: 0,
-  class: "active tab-item"
+  class: "active nut-address__region-item"
 };
 const _hoisted_8 = {
   key: 0,
-  class: "region-con"
+  class: "nut-address__detail"
 };
-const _hoisted_9 = { class: "region-group" };
+const _hoisted_9 = { class: "nut-address__detail-list" };
 const _hoisted_10 = ["onClick"];
 const _hoisted_11 = {
   key: 1,
-  class: "elevator-group"
+  class: "nut-address__elevator-group"
 };
 const _hoisted_12 = {
   key: 1,
-  class: "exist-address"
+  class: "nut-address__exist"
 };
-const _hoisted_13 = { class: "exist-address-group" };
-const _hoisted_14 = { class: "exist-ul" };
+const _hoisted_13 = { class: "nut-address__exist-group" };
+const _hoisted_14 = { class: "nut-address__exist-group-list" };
 const _hoisted_15 = ["onClick"];
-const _hoisted_16 = { class: "exist-item-info" };
+const _hoisted_16 = { class: "nut-address__exist-item-info" };
 const _hoisted_17 = {
   key: 0,
-  class: "exist-item-info-name"
+  class: "nut-address__exist-item-info-name"
 };
 const _hoisted_18 = {
   key: 1,
-  class: "exist-item-info-phone"
+  class: "nut-address__exist-item-info-phone"
 };
-const _hoisted_19 = { class: "exist-item-info-bottom" };
-const _hoisted_20 = { class: "btn" };
+const _hoisted_19 = { class: "nut-address__exist-item-info-bottom" };
+const _hoisted_20 = { class: "nut-address__exist-choose-btn" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Left = resolveComponent("Left");
+  const _component_Close = resolveComponent("Close");
+  const _component_Check = resolveComponent("Check");
   const _component_nut_elevator = resolveComponent("nut-elevator");
+  const _component_Location2 = resolveComponent("Location2");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     position: "bottom",
@@ -387,33 +374,33 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", _hoisted_2, [
           createElementVNode("view", {
-            class: "arrow-back",
+            class: "nut-address__header-back",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
           }, [
-            withDirectives(createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
-              name: _ctx.backBtnIcon,
-              color: "#cccccc"
-            }), null, 16, ["name"]), [
-              [vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
+            renderSlot(_ctx.$slots, "backIcon", {}, () => [
+              withDirectives(createVNode(_component_Left, null, null, 512), [
+                [vShow, _ctx.type == "exist" && _ctx.privateType == "custom"]
+              ])
             ])
           ]),
           createElementVNode("view", _hoisted_3, toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle || _ctx.translate("selectRegion") : _ctx.existAddressTitle || _ctx.translate("deliveryTo")), 1),
           createElementVNode("view", {
-            class: "arrow-close",
+            class: "nut-address__header-close",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
           }, [
-            _ctx.closeBtnIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 0 }, _ctx.$attrs, {
-              name: _ctx.closeBtnIcon,
-              color: "#cccccc",
-              size: "18px"
-            }), null, 16, ["name"])) : createCommentVNode("", true)
+            renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+              createVNode(_component_Close, {
+                color: "#cccccc",
+                size: "18px"
+              })
+            ])
           ])
         ]),
         ["custom", "custom2"].includes(_ctx.privateType) ? (openBlock(), createElementBlock("view", _hoisted_4, [
           createElementVNode("view", _hoisted_5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectedRegion, (item, index2) => {
               return openBlock(), createElementBlock("view", {
-                class: normalizeClass(["tab-item", index2 == _ctx.tabIndex ? "active" : ""]),
+                class: normalizeClass(["nut-address__region-item", index2 == _ctx.tabIndex ? "active" : ""]),
                 key: index2,
                 onClick: ($event) => _ctx.changeRegionTab(item, index2)
               }, [
@@ -424,7 +411,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               createElementVNode("view", null, toDisplayString(_ctx.getTabName(null, _ctx.selectedRegion.length)), 1)
             ])) : createCommentVNode("", true),
             createElementVNode("view", {
-              class: "region-tab-line",
+              class: "nut-address__region-line",
               ref: "regionLine",
               style: normalizeStyle({ left: _ctx.lineDistance + "px" })
             }, null, 4)
@@ -435,12 +422,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 var _a, _b;
                 return openBlock(), createElementBlock("li", {
                   key: index2,
-                  class: normalizeClass(["region-item", ((_a = _ctx.selectedRegion[_ctx.tabIndex]) == null ? void 0 : _a.id) == item.id ? "active" : ""]),
+                  class: normalizeClass(["nut-address__detail-item", ((_a = _ctx.selectedRegion[_ctx.tabIndex]) == null ? void 0 : _a.id) == item.id ? "active" : ""]),
                   onClick: ($event) => _ctx.nextAreaList(item)
                 }, [
                   createElementVNode("div", null, [
-                    ((_b = _ctx.selectedRegion[_ctx.tabIndex]) == null ? void 0 : _b.id) == item.id ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.selectedIcon)), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), null, 16)) : createCommentVNode("", true),
-                    createTextVNode(" " + toDisplayString(item.name), 1)
+                    ((_b = _ctx.selectedRegion[_ctx.tabIndex]) == null ? void 0 : _b.id) == item.id ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+                      createVNode(_component_Check, {
+                        class: "nut-address-select-icon",
+                        width: "13px"
+                      })
+                    ]) : createCommentVNode("", true),
+                    createTextVNode(toDisplayString(item.name), 1)
                   ])
                 ], 10, _hoisted_10);
               }), 128))
@@ -457,11 +449,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("ul", _hoisted_14, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.existAddress, (item, index2) => {
                 return openBlock(), createElementBlock("li", {
-                  class: normalizeClass(["exist-item", item.selectedAddress ? "active" : ""]),
+                  class: normalizeClass(["nut-address__exist-group-item", item.selectedAddress ? "active" : ""]),
                   key: index2,
                   onClick: ($event) => _ctx.selectedExist(item)
                 }, [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(item.selectedAddress ? _ctx.selectedIcon : _ctx.defaultIcon)), normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16)),
+                  !item.selectedAddress ? renderSlot(_ctx.$slots, "unselectedIcon", { key: 0 }, () => [
+                    createVNode(_component_Location2, {
+                      class: "nut-address-select-icon",
+                      width: "13px"
+                    })
+                  ]) : createCommentVNode("", true),
+                  item.selectedAddress ? renderSlot(_ctx.$slots, "icon", { key: 1 }, () => [
+                    createVNode(_component_Check, {
+                      class: "nut-address-select-icon",
+                      width: "13px"
+                    })
+                  ]) : createCommentVNode("", true),
                   createElementVNode("div", _hoisted_16, [
                     item.name ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(item.name), 1)) : createCommentVNode("", true),
                     item.phone ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString(item.phone), 1)) : createCommentVNode("", true),
@@ -475,7 +478,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _ctx.isShowCustomAddress ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "choose-other",
+            class: "nut-address__exist-choose",
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
           }, [
             createElementVNode("div", _hoisted_20, toDisplayString(_ctx.customAndExistTitle || _ctx.translate("chooseAnotherAddress")), 1)
@@ -487,5 +490,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["lock-scroll", "onClose", "onClickOverlay", "visible", "teleportDisable", "teleport"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};