@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/GridItem.js

@@ -1,14 +1,14 @@
 /*!
-* @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 { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, mergeProps, toDisplayString } from "vue";
-import { u as useRouter } from "./index.js";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { G as GRID_KEY } from "./common.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
+import { u as useRouter } from "./index-fe4c328e.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { G as GRID_KEY } from "./common-d5c1f4b1.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 function useInject(key) {
   const parent = inject(key, null);
@@ -34,15 +34,6 @@ const _sfc_main = create({
     text: {
       type: String
     },
-    icon: {
-      type: String
-    },
-    iconSize: {
-      type: [Number, String]
-    },
-    iconColor: {
-      type: String
-    },
     to: {
       type: [String, Object]
     },
@@ -59,7 +50,7 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const Parent = useInject(GRID_KEY);
     if (!Parent.parent)
-      return;
+      return {};
     const index2 = Parent.index;
     const parent = Parent.parent.props;
     const rootClass = computed(() => {
@@ -95,13 +86,6 @@ const _sfc_main = create({
         [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
       };
     });
-    const iconProps = computed(() => {
-      return {
-        name: props.icon,
-        size: props.iconSize || parent.iconSize,
-        color: props.iconColor || parent.iconColor
-      };
-    });
     const router = useRouter();
     const handleClick = (event) => {
       emit("click", event);
@@ -115,17 +99,12 @@ const _sfc_main = create({
       rootClass,
       rootStyle,
       contentClass,
-      iconProps,
       handleClick
     };
   }
 });
-const _hoisted_1 = {
-  key: 3,
-  class: "nut-grid-item__text"
-};
+const _hoisted_1 = { class: "nut-grid-item__text" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.rootClass),
     style: normalizeStyle(_ctx.rootStyle),
@@ -134,18 +113,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(_ctx.contentClass)
     }, [
-      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, mergeProps({
-          key: 1,
-          name: _ctx.iconProps.name
-        }, _ctx.$attrs, {
-          size: _ctx.iconProps.size,
-          color: _ctx.iconProps.color
-        }), null, 16, ["name", "size", "color"])),
-        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
-      ], 64))
+      renderSlot(_ctx.$slots, "default"),
+      createElementVNode("view", _hoisted_1, [
+        _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode(toDisplayString(_ctx.text), 1)
+        ], 64)) : renderSlot(_ctx.$slots, "text", { key: 1 })
+      ])
     ], 2)
   ], 6);
 }
-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/Icon.js

@@ -1,49 +1,12 @@
 /*!
-* @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 { h } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-6a7b6f54.js";
+import "./component-48526d37.js";
+import "vue";
 import "../locale/lang";
-const { componentName, create } = createComponent("icon");
-const _sfc_main = create({
-  props: {
-    name: { type: String, default: "" },
-    size: { type: [String, Number], default: "" },
-    classPrefix: { type: String, default: "nut-icon" },
-    fontClassName: { type: String, default: "nutui-iconfont" },
-    color: { type: String, default: "" },
-    tag: { type: String, default: "i" }
-  },
-  emits: ["click"],
-  setup(props, { emit, slots }) {
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    const isImage = () => {
-      return props.name ? props.name.indexOf("/") !== -1 : false;
-    };
-    return () => {
-      var _a;
-      const _isImage = isImage();
-      return h(
-        _isImage ? "img" : props.tag,
-        {
-          class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
-          style: {
-            color: props.color,
-            fontSize: pxCheck(props.size),
-            width: pxCheck(props.size),
-            height: pxCheck(props.size)
-          },
-          onClick: handleClick,
-          src: _isImage ? props.name : ""
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-  }
-});
-export { _sfc_main as default };
+export {
+  _sfc_main as default
+};

package/dist/packages/_es/Image.js

@@ -1,12 +1,13 @@
 /*!
-* @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, useSlots, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { Image, ImageError } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("image");
 const _sfc_main = create({
@@ -46,6 +47,10 @@ const _sfc_main = create({
       default: true
     }
   },
+  components: {
+    Image,
+    ImageError
+  },
   emits: ["click", "load", "error"],
   setup(props, { emit }) {
     const state = reactive({
@@ -111,7 +116,8 @@ const _hoisted_3 = {
   class: "nut-img-error"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Image = resolveComponent("Image");
+  const _component_ImageError = resolveComponent("ImageError");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.stylebox),
@@ -126,20 +132,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.styles)
     }, null, 44, _hoisted_1),
     _ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_2, [
-      !_ctx.slotLoding ? (openBlock(), createBlock(_component_nut_icon, {
+      !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
         key: 0,
+        width: "16px",
+        height: "20px",
         name: "image"
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
     _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3, [
-      !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
+      !_ctx.slotError ? (openBlock(), createBlock(_component_ImageError, {
         key: 0,
-        name: "image-error"
+        width: "16px",
+        height: "20px",
+        name: "imageError"
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "error")
     ])) : createCommentVNode("", true)
   ], 6);
 }
-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/ImagePreview.js

@@ -1,26 +1,30 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 /*!
-* @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, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, onMounted, Fragment, renderList, toDisplayString, normalizeClass, createVNode, mergeProps, h } from "vue";
-import { c as createComponent, d as clamp, a as preventDefault, l as isArray } from "./component.js";
-import { u as useRect } from "./index2.js";
-import { u as useTouch } from "./index4.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import { f as funInterceptor } from "./interceptor.js";
-import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent.js";
-import Popup from "./Popup.js";
+import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, h } from "vue";
+import { c as createComponent, e as clamp, d as preventDefault, i as isArray } from "./component-48526d37.js";
+import { u as useRect } from "./index-c70386a5.js";
+import { u as useTouch } from "./index-c3e2c58b.js";
 import Video from "./Video.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
+import { CircleClose } from "@nutui/icons-vue";
+import { P as Popup } from "./index-b05fa625.js";
 import Swiper from "./Swiper.js";
 import SwiperItem from "./SwiperItem.js";
-import _sfc_main$2 from "./Icon.js";
-import OverLay from "./OverLay.js";
-import "./props.js";
-import "./index3.js";
-import "./raf.js";
-import "./pxCheck.js";
+import { f as funInterceptor } from "./interceptor-da627865.js";
+import "../locale/lang";
+import { C as CreateComponent } from "./mountComponent-75cf7cfe.js";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-6a7b6f54.js";
+import Overlay from "./Overlay.js";
+import "./index-efc0d9e4.js";
 const baseProps = {
   show: { type: Boolean, default: false },
   initNo: { type: Number, default: 0 },
@@ -28,7 +32,7 @@ const baseProps = {
   minZoom: { type: Number, default: 1 / 3 },
   maxZoom: { type: Number, default: 3 }
 };
-const { create: create$1 } = createComponent("imagepreviewitem");
+const { create: create$1 } = createComponent("image-preview-item");
 const _sfc_main$1 = create$1({
   props: {
     ...baseProps,
@@ -50,7 +54,9 @@ const _sfc_main$1 = create$1({
     }
   },
   emits: ["close", "scale"],
-  components: {},
+  components: {
+    [Video.name]: Video
+  },
   setup(props, { emit }) {
     const state = reactive({
       scale: 1,
@@ -252,7 +258,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("view", {
         style: normalizeStyle(_ctx.imageStyle),
-        class: "nut-imagepreview-box",
+        class: "nut-image-preview-box",
         onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
         onTouchmove: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
         onTouchend: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
@@ -261,7 +267,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.image && _ctx.image.src ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: _ctx.image.src,
-          class: "nut-imagepreview-img",
+          class: "nut-image-preview-img",
           onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.imageLoad && _ctx.imageLoad(...args))
         }, null, 40, _hoisted_1$1)) : createCommentVNode("", true),
         _ctx.video && _ctx.video.source ? (openBlock(), createBlock(_component_nut_video, {
@@ -274,8 +280,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["onClick"]);
 }
-var ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-const { create } = createComponent("imagepreview");
+const ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { create } = createComponent("image-preview");
 const _sfc_main = create({
   props: {
     ...baseProps,
@@ -307,7 +313,11 @@ const _sfc_main = create({
   },
   emits: ["close", "change"],
   components: {
-    ImagePreviewItem
+    ImagePreviewItem,
+    CircleClose,
+    [Popup.name]: Popup,
+    [Swiper.name]: Swiper,
+    [SwiperItem.name]: SwiperItem
   },
   setup(props, { emit }) {
     const swipeRef = ref();
@@ -318,9 +328,9 @@ const _sfc_main = create({
       rootHeight: 0
     });
     const iconClasses = computed(() => {
-      const pre = "nut-imagepreview-close";
+      const pre = "nut-image-preview-close";
       const iconn = props.closeIconPosition == "top-right" ? `${pre}-right` : `${pre}-left`;
-      return `nut-imagepreview-close-icon ${iconn}`;
+      return `nut-image-preview-close-icon ${iconn}`;
     });
     const mergeImages = computed(() => {
       if (isArray(props.videos)) {
@@ -379,20 +389,20 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = {
-  class: "nut-imagepreview",
+  class: "nut-image-preview",
   ref: "swipeRef"
 };
 const _hoisted_2 = {
   key: 0,
-  class: "nut-imagepreview-index"
+  class: "nut-image-preview-index"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_image_preview_item = resolveComponent("image-preview-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_CircleClose = resolveComponent("CircleClose");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
-    "pop-class": "nut-imagepreview-custom-pop",
+    "pop-class": "nut-image-preview-custom-pop",
     visible: _ctx.showPop,
     "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPop = $event),
     teleportDisable: _ctx.teleportDisable,
@@ -405,7 +415,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.showPop ? (openBlock(), createBlock(_component_nut_swiper, {
           key: 0,
           "auto-play": _ctx.autoplay,
-          class: "nut-imagepreview-swiper",
+          class: "nut-image-preview-swiper",
           loop: _ctx.isLoop,
           "is-preventDefault": false,
           direction: "horizontal",
@@ -439,43 +449,46 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(_ctx.iconClasses),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
       }, [
-        createVNode(_component_nut_icon, mergeProps({ name: _ctx.closeIcon }, _ctx.$attrs, { color: "#ffffff" }), null, 16, ["name"])
+        renderSlot(_ctx.$slots, "close-icon", {}, () => [
+          createVNode(_component_CircleClose, { color: "#ffffff" })
+        ])
       ], 2)) : createCommentVNode("", true)
     ]),
-    _: 1
+    _: 3
   }, 8, ["visible", "teleportDisable", "teleport", "onClosed"]);
 }
-var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class ImagePreviewOptions {
   constructor() {
-    this.show = false;
-    this.images = [];
-    this.videos = [];
-    this.contentClose = true;
-    this.initNo = 0;
-    this.paginationVisible = false;
-    this.paginationColor = "";
-    this.autoplay = 0;
-    this.isWrapTeleport = false;
-    this.showIndex = true;
-    this.closeable = false;
-    this.closeIcon = "circle-close";
-    this.closeIconPosition = "top-right";
-    this.maxZoom = 3;
-    this.minZoom = 1 / 3;
-    this.isLoop = true;
-    this.onClose = () => {
-    };
-    this.teleport = "body";
+    __publicField(this, "show", false);
+    __publicField(this, "images", []);
+    __publicField(this, "videos", []);
+    __publicField(this, "contentClose", true);
+    __publicField(this, "initNo", 0);
+    __publicField(this, "paginationVisible", false);
+    __publicField(this, "paginationColor", "");
+    __publicField(this, "autoplay", 0);
+    __publicField(this, "isWrapTeleport", false);
+    __publicField(this, "showIndex", true);
+    __publicField(this, "closeable", false);
+    __publicField(this, "closeIcon", "circle-close");
+    __publicField(this, "closeIconPosition", "top-right");
+    __publicField(this, "beforeClose");
+    __publicField(this, "maxZoom", 3);
+    __publicField(this, "minZoom", 1 / 3);
+    __publicField(this, "isLoop", true);
+    __publicField(this, "onClose", () => {
+    });
+    __publicField(this, "teleport", "body");
   }
 }
 class ImagePreviewFunction {
   constructor(_options) {
-    this.options = new ImagePreviewOptions();
+    __publicField(this, "options", new ImagePreviewOptions());
     const options = Object.assign(this.options, _options);
     const { instance, unmount } = CreateComponent(options, {
       name: "imagepreview",
-      components: [Popup, Video, Swiper, SwiperItem, _sfc_main$2, OverLay],
+      components: [Popup, Video, Swiper, SwiperItem, _sfc_main$2, Overlay],
       wrapper: () => {
         return {
           setup() {
@@ -496,4 +509,8 @@ _ImagePreview.install = (app) => {
   app.use(ImagePreview);
   app.config.globalProperties.$imagepreview = _ImagePreview;
 };
-export { ImagePreview, ImagePreviewOptions, _ImagePreview as default };
+export {
+  ImagePreview,
+  ImagePreviewOptions,
+  _ImagePreview as default
+};

package/dist/packages/_es/Indicator.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 { toRefs, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
-import { p as padZero, c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { p as padZero, c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("indicator");
 const _sfc_main = create({
@@ -63,5 +63,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 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
+};