@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/Skeleton.js

@@ -1,104 +1,112 @@
 /*!
-* @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 { c as createComponent } from "./component-48526d37.js";
 import { toRefs, computed, onMounted, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import Avatar from "./Avatar.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const component = {
-  props: {
-    width: {
-      type: String,
-      default: "100px"
-    },
-    height: {
-      type: String,
-      default: "100px"
-    },
-    animated: {
-      type: Boolean,
-      default: false
-    },
-    avatar: {
-      type: Boolean,
-      default: false
-    },
-    avatarShape: {
-      type: String,
-      default: "round"
-    },
-    avatarSize: {
-      type: String,
-      default: "50px"
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    round: {
-      type: Boolean,
-      default: false
-    },
-    row: {
-      type: String,
-      default: "1"
+const component = (components) => {
+  return {
+    components,
+    props: {
+      width: {
+        type: String,
+        default: "100px"
+      },
+      height: {
+        type: String,
+        default: "100px"
+      },
+      animated: {
+        type: Boolean,
+        default: false
+      },
+      avatar: {
+        type: Boolean,
+        default: false
+      },
+      avatarShape: {
+        type: String,
+        default: "round"
+      },
+      avatarSize: {
+        type: String,
+        default: "50px"
+      },
+      loading: {
+        type: Boolean,
+        default: true
+      },
+      round: {
+        type: Boolean,
+        default: false
+      },
+      row: {
+        type: String,
+        default: "1"
+      },
+      title: {
+        type: Boolean,
+        default: true
+      }
     },
-    title: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const { avatarShape, round, avatarSize } = toRefs(props);
-    const avatarClass = computed(() => {
-      const prefixCls = "avatarClass";
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
-      };
-    });
-    const getBlockClass = (prefixCls) => {
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--round`]: round.value
+    setup(props) {
+      const { avatarShape, round, avatarSize } = toRefs(props);
+      const avatarClass = computed(() => {
+        const prefixCls = "avatarClass";
+        return {
+          [prefixCls]: true,
+          [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
+        };
+      });
+      const getBlockClass = (prefixCls) => {
+        return {
+          [prefixCls]: true,
+          [`${prefixCls}--round`]: round.value
+        };
       };
-    };
-    const getStyle = () => {
-      if (avatarSize.value) {
+      const getStyle = () => {
+        if (avatarSize.value) {
+          return {
+            width: avatarSize.value,
+            height: avatarSize.value
+          };
+        }
         return {
-          width: avatarSize.value,
-          height: avatarSize.value
+          width: "50px",
+          height: "50px"
         };
-      }
+      };
+      onMounted(() => {
+      });
       return {
-        width: "50px",
-        height: "50px"
+        avatarShape,
+        avatarClass,
+        getBlockClass,
+        getStyle
       };
-    };
-    onMounted(() => {
-    });
-    return {
-      avatarShape,
-      avatarClass,
-      getBlockClass,
-      getStyle
-    };
-  }
+    }
+  };
 };
 const { create } = createComponent("skeleton");
-const _sfc_main = create(component);
+const _sfc_main = create(
+  component({
+    [Avatar.name]: Avatar
+  })
+);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {
   key: 1,
-  class: "skeleton"
+  class: "nut-skeleton"
 };
 const _hoisted_3 = {
   key: 0,
-  class: "skeleton-animation"
+  class: "nut-skeleton-animation"
 };
-const _hoisted_4 = { class: "content" };
+const _hoisted_4 = { class: "nut-skeleton-content" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_avatar = resolveComponent("nut-avatar");
   return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
@@ -113,18 +121,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.getStyle())
       }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
       createElementVNode("view", {
-        class: "content-line",
+        class: "nut-skeleton-content__line",
         style: normalizeStyle({ width: _ctx.width })
       }, [
         _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
-          class: normalizeClass(_ctx.getBlockClass("blockTitle")),
+          class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockTitle")),
           style: normalizeStyle({ height: _ctx.height })
         }, null, 6)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
           return openBlock(), createElementBlock("view", {
             key: _,
-            class: normalizeClass(_ctx.getBlockClass("blockLine")),
+            class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockLine")),
             style: normalizeStyle({ height: _ctx.height })
           }, null, 6);
         }), 128))
@@ -132,5 +140,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]));
 }
-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/Sku.js

@@ -1,13 +1,15 @@
 /*!
-* @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 { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
-import { c as createComponent, T as TypeOfFun } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import { p as popupProps } from "./props.js";
+import { c as createComponent, T as TypeOfFun } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
+import { p as popupProps, P as Popup } from "./index-b05fa625.js";
 import "../locale/lang";
+import "./Overlay.js";
+import "@nutui/icons-vue";
 const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
 const _sfc_main$4 = create$4({
   props: {
@@ -46,11 +48,11 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         thousands: false
       }, null, 8, ["price"])),
       _ctx.getSlots("sku-header-extra") ? renderSlot(_ctx.$slots, "sku-header-extra", { key: 2 }) : createCommentVNode("", true),
-      _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, toDisplayString(_ctx.translate("skuId")) + "\xA0:\xA0" + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
+      _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, toDisplayString(_ctx.translate("skuId")) + " : " + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
     ])
   ]);
 }
-var SkuHeader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const SkuHeader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
 const { componentName: componentName$3, create: create$3 } = createComponent("sku-select");
 const _sfc_main$3 = create$3({
   props: {
@@ -116,7 +118,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]);
 }
-var SkuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const SkuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
 const { componentName: componentName$2, create: create$2 } = createComponent("sku-stepper");
 const _sfc_main$2 = create$2({
   props: {
@@ -134,7 +136,7 @@ const _sfc_main$2 = create$2({
     },
     stepperTitle: {
       type: String,
-      default: "\u8D2D\u4E70\u6570\u91CF"
+      default: "购买数量"
     }
   },
   emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
@@ -182,7 +184,7 @@ const _hoisted_2$2 = { class: "nut-sku-stepper-title" };
 const _hoisted_3$1 = ["innerHTML"];
 const _hoisted_4$1 = { class: "nut-sku-stepper-count" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_inputnumber = resolveComponent("nut-inputnumber");
+  const _component_nut_input_number = resolveComponent("nut-input-number");
   return openBlock(), createElementBlock("view", _hoisted_1$2, [
     createElementVNode("view", _hoisted_2$2, toDisplayString(_ctx.stepperTitle), 1),
     createElementVNode("view", {
@@ -190,7 +192,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       innerHTML: _ctx.getExtraText()
     }, null, 8, _hoisted_3$1),
     createElementVNode("view", _hoisted_4$1, [
-      createVNode(_component_nut_inputnumber, {
+      createVNode(_component_nut_input_number, {
         modelValue: _ctx.goodsCount,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.goodsCount = $event),
         min: _ctx.stepperMin,
@@ -203,7 +205,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var SkuStepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const SkuStepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const { componentName: componentName$1, create: create$1 } = createComponent("sku-operate");
 const _sfc_main$1 = create$1({
   props: {
@@ -217,15 +219,15 @@ const _sfc_main$1 = create$1({
     },
     buyText: {
       type: String,
-      default: "\u7ACB\u5373\u8D2D\u4E70"
+      default: "立即购买"
     },
     addCartText: {
       type: String,
-      default: "\u52A0\u5165\u8D2D\u7269\u8F66"
+      default: "加入购物车"
     },
     confirmText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: "确定"
     }
   },
   emits: ["click", "changeSku", "changeBuyCount", "clickBtnOperate"],
@@ -278,7 +280,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ])) : createCommentVNode("", true);
 }
-var SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { componentName, create, translate } = createComponent("sku");
 const _sfc_main = create({
   props: {
@@ -330,22 +332,22 @@ const _sfc_main = create({
   },
   emits: [
     "update:visible",
-    "selectSku",
-    "changeStepper",
-    "clickBtnOperate",
-    "clickCloseIcon",
-    "clickOverlay",
+    "select-sku",
+    "change-stepper",
+    "click-btn-operate",
+    "click-close-icon",
+    "click-overlay",
     "close",
     "reduce",
     "add",
-    "overLimit",
-    "clickOverlay"
+    "over-limit"
   ],
   components: {
     SkuHeader,
     SkuSelect,
     SkuStepper,
-    SkuOperate
+    SkuOperate,
+    [Popup.name]: Popup
   },
   setup(props, { emit, slots }) {
     const showPopup = ref(props.visible);
@@ -368,11 +370,11 @@ const _sfc_main = create({
     });
     const getSlots = (name) => slots[name];
     const selectSku = (skus) => {
-      emit("selectSku", skus);
+      emit("select-sku", skus);
     };
     const changeStepper = (value) => {
       goodsCount.value = value;
-      emit("changeStepper", value);
+      emit("change-stepper", value);
     };
     const add = (value) => {
       emit("add", value);
@@ -381,10 +383,10 @@ const _sfc_main = create({
       emit("reduce", value);
     };
     const stepperOverLimit = (count) => {
-      emit("overLimit", count);
+      emit("over-limit", count);
     };
     const clickBtnOperate = (btn) => {
-      emit("clickBtnOperate", {
+      emit("click-btn-operate", {
         type: btn,
         value: goodsCount.value
       });
@@ -505,5 +507,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["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
+};

package/dist/packages/_es/Step.js

@@ -1,11 +1,11 @@
 /*!
-* @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 { getCurrentInstance, inject, reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, mergeProps, Fragment, toDisplayString, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { getCurrentInstance, inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("step");
 const _sfc_main = create({
@@ -17,22 +17,10 @@ const _sfc_main = create({
     content: {
       type: String,
       default: ""
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    iconColor: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: [String, Number],
-      default: "12px"
     }
   },
   emits: ["click-step"],
-  setup(props, { emit, slots }) {
+  setup() {
     const { proxy } = getCurrentInstance();
     const parent = inject("parent");
     parent["relation"](proxy);
@@ -69,20 +57,20 @@ const _sfc_main = create({
 });
 const _hoisted_1 = { class: "nut-step-head" };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3 = {
-  key: 2,
+const _hoisted_3 = { class: "nut-step-icon-inner" };
+const _hoisted_4 = {
+  key: 1,
   class: "nut-step-inner"
 };
-const _hoisted_4 = { class: "nut-step-main" };
-const _hoisted_5 = { class: "nut-step-title" };
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "nut-step-main" };
+const _hoisted_6 = { class: "nut-step-title" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = {
   key: 0,
   class: "nut-step-content"
 };
-const _hoisted_8 = ["innerHTML"];
+const _hoisted_9 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
@@ -90,32 +78,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_1, [
       _hoisted_2,
       createElementVNode("view", {
-        class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
+        class: normalizeClass(["nut-step-icon", [!_ctx.dot ? "is-icon" : ""]])
       }, [
-        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-          key: 0,
-          class: "nut-step-icon-inner"
-        }, _ctx.$attrs, {
-          color: _ctx.iconColor,
-          name: _ctx.icon,
-          size: _ctx.size
-        }), null, 16, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.index), 1))
+        createElementVNode("view", _hoisted_3, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.index), 1))
+          ])
+        ])
       ], 2)
     ]),
-    createElementVNode("view", _hoisted_4, [
-      createElementVNode("view", _hoisted_5, [
-        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_5, [
+      createElementVNode("view", _hoisted_6, [
+        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "title")
       ]),
-      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_7, [
+      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_8, [
         !_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
           key: 0,
           innerHTML: _ctx.content
-        }, null, 8, _hoisted_8)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_9)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "content")
       ])) : createCommentVNode("", true)
     ])
   ], 2);
 }
-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/Steps.js

@@ -1,10 +1,10 @@
 /*!
-* @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 { reactive, computed, provide, h } from "vue";
-import { c as createComponent } from "./component.js";
+import { c as createComponent } from "./component-48526d37.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("steps");
 const _sfc_main = create({
@@ -59,4 +59,6 @@ const _sfc_main = create({
     };
   }
 });
-export { _sfc_main as default };
+export {
+  _sfc_main as default
+};