@opentiny/tiny-robot 0.3.0-alpha.2 → 0.3.0-alpha.4

package/dist/index3.js

@@ -1,307 +1,146 @@
-import { A as B, s as C, d as k, a as _, p as $, b as A, c as O, f as D } from "./index6.js";
-import { createElementBlock as w, openBlock as f, createElementVNode as r, resolveComponent as I, mergeProps as j, createBlock as h, createCommentVNode as T, renderSlot as E, resolveDynamicComponent as L, normalizeClass as M, toDisplayString as U } from "vue";
-const z = ({ emit: e, props: t, state: n, designConfig: o }) => (u) => {
-  var s, l;
-  const i = B.filterUrl(t.href), d = 1e3;
-  let a = d;
-  t.resetTime !== d ? a = t.resetTime : a = (l = (s = o == null ? void 0 : o.props) == null ? void 0 : s.resetTime) != null ? l : t.resetTime, i ? location.href = i : t.nativeType === "button" && a > 0 && (n.disabled = !0, n.timer = window.setTimeout(() => {
-    n.disabled = !1;
-  }, a)), e("click", u);
-}, F = (e) => () => clearTimeout(e.timer), N = ["state", "handleClick"], G = (e, { computed: t, onBeforeUnmount: n, reactive: o, watch: u, inject: s }, { emit: l, parent: i, designConfig: d }) => {
-  i.tinyForm = i.tinyForm || s("form", null);
-  const a = o({
-    timer: 0,
-    disabled: e.disabled,
-    plain: t(() => e.plain || (i.buttonGroup || {}).plain),
-    round: t(() => {
-      var c, y, g;
-      return (g = (y = e.round) != null ? y : (c = d == null ? void 0 : d.props) == null ? void 0 : c.round) != null ? g : !1;
-    }),
-    formDisabled: t(() => (i.tinyForm || {}).disabled),
-    buttonDisabled: t(
-      () => e.disabled || a.disabled || (i.buttonGroup || {}).disabled || a.formDisabled
-    )
+import { nextTick as h, h as R, defineComponent as x, render as b, onBeforeUnmount as j, Teleport as Z, computed as g, createBlock as S, openBlock as _, Transition as q, normalizeProps as G, guardReactiveProps as J, withCtx as K, createElementBlock as L, createCommentVNode as Q, renderSlot as X, useSlots as Y, ref as ee, watch as te, useAttrs as oe, reactive as se, resolveDynamicComponent as re, unref as B, mergeProps as T, createVNode as ne } from "vue";
+import { d as E, f as ae, c as le } from "./index2.js";
+import { t as p } from "./utils.js";
+import { _ as $ } from "./_plugin-vue_export-helper.js";
+import { u as pe } from "./useSlotRefs.js";
+const ce = x({
+  setup: (r) => () => R(Z, r.teleportProps, r.vnodeFactory()),
+  props: ["teleportProps", "vnodeFactory"]
+});
+function ie(r, n) {
+  let e = null, o = null, c = !1;
+  h(() => {
+    c || (o = document.createElement("div"), e = R(ce, { teleportProps: r, vnodeFactory: n }), b(e, o));
+  }), j(() => {
+    c = !0, h(() => {
+      o && (b(null, o), o.remove(), e = null, o = null);
+    });
   });
-  u(
-    () => e.disabled,
-    (c) => {
-      a.disabled = c;
-    },
-    { immediate: !0 }
-  );
-  const b = {
-    state: a,
-    clearTimer: F(a),
-    handleClick: z({ emit: l, props: e, state: a, designConfig: d })
-  };
-  return n(b.clearTimer), b;
-};
-var H = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 32"
-}, V = /* @__PURE__ */ r(
-  "defs",
-  {
-    fill: "none"
-  },
-  [/* @__PURE__ */ r("linearGradient", {
-    id: "loading-shadow_svg__a",
-    x1: "-1285.88",
-    y1: "25.63",
-    x2: "-1286.89",
-    y2: "25.13",
-    gradientTransform: "matrix(29.6 0 0 29.6 38096.4 -732.8)",
-    gradientUnits: "userSpaceOnUse"
-  }, [/* @__PURE__ */ r("stop", {
-    offset: "0",
-    "stop-color": "#191919",
-    "stop-opacity": "0"
-  }), /* @__PURE__ */ r("stop", {
-    offset: "1",
-    "stop-color": "#191919"
-  })])],
-  -1
-  /* HOISTED */
-), P = /* @__PURE__ */ r(
-  "mask",
-  {
-    fill: "none",
-    id: "loading-shadow_svg__b",
-    "mask-type": "alpha",
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0"
-  },
-  [/* @__PURE__ */ r("path", {
-    fill: "url(#loading-shadow_svg__a)",
-    d: "M16 1.2c1 0 1.8.8 1.8 1.8S17 4.8 16 4.8C9.8 4.8 4.8 9.8 4.8 16s5 11.2 11.2 11.2 11.2-5 11.2-11.2c0-1 .8-1.8 1.8-1.8s1.8.8 1.8 1.8c0 8.2-6.6 14.8-14.8 14.8S1.2 24.2 1.2 16 7.8 1.2 16 1.2Z"
-  }, [/* @__PURE__ */ r("animateTransform", {
-    attributeName: "transform",
-    attributeType: "XML",
-    type: "rotate",
-    from: "0 16 16",
-    to: "360 16 16",
-    dur: "1s",
-    repeatCount: "indefinite"
-  })])],
-  -1
-  /* HOISTED */
-), Z = /* @__PURE__ */ r(
-  "g",
-  {
-    mask: "url(#loading-shadow_svg__b)"
-  },
-  [/* @__PURE__ */ r("path", {
-    d: "M-.1 32H32V-.11H-.1V32Z",
-    "fill-rule": "evenodd"
-  })],
-  -1
-  /* HOISTED */
-), R = [V, P, Z];
-function X(e, t) {
-  return f(), w("svg", H, [].concat(R));
-}
-var Y = {
-  render: X
-}, q = function() {
-  return C({
-    name: "IconLoadingShadow",
-    component: Y
-  })();
-};
-function J(e, t) {
-  var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (n) return (n = n.call(e)).next.bind(n);
-  if (Array.isArray(e) || (n = K(e)) || t) {
-    n && (e = n);
-    var o = 0;
-    return function() {
-      return o >= e.length ? { done: !0 } : { done: !1, value: e[o++] };
-    };
-  }
-  throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function K(e, t) {
-  if (e) {
-    if (typeof e == "string") return S(e, t);
-    var n = {}.toString.call(e).slice(8, -1);
-    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? S(e, t) : void 0;
-  }
-}
-function S(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var n = 0, o = Array(t); n < t; n++) o[n] = e[n];
-  return o;
+function ue(r, n) {
+  return g(() => {
+    var f;
+    const e = E(r), o = (f = e == null ? void 0 : e.getRootNode) == null ? void 0 : f.call(e);
+    return o instanceof ShadowRoot ? o : document.body;
+  });
 }
-var Q = function(t, n) {
-  for (var o = t.__vccOpts || t, u = J(n), s; !(s = u()).done; ) {
-    var l = s.value, i = l[0], d = l[1];
-    o[i] = d;
+const fe = {
+  key: 0,
+  class: "tr-base-popper"
+}, de = /* @__PURE__ */ x({
+  __name: "Popper",
+  props: {
+    show: { type: Boolean },
+    transitionProps: {}
+  },
+  setup(r) {
+    return (n, e) => (_(), S(q, G(J(n.transitionProps)), {
+      default: K(() => [
+        n.show ? (_(), L("div", fe, [
+          X(n.$slots, "default", {}, void 0, !0)
+        ])) : Q("", !0)
+      ]),
+      _: 3
+    }, 16));
   }
-  return o;
-}, W = k({
-  emits: ["click"],
-  props: [].concat($, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),
-  components: {
-    IconLoading: q()
-  },
-  setup: function(t, n) {
-    return _({
-      props: t,
-      context: n,
-      renderless: G,
-      api: N
+}), me = /* @__PURE__ */ $(de, [["__scopeId", "data-v-082a686e"]]), ve = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    appendTo: {},
+    offset: {},
+    placement: {
+      default: "top-center"
+    },
+    preventOverflow: {
+      type: Boolean
+    },
+    show: {
+      type: Boolean
+    },
+    transitionProps: {},
+    triggerEvents: {}
+  },
+  setup(r, {
+    expose: n
+  }) {
+    const e = r, o = Y(), {
+      vnodes: c,
+      ref: u,
+      setRef: f
+    } = pe(o.trigger), k = (t = {}) => {
+      const s = {};
+      for (const [l, a] of Object.entries(t))
+        /^on[A-Z]/.test(l) && typeof a == "function" && (s[l] = a);
+      return s;
+    }, d = ee(null), C = async (t) => {
+      await h();
+      const s = E(t);
+      s instanceof Element ? d.value = s : d.value = null;
+    }, i = g(() => {
+      var t, s;
+      return typeof e.offset == "number" ? {
+        mainAxis: e.offset,
+        crossAxis: 0
+      } : {
+        mainAxis: ((t = e.offset) == null ? void 0 : t.mainAxis) ?? 0,
+        crossAxis: ((s = e.offset) == null ? void 0 : s.crossAxis) ?? 0
+      };
+    }), {
+      top: O,
+      bottom: N,
+      left: w,
+      right: V,
+      width: z,
+      update: D
+    } = ae(u), {
+      width: P,
+      height: v
+    } = le(d, void 0, {
+      box: "border-box"
+    }), F = g(() => {
+      const {
+        placement: t,
+        preventOverflow: s
+      } = e, l = {}, a = (m, y) => {
+        if (!s) {
+          l[m] = y;
+          return;
+        }
+        const A = m === "top" || m === "bottom", M = A ? "100dvh" : "100dvw", W = p(A ? v.value : P.value);
+        l[m] = `clamp(0px, ${y}, calc(${M} - ${W}))`;
+      };
+      return t.includes("top") && a("top", p(O.value - v.value - i.value.mainAxis)), t.includes("bottom") && a("bottom", `calc(100% - ${p(N.value + v.value + i.value.mainAxis)})`), t.includes("left") && a("left", p(w.value + i.value.crossAxis)), t.includes("right") && a("right", `calc(100% - ${p(V.value + i.value.crossAxis)})`), t.includes("center") && a("left", p(w.value + z.value / 2 - P.value / 2 + i.value.crossAxis)), l;
     });
-  }
-}), x = ["disabled", "autofocus", "type", "tabindex"];
-function ee(e, t, n, o, u, s) {
-  var l = I("icon-loading");
-  return f(), w("button", j({
-    class: ["tiny-button", [e.type ? "tiny-button--" + e.type : "", e.size ? "tiny-button--" + e.size : "", {
-      "is-disabled": e.state.buttonDisabled,
-      "is-loading": e.loading,
-      "is-plain": e.state.plain,
-      "is-ghost": e.ghost,
-      "is-round": e.state.round,
-      "is-circle": e.circle,
-      "is-icon": e.icon && !e.loading && (e.text || e.slots.default),
-      "is-only-icon": e.icon && !e.loading && !(e.text || e.slots.default)
-    }]],
-    onClick: t[0] || (t[0] = function() {
-      return e.handleClick && e.handleClick.apply(e, arguments);
-    }),
-    disabled: e.state.buttonDisabled || e.loading,
-    autofocus: e.autofocus,
-    type: e.nativeType,
-    tabindex: e.tabindex
-  }, e.a(e.$attrs, ["class", "style", "title", "id"], !0)), [e.loading ? (f(), h(l, {
-    key: 0,
-    class: "tiny-icon-loading tiny-svg-size"
-  })) : T("v-if", !0), e.icon && !e.loading ? (f(), h(L(e.icon), {
-    key: 1,
-    class: M({
-      "is-text": e.text || e.slots.default
-    })
-  }, null, 8, ["class"])) : T("v-if", !0), E(e.$slots, "default", {}, function() {
-    return [r(
-      "span",
-      null,
-      U(e.text),
-      1
-      /* TEXT */
-    )];
-  })], 16, x);
-}
-var m = /* @__PURE__ */ Q(W, [["render", ee]]);
-function v() {
-  return v = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var o in n) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
-    }
-    return e;
-  }, v.apply(null, arguments);
-}
-var te = function(t) {
-  var n, o = typeof process == "object" ? (n = process.env) == null ? void 0 : n.TINY_MODE : null;
-  return m;
-}, ne = v({}, D, {
-  /** 展示按钮不同的状态，设置为text则展示为文本按钮。可取值为：'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'  */
-  type: {
-    type: String,
-    default: "default"
-  },
-  /** 设置原生的tabindex属性 */
-  tabindex: {
-    type: String,
-    default: "0"
-  },
-  /** 按钮左侧展示的图标，接收为Icon组件  */
-  icon: {
-    type: [Object, String],
-    default: ""
-  },
-  /** 按钮显示的文本 */
-  text: {
-    type: String,
-    default: ""
-  },
-  /** 设置按钮禁用时间，防止重复提交，单位毫秒 */
-  resetTime: {
-    type: Number,
-    default: 1e3
-  },
-  /** 对应按钮原生 type 属性  */
-  nativeType: {
-    type: String,
-    default: "button"
-  },
-  /** 当配置href后，点击按钮则更新 location.href 进行页面跳转  */
-  href: {
-    type: String,
-    default: ""
-  },
-  /** 定义按钮尺寸 */
-  size: {
-    type: String,
-    default: "",
-    validator: function(t) {
-      return ["large", "medium", "small", "mini", ""].includes(t);
-    }
-  },
-  /** 是否圆角按钮 */
-  round: {
-    type: Boolean,
-    default: void 0
-  },
-  /** 是否朴素按钮  */
-  plain: Boolean,
-  /** 是否圆形按钮  */
-  circle: Boolean,
-  /** 是否加载中状态 */
-  loading: Boolean,
-  /** 是否被禁用按钮 */
-  disabled: Boolean,
-  /** 是否默认聚焦 */
-  autofocus: Boolean,
-  /** 自定义类名， 仅 mobile-first 模板时有效 */
-  customClass: {
-    type: String,
-    default: ""
-  },
-  /** 设置通栏按钮,宽度充满水平方向， 仅 mobile-first 模板时有效  */
-  banner: {
-    type: Boolean,
-    default: !1
-  },
-  /** 是否幽灵按钮 */
-  ghost: Boolean,
-  /** 点击事件 */
-  onClick: {
-    type: Function
-  }
-}), p = k({
-  name: O + "Button",
-  inject: {
-    buttonGroup: {
-      default: ""
-    }
-  },
-  props: ne,
-  slots: Object,
-  setup: function(t, n) {
-    return A({
-      props: t,
-      context: n,
-      template: te
+    te(() => e.show, (t) => {
+      t && D();
+    }, {
+      flush: "post"
     });
+    const U = ue(u), H = oe(), I = se({
+      to: e.appendTo || U.value
+    });
+    return ie(I, () => ne(me, T({
+      ref: C,
+      show: e.show,
+      transitionProps: e.transitionProps,
+      style: F.value
+    }, H), {
+      default: () => {
+        var t;
+        return [(t = o.content) == null ? void 0 : t.call(o)];
+      }
+    })), n({
+      triggerRef: u,
+      popperRef: d
+    }), (t, s) => (_(), S(re(B(c)[0]), T({
+      ref: B(f)
+    }, k(e.triggerEvents)), null, 16));
   }
-}), oe = "3.undefined";
-p.install = function(e) {
-  e.component(p.name, p);
-};
-p.version = oe;
+}), he = /* @__PURE__ */ $(ve, [["__scopeId", "data-v-aa8afcd1"]]);
+he.name = "TrBasePopper";
 export {
-  p as B
+  he as B,
+  ie as c,
+  ue as u
 };