@nutui/nutui 3.1.0 → 3.1.2-3.beta-4

package/dist/packages/_es/Notify.js

@@ -0,0 +1,236 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:38:45 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, onMounted, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, h } from "vue";
+import { c as createComponent } from "./component.js";
+import Popup from "./Popup.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+import "./OverLay.js";
+import "./Icon.js";
+import "./pxCheck.js";
+const { componentName, create } = createComponent("notify");
+const _sfc_main = create({
+  components: {
+    [Popup.name]: Popup
+  },
+  props: {
+    id: String,
+    color: { type: String, default: "" },
+    msg: { type: String, default: "" },
+    duration: { type: Number, default: 3e3 },
+    className: {
+      type: String,
+      default: ""
+    },
+    background: { type: String, default: "" },
+    type: {
+      type: String,
+      default: "danger"
+    },
+    showPopup: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: String,
+      default: "top"
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
+    },
+    onClose: Function,
+    onClick: Function,
+    unmount: Function
+  },
+  setup(props, { slots }) {
+    let timer = null;
+    const state = reactive({
+      mounted: false
+    });
+    onMounted(() => {
+    });
+    const visible = ref(false);
+    const clickCover = () => {
+      props.onClick && props.onClick();
+    };
+    const clearTimer = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    };
+    const hide = () => {
+      state.mounted = false;
+    };
+    const show = () => {
+      clearTimer();
+      if (props.duration) {
+        timer = setTimeout(() => {
+          hide();
+        }, props.duration);
+      }
+    };
+    if (props.duration) {
+      show();
+    }
+    watch(() => props.duration, (val) => {
+      if (val) {
+        show();
+      }
+    });
+    const onAfterLeave = () => {
+      clearTimer();
+      props.unmount && props.unmount(props.id);
+      props.onClose && props.onClose();
+    };
+    return { state, hide, onAfterLeave, clickCover, visible };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    visible: _ctx.showPopup,
+    "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+    position: _ctx.position,
+    overlay: false,
+    isWrapTeleport: _ctx.isWrapTeleport
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-notify", `nut-notify--${_ctx.type}`, _ctx.className]),
+        style: normalizeStyle({ color: _ctx.color, background: _ctx.background }),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
+      }, [
+        _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(_ctx.msg), 1)
+        ], 64))
+      ], 6)
+    ]),
+    _: 3
+  }, 8, ["visible", "position", "isWrapTeleport"]);
+}
+var Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const defaultOptions = {
+  type: "base",
+  showPopup: true,
+  visible: true,
+  msg: "",
+  color: void 0,
+  background: void 0,
+  duration: 3e3,
+  className: "",
+  onClosed: null,
+  onClick: null,
+  onOpened: null,
+  textTimer: null,
+  unmount: null
+};
+let idsMap = [];
+let optsMap = [];
+const clearNotify = (id) => {
+  if (id) {
+    const container = document.getElementById(id);
+    optsMap = optsMap.filter((item) => item.id !== id);
+    idsMap = idsMap.filter((item) => item !== id);
+    if (container) {
+      document.body.removeChild(container);
+    }
+  } else {
+    idsMap.forEach((item) => {
+      const container = document.getElementById(item);
+      if (container) {
+        document.body.removeChild(container);
+      }
+    });
+    optsMap = [];
+    idsMap = [];
+  }
+};
+const updateNotify = (opts) => {
+  const container = document.getElementById(opts.id);
+  if (container) {
+    const currentOpt = optsMap.find((item) => item.id === opts.id);
+    if (currentOpt) {
+      opts = { ...defaultOptions, ...currentOpt, ...opts };
+    } else {
+      opts = { ...defaultOptions, ...opts };
+    }
+    const instance = createVNode(Notify, opts);
+    render(instance, container);
+    return instance.component.ctx;
+  }
+};
+const mountNotify = (opts) => {
+  opts.unmount = clearNotify;
+  let _id;
+  if (opts.id) {
+    _id = opts.id;
+    if (idsMap.find((item) => item === opts.id)) {
+      return updateNotify(opts);
+    }
+  } else {
+    _id = new Date().getTime() + "";
+  }
+  opts = { ...defaultOptions, ...opts };
+  opts.id = _id;
+  idsMap.push(opts.id);
+  optsMap.push(opts);
+  const root = document.createElement("view");
+  root.id = "notify-" + opts.id;
+  const Wrapper = {
+    setup() {
+      opts.teleport = `#notify-${opts.id}`;
+      onMounted(() => {
+        setTimeout(() => {
+          document.body.removeChild(root);
+        }, opts.duration);
+      });
+      return () => {
+        return h(Notify, opts);
+      };
+    }
+  };
+  const instance = createVNode(Wrapper);
+  document.body.appendChild(root);
+  render(instance, root);
+};
+const errorMsg = (msg) => {
+  if (!msg) {
+    console.warn("[NutUI Notify]: msg\u4E0D\u80FD\u4E3A\u7A7A");
+    return;
+  }
+};
+const NotifyFunction = {
+  text(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg });
+  },
+  primary(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "primary" });
+  },
+  success(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "success" });
+  },
+  danger(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "danger" });
+  },
+  warn(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "warning" });
+  },
+  hide() {
+    clearNotify();
+  },
+  install(app) {
+    app.use(Notify);
+    app.config.globalProperties.$notify = NotifyFunction;
+  }
+};
+export { Notify, NotifyFunction, NotifyFunction as default };

package/dist/packages/_es/NumberKeyboard.js

@@ -0,0 +1,278 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:38:45 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } 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("numberkeyboard");
+const _sfc_main = create({
+  props: {
+    confirmText: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    customKey: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    maxlength: {
+      type: [Number, String],
+      default: 6
+    },
+    randomKeys: {
+      type: Boolean,
+      default: false
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
+    },
+    teleport: {
+      type: [String, Element],
+      default: "body"
+    },
+    popClass: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["input", "delete", "close", "update:value"],
+  setup(props, { emit }) {
+    const clickKeyIndex = ref(void 0);
+    const show = ref(props.visible);
+    const root = ref();
+    function defaultKey() {
+      const { customKey } = props;
+      let object = {
+        id: "lock",
+        type: "lock"
+      };
+      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      if (customKeys.length === 1) {
+        object = {
+          id: customKeys[0],
+          type: "custom"
+        };
+      }
+      return [...getBasicKeys(), object, { id: 0, type: "number" }, { id: "delete", type: "delete" }];
+    }
+    function getBasicKeys() {
+      const keys = [];
+      for (let i = 1; i <= 9; i++) {
+        keys.push({ id: i, type: "number" });
+      }
+      if (props.randomKeys) {
+        return keys.sort(() => Math.random() > 0.5 ? 1 : -1);
+      }
+      return keys;
+    }
+    function genCustomKeys() {
+      const keys = getBasicKeys();
+      const { customKey } = props;
+      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      if (customKeys.length > 2) {
+        customKeys = [customKeys[0], customKeys[1]];
+      }
+      if (customKeys.length === 1) {
+        if (props.title) {
+          keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
+        } else {
+          keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
+        }
+      } else if (customKeys.length === 2) {
+        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
+        if (props.title) {
+          keys.push({ id: "delete", type: "delete" });
+        }
+      } else {
+        keys.push({ id: 0, type: "number" });
+      }
+      return keys;
+    }
+    const keysList = computed(() => {
+      if (props.type == "rightColumn" || props.title != "") {
+        return genCustomKeys();
+      }
+      return defaultKey();
+    });
+    watch(() => props.visible, (value) => {
+      show.value = value;
+    });
+    function onTouchstart(item, event) {
+      event.stopPropagation();
+      clickKeyIndex.value = item.id;
+      if (item.type == "number" || item.type == "custom") {
+        emit("input", item.id);
+        if (props.value.length < props.maxlength) {
+          emit("update:value", props.value + item.id);
+        }
+      }
+      if (item.type == "lock") {
+        closeBoard();
+      }
+      if (item.type == "delete") {
+        emit("delete");
+        emit("update:value", props.value.slice(0, props.value.length - 1));
+      }
+    }
+    function onTouchMove(id, event) {
+      event.stopPropagation();
+    }
+    function onTouchEnd(event) {
+      event.preventDefault();
+      clickKeyIndex.value = void 0;
+    }
+    function closeBoard() {
+      emit("close");
+    }
+    onMounted(() => {
+    });
+    return {
+      clickKeyIndex,
+      defaultKey,
+      closeBoard,
+      onTouchEnd,
+      onTouchMove,
+      onTouchstart,
+      keysList,
+      genCustomKeys,
+      getBasicKeys,
+      root,
+      show,
+      translate
+    };
+  }
+});
+const _hoisted_1 = {
+  class: "nut-numberkeyboard",
+  ref: "root"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "number-board-header"
+};
+const _hoisted_3 = { class: "tit" };
+const _hoisted_4 = { class: "number-board-body" };
+const _hoisted_5 = { class: "number-board" };
+const _hoisted_6 = ["onTouchstart", "onTouchmove"];
+const _hoisted_7 = {
+  key: 1,
+  src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
+};
+const _hoisted_8 = {
+  key: 2,
+  src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "number-board-sidebar"
+};
+const _hoisted_10 = { class: "key-board-wrapper" };
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1);
+const _hoisted_12 = [
+  _hoisted_11
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    visible: _ctx.show,
+    "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
+    position: "bottom",
+    teleport: _ctx.teleport,
+    popClass: _ctx.popClass,
+    overlay: _ctx.overlay,
+    onClickOverlay: _cache[7] || (_cache[7] = ($event) => _ctx.closeBoard()),
+    isWrapTeleport: _ctx.isWrapTeleport,
+    "overlay-class": "nut-numberkeyboard-overlay"
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.title), 1),
+          createElementVNode("span", {
+            class: "keyboard-close",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
+          }, toDisplayString(_ctx.translate("done")), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass([
+                  "key-board-wrapper",
+                  {
+                    "key-board-wrapper-large": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
+                  }
+                ]),
+                key: "key" + item.id
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    "key",
+                    { active: item.id == _ctx.clickKeyIndex },
+                    { lock: item.type == "lock" },
+                    { delete: item.type == "delete" }
+                  ]),
+                  onTouchstart: (event) => _ctx.onTouchstart(item, event),
+                  onTouchmove: (event) => _ctx.onTouchMove(item, event),
+                  onTouchend: _cache[1] || (_cache[1] = (event) => _ctx.onTouchEnd(event))
+                }, [
+                  item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode(toDisplayString(item.id), 1)
+                  ], 64)) : createCommentVNode("", true),
+                  item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7)) : createCommentVNode("", true),
+                  item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_8)) : createCommentVNode("", true)
+                ], 42, _hoisted_6)
+              ], 2);
+            }), 128))
+          ]),
+          _ctx.type == "rightColumn" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", {
+                class: normalizeClass(["key", { active: _ctx.clickKeyIndex == "delete" }]),
+                onTouchstart: _cache[2] || (_cache[2] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
+                onTouchmove: _cache[3] || (_cache[3] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
+                onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+              }, _hoisted_12, 34)
+            ]),
+            _ctx.title == "" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "key-board-wrapper key-board-finish",
+              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
+              }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 512)
+    ]),
+    _: 1
+  }, 8, ["visible", "teleport", "popClass", "overlay", "isWrapTeleport"]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };