@nutui/nutui 3.1.11-beta.0 → 3.1.12

package/dist/packages/_es/Icon.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/ImagePreview.js

@@ -17,18 +17,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, reactive, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createBlock, Fragment, renderList, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+import { toRefs, reactive, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withModifiers, createElementBlock, Fragment, renderList, createVNode, createCommentVNode, toDisplayString, render, h } from "vue";
 import { c as createComponent } from "./component.js";
 import Popup from "./Popup.js";
+import Video from "./Video.js";
+import Swiper from "./Swiper.js";
+import SwiperItem from "./SwiperItem.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
+import "./index.js";
 const { componentName, create } = createComponent("imagepreview");
 const _sfc_main = create({
   props: {
@@ -39,21 +47,59 @@ const _sfc_main = create({
     images: {
       type: Array,
       default: () => []
+    },
+    videos: {
+      type: Array,
+      default: () => []
+    },
+    contentClose: {
+      type: Boolean,
+      default: false
+    },
+    initNo: {
+      type: Number,
+      default: 1
+    },
+    paginationVisible: {
+      type: Boolean,
+      default: false
+    },
+    paginationColor: {
+      type: String,
+      default: "#fff"
     }
   },
+  emits: ["close"],
   components: {
-    [Popup.name]: Popup
+    [Popup.name]: Popup,
+    [Video.name]: Video,
+    [Swiper.name]: Swiper,
+    [SwiperItem.name]: SwiperItem
   },
   setup(props, { emit }) {
-    const { show, images } = toRefs(props);
+    toRefs(props);
     const state = reactive({
-      showPop: show,
-      active: 1
+      showPop: false,
+      active: 1,
+      maxNo: 1,
+      source: {
+        src: "https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D",
+        type: "video/mp4"
+      },
+      options: {
+        muted: true,
+        controls: true
+      }
     });
     const slideChangeEnd = function(page) {
       state.active = page + 1;
     };
-    const closePop = function() {
+    const closeOnImg = () => {
+      if (props.contentClose) {
+        onClose();
+      }
+    };
+    const onClose = () => {
       state.showPop = false;
       state.active = 1;
       emit("close");
@@ -61,56 +107,126 @@ const _sfc_main = create({
     watch(() => props.show, (val) => {
       state.showPop = val;
     });
+    onMounted(() => {
+      state.active = props.initNo;
+      state.showPop = props.show;
+      state.maxNo = props.images.length + props.videos.length;
+    });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       slideChangeEnd,
-      closePop
+      onClose,
+      closeOnImg
     });
   }
 });
-const _hoisted_1 = { class: "nut-imagepreview" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "nut-imagepreview-index" };
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { class: "nut-imagepreview-index" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_video = resolveComponent("nut-video");
   const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createElementBlock("view", _hoisted_1, [
-    createVNode(_component_nut_popup, {
-      "pop-class": "custom-pop",
-      visible: _ctx.showPop,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPop = $event),
-      onClick: _ctx.closePop
-    }, {
-      default: withCtx(() => [
+  return openBlock(), createBlock(_component_nut_popup, {
+    "pop-class": "custom-pop",
+    visible: _ctx.showPop,
+    "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPop = $event),
+    onClick: _ctx.onClose
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: "nut-imagepreview",
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closeOnImg && _ctx.closeOnImg(...args), ["stop"]))
+      }, [
         _ctx.showPop ? (openBlock(), createBlock(_component_nut_swiper, {
           key: 0,
           "auto-play": 3e3,
           class: "nut-imagepreview-swiper",
           loop: true,
+          "is-preventDefault": false,
           direction: "horizontal",
           onChange: _ctx.slideChangeEnd,
-          "is-preventDefault": false
+          "init-page": _ctx.initNo > _ctx.maxNo ? _ctx.maxNo - 1 : _ctx.initNo - 1,
+          "pagination-visible": _ctx.paginationVisible,
+          "pagination-color": _ctx.paginationColor
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index2) => {
-              return openBlock(), createBlock(_component_nut_swiper_item, { key: index2 }, {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.videos, (item, index) => {
+              return openBlock(), createBlock(_component_nut_swiper_item, { key: index }, {
+                default: withCtx(() => [
+                  createVNode(_component_nut_video, {
+                    source: item.source,
+                    options: item.options
+                  }, null, 8, ["source", "options"])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index) => {
+              return openBlock(), createBlock(_component_nut_swiper_item, { key: index }, {
                 default: withCtx(() => [
                   createElementVNode("img", {
-                    src: item.imgSrc,
+                    src: item.src,
                     class: "nut-imagepreview-img"
-                  }, null, 8, _hoisted_2)
+                  }, null, 8, _hoisted_1)
                 ]),
                 _: 2
               }, 1024);
             }), 128))
           ]),
           _: 1
-        }, 8, ["onChange"])) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_3, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length), 1)
-      ]),
-      _: 1
-    }, 8, ["visible", "onClick"])
-  ]);
+        }, 8, ["onChange", "init-page", "pagination-visible", "pagination-color"])) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
+      ])
+    ]),
+    _: 1
+  }, 8, ["visible", "onClick"]);
+}
+var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+class ImagePreviewOptions {
+  constructor() {
+    __publicField(this, "show", false);
+    __publicField(this, "images", []);
+    __publicField(this, "initNo", 1);
+    __publicField(this, "paginationVisible", false);
+    __publicField(this, "paginationColor", "");
+    __publicField(this, "teleport", "body");
+    __publicField(this, "onClose", () => {
+    });
+  }
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+class ImagePreviewFunction {
+  constructor(_options) {
+    __publicField(this, "options", new ImagePreviewOptions());
+    let options = Object.assign(this.options, _options);
+    let elWarp = document.body;
+    let teleport = options.teleport;
+    if (teleport != "body") {
+      if (typeof teleport == "string") {
+        elWarp = document.querySelector(teleport);
+      } else {
+        elWarp = options.teleport;
+      }
+    }
+    const root = document.createElement("view");
+    root.id = "imagepreview-" + new Date().getTime();
+    const Wrapper = {
+      setup() {
+        options.teleport = `#${root.id}`;
+        return () => {
+          return h(ImagePreview, options);
+        };
+      }
+    };
+    const instance = createVNode(Wrapper);
+    elWarp.appendChild(root);
+    render(instance, root);
+  }
+}
+const _ImagePreview = function(options) {
+  return new ImagePreviewFunction(options);
+};
+_ImagePreview.install = (app) => {
+  app.use(ImagePreview);
+  app.config.globalProperties.$imagepreview = _ImagePreview;
+};
+export { ImagePreview, ImagePreviewOptions, _ImagePreview as default };

package/dist/packages/_es/InfiniteLoading.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Input.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/InputNumber.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Layout.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Menu.js

@@ -1,203 +1,119 @@
 /*!
-* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString, createBlock, withDirectives, createCommentVNode, vShow, renderSlot } from "vue";
+import { ref, computed, reactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import _sfc_main$1 from "./Icon.js";
+import { u as useRect } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./pxCheck.js";
-var index_vue_vue_type_style_index_0_lang = "";
 const { componentName, create } = createComponent("menu");
 const _sfc_main = create({
-  components: {
-    [_sfc_main$1.name]: _sfc_main$1
-  },
   props: {
-    col: {
-      type: [String, Number],
-      default: 1
-    },
     activeColor: {
       type: String,
-      default: "#f00"
+      default: "#FA2C19"
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    duration: {
+      type: [Number, String],
+      default: 0
     }
   },
-  emits: ["choose"],
-  setup(props, { slots, emit }) {
-    const menuList = reactive([]);
-    let activeTitle = ref("");
-    let showMask = ref(false);
-    let styleObj = reactive({
-      flexBasis: 100 / Number(props.col) + "%"
-    });
-    let nutMenuIndex = ref("auto");
-    let hasOptions = ref(true);
-    let isShowCustomer = ref(false);
-    if (slots.default) {
-      for (let i = 0; i < slots.default().length; i++) {
-        if (slots.default()[i].type["name"] === "nut-menu-item") {
-          let item = {
-            title: slots.default()[i].props["title"],
-            disabled: !!slots.default()[i].props["disabled"]
-          };
-          if (slots.default()[i].props["options"]) {
-            item["options"] = slots.default()[i].props["options"];
-          } else {
-            hasOptions.value = false;
+  setup(props, { emit, slots }) {
+    const barRef = ref();
+    const offset = ref(0);
+    const useChildren = () => {
+      const publicChildren = reactive([]);
+      const internalChildren = reactive([]);
+      const linkChildren2 = (value) => {
+        const link = (child) => {
+          if (child.proxy) {
+            internalChildren.push(child);
+            publicChildren.push(child.proxy);
           }
-          menuList.push(item);
-        }
-      }
-    }
-    const handleClickTitle = (title, index2) => {
-      if (!hasOptions.value) {
-        if (activeTitle.value) {
-          activeTitle.value = "";
-          isShowCustomer.value = false;
-          showMask.value = false;
-          nutMenuIndex.value = "auto";
-        } else {
-          activeTitle.value = title;
-          isShowCustomer.value = true;
-          showMask.value = true;
-          nutMenuIndex.value = 2001;
-        }
-        return;
-      }
-      if (menuList.length > 1) {
-        if (activeTitle.value === title) {
-          activeTitle.value = "";
-          nutMenuIndex.value = "auto";
-          showMask.value = false;
-        } else {
-          activeTitle.value = title;
-          nutMenuIndex.value = 2001;
-          showMask.value = true;
-        }
-      } else {
-        if (activeTitle.value) {
-          activeTitle.value = "";
-          nutMenuIndex.value = "auto";
-          showMask.value = false;
-        } else {
-          activeTitle.value = title;
-          nutMenuIndex.value = 2001;
-          showMask.value = true;
-        }
-      }
-    };
-    const handleClickOption = (text, index2, value) => {
-      menuList[index2].title = text;
-      activeTitle.value = "";
-      showMask.value = false;
-      nutMenuIndex.value = "auto";
-      emit("choose", text, value);
+        };
+        provide("menuParent", Object.assign({
+          link,
+          children: publicChildren,
+          internalChildren
+        }, value));
+      };
+      return {
+        children: publicChildren,
+        linkChildren: linkChildren2
+      };
     };
+    const { children, linkChildren } = useChildren();
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const handleClose = () => {
-      activeTitle.value = "";
-      nutMenuIndex.value = "auto";
-      if (isShowCustomer.value) {
-        isShowCustomer.value = false;
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = useRect(barRef);
+        offset.value = rect.bottom;
       }
     };
+    linkChildren({ props, offset });
+    const toggleItem = (active) => {
+      children.forEach((item, index2) => {
+        if (index2 === active) {
+          updateOffset();
+          item.toggle();
+        } else if (item.state.showPopup) {
+          item.toggle(false, { immediate: true });
+        }
+      });
+    };
     return {
-      menuList,
-      activeTitle,
+      toggleItem,
+      children,
+      opened,
       classes,
-      showMask,
-      styleObj,
-      nutMenuIndex,
-      hasOptions,
-      isShowCustomer,
-      handleClickTitle,
-      handleClickOption,
-      handleClose
+      barRef
     };
   }
 });
-const _hoisted_1 = { class: "title-list" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "customer-item" };
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "nut-menu__title-text" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_popup = resolveComponent("nut-popup");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", null, [
-    createVNode(_component_nut_popup, mergeProps(_ctx.$attrs, {
-      visible: _ctx.showMask,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showMask = $event),
-      onClose: _ctx.handleClose
-    }), null, 16, ["visible", "onClose"]),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle({ "z-index": _ctx.nutMenuIndex })
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
+      ref: "barRef"
     }, [
-      createElementVNode("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: index2,
-            class: normalizeClass(["title", {
-              "is-active": _ctx.activeTitle === menu.title,
-              disabled: menu.disabled
-            }]),
-            onClick: ($event) => !menu.disabled && _ctx.handleClickTitle(menu.title, index2)
-          }, [
-            createTextVNode(toDisplayString(menu.title) + " ", 1),
-            _ctx.activeTitle === menu.title ? (openBlock(), createBlock(_component_nut_icon, {
-              key: 0,
-              size: "10",
-              color: "#333",
-              name: "arrow-up"
-            })) : (openBlock(), createBlock(_component_nut_icon, {
-              key: 1,
-              size: "10",
-              color: "#999",
-              name: "arrow-down"
-            }))
-          ], 10, _hoisted_2);
-        }), 128))
-      ]),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index2) => {
-        return withDirectives((openBlock(), createElementBlock("div", {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index2) => {
+        return openBlock(), createElementBlock("view", {
           key: index2,
-          class: "option-list"
+          class: normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index2),
+          style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
         }, [
-          createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(menu.options, (option, index22) => {
-              return openBlock(), createElementBlock("li", {
-                key: index22,
-                onClick: ($event) => _ctx.handleClickOption(option.text, index2, option.value),
-                style: normalizeStyle(_ctx.styleObj)
-              }, [
-                menu.title === option.text ? (openBlock(), createBlock(_component_nut_icon, {
-                  key: 0,
-                  size: "20",
-                  color: _ctx.activeColor,
-                  name: "Check"
-                }, null, 8, ["color"])) : createCommentVNode("", true),
-                createTextVNode(toDisplayString(option.text), 1)
-              ], 12, _hoisted_3);
-            }), 128))
-          ])
-        ], 512)), [
-          [vShow, _ctx.hasOptions && _ctx.activeTitle === menu.title]
-        ]);
-      }), 128)),
-      withDirectives(createElementVNode("view", _hoisted_4, [
-        renderSlot(_ctx.$slots, "default")
-      ], 512), [
-        [vShow, !_ctx.hasOptions && _ctx.isShowCustomer]
-      ])
-    ], 6)
-  ]);
+          createElementVNode("view", {
+            class: normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
+          }, [
+            createElementVNode("view", _hoisted_2, toDisplayString(item.renderTitle()), 1),
+            createVNode(_component_nut_icon, {
+              name: item.titleIcon,
+              size: "10",
+              class: "nut-menu__title-icon"
+            }, null, 8, ["name"])
+          ], 2)
+        ], 14, _hoisted_1);
+      }), 128))
+    ], 2),
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };