@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/input/TextArea.vue.js

@@ -1,314 +0,0 @@
-import { defineComponent as ve, useModel as pe, computed as l, useAttrs as he, ref as h, watch as q, markRaw as me, onMounted as fe, openBlock as C, createElementBlock as w, normalizeStyle as ye, normalizeClass as B, createBlock as ge, unref as G, withCtx as Ce, createElementVNode as xe, mergeProps as J, createVNode as we, createCommentVNode as Q, toDisplayString as $, mergeModels as W } from "vue";
-import { throttle as be } from "lodash";
-import b from "classnames";
-import { cssClasses as Le } from "@douyinfe/semi-foundation/input/constants";
-import Be from "@douyinfe/semi-foundation/input/textareaFoundation";
-import $e from "../_resizeObserver/index.vue.js";
-import { useFoundation as ke } from "../../_utils/useFoundation.js";
-import ze from "../icons/icons/IconClear.vue.js";
-const Ke = ["disabled", "readonly", "placeholder", "value", "maxlength", "minlength", "aria-invalid", "rows", "cols"], Se = ["disabled", "readonly", "placeholder", "value", "maxlength", "minlength", "aria-invalid", "rows", "cols"], Ue = /* @__PURE__ */ ve({
-  name: "SemiTextArea",
-  __name: "TextArea",
-  props: /* @__PURE__ */ W({
-    value: {},
-    autosize: { type: [Boolean, Object] },
-    borderless: { type: Boolean, default: !1 },
-    placeholder: {},
-    modelValue: {},
-    rows: { default: 4 },
-    cols: { default: 20 },
-    maxCount: {},
-    validateStatus: { default: "default" },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean },
-    showCounter: { type: Boolean, default: !1 },
-    showClear: { type: Boolean, default: !1 },
-    getValueLength: {},
-    disabledEnterStartNewLine: { type: Boolean },
-    className: {},
-    style: {},
-    maxLength: {},
-    minLength: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ W(["update:value", "clear", "change", "blur", "focus", "input", "keydown", "keyup", "keypress", "enter-press", "resize", "composition-start", "composition-end", "composition-update"], ["update:modelValue"]),
-  setup(u, { expose: Y, emit: Z }) {
-    const d = pe(u, "modelValue"), n = Le.PREFIX, t = u, k = l(() => typeof t.rows == "string" ? parseInt(t.rows, 10) : t.rows), z = l(() => typeof t.cols == "string" ? parseInt(t.cols, 10) : t.cols), L = l(() => typeof t.maxCount == "string" ? parseInt(t.maxCount, 10) : t.maxCount), ee = l(
-      () => typeof t.maxLength == "string" ? parseInt(t.maxLength, 10) : t.maxLength
-    ), K = l(
-      () => typeof t.minLength == "string" ? parseInt(t.minLength, 10) : t.minLength
-    ), s = Z, te = he(), i = h(null), r = h(d.value !== void 0 ? d.value : t.value !== void 0 ? t.value : ""), m = h(!1), x = h(!1), f = h(0), y = h(K.value !== void 0 ? K.value : void 0), v = be(() => {
-      o.resizeTextarea();
-    }, 10);
-    q(
-      () => d.value,
-      (e) => {
-        e !== void 0 ? (r.value = e !== null ? e : "", t.autosize && setTimeout(() => {
-          v();
-        }, 0)) : (r.value = "", t.autosize && setTimeout(() => {
-          v();
-        }, 0));
-      }
-    ), q(
-      () => t.value,
-      (e) => {
-        d.value === void 0 && e !== void 0 && (r.value = e !== null ? e : "", t.autosize && setTimeout(() => {
-          v();
-        }, 0));
-      }
-    );
-    const ae = me({
-      setValue: (e) => {
-        r.value = e, t.autosize && v();
-      },
-      getRef: () => i.value,
-      toggleFocusing: (e) => {
-        m.value = e;
-      },
-      toggleHovering: (e) => {
-        x.value = e;
-      },
-      /**
-       * 通知值变化
-       * 自动更新 v-model 绑定的值，并触发 change 事件
-       */
-      notifyChange: (e, a) => {
-        d.value = e, s("update:value", e), s("change", e, a);
-      },
-      notifyClear: (e) => {
-        s("clear", e);
-      },
-      notifyBlur: (e, a) => {
-        s("blur", a);
-      },
-      notifyFocus: (e, a) => {
-        s("focus", a);
-      },
-      notifyInput: (e) => {
-        s("input", e);
-      },
-      notifyKeyDown: (e) => {
-        s("keydown", e);
-      },
-      notifyKeyUp: (e) => {
-        s("keyup", e);
-      },
-      notifyKeyPress: (e) => {
-        s("keypress", e);
-      },
-      notifyPressEnter: (e) => {
-        s("enter-press", e);
-      },
-      notifyHeightUpdate: (e) => {
-        f.value = e, s("resize", { height: e });
-      },
-      notifyCompositionStart: (e) => {
-        s("composition-start", e);
-      },
-      notifyCompositionEnd: (e) => {
-        s("composition-end", e);
-      },
-      notifyCompositionUpdate: (e) => {
-        s("composition-update", e);
-      },
-      setMinLength: (e) => {
-        y.value = e;
-      },
-      _isControlledComponent: (e = "value") => e === "value" ? d.value !== void 0 || t.value !== void 0 : t[e] !== void 0,
-      getProp: (e) => t[e],
-      getProps: () => t,
-      getState: (e) => ({
-        value: r.value,
-        isFocus: m.value,
-        isHover: x.value,
-        height: f.value,
-        minLength: y.value
-      })[e],
-      getStates: () => ({
-        value: r.value,
-        isFocus: m.value,
-        isHover: x.value,
-        height: f.value,
-        minLength: y.value
-      }),
-      getContext: () => null,
-      getContexts: () => ({}),
-      getCache: () => null,
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      setState: () => {
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: () => {
-      }
-    }), { foundation: o } = ke(Be, ae), S = l(() => d.value !== void 0 ? d.value === null ? "" : d.value : t.value !== void 0 ? t.value === null ? "" : t.value : r.value === null || r.value === void 0 ? "" : r.value), g = l(() => t.autosize), oe = l(() => {
-      const { showClear: e, disabled: a, readonly: c } = t;
-      return r.value && e && !a && (m.value || x.value) && !c;
-    }), F = l(() => {
-      const { getValueLength: e } = t;
-      if (typeof e != "function")
-        return ee.value;
-    }), I = l(() => {
-      const { getValueLength: e } = t;
-      return r.value ? typeof e == "function" ? e(r.value) : r.value.length : 0;
-    }), M = l(() => L.value || null), E = l(() => t.validateStatus === "error" ? !0 : void 0), P = l(() => {
-      const { class: e, style: a, ...c } = te;
-      return c;
-    }), le = l(() => {
-      const { disabled: e, readonly: a, validateStatus: c, borderless: p } = t;
-      return b(`${n}-textarea-wrapper`, t.className, {
-        [`${n}-textarea-wrapper-disabled`]: e,
-        [`${n}-textarea-wrapper-readonly`]: a,
-        [`${n}-textarea-wrapper-${c}`]: !!c,
-        [`${n}-textarea-wrapper-focus`]: m.value,
-        [`${n}-textarea-borderless`]: p
-      });
-    }), R = l(() => {
-      const { disabled: e, readonly: a, showClear: c } = t, p = g.value;
-      return b(`${n}-textarea`, {
-        [`${n}-textarea-disabled`]: e,
-        [`${n}-textarea-readonly`]: a,
-        [`${n}-textarea-autosize`]: typeof p == "object" ? (p == null ? void 0 : p.maxRows) === void 0 : p,
-        [`${n}-textarea-showClear`]: c
-      });
-    }), ne = l(() => {
-      const e = oe.value;
-      return b(`${n}-clearbtn`, {
-        [`${n}-clearbtn-hidden`]: !e
-      });
-    }), se = l(() => b(`${n}-textarea-counter`, {
-      [`${n}-textarea-counter-exceed`]: I.value > M.value
-    })), re = l(() => ({ ...t.style })), V = l(() => !g.value || f.value === 0 ? {} : {
-      height: `${f.value}px`
-    }), T = (e) => {
-      const a = e.target;
-      o.handleChange(a.value, e), s("input", e), t.autosize && v();
-    }, N = (e) => {
-      const a = e.target;
-      o.handleChange(a.value, e);
-    }, U = (e) => {
-      o.handleFocus(e);
-    }, A = (e) => {
-      o.handleBlur(e);
-    }, D = (e) => {
-      var a;
-      (a = o.handleKeyDown) == null || a.call(o, e);
-    }, H = (e) => {
-      var a;
-      (a = o.handleKeyUp) == null || a.call(o, e);
-    }, _ = (e) => {
-      var a;
-      (a = o.handleKeyPress) == null || a.call(o, e);
-    }, j = (e) => {
-      o.handleCompositionStart(e);
-    }, O = (e) => {
-      o.handleCompositionEnd(e);
-    }, X = (e) => {
-      o.handleCompositionUpdate(e);
-    }, ue = (e) => {
-      o.handleClear(e);
-    }, ie = (e) => {
-      o.handleMouseEnter(e);
-    }, de = (e) => {
-      o.handleMouseLeave(e);
-    }, ce = () => {
-      g.value && v();
-    };
-    return fe(() => {
-      const { disabled: e, autoFocus: a } = t;
-      !e && a && i.value && i.value.focus(), g.value && v();
-    }), Y({
-      focus: () => {
-        i.value && i.value.focus();
-      },
-      blur: () => {
-        i.value && i.value.blur();
-      },
-      textareaRef: i
-    }), (e, a) => (C(), w("div", {
-      class: B(le.value),
-      style: ye(re.value),
-      onMouseenter: ie,
-      onMouseleave: de
-    }, [
-      g.value ? (C(), ge(G($e), {
-        key: 0,
-        onResize: ce
-      }, {
-        default: Ce(() => [
-          xe("textarea", J({
-            ref_key: "textareaRef",
-            ref: i,
-            class: R.value,
-            style: V.value,
-            disabled: u.disabled,
-            readonly: u.readonly,
-            placeholder: u.placeholder,
-            value: S.value,
-            maxlength: F.value,
-            minlength: y.value,
-            "aria-invalid": E.value,
-            rows: k.value,
-            cols: z.value
-          }, P.value, {
-            onInput: T,
-            onChange: N,
-            onFocus: U,
-            onBlur: A,
-            onKeydown: D,
-            onKeyup: H,
-            onKeypress: _,
-            onCompositionstart: j,
-            onCompositionend: O,
-            onCompositionupdate: X
-          }), null, 16, Ke)
-        ]),
-        _: 1
-      })) : (C(), w("textarea", J({
-        key: 1,
-        ref_key: "textareaRef",
-        ref: i,
-        class: R.value,
-        style: V.value,
-        disabled: u.disabled,
-        readonly: u.readonly,
-        placeholder: u.placeholder,
-        value: S.value,
-        maxlength: F.value,
-        minlength: y.value,
-        "aria-invalid": E.value,
-        rows: k.value,
-        cols: z.value
-      }, P.value, {
-        onInput: T,
-        onChange: N,
-        onFocus: U,
-        onBlur: A,
-        onKeydown: D,
-        onKeyup: H,
-        onKeypress: _,
-        onCompositionstart: j,
-        onCompositionend: O,
-        onCompositionupdate: X
-      }), null, 16, Se)),
-      u.showClear ? (C(), w("div", {
-        key: 2,
-        class: B(ne.value),
-        onClick: ue
-      }, [
-        we(G(ze))
-      ], 2)) : Q("", !0),
-      u.showCounter || L.value ? (C(), w("div", {
-        key: 3,
-        class: B(se.value)
-      }, $(I.value) + $(L.value ? "/" : null) + $(M.value), 3)) : Q("", !0)
-    ], 38));
-  }
-});
-export {
-  Ue as default
-};

package/lib/es/components/input/context.js

@@ -1,17 +0,0 @@
-import { provide as n, inject as r, reactive as o, unref as p } from "vue";
-const u = Symbol("semi-input-group");
-function i(t) {
-  n(u, t);
-}
-function c() {
-  const t = r(u, null);
-  return t ? o({
-    get inputGroup() {
-      return p(t).inputGroup;
-    }
-  }) : { inputGroup: void 0 };
-}
-export {
-  i as provideInputGroup,
-  c as useInputGroup
-};