@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/inputNumber/InputNumber.vue.js

@@ -1,424 +0,0 @@
-import { defineComponent as ie, useModel as ce, ref as f, computed as D, watch as N, onMounted as de, onUnmounted as fe, openBlock as j, createElementBlock as me, normalizeStyle as pe, normalizeClass as ve, createVNode as be, unref as ye, mergeProps as ge, createBlock as he, resolveDynamicComponent as Ce, createCommentVNode as Se, mergeModels as K, h } from "vue";
-import S from "classnames";
-import { isNaN as B } from "lodash";
-import { numbers as x, cssClasses as Be } from "@douyinfe/semi-foundation/inputNumber/constants";
-import xe from "@douyinfe/semi-foundation/inputNumber/foundation";
-import { Input as Fe } from "../input/index.js";
-import F from "@douyinfe/semi-foundation/utils/isNullOrUndefined";
-import w from "@douyinfe/semi-foundation/utils/isBothNaN";
-import Me from "../icons/icons/IconChevronUp.vue.js";
-import Ee from "../icons/icons/IconChevronDown.vue.js";
-const je = /* @__PURE__ */ ie({
-  __name: "InputNumber",
-  props: /* @__PURE__ */ K({
-    value: {},
-    autofocus: { type: Boolean },
-    className: {},
-    clearIcon: {},
-    currency: { type: [String, Boolean] },
-    currencyDisplay: {},
-    defaultCurrency: {},
-    disabled: { type: Boolean },
-    formatter: {},
-    hideButtons: { type: Boolean, default: !1 },
-    innerButtons: { type: Boolean, default: !1 },
-    insetLabel: {},
-    insetLabelId: {},
-    keepFocus: { type: Boolean, default: !1 },
-    localeCode: {},
-    max: { default: 1 / 0 },
-    min: { default: -1 / 0 },
-    minimumFractionDigits: {},
-    maximumFractionDigits: {},
-    parser: {},
-    precision: {},
-    prefixCls: { default: Be.PREFIX },
-    pressInterval: { default: x.DEFAULT_PRESS_TIMEOUT },
-    pressTimeout: { default: x.DEFAULT_PRESS_TIMEOUT },
-    shiftStep: { default: x.DEFAULT_SHIFT_STEP },
-    showClear: { type: Boolean },
-    showCurrencySymbol: { type: Boolean, default: !0 },
-    size: { default: "default" },
-    step: { default: x.DEFAULT_STEP },
-    style: {},
-    suffix: {},
-    prefix: {},
-    preventScroll: { type: Boolean },
-    "aria-label": {},
-    "aria-labelledby": {},
-    "aria-invalid": { type: Boolean },
-    "aria-errormessage": {},
-    "aria-describedby": {},
-    "aria-required": { type: Boolean },
-    addonBefore: {},
-    addonAfter: {},
-    borderless: { type: Boolean },
-    mode: {},
-    modelValue: {},
-    readonly: { type: Boolean },
-    type: {},
-    hideSuffix: { type: Boolean },
-    placeholder: {},
-    validateStatus: {},
-    inputStyle: {},
-    getValueLength: {},
-    showClearIgnoreDisabled: { type: Boolean },
-    onlyBorder: {},
-    maxLength: {},
-    minLength: {},
-    autoFocus: { type: Boolean },
-    id: {},
-    name: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["blur", "change", "focus", "keydown", "numberChange", "upClick", "downClick"], ["update:modelValue"]),
-  setup(d, { expose: G, emit: H }) {
-    const i = ce(d, "modelValue"), r = d, p = H, m = f(), g = f(!1), P = f(0), U = f(0), X = f(""), J = f(""), $ = f(""), l = f({
-      value: "",
-      number: null,
-      focusing: !!r.autofocus || !1,
-      hovering: !1
-    }), v = {
-      setValue: (e, t) => {
-        l.value.value = e, t && t();
-      },
-      setNumber: (e, t) => {
-        l.value.number = e, t && t();
-      },
-      setFocusing: (e, t) => {
-        l.value.focusing = e, t && t();
-      },
-      setHovering: (e) => {
-        l.value.hovering = e;
-      },
-      /**
-       * 通知值变化
-       * 自动更新 v-model 绑定的值，并触发 change 事件
-       *
-       * 注意：change 事件传递的值应该与 React 版本一致
-       * - 如果解析后是有效数字，传递数字
-       * - 否则传递格式化后的字符串（经过 afterParser 处理）
-       *
-       * v-model 应该存储原始数字（如果可能）
-       */
-      notifyChange: (e, t) => {
-        const n = e;
-        let u = e;
-        if (typeof e == "string")
-          if (r.parser) {
-            const s = r.parser(e), y = Number(s);
-            B(y) ? u = s : u = y;
-          } else {
-            const s = Number(e.replace(/[^\d.-]/g, ""));
-            B(s) || (u = s);
-          }
-        const a = i.value;
-        u !== a && !(typeof u == "number" && typeof a == "number" && w(u, a)) && (i.value = u), t !== null && p("change", n, t);
-      },
-      notifyNumberChange: (e, t) => {
-        p("numberChange", e, t);
-      },
-      notifyBlur: (e) => {
-        p("blur", e);
-      },
-      notifyFocus: (e) => {
-        p("focus", e);
-      },
-      notifyUpClick: (e, t) => {
-        p("upClick", e, t);
-      },
-      notifyDownClick: (e, t) => {
-        p("downClick", e, t);
-      },
-      notifyKeyDown: (e) => {
-        p("keydown", e);
-      },
-      registerGlobalEvent: (e, t) => {
-        e && typeof t == "function" && (v.unregisterGlobalEvent(e), b.value.set(e, t), document.addEventListener(e, t));
-      },
-      unregisterGlobalEvent: (e) => {
-        if (e) {
-          const t = b.value.get(e);
-          t && (document.removeEventListener(e, t), b.value.delete(e));
-        }
-      },
-      getInputCharacter: (e) => {
-        var n, u;
-        const t = (u = (n = m.value) == null ? void 0 : n.$el) == null ? void 0 : u.querySelector("input");
-        return (t == null ? void 0 : t.value[e]) || "";
-      },
-      recordCursorPosition: () => {
-        var e, t;
-        try {
-          const n = (t = (e = m.value) == null ? void 0 : e.$el) == null ? void 0 : t.querySelector("input");
-          n && (P.value = n.selectionStart || 0, U.value = n.selectionEnd || 0, X.value = n.value, J.value = n.value.substring(0, P.value), $.value = n.value.substring(U.value));
-        } catch (n) {
-          console.warn(n);
-        }
-      },
-      restoreByAfter: (e) => {
-        var a, c;
-        if (F(e))
-          return !1;
-        const t = (c = (a = m.value) == null ? void 0 : a.$el) == null ? void 0 : c.querySelector("input");
-        if (!t) return !1;
-        const n = t.value, u = n.lastIndexOf(e);
-        return u === -1 ? !1 : u + e.length === n.length ? (v.fixCaret(u, u), !0) : !1;
-      },
-      restoreCursor: (e = $.value) => F(e) ? !1 : Array.prototype.some.call(e, (t, n) => {
-        const u = e.substring(n);
-        return v.restoreByAfter(u);
-      }),
-      fixCaret: (e, t) => {
-        var n, u;
-        if (!(e === void 0 || t === void 0))
-          try {
-            const a = (u = (n = m.value) == null ? void 0 : n.$el) == null ? void 0 : u.querySelector("input");
-            if (!a || !a.value)
-              return;
-            const c = a.selectionStart, s = a.selectionEnd;
-            (e !== c || t !== s) && a.setSelectionRange(e, t);
-          } catch {
-          }
-      },
-      setClickUpOrDown: (e) => {
-        g.value = e;
-      },
-      updateStates: (e, t) => {
-        Object.assign(l.value, e), t && t();
-      },
-      getState: (e) => e ? l.value[e] : l.value,
-      getStates: () => l.value,
-      getProps: () => {
-        const e = {};
-        return Object.keys(r).forEach((t) => {
-          const n = r[t];
-          n !== void 0 && (e[t] = n);
-        }), i.value !== void 0 && i.value !== null ? e.value = i.value : i.value === null && (e.value = null), e;
-      },
-      getProp: (e) => e === "value" && i.value !== void 0 ? i.value : r[e],
-      setState: (e) => {
-        Object.assign(l.value, e);
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: (e) => b.value.get(e),
-      getCaches: () => b.value,
-      setCache: (e, t) => {
-        t == null ? b.value.delete(e) : b.value.set(e, t);
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      }
-    }, b = f(/* @__PURE__ */ new Map()), o = new xe(v), Q = D(() => l.value.value), W = D(() => S(r.className, `${r.prefixCls}-number`, {
-      [`${r.prefixCls}-number-size-${r.size}`]: r.size
-    })), k = () => {
-      const { disabled: e, innerButtons: t, max: n, min: u, prefixCls: a } = r, { hovering: c, focusing: s, number: y } = l.value, E = e || y === n, I = e || y === u, A = S(`${a}-number-suffix-btns`, {
-        [`${a}-number-suffix-btns-inner`]: t,
-        [`${a}-number-suffix-btns-inner-hover`]: t && c && !s
-      }), O = S(`${a}-number-button`, `${a}-number-button-up`, {
-        [`${a}-number-button-up-disabled`]: e,
-        [`${a}-number-button-up-not-allowed`]: E
-      }), V = S(`${a}-number-button`, `${a}-number-button-down`, {
-        [`${a}-number-button-down-disabled`]: e,
-        [`${a}-number-button-down-not-allowed`]: I
-      }), q = (C) => {
-        E || ue(C);
-      }, R = (C) => {
-        I || re(C);
-      };
-      return h("div", { class: A }, [
-        h(
-          "span",
-          {
-            class: O,
-            onMousedown: q,
-            onMouseup: L,
-            onMouseleave: M
-          },
-          h(Me, { size: "extra-small" })
-        ),
-        h(
-          "span",
-          {
-            class: V,
-            onMousedown: R,
-            onMouseup: L,
-            onMouseleave: M
-          },
-          h(Ee, { size: "extra-small" })
-        )
-      ]);
-    }, Y = () => {
-      const { innerButtons: e, suffix: t } = r, { hovering: n, focusing: u } = l.value;
-      return e && (n || u) ? k() : t;
-    }, Z = D(() => {
-      const {
-        prefixCls: e,
-        className: t,
-        hideButtons: n,
-        innerButtons: u,
-        formatter: a,
-        parser: c,
-        max: s,
-        min: y,
-        precision: E,
-        shiftStep: I,
-        step: A,
-        pressInterval: O,
-        pressTimeout: V,
-        showCurrencySymbol: q,
-        currency: R,
-        currencyDisplay: C,
-        defaultCurrency: Ie,
-        localeCode: De,
-        minimumFractionDigits: Ne,
-        maximumFractionDigits: we,
-        value: Pe,
-        style: Ue,
-        ...se
-      } = r;
-      return se;
-    }), _ = (e, t) => {
-      v.recordCursorPosition(), o.handleInputChange(e, t);
-    }, ee = (e) => {
-      o.handleInputFocus(e);
-    }, te = (e) => {
-      o.handleInputBlur(e);
-    }, ne = (e) => {
-      o.handleInputKeyDown(e);
-    }, oe = () => {
-      o.handleInputMouseMove();
-    }, ae = () => {
-      o.handleInputMouseEnter();
-    }, M = () => {
-      o.handleInputMouseLeave();
-    }, ue = (e) => {
-      o.handleUpClick(e);
-    }, re = (e) => {
-      o.handleDownClick(e);
-    }, L = () => {
-      o.handleMouseUp();
-    }, T = () => {
-      var e, t;
-      (t = (e = m.value) == null ? void 0 : e.focus) == null || t.call(e);
-    }, le = () => {
-      var e, t;
-      (t = (e = m.value) == null ? void 0 : e.blur) == null || t.call(e);
-    }, z = f(!1);
-    return N(
-      () => i.value,
-      (e, t) => {
-        if (z.value && e !== t && !w(e, t)) {
-          let n;
-          if (F(e) || e === "")
-            o.updateStates({ value: "", number: null });
-          else {
-            let u = e;
-            typeof e == "number" && (u = o.doFormat(e));
-            const a = o.doParse(u, !1, !0, !0), c = typeof e == "number" ? e : o.doParse(u, !1, !1, !1);
-            if (l.value.focusing)
-              if (o.isValidNumber(a) && a !== l.value.number) {
-                const s = { number: a };
-                g.value && (s.value = o.doFormat(s.number, !0), n = s.value), o.updateStates(s, () => v.restoreCursor());
-              } else B(c) ? o.updateStates({ value: u }) : (n = o.doFormat(c, !1), o.updateStates({ value: n }));
-            else o.isValidNumber(a) ? (n = o.doFormat(a, !0, !0), o.updateStates({ number: a, value: n })) : (n = "", o.updateStates({ number: null, value: n }));
-          }
-        }
-      }
-    ), N(
-      () => r.value,
-      (e, t) => {
-        if (i.value === void 0 && e !== t && !w(e, t)) {
-          let n;
-          if (F(e) || e === "")
-            o.updateStates({ value: "", number: null });
-          else {
-            let u = e;
-            typeof e == "number" && (u = o.doFormat(e));
-            const a = o.doParse(u, !1, !0, !0), c = typeof e == "number" ? e : o.doParse(u, !1, !1, !1);
-            if (l.value.focusing)
-              if (o.isValidNumber(a) && a !== l.value.number) {
-                const s = { number: a };
-                g.value && (s.value = o.doFormat(s.number, !0), n = s.value), o.updateStates(s, () => v.restoreCursor());
-              } else B(c) ? o.updateStates({ value: u }) : (n = o.doFormat(c, !1), o.updateStates({ value: n }));
-            else o.isValidNumber(a) ? (n = o.doFormat(a, !0, !0), o.updateStates({ number: a, value: n })) : (n = "", o.updateStates({ number: null, value: n }));
-          }
-          if (n !== void 0 && typeof n == "string" && n !== String(r.value))
-            if (o._isCurrency()) {
-              const u = o.doParse(n), a = typeof r.value == "string" ? o.doParse(r.value) : r.value;
-              u !== a && o.notifyChange(n, null);
-            } else
-              o.notifyChange(n, null);
-        }
-      }
-    ), N(
-      () => [g.value, l.value.focusing, r.keepFocus],
-      () => {
-        var e, t;
-        if (g.value && r.keepFocus && l.value.focusing) {
-          const n = (t = (e = m.value) == null ? void 0 : e.$el) == null ? void 0 : t.querySelector("input");
-          n && document.activeElement !== n && n.focus({ preventScroll: r.preventScroll });
-        }
-      },
-      { flush: "post" }
-    ), de(() => {
-      if (o.init(), i.value !== void 0 && i.value !== null && i.value !== "") {
-        const e = l.value.value, t = i.value;
-        if (!e || e === String(t) || typeof t == "number" && e === t.toString()) {
-          const u = o.doParse(
-            typeof t == "number" ? String(t) : t,
-            !1,
-            !0,
-            !0
-          );
-          if (o.isValidNumber(u)) {
-            const a = o.doFormat(u, !0, !0);
-            o.updateStates({ number: u, value: a });
-          }
-        }
-      }
-      z.value = !0, r.autofocus && T();
-    }), fe(() => {
-      o.destroy();
-    }), G({
-      focus: T,
-      blur: le
-    }), (e, t) => (j(), me("div", {
-      class: ve(W.value),
-      style: pe(d.style),
-      onMousemove: oe,
-      onMouseenter: ae,
-      onMouseleave: M
-    }, [
-      be(ye(Fe), ge({
-        ref_key: "inputRef",
-        ref: m,
-        role: "spinbutton"
-      }, Z.value, {
-        value: Q.value,
-        disabled: d.disabled,
-        size: d.size,
-        "aria-disabled": d.disabled,
-        "aria-valuenow": l.value.number || void 0,
-        "aria-valuemax": d.max !== 1 / 0 ? d.max : void 0,
-        "aria-valuemin": d.min !== -1 / 0 ? d.min : void 0,
-        step: d.step,
-        suffix: Y(),
-        onChange: _,
-        onFocus: ee,
-        onBlur: te,
-        onKeyDown: ne
-      }), null, 16, ["value", "disabled", "size", "aria-disabled", "aria-valuenow", "aria-valuemax", "aria-valuemin", "step", "suffix"]),
-      !d.hideButtons && !d.innerButtons ? (j(), he(Ce(k()), { key: 0 })) : Se("", !0)
-    ], 38));
-  }
-});
-export {
-  je as default
-};

package/lib/es/components/layout/Content.vue.js

@@ -1,25 +0,0 @@
-import { defineComponent as l, computed as o, openBlock as n, createElementBlock as r, normalizeStyle as m, normalizeClass as c, renderSlot as p } from "vue";
-import i from "classnames";
-import { cssClasses as f } from "@douyinfe/semi-foundation/layout/constants";
-const N = /* @__PURE__ */ l({
-  __name: "Content",
-  props: {
-    prefixCls: { default: f.PREFIX },
-    style: {},
-    className: {},
-    tagName: {},
-    type: {}
-  },
-  setup(e) {
-    const s = e, t = o(() => i(s.className, `${s.prefixCls}-content`));
-    return (a, u) => (n(), r("main", {
-      class: c(t.value),
-      style: m(e.style)
-    }, [
-      p(a.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  N as default
-};

package/lib/es/components/layout/Footer.vue.js

@@ -1,25 +0,0 @@
-import { defineComponent as l, computed as a, openBlock as r, createElementBlock as m, normalizeStyle as c, normalizeClass as n, renderSlot as p } from "vue";
-import f from "classnames";
-import { cssClasses as i } from "@douyinfe/semi-foundation/layout/constants";
-const N = /* @__PURE__ */ l({
-  __name: "Footer",
-  props: {
-    prefixCls: { default: i.PREFIX },
-    style: {},
-    className: {},
-    tagName: {},
-    type: {}
-  },
-  setup(e) {
-    const s = e, t = a(() => f(s.className, `${s.prefixCls}-footer`));
-    return (o, u) => (r(), m("footer", {
-      class: n(t.value),
-      style: c(e.style)
-    }, [
-      p(o.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  N as default
-};

package/lib/es/components/layout/Header.vue.js

@@ -1,25 +0,0 @@
-import { defineComponent as l, computed as r, openBlock as o, createElementBlock as m, normalizeStyle as c, normalizeClass as n, renderSlot as p } from "vue";
-import f from "classnames";
-import { cssClasses as i } from "@douyinfe/semi-foundation/layout/constants";
-const N = /* @__PURE__ */ l({
-  __name: "Header",
-  props: {
-    prefixCls: { default: i.PREFIX },
-    style: {},
-    className: {},
-    tagName: {},
-    type: {}
-  },
-  setup(e) {
-    const s = e, a = r(() => f(s.className, `${s.prefixCls}-header`));
-    return (t, d) => (o(), m("header", {
-      class: n(a.value),
-      style: c(e.style)
-    }, [
-      p(t.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  N as default
-};

package/lib/es/components/layout/Layout.vue.js

@@ -1,53 +0,0 @@
-import { defineComponent as d, useSlots as u, ref as p, provide as f, computed as i, openBlock as y, createBlock as S, resolveDynamicComponent as v, normalizeStyle as C, normalizeClass as h, withCtx as x, renderSlot as N } from "vue";
-import g from "classnames";
-import { cssClasses as _ } from "@douyinfe/semi-foundation/layout/constants";
-import { LayoutContextKey as k } from "./context.js";
-const j = /* @__PURE__ */ d({
-  __name: "Layout",
-  props: {
-    prefixCls: { default: _.PREFIX },
-    style: {},
-    className: {},
-    hasSider: { type: Boolean },
-    tagName: { default: "section" }
-  },
-  setup(r) {
-    const t = r, l = u(), s = p([]);
-    f(k, {
-      siderHook: {
-        addSider: (e) => {
-          s.value = [...s.value, e];
-        },
-        removeSider: (e) => {
-          s.value = s.value.filter((a) => a !== e);
-        }
-      }
-    });
-    const m = i(() => {
-      var a;
-      return (((a = l.default) == null ? void 0 : a.call(l)) || []).some((o) => {
-        if (o.type && typeof o.type == "object") {
-          const n = o.type.name || o.type.__name;
-          return n === "Sider" || n === "LayoutSider";
-        }
-        return !1;
-      });
-    }), c = i(
-      () => g(t.className, t.prefixCls, {
-        [`${t.prefixCls}-has-sider`]: typeof t.hasSider == "boolean" && t.hasSider || s.value.length > 0 || m.value
-      })
-    );
-    return (e, a) => (y(), S(v(r.tagName), {
-      class: h(c.value),
-      style: C(r.style)
-    }, {
-      default: x(() => [
-        N(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-export {
-  j as default
-};

package/lib/es/components/layout/Sider.vue.js

@@ -1,76 +0,0 @@
-import { defineComponent as C, inject as E, computed as a, onMounted as S, onUnmounted as H, openBlock as I, createElementBlock as $, normalizeStyle as B, normalizeClass as u, createElementVNode as L, renderSlot as M } from "vue";
-import N from "classnames";
-import { cssClasses as f } from "@douyinfe/semi-foundation/layout/constants";
-import { LayoutContextKey as R, defaultContext as _ } from "./context.js";
-const j = ["aria-label", "role"], Q = /* @__PURE__ */ C({
-  __name: "Sider",
-  props: {
-    prefixCls: { default: f.PREFIX },
-    style: {},
-    className: {},
-    breakpoint: {},
-    "aria-label": {},
-    role: {}
-  },
-  emits: ["breakpoint"],
-  setup(r, { emit: h }) {
-    const l = {
-      xs: "(max-width: 575px)",
-      sm: "(min-width: 576px)",
-      md: "(min-width: 768px)",
-      lg: "(min-width: 992px)",
-      xl: "(min-width: 1200px)",
-      xxl: "(min-width: 1600px)"
-    };
-    let c = 0;
-    const x = () => (c += 1, `${f.PREFIX}-sider-${c}`), o = r, k = h, i = E(R, _), d = x(), m = [], v = a(
-      () => N(o.className, {
-        [`${o.prefixCls}-sider`]: !0
-      })
-    ), b = a(() => o["aria-label"]), y = a(() => o.role), p = (e, s) => {
-      k("breakpoint", e, s);
-    }, g = (e, s) => {
-      const n = window.matchMedia(e), t = (w) => {
-        w.matches ? s.match() : s.unmatch();
-      };
-      return t(n), n.addEventListener("change", t), () => {
-        n.removeEventListener("change", t);
-      };
-    };
-    return S(() => {
-      const { breakpoint: e } = o;
-      if (e) {
-        const n = Object.keys(l).filter(
-          (t) => e.indexOf(t) !== -1
-        ).map(
-          (t) => g(l[t], {
-            match: () => {
-              p(t, !0);
-            },
-            unmatch: () => {
-              p(t, !1);
-            }
-          })
-        );
-        m.push(...n);
-      }
-      i.siderHook && i.siderHook.addSider(d);
-    }), H(() => {
-      m.forEach((e) => e()), i.siderHook && i.siderHook.removeSider(d);
-    }), (e, s) => (I(), $("aside", {
-      class: u(v.value),
-      style: B(r.style),
-      "aria-label": b.value,
-      role: y.value
-    }, [
-      L("div", {
-        class: u(`${r.prefixCls}-sider-children`)
-      }, [
-        M(e.$slots, "default")
-      ], 2)
-    ], 14, j));
-  }
-});
-export {
-  Q as default
-};

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

@@ -1,11 +0,0 @@
-const o = () => {
-}, t = Symbol("LayoutContext"), e = {
-  siderHook: {
-    addSider: o,
-    removeSider: o
-  }
-};
-export {
-  t as LayoutContextKey,
-  e as defaultContext
-};