@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/ShortPassword.js

@@ -0,0 +1,221 @@
+/*!
+* @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, 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";
+const { create } = createComponent("shortpassword");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+    },
+    desc: {
+      type: String,
+      default: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1"
+    },
+    tips: {
+      type: String,
+      default: "\u5FD8\u8BB0\u5BC6\u7801"
+    },
+    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
+    }
+  },
+  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;
+      console.log("watch", value);
+    });
+    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
+    };
+  }
+});
+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
+    }, {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title), 1),
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.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 ? (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), 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))
+          }, "\u53D6\u6D88"),
+          createElementVNode("view", {
+            class: "nut-shortpsd-sure",
+            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
+          }, "\u786E\u8BA4")
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Signature.js

@@ -0,0 +1,167 @@
+/*!
+* @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, reactive, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("signature");
+const _sfc_main = create({
+  props: {
+    customClass: {
+      type: String,
+      default: ""
+    },
+    lineWidth: {
+      type: Number,
+      default: 2
+    },
+    strokeStyle: {
+      type: String,
+      default: "#000"
+    },
+    type: {
+      type: String,
+      default: "png"
+    },
+    unSupportTpl: {
+      type: String,
+      default: "\u5BF9\u4E0D\u8D77\uFF0C\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF0C\u65E0\u6CD5\u4F7F\u7528\u672C\u63A7\u4EF6\uFF01"
+    }
+  },
+  components: {},
+  emits: ["confirm", "clear"],
+  setup(props, { emit }) {
+    const canvas = ref(null);
+    const wrap = ref(null);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${props.customClass}`]: props.customClass
+      };
+    });
+    const state = reactive({
+      canvasHeight: 0,
+      canvasWidth: 0,
+      ctx: null,
+      isSupportTouch: "ontouchstart" in window,
+      events: "ontouchstart" in window ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"]
+    });
+    const isCanvasSupported = () => {
+      let elem = document.createElement("canvas");
+      return !!(elem.getContext && elem.getContext("2d"));
+    };
+    const addEvent = () => {
+      canvas.value.addEventListener(state.events[0], startEventHandler, false);
+    };
+    const startEventHandler = (event) => {
+      event.preventDefault();
+      state.ctx.beginPath();
+      state.ctx.lineWidth = props.lineWidth;
+      state.ctx.strokeStyle = props.strokeStyle;
+      canvas.value.addEventListener(state.events[1], moveEventHandler, false);
+      canvas.value.addEventListener(state.events[2], endEventHandler, false);
+      canvas.value.addEventListener(state.events[3], leaveEventHandler, false);
+    };
+    const moveEventHandler = (event) => {
+      event.preventDefault();
+      let evt = state.isSupportTouch ? event.touches[0] : event;
+      let coverPos = canvas.value.getBoundingClientRect();
+      let mouseX = evt.clientX - coverPos.left;
+      let mouseY = evt.clientY - coverPos.top;
+      state.ctx.lineTo(mouseX, mouseY);
+      state.ctx.stroke();
+    };
+    const endEventHandler = (event) => {
+      event.preventDefault();
+      canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
+      canvas.value.removeEventListener(state.events[2], endEventHandler, false);
+    };
+    const leaveEventHandler = (event) => {
+      event.preventDefault();
+      canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
+      canvas.value.removeEventListener(state.events[2], endEventHandler, false);
+    };
+    const clear = () => {
+      canvas.value.addEventListener(state.events[2], endEventHandler, false);
+      state.ctx.clearRect(0, 0, state.canvasWidth, state.canvasHeight);
+      state.ctx.closePath();
+      emit("clear");
+    };
+    const confirm = () => {
+      onSave(canvas.value);
+    };
+    const onSave = (canvas2) => {
+      let dataurl;
+      switch (props.type) {
+        case "png":
+          dataurl = canvas2.toDataURL("image/png");
+          break;
+        case "jpg":
+          dataurl = canvas2.toDataURL("image/jpeg", 0.8);
+          break;
+      }
+      clear();
+      emit("confirm", canvas2, dataurl);
+    };
+    onMounted(() => {
+      if (isCanvasSupported()) {
+        state.ctx = canvas.value.getContext("2d");
+        state.canvasWidth = wrap.value.offsetWidth;
+        state.canvasHeight = wrap.value.offsetHeight;
+        addEvent();
+      }
+    });
+    return { canvas, wrap, isCanvasSupported, confirm, clear, classes };
+  }
+});
+const _hoisted_1 = {
+  class: "nut-signature-inner",
+  ref: "wrap"
+};
+const _hoisted_2 = ["height", "width"];
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-signature-unsopport"
+};
+const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u91CD\u7B7E");
+const _hoisted_5 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      _ctx.isCanvasSupported ? (openBlock(), createElementBlock("canvas", {
+        key: 0,
+        ref: "canvas",
+        height: _ctx.canvasHeight,
+        width: _ctx.canvasWidth
+      }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.unSupportTpl), 1))
+    ], 512),
+    createVNode(_component_nut_button, {
+      class: "nut-signature-btn",
+      type: "default",
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clear())
+    }, {
+      default: withCtx(() => [
+        _hoisted_4
+      ]),
+      _: 1
+    }),
+    createVNode(_component_nut_button, {
+      class: "nut-signature-btn",
+      type: "primary",
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
+    }, {
+      default: withCtx(() => [
+        _hoisted_5
+      ]),
+      _: 1
+    })
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Step.js

@@ -0,0 +1,116 @@
+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 { getCurrentInstance, inject, reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, Fragment, toDisplayString, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { create, componentName } = createComponent("step");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    size: {
+      type: [String, Number],
+      default: "12px"
+    }
+  },
+  setup(props, { emit, slots }) {
+    const { proxy } = getCurrentInstance();
+    const parent = inject("parent");
+    parent["relation"](proxy);
+    const state = reactive({
+      dot: parent.props.progressDot
+    });
+    const index2 = computed(() => parent.state.children.indexOf(proxy) + 1);
+    const getCurrentStatus = () => {
+      const activeIndex = index2.value;
+      if (activeIndex < +parent.props.current)
+        return "finish";
+      return activeIndex === +parent.props.current ? "process" : "wait";
+    };
+    const status = computed(() => {
+      return getCurrentStatus();
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-${status.value}`]: true
+      };
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      index: index2,
+      classes
+    });
+  }
+});
+const _hoisted_1 = { class: "nut-step-head" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3 = {
+  key: 2,
+  class: "nut-step-inner"
+};
+const _hoisted_4 = { class: "nut-step-main" };
+const _hoisted_5 = { class: "nut-step-title" };
+const _hoisted_6 = ["innerHTML"];
+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, [
+      _hoisted_2,
+      createElementVNode("view", {
+        class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 0,
+          class: "nut-step-icon-inner",
+          name: _ctx.icon,
+          size: _ctx.size
+        }, null, 8, ["name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.index), 1))
+      ], 2)
+    ]),
+    createElementVNode("view", _hoisted_4, [
+      createElementVNode("view", _hoisted_5, toDisplayString(_ctx.title), 1),
+      _ctx.content ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: "nut-step-content",
+        innerHTML: _ctx.content
+      }, null, 8, _hoisted_6)) : createCommentVNode("", true)
+    ])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Steps.js

@@ -0,0 +1,52 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, computed, provide, h } from "vue";
+import { c as createComponent } from "./component.js";
+const { create, componentName } = createComponent("steps");
+const _sfc_main = create({
+  props: {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    current: {
+      type: [String, Number],
+      default: "0"
+    },
+    progressDot: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { emit, slots }) {
+    const state = reactive({
+      children: []
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-${props.direction}`]: true,
+        [`${prefixCls}-dot`]: !!props.progressDot
+      };
+    });
+    const relation = (child) => {
+      child && state.children.push(child);
+    };
+    provide("parent", {
+      relation,
+      state,
+      props
+    });
+    return () => {
+      var _a;
+      return h("view", {
+        class: classes.value
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+export { _sfc_main as default };