@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/MenuItem.js

@@ -0,0 +1,180 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, inject, reactive, computed, onMounted, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, normalizeStyle, Fragment, renderList, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { create, componentName } = createComponent("menu-item");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    menuList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    autoClose: {
+      type: Boolean,
+      default: true
+    },
+    multiStyle: {
+      type: [String, Number],
+      default: 1
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: ["change", "menu-click"],
+  setup(props, { emit }) {
+    const menuTitle = ref(props.title);
+    const menu = inject("menuRelation");
+    const parent = reactive(menu);
+    const state = reactive({
+      showPanel: false,
+      currMenu: 0,
+      showMask: false
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        disabled: props.disabled,
+        [`${prefixCls}-active`]: state.showPanel
+      };
+    });
+    const handleMenuPanel = () => {
+      emit("menu-click", menuTitle.value);
+      if (props.disabled) {
+        return;
+      }
+      state.showPanel = !state.showPanel;
+      if (parent.hasMask) {
+        state.showMask = !state.showMask;
+        parent.handleMaskShow(state.showPanel);
+      }
+    };
+    const handleShowAndHide = (event) => {
+      const menuBox = document.querySelectorAll(".nut-menu-active")[0];
+      if (menuBox && state.showPanel) {
+        if (!menuBox.contains(event.target)) {
+          state.showPanel = false;
+          state.showMask = false;
+          parent.handleMaskShow(false);
+        }
+      }
+    };
+    const checkMenus = (item, index2) => {
+      menuTitle.value = item.value;
+      state.currMenu = index2;
+      if (props.autoClose) {
+        state.showPanel = false;
+        state.showMask = false;
+        parent.handleMaskShow(false);
+      }
+      emit("change", item, menuTitle.value);
+    };
+    onMounted(() => {
+      document.addEventListener("mouseup", (event) => {
+        handleShowAndHide(event);
+      }, false);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("mouseup", (event) => {
+        handleShowAndHide(event);
+      });
+    });
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
+      handleMenuPanel,
+      checkMenus,
+      menuTitle
+    });
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = ["onClick"];
+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", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_nut_popup, {
+      visible: _ctx.showMask,
+      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showMask = $event)
+    }, null, 8, ["visible"]),
+    createElementVNode("view", {
+      class: "nut-menu-title",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleMenuPanel && _ctx.handleMenuPanel(...args))
+    }, [
+      createElementVNode("view", {
+        class: "title-name",
+        innerHTML: _ctx.menuTitle
+      }, null, 8, _hoisted_1),
+      createVNode(_component_nut_icon, { "class-prefix": "icon" })
+    ]),
+    createElementVNode("view", {
+      class: "nut-menu-panel",
+      style: normalizeStyle(`max-height:${_ctx.maxHeight}px`)
+    }, [
+      _ctx.menuList && _ctx.menuList.length ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: normalizeClass(["menu-list", [
+          { "bubble-line": _ctx.multiStyle == 2 },
+          { "three-line": _ctx.multiStyle == 3 }
+        ]])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: normalizeClass(["menu-option", { checked: _ctx.currMenu === index2 }]),
+            key: index2,
+            onClick: ($event) => _ctx.checkMenus(item, index2)
+          }, [
+            _ctx.currMenu === index2 ? (openBlock(), createBlock(_component_nut_icon, {
+              key: 0,
+              class: "check-icon",
+              name: "Check",
+              size: "14px"
+            })) : createCommentVNode("", true),
+            createTextVNode(toDisplayString(item.value), 1)
+          ], 10, _hoisted_2);
+        }), 128))
+      ], 2)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ], 4)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Navbar.js

@@ -0,0 +1,160 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, toDisplayString, Fragment, renderList, normalizeStyle, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("navbar");
+const _sfc_main = create({
+  props: {
+    leftShow: { type: Boolean, default: true },
+    title: { type: String, default: "" },
+    titIcon: { type: String, default: "" },
+    tabs: {
+      type: Array,
+      defaul: () => {
+        return [];
+      }
+    },
+    icon: { type: String, default: "" },
+    desc: { type: String, default: "" },
+    defaultIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: [
+    "click",
+    "on-click-back",
+    "on-click-title",
+    "on-click-right",
+    "on-click-desc",
+    "on-click-icon",
+    "on-click-more",
+    "on-click-clear",
+    "on-click-send",
+    "on-click-slot",
+    "on-click-slot-send",
+    "switch-tab"
+  ],
+  setup(props, { emit }) {
+    const activeIndex = ref(props.defaultIndex);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    function switchTitle(id, name) {
+      activeIndex.value = id;
+      console.log(id);
+      emit("switch-tab", activeIndex.value, name);
+    }
+    function handleLeft() {
+      emit("on-click-back");
+    }
+    function handleCenter() {
+      emit("on-click-title");
+    }
+    function handleCenterIcon() {
+      emit("on-click-icon");
+    }
+    function handleClear() {
+      emit("on-click-clear");
+    }
+    function handleSend() {
+      emit("on-click-send");
+    }
+    function handleSlot() {
+      emit("on-click-slot");
+    }
+    function handleSends() {
+      emit("on-click-slot-send");
+    }
+    return {
+      classes,
+      handleLeft,
+      handleCenter,
+      handleCenterIcon,
+      handleClear,
+      handleSend,
+      handleSlot,
+      handleSends,
+      switchTitle,
+      activeIndex
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-navbar__left" };
+const _hoisted_2 = { class: "tab-title" };
+const _hoisted_3 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", _hoisted_1, [
+      _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 0,
+        color: "#979797",
+        name: "left",
+        onClick: _ctx.handleLeft
+      }, null, 8, ["onClick"])) : createCommentVNode("", true)
+    ]),
+    _ctx.title || _ctx.titIcon || _ctx.tabs ? (openBlock(), createElementBlock("view", {
+      key: 0,
+      class: normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
+    }, [
+      _ctx.title ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
+      }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 1,
+        class: "icon",
+        name: _ctx.titIcon,
+        onClick: _ctx.handleCenterIcon
+      }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: normalizeClass([
+              "tab-title-box",
+              { "nut-tab-active": _ctx.activeIndex == item.id || _ctx.activeIndex == index2 }
+            ]),
+            onClick: ($event) => _ctx.switchTitle(item.id, item.name),
+            key: item.id
+          }, toDisplayString(item.name), 11, _hoisted_3);
+        }), 128))
+      ])
+    ], 2)) : createCommentVNode("", true),
+    _ctx.desc || _ctx.icon ? (openBlock(), createElementBlock("view", {
+      key: 1,
+      class: normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
+    }, [
+      _ctx.desc ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        style: normalizeStyle({ "text-align": _ctx.descTextAlign }),
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClear && _ctx.handleClear(...args))
+      }, toDisplayString(_ctx.desc), 5)) : createCommentVNode("", true),
+      _ctx.icon ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleSends && _ctx.handleSends(...args))
+      }, [
+        renderSlot(_ctx.$slots, "icons")
+      ])) : createCommentVNode("", true),
+      createElementVNode("view", null, [
+        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 0,
+          class: "rightIcon",
+          name: _ctx.icon,
+          onClick: _ctx.handleSend
+        }, null, 8, ["name", "onClick"])) : createCommentVNode("", true)
+      ])
+    ], 2)) : createCommentVNode("", true)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };