@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Tag.js

@@ -1,10 +1,9 @@
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { Close } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { toRefs as p, computed as i, resolveComponent as f, openBlock as u, createElementBlock as m, normalizeClass as d, normalizeStyle as C, renderSlot as k, createBlock as y, createCommentVNode as v } from "vue";
+import { c as g } from "./component-234624bc.js";
+import { Close as $ } from "@nutui/icons-vue";
+import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("tag");
-const _sfc_main = create({
+const { componentName: B, create: b } = g("tag"), h = b({
   props: {
     color: { type: String, default: "" },
     textColor: { type: String, default: "" },
@@ -14,85 +13,69 @@ const _sfc_main = create({
     },
     plain: {
       type: Boolean,
-      default: false
+      default: !1
     },
     round: {
       type: Boolean,
-      default: false
+      default: !1
     },
     mark: {
       type: Boolean,
-      default: false
+      default: !1
     },
     closeable: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   components: {
-    Close
+    Close: $
   },
   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 = () => {
-      const style = {};
-      if (textColor.value) {
-        style.color = textColor.value;
-      } else if (color.value && plain.value) {
-        style.color = color.value;
-      }
-      if (plain.value) {
-        style.background = "#fff";
-        style["border-color"] = color.value;
-      } else if (color.value) {
-        style.background = color.value;
-      }
-      return style;
-    };
-    const onClose = (event) => {
-      event.stopPropagation();
-      emit("close", event);
-    };
-    const onClick = (event) => {
-      emit("click", event);
-    };
+  setup(o, { emit: t }) {
+    const { type: s, color: l, plain: a, round: c, mark: r, textColor: n } = p(o);
     return {
-      classes,
-      getStyle,
-      onClose,
-      onClick
+      classes: i(() => {
+        const e = B;
+        return {
+          [e]: !0,
+          [`${e}--${s.value}`]: s.value,
+          [`${e}--plain`]: a.value,
+          [`${e}--round`]: c.value,
+          [`${e}--mark`]: r.value
+        };
+      }),
+      getStyle: () => {
+        const e = {};
+        return n.value ? e.color = n.value : l.value && a.value && (e.color = l.value), a.value ? (e.background = "#fff", e["border-color"] = l.value) : l.value && (e.background = l.value), e;
+      },
+      onClose: (e) => {
+        e.stopPropagation(), t("close", e);
+      },
+      onClick: (e) => {
+        t("click", e);
+      }
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Close = resolveComponent("Close");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.getStyle()),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+function w(o, t, s, l, a, c) {
+  const r = f("Close");
+  return u(), m("view", {
+    class: d(o.classes),
+    style: C(o.getStyle()),
+    onClick: t[0] || (t[0] = (...n) => o.onClick && o.onClick(...n))
   }, [
-    renderSlot(_ctx.$slots, "default"),
-    _ctx.closeable ? (openBlock(), createBlock(_component_Close, {
+    k(o.$slots, "default"),
+    o.closeable ? (u(), y(r, {
       key: 0,
       class: "nut-tag--close",
       width: "12px",
       height: "12px",
-      onClick: _ctx.onClose
-    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+      onClick: o.onClose
+    }, null, 8, ["onClick"])) : v("", !0)
   ], 6);
 }
-const Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const j = /* @__PURE__ */ S(h, [["render", w]]);
 export {
-  Tag as default
+  j as default
 };

package/dist/packages/_es/Textarea.js

@@ -1,9 +1,8 @@
-import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { ref as c, computed as m, onMounted as p, nextTick as g, watch as b, openBlock as f, createElementBlock as h, normalizeClass as C, createElementVNode as V, normalizeStyle as w, toDisplayString as y, createCommentVNode as S } from "vue";
+import { c as L } from "./component-234624bc.js";
+import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("textarea");
-const _sfc_main = create({
+const { componentName: B, create: z, translate: v } = L("textarea"), x = z({
   props: {
     modelValue: {
       type: String,
@@ -15,7 +14,7 @@ const _sfc_main = create({
     },
     limitShow: {
       type: Boolean,
-      default: false
+      default: !1
     },
     maxLength: {
       type: [String, Number],
@@ -31,157 +30,114 @@ const _sfc_main = create({
     },
     readonly: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     autosize: {
       type: [Boolean, Object],
-      default: false
+      default: !1
     },
     autofocus: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
-  setup(props, { emit }) {
-    const textareaRef = ref();
-    const classes = computed(() => {
-      const prefixCls = componentName;
+  setup(e, { emit: o }) {
+    const s = c(), u = m(() => {
+      const t = B;
       return {
-        [prefixCls]: true,
-        [`${prefixCls}--disabled`]: props.disabled
+        [t]: !0,
+        [`${t}--disabled`]: e.disabled
       };
     });
-    onMounted(() => {
-      if (props.modelValue) {
-        emitChange(String(props.modelValue));
-      }
-      if (props.autosize) {
-        nextTick(getContentHeight);
-      }
-    });
-    const styles = computed(() => {
-      return {
-        textAlign: props.textAlign
-        // resize: props.autosize ? 'vertical' : 'none'
-      };
+    p(() => {
+      e.modelValue && n(String(e.modelValue)), e.autosize && g(i);
     });
-    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";
+    const r = m(() => ({
+      textAlign: e.textAlign
+      // resize: props.autosize ? 'vertical' : 'none'
+    })), i = () => {
+      let t = s.value;
+      t.style.height = "auto";
+      let a = t.scrollHeight;
+      if (typeof e.autosize == "object") {
+        const { maxHeight: l, minHeight: d } = e.autosize;
+        l !== void 0 && (a = Math.min(a, l)), d !== void 0 && (a = Math.max(a, d));
       }
+      a && (t.style.height = a + "px");
     };
-    watch(
-      () => props.modelValue,
+    b(
+      () => e.modelValue,
       () => {
-        if (props.autosize) {
-          nextTick(getContentHeight);
-        }
+        e.autosize && g(i);
       }
     );
-    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 n = (t, a) => {
+      e.maxLength && t.length > Number(e.maxLength) && (t = t.substring(0, Number(e.maxLength))), o("update:modelValue", t, a), o("change", t, a);
     };
-    const change = (event) => {
-      if (!event.target.composing) {
-        const input = event.target;
-        let value = input.value;
-        if (props.maxLength && value.length > Number(props.maxLength)) {
-          value = value.slice(0, Number(props.maxLength));
+    return {
+      textareaRef: s,
+      classes: u,
+      styles: r,
+      change: (t) => {
+        if (!t.target.composing) {
+          const a = t.target;
+          let l = a.value;
+          e.maxLength && l.length > Number(e.maxLength) && (l = l.slice(0, Number(e.maxLength))), n(a.value, t);
         }
-        emitChange(input.value, event);
+      },
+      focus: (t) => {
+        e.disabled || e.readonly || o("focus", t);
+      },
+      blur: (t) => {
+        if (e.disabled || e.readonly)
+          return;
+        let l = t.target.value;
+        n(l, t), o("blur", { value: l, event: t });
+      },
+      translate: v,
+      startComposing: ({ target: t }) => {
+        t.composing = !0;
+      },
+      endComposing: ({ target: t }) => {
+        t.composing && (t.composing = !1, t.dispatchEvent(new Event("input")));
       }
     };
-    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 });
-    };
-    const startComposing = ({ target }) => {
-      target.composing = true;
-    };
-    const endComposing = ({ target }) => {
-      if (target.composing) {
-        target.composing = false;
-        target.dispatchEvent(new Event("input"));
-      }
-    };
-    return {
-      textareaRef,
-      classes,
-      styles,
-      change,
-      focus,
-      blur,
-      translate,
-      startComposing,
-      endComposing
-    };
   }
-});
-const _hoisted_1 = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
-const _hoisted_2 = {
+}), $ = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"], k = {
   key: 0,
   class: "nut-textarea__limit"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+function E(e, o, s, u, r, i) {
+  return f(), h("view", {
+    class: C(e.classes)
   }, [
-    createElementVNode("textarea", {
+    V("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,
-      onChange: _cache[3] || (_cache[3] = (...args) => _ctx.endComposing && _ctx.endComposing(...args)),
-      onCompositionend: _cache[4] || (_cache[4] = (...args) => _ctx.endComposing && _ctx.endComposing(...args)),
-      onCompositionstart: _cache[5] || (_cache[5] = (...args) => _ctx.startComposing && _ctx.startComposing(...args))
-    }, null, 44, _hoisted_1),
-    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
+      style: w(e.styles),
+      rows: e.rows,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      value: e.modelValue,
+      onInput: o[0] || (o[0] = (...n) => e.change && e.change(...n)),
+      onBlur: o[1] || (o[1] = (...n) => e.blur && e.blur(...n)),
+      onFocus: o[2] || (o[2] = (...n) => e.focus && e.focus(...n)),
+      maxlength: e.maxLength,
+      placeholder: e.placeholder || e.translate("placeholder"),
+      autofocus: e.autofocus,
+      onChange: o[3] || (o[3] = (...n) => e.endComposing && e.endComposing(...n)),
+      onCompositionend: o[4] || (o[4] = (...n) => e.endComposing && e.endComposing(...n)),
+      onCompositionstart: o[5] || (o[5] = (...n) => e.startComposing && e.startComposing(...n))
+    }, null, 44, $),
+    e.limitShow ? (f(), h("view", k, y(e.modelValue ? e.modelValue.length : 0) + "/" + y(e.maxLength), 1)) : S("", !0)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const T = /* @__PURE__ */ N(x, [["render", E]]);
 export {
-  index as default
+  T as default
 };

package/dist/packages/_es/TimeDetail.js

@@ -1,77 +1,69 @@
-import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var T = Object.defineProperty, $ = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var K = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var p = (e, t, r) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, f = (e, t) => {
+  for (var r in t || (t = {}))
+    K.call(t, r) && p(e, r, t[r]);
+  if (u)
+    for (var r of u(t))
+      D.call(t, r) && p(e, r, t[r]);
+  return e;
+}, y = (e, t) => $(e, w(t));
+import { inject as C, reactive as x, computed as h, toRefs as B, openBlock as l, createElementBlock as c, normalizeClass as k, createElementVNode as g, Fragment as E, renderList as N, toDisplayString as j } from "vue";
+import { c as z } from "./component-234624bc.js";
+import { _ as A } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("time-detail");
-const _sfc_main = create({
+const { componentName: F, create: L } = z("time-detail"), R = L({
   name: "timedetail",
   props: {
     times: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     }
   },
   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) {
+  setup: (e, t) => {
+    const r = C("currentKey"), o = C("currentTime"), i = x({
+      currentKey: r,
+      currentTime: o
+    }), m = h(() => ({
+      [F]: !0
+    })), n = (s) => {
+      let _ = i.currentTime.find((a) => a.key == i.currentKey);
+      if (_)
         return {
-          "nut-time-detail__detail__list__item": true,
-          "nut-time-detail__detail__list__item--curr": find.list.filter((value) => value === item).length > 0
+          "nut-time-detail__detail__list__item": !0,
+          "nut-time-detail__detail__list__item--curr": _.list.filter((a) => a === s).length > 0
         };
-      }
+    }, d = h(() => e.times.find((s) => s.key == i.currentKey).list), v = (s) => {
+      t.emit("select", s);
     };
-    const renderData = computed(() => {
-      return props.times.find((time) => time.key == state.currentKey)["list"];
+    return y(f({
+      classes: m
+    }, B(i)), {
+      getClass: n,
+      renderData: d,
+      handleTime: v
     });
-    const handleTime = (time) => {
-      context.emit("select", time);
-    };
-    return {
-      classes,
-      ...toRefs(state),
-      getClass,
-      renderData,
-      handleTime
-    };
   }
-});
-const _hoisted_1 = { class: "nut-time-detail__detail nut-time-detail__detail--moring" };
-const _hoisted_2 = { class: "nut-time-detail__detail__list" };
-const _hoisted_3 = ["onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+}), S = { class: "nut-time-detail__detail nut-time-detail__detail--moring" }, V = { class: "nut-time-detail__detail__list" }, b = ["onClick"];
+function q(e, t, r, o, i, m) {
+  return l(), c("view", {
+    class: k(e.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))
+    g("view", S, [
+      g("view", V, [
+        (l(!0), c(E, null, N(e.renderData, (n) => (l(), c("view", {
+          class: k(e.getClass(n)),
+          key: n,
+          onClick: (d) => e.handleTime(n)
+        }, j(n), 11, b))), 128))
       ])
     ])
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const O = /* @__PURE__ */ A(R, [["render", q]]);
 export {
-  index as default
+  O as default
 };

package/dist/packages/_es/TimePannel.js

@@ -1,9 +1,20 @@
-import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var m = Object.defineProperty, u = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var c = (n, e, t) => e in n ? m(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, l = (n, e) => {
+  for (var t in e || (e = {}))
+    d.call(e, t) && c(n, t, e[t]);
+  if (p)
+    for (var t of p(e))
+      y.call(e, t) && c(n, t, e[t]);
+  return n;
+}, i = (n, e) => u(n, f(e));
+import { inject as K, reactive as g, computed as C, toRefs as $, openBlock as h, createElementBlock as k, normalizeClass as v, toDisplayString as S } from "vue";
+import { c as _ } from "./component-234624bc.js";
+import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("time-pannel");
-const _sfc_main = create({
+const { componentName: B, create: N } = _("time-pannel"), P = N({
   name: "timepannel",
   props: {
     name: {
@@ -16,35 +27,28 @@ const _sfc_main = create({
     }
   },
   emits: ["change"],
-  setup: (props, context) => {
-    const currentKey = inject("currentKey");
-    const state = reactive({
-      currentKey
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        "nut-time-pannel--curr": state.currentKey == props.pannelKey
-      };
-    });
-    const handlePannel = (pannelKey) => {
-      context.emit("change", pannelKey);
-    };
-    return {
-      ...toRefs(state),
-      classes,
-      handlePannel
+  setup: (n, e) => {
+    const t = K("currentKey"), r = g({
+      currentKey: t
+    }), s = C(() => ({
+      [B]: !0,
+      "nut-time-pannel--curr": r.currentKey == n.pannelKey
+    })), o = (a) => {
+      e.emit("change", a);
     };
+    return i(l({}, $(r)), {
+      classes: s,
+      handlePannel: o
+    });
   }
 });
-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);
+function b(n, e, t, r, s, o) {
+  return h(), k("view", {
+    class: v(n.classes),
+    onClick: e[0] || (e[0] = (a) => n.handlePannel(n.pannelKey))
+  }, S(n.name), 3);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const R = /* @__PURE__ */ x(P, [["render", b]]);
 export {
-  index as default
+  R as default
 };