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

package/dist/packages/_es/Tag.js

@@ -0,0 +1,102 @@
+/*!
+* @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 { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } 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("tag");
+const _sfc_main = create({
+  props: {
+    color: { type: String, default: "" },
+    textColor: { type: String, default: "" },
+    type: {
+      type: String,
+      default: "default"
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    round: {
+      type: Boolean,
+      default: false
+    },
+    mark: {
+      type: Boolean,
+      default: false
+    },
+    closeable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close", "click"],
+  setup(props, { emit }) {
+    const { type, color, plain, round, mark, textColor } = toRefs(props);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${type.value}`]: type.value,
+        [`${prefixCls}--plain`]: plain.value,
+        [`${prefixCls}--round`]: round.value,
+        [`${prefixCls}--mark`]: mark.value
+      };
+    });
+    const getStyle = () => {
+      if (color == null ? void 0 : color.value) {
+        return {
+          background: color.value,
+          color: textColor.value
+        };
+      }
+      if (plain.value) {
+        return {
+          color: "#FA2400",
+          background: "#fff",
+          border: "1px solid rgba(250,36,0,1)"
+        };
+      }
+      return {
+        color: "",
+        background: ""
+      };
+    };
+    const onClose = (event) => {
+      event.stopPropagation();
+      emit("close", event);
+    };
+    const onClick = (event) => {
+      event.stopPropagation();
+      emit("click", event);
+    };
+    return {
+      classes,
+      getStyle,
+      onClose,
+      onClick
+    };
+  }
+});
+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(_ctx.getStyle()),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    _ctx.closeable ? (openBlock(), createBlock(_component_nut_icon, {
+      key: 0,
+      class: "nut-tag--close",
+      name: "close",
+      size: "12",
+      onClick: _ctx.onClose
+    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TextArea.js

@@ -0,0 +1,166 @@
+/*!
+* @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, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } 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, translate } = createComponent("textarea");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    textAlign: {
+      type: String,
+      default: ""
+    },
+    limitShow: {
+      type: Boolean,
+      default: false
+    },
+    maxLength: {
+      type: [String, Number],
+      default: ""
+    },
+    rows: {
+      type: [String, Number],
+      default: "2"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    autosize: {
+      type: [Boolean, Object],
+      default: false
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change", "blur", "focus"],
+  setup(props, { emit }) {
+    const textareaRef = ref();
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--disabled`]: props.disabled
+      };
+    });
+    onMounted(() => {
+      if (props.modelValue) {
+        emitChange(String(props.modelValue));
+      }
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
+    const styles = computed(() => {
+      return {
+        textAlign: props.textAlign
+      };
+    });
+    const getContentHeight = () => {
+      let textarea = textareaRef.value;
+      textarea.style.height = "auto";
+      let height = textarea.scrollHeight;
+      if (typeof props.autosize === "object") {
+        const { maxHeight, minHeight } = props.autosize;
+        if (maxHeight !== void 0) {
+          height = Math.min(height, maxHeight);
+        }
+        if (minHeight !== void 0) {
+          height = Math.max(height, minHeight);
+        }
+      }
+      if (height) {
+        textarea.style.height = height + "px";
+      }
+    };
+    watch(() => props.modelValue, () => {
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
+    const emitChange = (value, event) => {
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.substring(0, Number(props.maxLength));
+      }
+      emit("update:modelValue", value, event);
+      emit("change", value, event);
+    };
+    const change = (event) => {
+      const input = event.target;
+      emitChange(input.value, event);
+    };
+    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.value;
+      emitChange(value, event);
+      emit("blur", { value, event });
+    };
+    return {
+      textareaRef,
+      classes,
+      styles,
+      change,
+      focus,
+      blur,
+      translate
+    };
+  }
+});
+const _hoisted_1 = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-textarea__limit"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("textarea", {
+      ref: "textareaRef",
+      class: "nut-textarea__textarea",
+      style: normalizeStyle(_ctx.styles),
+      rows: _ctx.rows,
+      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)),
+      maxlength: _ctx.maxLength,
+      placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+      autofocus: _ctx.autofocus
+    }, null, 44, _hoisted_1),
+    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TimeDetail.js

@@ -0,0 +1,84 @@
+/*!
+* @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 { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, 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("timedetail");
+const _sfc_main = create({
+  name: "timedetail",
+  props: {
+    times: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    detailKey: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  emits: ["select"],
+  setup: (props, context) => {
+    const currentKey = inject("currentKey");
+    const currentTime = inject("currentTime");
+    const state = reactive({
+      currentKey,
+      currentTime
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const getClass = (item) => {
+      let find = state.currentTime.find((item2) => item2.key == state.currentKey);
+      if (find) {
+        return {
+          "nut-timedetail__detail__list__item": true,
+          "nut-timedetail__detail__list__item--curr": find.list.filter((value) => value === item).length > 0
+        };
+      }
+    };
+    const renderData = computed(() => {
+      return props.times.find((time) => time.key == state.currentKey)["list"];
+    });
+    const handleTime = (time) => {
+      context.emit("select", time);
+    };
+    return {
+      classes,
+      ...toRefs(state),
+      getClass,
+      renderData,
+      handleTime
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };
+const _hoisted_2 = { class: "nut-timedetail__detail__list" };
+const _hoisted_3 = ["onClick"];
+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, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.renderData, (item) => {
+          return openBlock(), createElementBlock("view", {
+            class: normalizeClass(_ctx.getClass(item)),
+            key: item,
+            onClick: ($event) => _ctx.handleTime(item)
+          }, toDisplayString(item), 11, _hoisted_3);
+        }), 128))
+      ])
+    ])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TimePannel.js

@@ -0,0 +1,53 @@
+/*!
+* @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 { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, 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("timepannel");
+const _sfc_main = create({
+  name: "timepannel",
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    pannelKey: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  emits: ["change"],
+  setup: (props, context) => {
+    const currentKey = inject("currentKey");
+    const state = reactive({
+      currentKey
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        "nut-timepannel--curr": state.currentKey == props.pannelKey
+      };
+    });
+    const handlePannel = (pannelKey) => {
+      context.emit("change", pannelKey);
+    };
+    return {
+      ...toRefs(state),
+      classes,
+      handlePannel
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handlePannel(_ctx.pannelKey))
+  }, toDisplayString(_ctx.name), 3);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TimeSelect.js

@@ -0,0 +1,117 @@
+/*!
+* @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 { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, 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, translate } = createComponent("timeselect");
+const _sfc_main = create({
+  props: {
+    visible: {
+      type: Boolean,
+      defalut: false
+    },
+    height: {
+      type: [String],
+      default: "20%"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    currentKey: {
+      type: [Number, String],
+      default: 0
+    },
+    currentTime: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    lockScroll: {
+      type: [Boolean],
+      default: false
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:visible", "select"],
+  setup: (props, context) => {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const popStyle = computed(() => {
+      return {
+        width: "100%",
+        height: props.height
+      };
+    });
+    const currentKey = computed(() => props.currentKey);
+    const currentTime = computed(() => props.currentTime);
+    const close = () => {
+      context.emit("update:visible", false);
+      context.emit("select", currentTime.value);
+    };
+    provide("currentKey", currentKey);
+    provide("currentTime", currentTime);
+    return {
+      classes,
+      popStyle,
+      props,
+      close,
+      translate
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-timeselect__title" };
+const _hoisted_2 = { class: "nut-timeselect__title__fixed" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "nut-timeselect__content" };
+const _hoisted_5 = { class: "nut-timeselect__content__pannel" };
+const _hoisted_6 = { class: "nut-timeselect__content__detail" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    position: "bottom",
+    closeable: "",
+    round: "",
+    isWrapTeleport: _ctx.isWrapTeleport,
+    visible: _ctx.visible,
+    style: normalizeStyle(_ctx.popStyle),
+    "lock-scroll": _ctx.lockScroll,
+    onClickOverlay: _ctx.close,
+    onClickCloseIcon: _ctx.close
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: normalizeClass(_ctx.classes)
+      }, [
+        createElementVNode("view", _hoisted_1, [
+          createElementVNode("view", _hoisted_2, [
+            !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.title || _ctx.translate("pickupTime")), 1)) : renderSlot(_ctx.$slots, "title", { key: 1 })
+          ])
+        ]),
+        createElementVNode("view", _hoisted_4, [
+          createElementVNode("view", _hoisted_5, [
+            renderSlot(_ctx.$slots, "pannel")
+          ]),
+          createElementVNode("view", _hoisted_6, [
+            renderSlot(_ctx.$slots, "detail")
+          ])
+        ])
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["isWrapTeleport", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };