@nutui/nutui 3.1.21-beta.0 → 3.1.21-beta.3

package/dist/packages/_es/SearchBar.js

@@ -0,0 +1,196 @@
+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.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { create, translate } = createComponent("searchbar");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    inputType: {
+      type: String,
+      default: "text"
+    },
+    maxLength: {
+      type: [String, Number],
+      default: "9999"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    background: {
+      type: String,
+      default: ""
+    },
+    inputBackground: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["change", "update:modelValue", "blur", "focus", "clear", "search"],
+  setup(props, { emit }) {
+    const state = reactive({
+      active: false
+    });
+    const searchbarStyle = computed(() => {
+      return {
+        background: props.background
+      };
+    });
+    const inputSearchbarStyle = computed(() => {
+      return {
+        background: props.inputBackground
+      };
+    });
+    const valueChange = (event) => {
+      const input = event.target;
+      let val = input.value;
+      if (props.maxLength && val.length > Number(props.maxLength)) {
+        val = val.slice(0, Number(props.maxLength));
+      }
+      emit("update:modelValue", val, event);
+      emit("change", val, event);
+    };
+    const valueFocus = (event) => {
+      const input = event.target;
+      let value = input.value;
+      state.active = true;
+      emit("focus", value, event);
+    };
+    const valueBlur = (event) => {
+      setTimeout(() => {
+        state.active = false;
+      }, 0);
+      const input = event.target;
+      let value = input.value;
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
+      }
+      emit("blur", value, event);
+    };
+    const handleClear = (event) => {
+      emit("update:modelValue", "", event);
+      emit("change", "", event);
+      emit("clear", "");
+    };
+    const handleSubmit = () => {
+      emit("search", props.modelValue);
+    };
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      valueChange,
+      valueFocus,
+      valueBlur,
+      handleClear,
+      handleSubmit,
+      searchbarStyle,
+      inputSearchbarStyle,
+      translate
+    });
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
+};
+const _hoisted_3 = { class: "nut-searchbar__input-inner" };
+const _hoisted_4 = ["type", "maxlength", "placeholder", "value"];
+const _hoisted_5 = {
+  key: 1,
+  class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: "nut-searchbar",
+    style: normalizeStyle(_ctx.searchbarStyle)
+  }, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1, [
+      renderSlot(_ctx.$slots, "leftout")
+    ])) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: "nut-searchbar__search-input",
+      style: normalizeStyle(_ctx.inputSearchbarStyle)
+    }, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        renderSlot(_ctx.$slots, "leftin")
+      ])) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_3, [
+        createElementVNode("form", {
+          action: "#",
+          onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
+        }, [
+          createElementVNode("input", {
+            class: "nut-searchbar__input-bar",
+            type: _ctx.inputType,
+            maxlength: _ctx.maxLength,
+            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+            value: _ctx.modelValue,
+            onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
+            onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
+            onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
+          }, null, 40, _hoisted_4)
+        ], 32),
+        _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
+          key: 0,
+          onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
+          class: "nut-searchbar__input-clear"
+        }, [
+          createVNode(_component_nut_icon, {
+            name: "circle-close",
+            size: "12",
+            color: "#555"
+          })
+        ], 512)), [
+          [vShow, _ctx.modelValue.length > 0]
+        ]) : createCommentVNode("", true)
+      ]),
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5, [
+        renderSlot(_ctx.$slots, "rightin")
+      ])) : createCommentVNode("", true)
+    ], 4),
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6, [
+      renderSlot(_ctx.$slots, "rightout")
+    ])) : createCommentVNode("", true)
+  ], 4);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/ShortPassword.js

@@ -0,0 +1,231 @@
+/*!
+* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, withDirectives, normalizeStyle, vModelText, Fragment, renderList, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { create, translate } = createComponent("shortpassword");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    desc: {
+      type: String,
+      default: ""
+    },
+    tips: {
+      type: String,
+      default: ""
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    noButton: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true
+    },
+    length: {
+      type: [String, Number],
+      default: 6
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "update:visible", "complete", "change", "ok", "tips", "close", "cancel"],
+  setup(props, { emit }) {
+    const realInput = ref(props.modelValue);
+    const realpwd = ref();
+    const comLen = computed(() => range(Number(props.length)));
+    const show = ref(props.visible);
+    function sureClick() {
+      emit("ok", realInput.value);
+    }
+    function focus() {
+      realpwd.value.focus();
+    }
+    watch(() => props.visible, (value) => {
+      show.value = value;
+    });
+    watch(() => props.modelValue, (value) => {
+      realInput.value = value;
+      emit("update:modelValue", value);
+    }, {
+      deep: true,
+      immediate: true
+    });
+    function changeValue(e) {
+      const input = e.target;
+      let val = input.value;
+      if (val.length > comLen.value) {
+        val = val.slice(0, comLen.value);
+        realInput.value = val;
+      }
+      if (String(realInput.value).length === comLen.value) {
+        emit("complete", val);
+      }
+      emit("change", val);
+      emit("update:modelValue", val);
+    }
+    function close() {
+      emit("update:visible", false);
+      emit("cancel");
+    }
+    function closeIcon() {
+      emit("update:visible", false);
+      emit("close");
+    }
+    function range(val) {
+      return Math.min(Math.max(4, val), 6);
+    }
+    function onTips() {
+      emit("tips");
+    }
+    function systemStyle() {
+      let u = navigator.userAgent;
+      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
+      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+      if (isIOS) {
+        return {
+          paddingRight: "1200px"
+        };
+      }
+      if (isAndroid) {
+        return {
+          opacity: 0,
+          zindex: 10
+        };
+      }
+    }
+    return {
+      comLen,
+      sureClick,
+      realInput,
+      realpwd,
+      focus,
+      range,
+      changeValue,
+      close,
+      onTips,
+      show,
+      systemStyle,
+      closeIcon,
+      translate
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-shortpsd-title" };
+const _hoisted_2 = { class: "nut-shortpsd-subtitle" };
+const _hoisted_3 = { class: "nut-input-normalw" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
+const _hoisted_5 = {
+  key: 0,
+  class: "nut-shortpsd-icon"
+};
+const _hoisted_6 = { class: "nut-shortpsd-message" };
+const _hoisted_7 = { class: "nut-shortpsd-error" };
+const _hoisted_8 = {
+  key: 0,
+  class: "nut-shortpsd-forget"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "nut-shortpsd-footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock("view", null, [
+    createVNode(_component_nut_popup, {
+      style: {
+        padding: "32px 24px 28px 24px",
+        borderRadius: "12px",
+        textAlign: "center"
+      },
+      visible: _ctx.show,
+      "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
+      closeable: true,
+      onClickCloseIcon: _ctx.closeIcon,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      onClickOverlay: _ctx.close,
+      isWrapTeleport: _ctx.isWrapTeleport
+    }, {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
+        createElementVNode("div", _hoisted_3, [
+          withDirectives(createElementVNode("input", {
+            ref: "realpwd",
+            class: "nut-input-real",
+            type: "number",
+            maxlength: "6",
+            style: normalizeStyle(_ctx.systemStyle()),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.realInput = $event),
+            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
+          }, null, 36), [
+            [vModelText, _ctx.realInput]
+          ]),
+          _hoisted_4,
+          createElementVNode("view", {
+            class: "nut-shortpsd-fake",
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
+              return openBlock(), createElementBlock("view", {
+                class: "nut-shortpsd-li",
+                key: index2
+              }, [
+                String(_ctx.realInput).length > index2 ? (openBlock(), createElementBlock("view", _hoisted_5)) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("view", _hoisted_6, [
+          createElementVNode("view", _hoisted_7, toDisplayString(_ctx.errorMsg), 1),
+          _ctx.tips || _ctx.translate("tips") ? (openBlock(), createElementBlock("view", _hoisted_8, [
+            createVNode(_component_nut_icon, {
+              class: "icon",
+              size: "11px",
+              name: "tips"
+            }),
+            createElementVNode("view", {
+              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onTips && _ctx.onTips(...args))
+            }, toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        !_ctx.noButton ? (openBlock(), createElementBlock("view", _hoisted_9, [
+          createElementVNode("view", {
+            class: "nut-shortpsd-cancle",
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.close && _ctx.close(...args))
+          }, toDisplayString(_ctx.translate("cancel")), 1),
+          createElementVNode("view", {
+            class: "nut-shortpsd-sure",
+            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
+          }, toDisplayString(_ctx.translate("confirm")), 1)
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/SideNavBar.js

@@ -0,0 +1,105 @@
+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.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, reactive, computed, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName, create } = createComponent("sidenavbar");
+const _sfc_main = create({
+  props: {
+    offset: {
+      type: [String, Number],
+      default: 15
+    }
+  },
+  emits: [],
+  setup: (props, context) => {
+    const list = ref(null);
+    const state = reactive({
+      count: 1,
+      observer: null
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const setPaddingLeft = (nodeList, level = 1) => {
+      for (let i = 0; i < nodeList.length; i++) {
+        let item = nodeList[i];
+        item.children[0].style.paddingLeft = props.offset * level + "px";
+        if (!item.className.includes("nut-sidenavbaritem")) {
+          setPaddingLeft(Array.from(item.children[1].children), ++state.count);
+        }
+      }
+      state.count--;
+    };
+    const handleSlots = () => {
+      let childNodes = list.value.childNodes;
+      if (childNodes.length) {
+        childNodes = Array.from(childNodes).filter((item) => item.nodeType !== 3).map((item) => {
+          return item;
+        });
+        setPaddingLeft(childNodes);
+      }
+    };
+    onMounted(() => {
+      handleSlots();
+      state.observer = new MutationObserver(function() {
+        state.count = 1;
+        handleSlots();
+      });
+      state.observer.observe(list.value, {
+        attributes: false,
+        childList: true,
+        characterData: false,
+        subtree: false
+      });
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      list,
+      classes
+    });
+  }
+});
+const _hoisted_1 = { class: "nut-sidenavbar__content" };
+const _hoisted_2 = {
+  class: "nut-sidenavbar__content__list",
+  ref: "list"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", _hoisted_1, [
+      createElementVNode("view", _hoisted_2, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512)
+    ])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/SideNavBarItem.js

@@ -0,0 +1,51 @@
+/*!
+* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { computed, openBlock, createElementBlock, withModifiers, createElementVNode, toDisplayString } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName, create } = createComponent("sidenavbaritem");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    ikey: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click"],
+  setup: (props, context) => {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const handleClick = () => {
+      context.emit("click");
+    };
+    return {
+      classes,
+      handleClick
+    };
+  }
+});
+const _hoisted_1 = ["ikey"];
+const _hoisted_2 = { class: "nut-sidenavbaritem__title" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: "nut-sidenavbaritem",
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
+    ikey: _ctx.ikey
+  }, [
+    createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
+  ], 8, _hoisted_1);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };