@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/TextArea.js

@@ -1,48 +1,166 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, computed as t, onMounted as a, nextTick as l, watch as o, openBlock as u, createElementBlock as r, normalizeClass as n, createElementVNode as s, normalizeStyle as d, toDisplayString as i, createCommentVNode as m } from "vue";
-import { c } from "./component.js";
-import { _ as g } from "./plugin-vue_export-helper.js";
+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: p, create: h, translate: f } = c("textarea"), x = h({ 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(u2, { emit: r2 }) {
-  const n2 = e(), s2 = t(() => ({ [p]: true, [`${p}--disabled`]: u2.disabled }));
-  a(() => {
-    u2.modelValue && m2(String(u2.modelValue)), u2.autosize && l(i2);
-  });
-  const d2 = t(() => ({ textAlign: u2.textAlign })), i2 = () => {
-    let e2 = n2.value;
-    e2.style.height = "auto";
-    let t2 = e2.scrollHeight;
-    if (typeof u2.autosize == "object") {
-      const { maxHeight: e3, minHeight: a2 } = u2.autosize;
-      e3 !== void 0 && (t2 = Math.min(t2, e3)), a2 !== void 0 && (t2 = Math.max(t2, a2));
+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
     }
-    t2 && (e2.style.height = t2 + "px");
-  };
-  o(() => u2.modelValue, () => {
-    u2.autosize && l(i2);
-  });
-  const m2 = (e2, t2) => {
-    u2.maxLength && e2.length > Number(u2.maxLength) && (e2 = e2.substring(0, Number(u2.maxLength))), r2("update:modelValue", e2, t2), r2("change", e2, t2);
-  };
-  return { textareaRef: n2, classes: s2, styles: d2, change: (e2) => {
-    const t2 = e2.target;
-    m2(t2.value, e2);
-  }, focus: (e2) => {
-    u2.disabled || u2.readonly || r2("focus", e2);
-  }, blur: (e2) => {
-    if (u2.disabled)
-      return;
-    if (u2.readonly)
-      return;
-    let t2 = e2.target.value;
-    m2(t2, e2), r2("blur", { value: t2, event: e2 });
-  }, translate: f };
-} }), y = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"], b = { key: 0, class: "nut-textarea__limit" };
-var v = g(x, [["render", function(e2, t2, a2, l2, o2, c2) {
-  return u(), r("view", { class: n(e2.classes) }, [s("textarea", { ref: "textareaRef", class: "nut-textarea__textarea", style: d(e2.styles), rows: e2.rows, disabled: e2.disabled, readonly: e2.readonly, value: e2.modelValue, onInput: t2[0] || (t2[0] = (...t3) => e2.change && e2.change(...t3)), onBlur: t2[1] || (t2[1] = (...t3) => e2.blur && e2.blur(...t3)), onFocus: t2[2] || (t2[2] = (...t3) => e2.focus && e2.focus(...t3)), maxlength: e2.maxLength, placeholder: e2.placeholder || e2.translate("placeholder"), autofocus: e2.autofocus }, null, 44, y), e2.limitShow ? (u(), r("view", b, i(e2.modelValue ? e2.modelValue.length : 0) + "/" + i(e2.maxLength), 1)) : m("", true)], 2);
-}]]);
-export { v as default };
+  },
+  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

@@ -1,23 +1,84 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject as e, reactive as t, computed as i, toRefs as r, openBlock as l, createElementBlock as a, normalizeClass as n, createElementVNode as s, Fragment as m, renderList as c, toDisplayString as u } from "vue";
-import { c as d } from "./component.js";
-import { _ } from "./plugin-vue_export-helper.js";
+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: o, create: p } = d("timedetail"), f = p({ name: "timedetail", props: { times: { type: Array, default: () => [] }, detailKey: { type: [Number, String], default: 0 } }, emits: ["select"], setup: (l2, a2) => {
-  const n2 = e("currentKey"), s2 = e("currentTime"), m2 = t({ currentKey: n2, currentTime: s2 }), c2 = i(() => ({ [o]: true })), u2 = i(() => l2.times.find((e2) => e2.key == m2.currentKey).list);
-  return { classes: c2, ...r(m2), getClass: (e2) => {
-    let t2 = m2.currentTime.find((e3) => e3.key == m2.currentKey);
-    if (t2)
-      return { "nut-timedetail__detail__list__item": true, "nut-timedetail__detail__list__item--curr": t2.list.filter((t3) => t3 === e2).length > 0 };
-  }, renderData: u2, handleTime: (e2) => {
-    a2.emit("select", e2);
-  } };
-} }), y = { class: "nut-timedetail__detail nut-timedetail__detail--moring" }, g = { class: "nut-timedetail__detail__list" }, v = ["onClick"];
-var k = _(f, [["render", function(e2, t2, i2, r2, d2, _2) {
-  return l(), a("view", { class: n(e2.classes) }, [s("view", y, [s("view", g, [(l(true), a(m, null, c(e2.renderData, (t3) => (l(), a("view", { class: n(e2.getClass(t3)), key: t3, onClick: (i3) => e2.handleTime(t3) }, u(t3), 11, v))), 128))])])], 2);
-}]]);
-export { k as default };
+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

@@ -1,19 +1,53 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject as e, reactive as n, computed as t, toRefs as r, openBlock as a, createElementBlock as l, normalizeClass as p, toDisplayString as m } from "vue";
-import { c as o } from "./component.js";
-import { _ as c } from "./plugin-vue_export-helper.js";
+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: s, create: u } = o("timepannel");
-var i = c(u({ name: "timepannel", props: { name: { type: String, default: "" }, pannelKey: { type: [Number, String], default: 0 } }, emits: ["change"], setup: (a2, l2) => {
-  const p2 = e("currentKey"), m2 = n({ currentKey: p2 }), o2 = t(() => ({ [s]: true, "nut-timepannel--curr": m2.currentKey == a2.pannelKey }));
-  return { ...r(m2), classes: o2, handlePannel: (e2) => {
-    l2.emit("change", e2);
-  } };
-} }), [["render", function(e2, n2, t2, r2, o2, c2) {
-  return a(), l("view", { class: p(e2.classes), onClick: n2[0] || (n2[0] = (n3) => e2.handlePannel(e2.pannelKey)) }, m(e2.name), 3);
-}]]);
-export { i as default };
+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

@@ -1,20 +1,117 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, provide as t, resolveComponent as l, openBlock as s, createBlock as o, normalizeStyle as i, withCtx as r, createElementVNode as n, normalizeClass as c, createElementBlock as a, toDisplayString as p, renderSlot as u } from "vue";
-import { c as m } from "./component.js";
-import { _ as y } from "./plugin-vue_export-helper.js";
+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: v, translate: d } = m("timeselect"), f = v({ 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: () => [] }, lockScroll: { type: [Boolean], default: false }, isWrapTeleport: { type: Boolean, default: false } }, emits: ["update:visible", "select"], setup: (l2, s2) => {
-  const o2 = e(() => ({ [_]: true })), i2 = e(() => ({ width: "100%", height: l2.height })), r2 = e(() => l2.currentKey), n2 = e(() => l2.currentTime);
-  return t("currentKey", r2), t("currentTime", n2), { classes: o2, popStyle: i2, props: l2, close: () => {
-    s2.emit("update:visible", false), s2.emit("select", n2.value);
-  }, translate: d };
-} }), k = { class: "nut-timeselect__title" }, b = { class: "nut-timeselect__title__fixed" }, g = { key: 0 }, h = { class: "nut-timeselect__content" }, T = { class: "nut-timeselect__content__pannel" }, w = { class: "nut-timeselect__content__detail" };
-var S = y(f, [["render", function(e2, t2, m2, y2, _2, v2) {
-  const d2 = l("nut-popup");
-  return s(), o(d2, { position: "bottom", closeable: "", round: "", isWrapTeleport: e2.isWrapTeleport, visible: e2.visible, style: i(e2.popStyle), "lock-scroll": e2.lockScroll, onClickOverlay: e2.close, onClickCloseIcon: e2.close }, { default: r(() => [n("view", { class: c(e2.classes) }, [n("view", k, [n("view", b, [e2.$slots.title ? u(e2.$slots, "title", { key: 1 }) : (s(), a("span", g, p(e2.title || e2.translate("pickupTime")), 1))])]), n("view", h, [n("view", T, [u(e2.$slots, "pannel")]), n("view", w, [u(e2.$slots, "detail")])])], 2)]), _: 3 }, 8, ["isWrapTeleport", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
-}]]);
-export { S as default };
+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 };