@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/ShortPassword.js

@@ -1,41 +1,231 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, computed as t, watch as l, resolveComponent as n, openBlock as s, createElementBlock as a, createVNode as o, withCtx as i, createElementVNode as r, toDisplayString as u, withDirectives as c, normalizeStyle as p, vModelText as d, Fragment as v, renderList as m, createCommentVNode as f } from "vue";
-import { c as g } from "./component.js";
-import { _ as h } from "./plugin-vue_export-helper.js";
+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: y, translate: k } = g("shortpassword"), w = y({ 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(n2, { emit: s2 }) {
-  const a2 = e(n2.modelValue), o2 = e(), i2 = t(() => u2(Number(n2.length))), r2 = e(n2.visible);
-  function u2(e2) {
-    return Math.min(Math.max(4, e2), 6);
+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
+    };
   }
-  return l(() => n2.visible, (e2) => {
-    r2.value = e2;
-  }), l(() => n2.modelValue, (e2) => {
-    a2.value = e2, s2("update:modelValue", e2);
-  }, { deep: true, immediate: true }), { comLen: i2, sureClick: function() {
-    s2("ok", a2.value);
-  }, realInput: a2, realpwd: o2, focus: function() {
-    o2.value.focus();
-  }, range: u2, changeValue: function(e2) {
-    let t2 = e2.target.value;
-    t2.length > i2.value && (t2 = t2.slice(0, i2.value), a2.value = t2), String(a2.value).length === i2.value && s2("complete", t2), s2("change", t2), s2("update:modelValue", t2);
-  }, close: function() {
-    s2("update:visible", false), s2("cancel");
-  }, onTips: function() {
-    s2("tips");
-  }, show: r2, systemStyle: function() {
-    let e2 = navigator.userAgent, t2 = e2.indexOf("Android") > -1 || e2.indexOf("Linux") > -1;
-    return !!e2.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) ? { paddingRight: "1200px" } : t2 ? { opacity: 0, zindex: 10 } : void 0;
-  }, closeIcon: function() {
-    s2("update:visible", false), s2("close");
-  }, translate: k };
-} }), x = { class: "nut-shortpsd-title" }, C = { class: "nut-shortpsd-subtitle" }, b = { class: "nut-input-normalw" }, S = r("div", { class: "nut-input-site" }, null, -1), V = { key: 0, class: "nut-shortpsd-icon" }, I = { class: "nut-shortpsd-message" }, O = { class: "nut-shortpsd-error" }, T = { key: 0, class: "nut-shortpsd-forget" }, B = { key: 0, class: "nut-shortpsd-footer" };
-var M = h(w, [["render", function(e2, t2, l2, g2, h2, y2) {
-  const k2 = n("nut-icon"), w2 = n("nut-popup");
-  return s(), a("view", null, [o(w2, { style: { padding: "32px 24px 28px 24px", borderRadius: "12px", textAlign: "center" }, visible: e2.show, "onUpdate:visible": t2[6] || (t2[6] = (t3) => e2.show = t3), closeable: true, onClickCloseIcon: e2.closeIcon, "close-on-click-overlay": e2.closeOnClickOverlay, onClickOverlay: e2.close, isWrapTeleport: e2.isWrapTeleport }, { default: i(() => [r("view", x, u(e2.title || e2.translate("title")), 1), r("view", C, u(e2.desc || e2.translate("desc")), 1), r("div", b, [c(r("input", { ref: "realpwd", class: "nut-input-real", type: "number", maxlength: "6", style: p(e2.systemStyle()), "onUpdate:modelValue": t2[0] || (t2[0] = (t3) => e2.realInput = t3), onInput: t2[1] || (t2[1] = (...t3) => e2.changeValue && e2.changeValue(...t3)) }, null, 36), [[d, e2.realInput]]), S, r("view", { class: "nut-shortpsd-fake", onClick: t2[2] || (t2[2] = (...t3) => e2.focus && e2.focus(...t3)) }, [(s(true), a(v, null, m(new Array(e2.comLen), (t3, l3) => (s(), a("view", { class: "nut-shortpsd-li", key: l3 }, [String(e2.realInput).length > l3 ? (s(), a("view", V)) : f("", true)]))), 128))])]), r("view", I, [r("view", O, u(e2.errorMsg), 1), e2.tips || e2.translate("tips") ? (s(), a("view", T, [o(k2, { class: "icon", size: "11px", name: "tips" }), r("view", { onClick: t2[3] || (t2[3] = (...t3) => e2.onTips && e2.onTips(...t3)) }, u(e2.tips || e2.translate("tips")), 1)])) : f("", true)]), e2.noButton ? f("", true) : (s(), a("view", B, [r("view", { class: "nut-shortpsd-cancle", onClick: t2[4] || (t2[4] = (...t3) => e2.close && e2.close(...t3)) }, u(e2.translate("cancel")), 1), r("view", { class: "nut-shortpsd-sure", onClick: t2[5] || (t2[5] = (...t3) => e2.sureClick && e2.sureClick(...t3)) }, u(e2.translate("confirm")), 1)]))]), _: 1 }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])]);
-}]]);
-export { M as default };
+});
+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

@@ -1,49 +1,87 @@
-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 = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, reactive as t, computed as r, onMounted as s, toRefs as n, openBlock as a, createElementBlock as o, normalizeClass as l, createElementVNode as i, renderSlot as c } from "vue";
-import { c as u } from "./component.js";
-import { _ as d } from "./plugin-vue_export-helper.js";
+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: f, create: p } = u("sidenavbar"), m = p({ props: { offset: { type: [String, Number], default: 15 } }, emits: [], setup: (a2, o2) => {
-  const l2 = e(null), i2 = t({ count: 1, observer: null }), c2 = r(() => ({ [f]: true })), u2 = (e2, t2 = 1) => {
-    for (let r2 = 0; r2 < e2.length; r2++) {
-      let s2 = e2[r2];
-      s2.children[0].style.paddingLeft = a2.offset * t2 + "px", s2.className.includes("nut-sidenavbaritem") || u2(Array.from(s2.children[1].children), ++i2.count);
+const { componentName, create } = createComponent("sidenavbar");
+const _sfc_main = create({
+  props: {
+    offset: {
+      type: [String, Number],
+      default: 15
     }
-    i2.count--;
-  }, d2 = () => {
-    let e2 = l2.value.childNodes;
-    e2.length && (e2 = Array.from(e2).filter((e3) => e3.nodeType !== 3).map((e3) => e3), u2(e2));
-  };
-  return s(() => {
-    d2(), i2.observer = new MutationObserver(function() {
-      i2.count = 1, d2();
-    }), i2.observer.observe(l2.value, { attributes: false, childList: true, characterData: false, subtree: false });
-  }), __spreadProps(__spreadValues({}, n(i2)), { list: l2, classes: c2 });
-} }), v = { class: "nut-sidenavbar__content" }, b = { class: "nut-sidenavbar__content__list", ref: "list" };
-var h = d(m, [["render", function(e2, t2, r2, s2, n2, u2) {
-  return a(), o("view", { class: l(e2.classes) }, [i("view", v, [i("view", b, [c(e2.$slots, "default")], 512)])], 2);
-}]]);
-export { h as default };
+  },
+  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 {
+      ...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

@@ -1,16 +1,51 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, openBlock as t, createElementBlock as i, withModifiers as a, createElementVNode as l, toDisplayString as n } from "vue";
-import { c as r } from "./component.js";
-import { _ as s } from "./plugin-vue_export-helper.js";
+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: o, create: c } = r("sidenavbaritem"), p = c({ props: { title: { type: String, default: "" }, ikey: { type: String, default: "" } }, emits: ["click"], setup: (t2, i2) => ({ classes: e(() => ({ [o]: true })), handleClick: () => {
-  i2.emit("click");
-} }) }), m = ["ikey"], u = { class: "nut-sidenavbaritem__title" };
-var d = s(p, [["render", function(e2, r2, s2, o2, c2, p2) {
-  return t(), i("view", { class: "nut-sidenavbaritem", onClick: r2[0] || (r2[0] = a((...t2) => e2.handleClick && e2.handleClick(...t2), ["stop"])), ikey: e2.ikey }, [l("span", u, n(e2.title), 1)], 8, m);
-}]]);
-export { d as default };
+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 };