@nutui/nutui 3.1.20 → 3.1.21-beta.0

package/dist/packages/_es/Input.js

@@ -1,420 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { ref, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, normalizeStyle, createElementVNode, toDisplayString, withDirectives, createBlock, vShow, renderSlot, createTextVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-function trimExtraChar(value, char, regExp) {
-  const index2 = value.indexOf(char);
-  if (index2 === -1) {
-    return value;
-  }
-  if (char === "-" && index2 !== 0) {
-    return value.slice(0, index2);
-  }
-  return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
-}
-function formatNumber(value, allowDot = true, allowMinus = true) {
-  if (allowDot) {
-    value = trimExtraChar(value, ".", /\./g);
-  } else {
-    value = value.split(".")[0];
-  }
-  if (allowMinus) {
-    value = trimExtraChar(value, "-", /-/g);
-  } else {
-    value = value.replace(/-/, "");
-  }
-  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-  return value.replace(regExp, "");
-}
-const { componentName, create, translate } = createComponent("input");
-const _sfc_main = create({
-  props: {
-    ref: {
-      type: String,
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    labelClass: {
-      type: String,
-      default: ""
-    },
-    labelWidth: {
-      type: [String, Number],
-      default: "80"
-    },
-    labelAlign: {
-      type: String,
-      default: "left"
-    },
-    colon: {
-      type: Boolean,
-      default: false
-    },
-    inputAlign: {
-      type: String,
-      default: "left"
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    error: {
-      type: Boolean,
-      default: false
-    },
-    maxLength: {
-      type: [String, Number],
-      default: ""
-    },
-    leftIcon: {
-      type: String,
-      default: ""
-    },
-    leftIconSize: {
-      type: [String, Number],
-      default: ""
-    },
-    rightIcon: {
-      type: String,
-      default: ""
-    },
-    rightIconSize: {
-      type: [String, Number],
-      default: ""
-    },
-    clearable: {
-      type: Boolean,
-      default: false
-    },
-    clearIcon: {
-      type: String,
-      default: "mask-close"
-    },
-    clearSize: {
-      type: [String, Number],
-      default: "14"
-    },
-    border: {
-      type: Boolean,
-      default: true
-    },
-    formatTrigger: {
-      type: String,
-      default: "onChange"
-    },
-    formatter: {
-      type: Function,
-      default: null
-    },
-    rules: {
-      type: Array,
-      default: []
-    },
-    errorMessage: {
-      type: String,
-      default: ""
-    },
-    errorMessageAlign: {
-      type: String,
-      default: ""
-    },
-    rows: {
-      type: [String, Number],
-      default: null
-    },
-    showWordLimit: {
-      type: Boolean,
-      default: false
-    },
-    autofocus: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "change",
-    "blur",
-    "focus",
-    "clear",
-    "keypress",
-    "click-input",
-    "click-left-icon",
-    "click-right-icon"
-  ],
-  setup(props, { emit, slots }) {
-    const active = ref(false);
-    const inputRef = ref();
-    const customValue = ref();
-    const getModelValue = () => {
-      var _a;
-      return String((_a = props.modelValue) != null ? _a : "");
-    };
-    const state = reactive({
-      focused: false,
-      validateFailed: false,
-      validateMessage: ""
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        center: props.center,
-        [`${prefixCls}-disabled`]: props.disabled,
-        [`${prefixCls}-required`]: props.required,
-        [`${prefixCls}-error`]: props.error,
-        [`${prefixCls}-border`]: props.border
-      };
-    });
-    const styles = computed(() => {
-      return {
-        textAlign: props.inputAlign
-      };
-    });
-    const stylesTextarea = computed(() => {
-      return {
-        textAlign: props.inputAlign,
-        height: Number(props.rows) * 24 + "px"
-      };
-    });
-    const inputType = (type) => {
-      if (type === "number") {
-        return "text";
-      } else if (type === "digit") {
-        return "tel";
-      } else {
-        return type;
-      }
-    };
-    computed(() => {
-      if (customValue.value && slots.input) {
-        return customValue.value();
-      }
-      return props.modelValue;
-    });
-    const onInput = (event) => {
-      const input = event.target;
-      let value = input.value;
-      updateValue(value);
-    };
-    const updateValue = (value, trigger = "onChange") => {
-      var _a;
-      if (props.type === "digit") {
-        value = formatNumber(value, false, false);
-      }
-      if (props.type === "number") {
-        value = formatNumber(value, true, true);
-      }
-      if (props.formatter && trigger === props.formatTrigger) {
-        value = props.formatter(value);
-      }
-      if (((_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.value) !== value) {
-        inputRef.value.value = value;
-      }
-      if (value !== props.modelValue) {
-        emit("update:modelValue", value);
-        emit("change", value);
-      }
-    };
-    const onFocus = (event) => {
-      const input = event.target;
-      let value = input.value;
-      active.value = true;
-      emit("focus", value, event);
-    };
-    const onBlur = (event) => {
-      setTimeout(() => {
-        active.value = false;
-      }, 200);
-      const input = event.target;
-      let value = input.value;
-      if (props.maxLength && value.length > Number(props.maxLength)) {
-        value = value.slice(0, Number(props.maxLength));
-      }
-      updateValue(getModelValue(), "onBlur");
-      emit("blur", value, event);
-    };
-    const clear = (event) => {
-      emit("update:modelValue", "", event);
-      emit("change", "", event);
-      emit("clear", "", event);
-    };
-    const resetValidation = () => {
-      if (state.validateFailed) {
-        state.validateFailed = false;
-        state.validateMessage = "";
-      }
-    };
-    const onClickInput = (event) => {
-      emit("click-input", event);
-    };
-    const onClickLeftIcon = (event) => emit("click-left-icon", event);
-    const onClickRightIcon = (event) => emit("click-right-icon", event);
-    watch(() => props.modelValue, () => {
-      updateValue(getModelValue());
-      resetValidation();
-    });
-    onMounted(() => {
-      updateValue(getModelValue(), props.formatTrigger);
-    });
-    return {
-      inputRef,
-      active,
-      classes,
-      styles,
-      stylesTextarea,
-      inputType,
-      onInput,
-      onFocus,
-      onBlur,
-      clear,
-      onClickInput,
-      onClickLeftIcon,
-      onClickRightIcon,
-      translate
-    };
-  }
-});
-const _hoisted_1 = { class: "label-string" };
-const _hoisted_2 = { class: "nut-input-value" };
-const _hoisted_3 = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-const _hoisted_4 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-const _hoisted_5 = {
-  key: 0,
-  class: "nut-input-word-limit"
-};
-const _hoisted_6 = { class: "nut-input-word-num" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    _ctx.leftIcon && _ctx.leftIcon.length > 0 ? (openBlock(), createElementBlock("view", {
-      key: 0,
-      class: "nut-input-left-icon",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickLeftIcon && _ctx.onClickLeftIcon(...args))
-    }, [
-      createVNode(_component_nut_icon, {
-        name: _ctx.leftIcon,
-        size: _ctx.leftIconSize
-      }, null, 8, ["name", "size"])
-    ])) : createCommentVNode("", true),
-    _ctx.label ? (openBlock(), createElementBlock("view", {
-      key: 1,
-      class: normalizeClass(["nut-input-label", _ctx.labelClass]),
-      style: normalizeStyle({
-        width: `${_ctx.labelWidth}px`,
-        textAlign: _ctx.labelAlign
-      })
-    }, [
-      createElementVNode("view", _hoisted_1, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
-    ], 6)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_2, [
-      createElementVNode("view", {
-        class: "nut-input-inner",
-        onClick: _cache[8] || (_cache[8] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
-      }, [
-        _ctx.type == "textarea" ? (openBlock(), createElementBlock("textarea", {
-          key: 0,
-          class: "input-text",
-          ref: "inputRef",
-          style: normalizeStyle(_ctx.stylesTextarea),
-          maxlength: _ctx.maxLength,
-          placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-          disabled: _ctx.disabled,
-          readonly: _ctx.readonly,
-          value: _ctx.modelValue,
-          formatTrigger: _ctx.formatTrigger,
-          autofocus: _ctx.autofocus,
-          onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-          onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-          onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-        }, null, 44, _hoisted_3)) : (openBlock(), createElementBlock("input", {
-          key: 1,
-          class: "input-text",
-          ref: "inputRef",
-          style: normalizeStyle(_ctx.styles),
-          type: _ctx.inputType(_ctx.type),
-          maxlength: _ctx.maxLength,
-          placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-          disabled: _ctx.disabled,
-          readonly: _ctx.readonly,
-          value: _ctx.modelValue,
-          formatTrigger: _ctx.formatTrigger,
-          autofocus: _ctx.autofocus,
-          onInput: _cache[4] || (_cache[4] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-          onFocus: _cache[5] || (_cache[5] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-          onBlur: _cache[6] || (_cache[6] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-        }, null, 44, _hoisted_4)),
-        _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_nut_icon, {
-          key: 2,
-          class: "nut-input-clear",
-          name: _ctx.clearIcon,
-          size: _ctx.clearSize,
-          onClick: _ctx.clear
-        }, null, 8, ["name", "size", "onClick"])), [
-          [vShow, _ctx.active && _ctx.modelValue.length > 0]
-        ]) : createCommentVNode("", true),
-        _ctx.rightIcon && _ctx.rightIcon.length > 0 ? (openBlock(), createElementBlock("view", {
-          key: 3,
-          class: "nut-input-right-icon",
-          onClick: _cache[7] || (_cache[7] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
-        }, [
-          createVNode(_component_nut_icon, {
-            name: _ctx.rightIcon,
-            size: _ctx.rightIconSize
-          }, null, 8, ["name", "size"])
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {
-          key: 4,
-          class: "nut-input-button"
-        }) : createCommentVNode("", true)
-      ]),
-      _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_5, [
-        createElementVNode("span", _hoisted_6, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
-        createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
-      ])) : createCommentVNode("", true),
-      _ctx.errorMessage ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        class: "nut-input-error-message",
-        style: normalizeStyle({
-          textAlign: _ctx.errorMessageAlign
-        })
-      }, toDisplayString(_ctx.errorMessage), 5)) : createCommentVNode("", true)
-    ])
-  ], 2);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };

package/dist/packages/_es/InputNumber.js

@@ -1,165 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-const { componentName, create } = createComponent("inputnumber");
-const _sfc_main = create({
-  props: {
-    modelValue: {
-      type: [Number, String],
-      default: 0
-    },
-    inputWidth: {
-      type: [Number, String],
-      default: ""
-    },
-    buttonSize: {
-      type: [Number, String],
-      default: ""
-    },
-    min: {
-      type: [Number, String],
-      default: 1
-    },
-    max: {
-      type: [Number, String],
-      default: 9999
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
-    decimalPlaces: {
-      type: [Number, String],
-      default: 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
-  setup(props, { emit }) {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--disabled`]: props.disabled
-      };
-    });
-    const fixedDecimalPlaces = (v) => {
-      return Number(v).toFixed(Number(props.decimalPlaces));
-    };
-    const change = (event) => {
-      const input = event.target;
-      emit("update:modelValue", input.valueAsNumber, event);
-    };
-    const emitChange = (value, event) => {
-      let output_value = fixedDecimalPlaces(value);
-      emit("update:modelValue", output_value, event);
-      emit("change", output_value, event);
-    };
-    const addAllow = (value = Number(props.modelValue)) => {
-      return value < Number(props.max) && !props.disabled;
-    };
-    const reduceAllow = (value = Number(props.modelValue)) => {
-      return value > Number(props.min) && !props.disabled;
-    };
-    const reduce = (event) => {
-      emit("reduce", event);
-      if (reduceAllow()) {
-        let output_value = Number(props.modelValue) - Number(props.step);
-        emitChange(output_value, event);
-      } else {
-        emit("overlimit", event, "reduce");
-      }
-    };
-    const add = (event) => {
-      emit("add", event);
-      if (addAllow()) {
-        let output_value = Number(props.modelValue) + Number(props.step);
-        emitChange(output_value, event);
-      } else {
-        emit("overlimit", event, "add");
-      }
-    };
-    const focus = (event) => {
-      if (props.disabled)
-        return;
-      if (props.readonly)
-        return;
-      emit("focus", event);
-    };
-    const blur = (event) => {
-      if (props.disabled)
-        return;
-      if (props.readonly)
-        return;
-      const input = event.target;
-      let value = input.valueAsNumber;
-      if (value < Number(props.min)) {
-        value = Number(props.min);
-      } else if (value > Number(props.max)) {
-        value = Number(props.max);
-      }
-      emitChange(value, event);
-      emit("blur", event);
-    };
-    return {
-      classes,
-      change,
-      blur,
-      focus,
-      add,
-      addAllow,
-      reduce,
-      reduceAllow,
-      pxCheck
-    };
-  }
-});
-const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
-  }, [
-    createVNode(_component_nut_icon, {
-      name: "minus",
-      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }]),
-      size: _ctx.buttonSize,
-      onClick: _ctx.reduce
-    }, null, 8, ["class", "size", "onClick"]),
-    createElementVNode("input", {
-      type: "number",
-      min: _ctx.min,
-      max: _ctx.max,
-      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth) }),
-      disabled: _ctx.disabled,
-      readonly: _ctx.readonly,
-      value: _ctx.modelValue,
-      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
-      onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
-      onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
-    }, null, 44, _hoisted_1),
-    createVNode(_component_nut_icon, {
-      name: "plus",
-      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
-      size: _ctx.buttonSize,
-      onClick: _ctx.add
-    }, null, 8, ["class", "size", "onClick"])
-  ], 6);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };

package/dist/packages/_es/Layout.js

@@ -1,11 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component.js";
-import "vue";
-import "../locale/lang";
-const { create } = createComponent("layout");
-const _sfc_main = create({});
-export { _sfc_main as default };