@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

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

@@ -1,421 +0,0 @@
-import { defineComponent as Pe, useModel as Ee, useAttrs as Ae, useSlots as Ke, computed as l, ref as B, watch as V, markRaw as Ne, onMounted as De, openBlock as s, createElementBlock as p, normalizeStyle as ze, normalizeClass as b, unref as g, renderSlot as D, createBlock as C, resolveDynamicComponent as E, Fragment as z, createTextVNode as G, toDisplayString as U, createCommentVNode as S, createElementVNode as Ge, mergeProps as Ue, mergeModels as j } from "vue";
-import _ from "classnames";
-import { cssClasses as Te } from "@douyinfe/semi-foundation/input/constants";
-import Ve from "@douyinfe/semi-foundation/input/foundation";
-import { isSemiIcon as w } from "../_utils/index.js";
-import { useInputGroup as He } from "./context.js";
-import { useFoundation as Re } from "../../_utils/useFoundation.js";
-import Oe from "../icons/icons/IconClear.vue.js";
-import We from "../icons/icons/IconEyeClosedSolid.vue.js";
-import qe from "../icons/icons/IconEyeOpened.vue.js";
-const Xe = ["id"], je = ["id", "name", "disabled", "readonly", "type", "placeholder", "value", "maxlength", "minlength", "aria-invalid"], Je = ["aria-label"], io = /* @__PURE__ */ Pe({
-  name: "SemiInput",
-  __name: "Input",
-  props: /* @__PURE__ */ j({
-    value: {},
-    "aria-label": {},
-    "aria-describedby": {},
-    "aria-errormessage": {},
-    "aria-invalid": { type: Boolean },
-    "aria-labelledby": {},
-    "aria-required": { type: Boolean },
-    addonBefore: {},
-    addonAfter: {},
-    borderless: { type: Boolean, default: !1 },
-    prefix: {},
-    suffix: {},
-    mode: {},
-    modelValue: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean, default: !1 },
-    type: { default: "text" },
-    showClear: { type: Boolean, default: !1 },
-    hideSuffix: { type: Boolean, default: !1 },
-    placeholder: {},
-    insetLabel: {},
-    insetLabelId: {},
-    size: { default: "default" },
-    className: {},
-    clearIcon: {},
-    style: {},
-    validateStatus: { default: "default" },
-    inputStyle: {},
-    getValueLength: {},
-    preventScroll: { type: Boolean },
-    showClearIgnoreDisabled: { type: Boolean },
-    onlyBorder: {},
-    maxLength: {},
-    minLength: {},
-    autoFocus: { type: Boolean },
-    id: {},
-    name: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["update:value", "clear", "change", "blur", "focus", "input", "keydown", "keyup", "keypress", "enter-press", "composition-start", "composition-end", "composition-update"], ["update:modelValue"]),
-  setup(M, { expose: J, emit: Q }) {
-    const f = Ee(M, "modelValue"), t = Te.PREFIX, o = M, u = Q, H = Ae(), r = Ke(), $ = He(), R = l(() => {
-      var e;
-      return (e = $.inputGroup) != null && e.size ? $.inputGroup.size : o.size;
-    }), A = l(() => {
-      var e;
-      return typeof o.disabled == "boolean" ? o.disabled : ((e = $.inputGroup) == null ? void 0 : e.disabled) ?? !1;
-    }), c = B(null), v = B(f.value !== void 0 ? f.value : o.value !== void 0 ? o.value : ""), I = B(!1), L = B(!1), F = B(o.mode === "password"), K = B(o.minLength !== void 0 ? o.minLength : void 0);
-    V(
-      () => f.value,
-      (e) => {
-        e !== void 0 ? v.value = e !== null ? e : "" : v.value = "";
-      }
-    ), V(
-      () => o.value,
-      (e) => {
-        f.value === void 0 && e !== void 0 && (v.value = e !== null ? e : "");
-      }
-    );
-    const Y = Ne({
-      setValue: (e) => {
-        v.value = e;
-      },
-      setEyeClosed: (e) => {
-        F.value = e;
-      },
-      toggleFocusing: (e) => {
-        I.value = e;
-      },
-      focusInput: () => {
-        const { preventScroll: e } = o;
-        c.value && c.value.focus({ preventScroll: e });
-      },
-      toggleHovering: (e) => {
-        L.value = e;
-      },
-      getIfFocusing: () => I.value,
-      /**
-       * 通知值变化
-       * - 如果使用 :value 受控模式，只触发 change 事件，不更新 v-model
-       * - 如果使用 v-model，更新 v-model 并触发 change 事件
-       * - 如果非受控，更新内部状态并触发 change 事件
-       */
-      notifyChange: (e, n) => {
-        const i = o.value !== void 0, d = f.value !== void 0;
-        if (i) {
-          u("change", e, n);
-          return;
-        }
-        if (d) {
-          f.value = e, u("update:value", e), u("change", e, n);
-          return;
-        }
-        v.value = e, u("change", e, n);
-      },
-      notifyBlur: (e, n) => {
-        u("blur", n);
-      },
-      notifyFocus: (e, n) => {
-        u("focus", n);
-      },
-      notifyInput: (e) => {
-        u("input", e);
-      },
-      notifyKeyPress: (e) => {
-        u("keypress", e);
-      },
-      notifyKeyDown: (e) => {
-        u("keydown", e);
-      },
-      notifyKeyUp: (e) => {
-        u("keyup", e);
-      },
-      notifyEnterPress: (e) => {
-        u("enter-press", e);
-      },
-      notifyClear: (e) => {
-        u("clear", e);
-      },
-      notifyCompositionStart: (e) => {
-        u("composition-start", e);
-      },
-      notifyCompositionEnd: (e) => {
-        u("composition-end", e);
-      },
-      notifyCompositionUpdate: (e) => {
-        u("composition-update", e);
-      },
-      setMinLength: (e) => {
-        K.value = e;
-      },
-      isEventTarget: (e) => e && e.target === e.currentTarget,
-      _isControlledComponent: (e = "value") => e === "value" ? f.value !== void 0 || o.value !== void 0 : o[e] !== void 0,
-      getProp: (e) => o[e],
-      getProps: () => o,
-      getState: (e) => ({
-        value: v.value,
-        isFocus: I.value,
-        isHovering: L.value,
-        eyeClosed: F.value,
-        stateMinLength: K.value
-      })[e],
-      getStates: () => ({
-        value: v.value,
-        isFocus: I.value,
-        isHovering: L.value,
-        eyeClosed: F.value,
-        stateMinLength: K.value
-      }),
-      getContext: () => null,
-      getContexts: () => ({}),
-      getCache: () => null,
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      setState: () => {
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: () => {
-      }
-    }), { foundation: a } = Re(Ve, Y), x = (e) => typeof e == "string", P = l(() => r.prefix ? r.prefix : o.prefix || o.insetLabel), k = l(() => r.suffix ? r.suffix : o.suffix), y = l(() => r.addonBefore ? r.addonBefore : o.addonBefore), m = l(() => r.addonAfter ? r.addonAfter : o.addonAfter), Z = l(() => o.value !== void 0 ? o.value === null ? "" : o.value : f.value !== void 0 ? f.value === null ? "" : f.value : v.value === null || v.value === void 0 ? "" : v.value), ee = l(() => a.handleInputType(o.type)), N = l(() => a.isAllowClear()), oe = l(() => o.mode === "password" && !A.value), ne = l(() => F.value ? "Show password" : "Hidden password"), te = l(() => {
-      const { maxLength: e, getValueLength: n } = o;
-      if (typeof n != "function")
-        return e;
-    }), ae = l(() => o.validateStatus === "error" ? !0 : void 0), le = l(() => {
-      const { class: e, style: n, id: i, name: d, ...T } = H;
-      return T;
-    }), se = l(() => {
-      const { validateStatus: e, readonly: n, borderless: i, mode: d, type: T, onlyBorder: q } = o, X = R.value, Fe = A.value, h = `${t}-wrapper`;
-      return _(h, o.className, {
-        [`${t}-wrapper__with-prefix`]: P.value,
-        [`${t}-wrapper__with-suffix`]: k.value,
-        [`${t}-wrapper__with-suffix-hidden`]: N.value && !!o.hideSuffix,
-        [`${t}-wrapper__with-suffix-icon`]: w(k.value),
-        [`${t}-wrapper__with-append`]: y.value,
-        [`${t}-wrapper__with-prepend`]: m.value,
-        [`${t}-wrapper__with-append-only`]: y.value && !m.value,
-        [`${t}-wrapper__with-prepend-only`]: !y.value && m.value,
-        [`${h}-readonly`]: n,
-        [`${h}-disabled`]: Fe,
-        [`${h}-warning`]: e === "warning",
-        [`${h}-error`]: e === "error",
-        [`${h}-focus`]: I.value,
-        [`${h}-clearable`]: o.showClear,
-        [`${h}-modebtn`]: d === "password",
-        [`${h}-hidden`]: T === "hidden",
-        [`${h}-${X}`]: X,
-        [`${t}-borderless`]: i,
-        [`${t}-only_border`]: q != null
-      });
-    }), re = l(() => {
-      const { mode: e } = o, n = R.value, i = A.value;
-      return _(t, {
-        [`${t}-${n}`]: n,
-        [`${t}-disabled`]: i,
-        [`${t}-sibling-clearbtn`]: N.value,
-        [`${t}-sibling-modebtn`]: e === "password"
-      });
-    }), ie = l(() => _({
-      [`${t}-prepend`]: !0,
-      [`${t}-prepend-text`]: y.value && x(y.value),
-      [`${t}-prepend-icon`]: w(y.value)
-    })), ue = l(() => _({
-      [`${t}-append`]: !0,
-      [`${t}-append-text`]: m.value && x(m.value),
-      [`${t}-append-icon`]: w(m.value)
-    })), de = l(() => {
-      let e = !1, n = !1;
-      if (r.prefix) {
-        const i = r.prefix();
-        if (i && i.length > 0) {
-          const d = i[0];
-          e = w(d), n = typeof d.children == "string";
-        }
-      } else
-        e = w(o.prefix || o.insetLabel), n = x(o.prefix || o.insetLabel);
-      return _({
-        [`${t}-prefix`]: !0,
-        [`${t}-inset-label`]: o.insetLabel,
-        [`${t}-prefix-text`]: n,
-        [`${t}-prefix-icon`]: e
-      });
-    }), pe = l(() => {
-      let e = !1, n = !1;
-      if (r.suffix) {
-        const i = r.suffix();
-        if (i && i.length > 0) {
-          const d = i[0];
-          e = w(d), n = typeof d.children == "string";
-        }
-      } else
-        e = w(o.suffix), n = x(o.suffix);
-      return _({
-        [`${t}-suffix`]: !0,
-        [`${t}-suffix-text`]: n,
-        [`${t}-suffix-icon`]: e,
-        [`${t}-suffix-hidden`]: N.value && !!o.hideSuffix
-      });
-    }), fe = l(() => {
-      let e = { ...o.style };
-      return o.onlyBorder !== void 0 && (e = {
-        borderWidth: o.onlyBorder,
-        ...o.style
-      }), e;
-    }), ce = (e) => {
-      a.handleInput(e);
-    }, ve = (e) => {
-      const n = e.target;
-      a.handleChange(n.value, e);
-    }, ye = (e) => {
-      var n;
-      a.handleFocus(e), (n = $.inputGroup) != null && n.onFocus && $.inputGroup.onFocus(e);
-    }, me = (e) => {
-      var n;
-      a.handleBlur(e), (n = $.inputGroup) != null && n.onBlur && $.inputGroup.onBlur(e);
-    }, he = (e) => {
-      a.handleKeyUp(e);
-    }, ge = (e) => {
-      a.handleKeyDown(e);
-    }, xe = (e) => {
-      a.handleKeyPress(e);
-    }, Ce = (e) => {
-      a.handleCompositionStart(e);
-    }, $e = (e) => {
-      a.handleCompositionEnd(e);
-    }, be = (e) => {
-      a.handleCompositionUpdate(e);
-    }, we = (e) => {
-      a.handleClear(e);
-    }, ke = (e) => {
-      a.handleClick(e);
-    }, Be = () => {
-      L.value = !0;
-    }, Se = () => {
-      L.value = !1;
-    }, _e = (e) => {
-      a.handleClickEye(e);
-    }, Me = (e) => {
-      a.handleMouseDown(e);
-    }, Ie = (e) => {
-      a.handleMouseUp(e);
-    }, Le = (e) => {
-      a.handleModeEnterPress(e);
-    }, O = (e) => {
-      a.handleClickPrefixOrSuffix(e);
-    }, W = (e) => {
-      a.handlePreventMouseDown(e);
-    };
-    return De(() => {
-      const { disabled: e, autoFocus: n, preventScroll: i } = o, d = n || H.autofocus;
-      !e && d && c.value && c.value.focus({ preventScroll: i });
-    }), V(
-      () => o.mode,
-      (e, n) => {
-        e !== n && a.handleModeChange(e);
-      }
-    ), J({
-      focus: () => {
-        c.value && c.value.focus({ preventScroll: o.preventScroll });
-      },
-      blur: () => {
-        c.value && c.value.blur();
-      },
-      inputRef: c
-    }), (e, n) => (s(), p("div", {
-      class: b(se.value),
-      style: ze(fe.value),
-      onMouseenter: Be,
-      onMouseleave: Se,
-      onClick: ke
-    }, [
-      y.value ? (s(), p("div", {
-        key: 0,
-        class: b(ie.value),
-        "x-semi-prop": "addonBefore"
-      }, [
-        g(r).addonBefore ? D(e.$slots, "addonBefore", { key: 0 }) : x(y.value) ? (s(), p(z, { key: 2 }, [
-          G(U(y.value), 1)
-        ], 64)) : (s(), C(E(y.value), { key: 1 }))
-      ], 2)) : S("", !0),
-      P.value ? (s(), p("div", {
-        key: 1,
-        id: o.insetLabelId,
-        class: b(de.value),
-        "x-semi-prop": "prefix,insetLabel",
-        onMousedown: W,
-        onClick: O
-      }, [
-        g(r).prefix ? D(e.$slots, "prefix", { key: 0 }) : x(P.value) ? (s(), p(z, { key: 2 }, [
-          G(U(P.value), 1)
-        ], 64)) : (s(), C(E(P.value), { key: 1 }))
-      ], 42, Xe)) : S("", !0),
-      Ge("input", Ue({
-        id: o.id,
-        ref_key: "inputRef",
-        ref: c,
-        name: o.name,
-        class: re.value,
-        style: M.inputStyle,
-        disabled: A.value,
-        readonly: M.readonly,
-        type: ee.value,
-        placeholder: M.placeholder,
-        value: Z.value,
-        maxlength: te.value,
-        minlength: K.value,
-        "aria-invalid": ae.value
-      }, le.value, {
-        onInput: ce,
-        onChange: ve,
-        onFocus: ye,
-        onBlur: me,
-        onKeyup: he,
-        onKeydown: ge,
-        onKeypress: xe,
-        onCompositionstart: Ce,
-        onCompositionend: $e,
-        onCompositionupdate: be
-      }), null, 16, je),
-      N.value ? (s(), p("div", {
-        key: 2,
-        class: b(`${g(t)}-clearbtn`),
-        onMousedown: we
-      }, [
-        o.clearIcon ? (s(), C(E(o.clearIcon), { key: 0 })) : (s(), C(g(Oe), { key: 1 }))
-      ], 34)) : S("", !0),
-      k.value ? (s(), p("div", {
-        key: 3,
-        class: b(pe.value),
-        "x-semi-prop": "suffix",
-        onMousedown: W,
-        onClick: O
-      }, [
-        g(r).suffix ? D(e.$slots, "suffix", { key: 0 }) : x(k.value) ? (s(), p(z, { key: 2 }, [
-          G(U(k.value), 1)
-        ], 64)) : (s(), C(E(k.value), { key: 1 }))
-      ], 34)) : S("", !0),
-      oe.value ? (s(), p("div", {
-        key: 4,
-        role: "button",
-        tabindex: "0",
-        "aria-label": ne.value,
-        class: b(`${g(t)}-modebtn`),
-        onClick: _e,
-        onMousedown: Me,
-        onMouseup: Ie,
-        onKeypress: Le
-      }, [
-        F.value ? (s(), C(g(We), { key: 0 })) : (s(), C(g(qe), { key: 1 }))
-      ], 42, Je)) : S("", !0),
-      m.value ? (s(), p("div", {
-        key: 5,
-        class: b(ue.value),
-        "x-semi-prop": "addonAfter"
-      }, [
-        g(r).addonAfter ? D(e.$slots, "addonAfter", { key: 0 }) : x(m.value) ? (s(), p(z, { key: 2 }, [
-          G(U(m.value), 1)
-        ], 64)) : (s(), C(E(m.value), { key: 1 }))
-      ], 2)) : S("", !0)
-    ], 38));
-  }
-});
-export {
-  io as default
-};

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

@@ -1,71 +0,0 @@
-import { defineComponent as h, computed as s, openBlock as p, createElementBlock as d, normalizeClass as n, createElementVNode as z, normalizeStyle as c, renderSlot as m } from "vue";
-import b from "classnames";
-import { cssClasses as B } from "@douyinfe/semi-foundation/input/constants";
-import { provideInputGroup as C } from "./context.js";
-const v = ["id", "aria-disabled"], I = ["aria-disabled"], P = /* @__PURE__ */ h({
-  name: "InputGroup",
-  __name: "InputGroup",
-  props: {
-    className: {},
-    size: { default: "default" },
-    style: {},
-    label: {},
-    labelPosition: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["blur", "focus"],
-  setup(l, { emit: f }) {
-    const a = B.PREFIX, e = l, u = f, g = s(() => e.label && e.label.name || "input-group"), y = s(() => b({
-      [`${a}-group-wrapper`]: !0,
-      [`${a}-group-wrapper-with-top-label`]: e.labelPosition === "top",
-      [`${a}-group-wrapper-with-left-label`]: e.labelPosition === "left"
-    })), i = s(() => b(
-      `${a}-group`,
-      {
-        [`${a}-${e.size}`]: e.size !== "default"
-      },
-      e.className
-    )), t = (o) => {
-      u("focus", o);
-    }, r = (o) => {
-      u("blur", o);
-    }, $ = s(() => ({
-      inputGroup: {
-        size: e.size,
-        disabled: e.disabled,
-        onBlur: r,
-        onFocus: t
-      }
-    }));
-    return C($), (o, w) => l.label && l.label.text ? (p(), d("div", {
-      key: 0,
-      class: n(y.value)
-    }, [
-      z("span", {
-        id: g.value,
-        role: "group",
-        "aria-disabled": l.disabled,
-        class: n(i.value),
-        style: c(l.style),
-        onFocus: t,
-        onBlur: r
-      }, [
-        m(o.$slots, "default")
-      ], 46, v)
-    ], 2)) : (p(), d("span", {
-      key: 1,
-      role: "group",
-      "aria-label": "Input group",
-      "aria-disabled": l.disabled,
-      class: n(i.value),
-      style: c(l.style),
-      onFocus: t,
-      onBlur: r
-    }, [
-      m(o.$slots, "default")
-    ], 46, I));
-  }
-});
-export {
-  P as default
-};