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

package/dist/index3.js

@@ -1,307 +1,161 @@
-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
-    )
-  });
-  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;
-}
-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;
-  }
-  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
+import { onMounted as U, nextTick as B, h as C, defineComponent as g, render as R, onBeforeUnmount as D, Teleport as W, computed as h, ref as E, createBlock as F, openBlock as _, Transition as j, normalizeProps as q, guardReactiveProps as L, withCtx as Z, createElementBlock as G, createCommentVNode as J, renderSlot as K, useSlots as Q, watch as X, useAttrs as Y, resolveDynamicComponent as ee, unref as S, mergeProps as k, createVNode as te } from "vue";
+import { b as oe, a as re, e as ne } from "./index2.js";
+import { t as u } from "./utils.js";
+import { _ as N } from "./_plugin-vue_export-helper.js";
+import { u as se } from "./useSlotRefs.js";
+const pe = g({
+  setup: (r) => () => C(W, r.propsFactory(), r.vnodeFactory()),
+  props: ["propsFactory", "vnodeFactory"]
+});
+function ae(r, n) {
+  let e = null, t = null, s = !1;
+  U(() => {
+    B(() => {
+      s || (t = document.createElement("div"), e = C(pe, { propsFactory: r, vnodeFactory: n }), R(e, t));
     });
-  }
-}), 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);
+  }), D(() => {
+    s = !0, B(() => {
+      t && (R(null, t), t.remove(), e = null, t = null);
+    });
+  });
 }
-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]);
+function ce(r, n) {
+  return h(() => {
+    var v;
+    if (n instanceof HTMLElement)
+      return n;
+    const e = n, t = oe(r), s = (v = t == null ? void 0 : t.getRootNode) == null ? void 0 : v.call(t), i = s instanceof ShadowRoot, d = i ? s : document.body;
+    if (e) {
+      if (!i && e === "body")
+        return document.body;
+      const f = d.querySelector(e);
+      if (f instanceof Node) return f;
     }
-    return e;
-  }, v.apply(null, arguments);
+    return d;
+  });
 }
-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
+const ie = /* @__PURE__ */ g({
+  __name: "Popper",
+  props: {
+    show: { type: Boolean },
+    transitionProps: {}
+  },
+  setup(r, { expose: n }) {
+    const e = E(null);
+    return n({
+      popperRef: e
+    }), (t, s) => (_(), F(j, q(L(t.transitionProps)), {
+      default: Z(() => [
+        t.show ? (_(), G("div", {
+          key: 0,
+          class: "tr-base-popper",
+          ref_key: "popperRef",
+          ref: e
+        }, [
+          K(t.$slots, "default", {}, void 0, !0)
+        ], 512)) : J("", !0)
+      ]),
+      _: 3
+    }, 16));
   }
-}), p = k({
-  name: O + "Button",
-  inject: {
-    buttonGroup: {
-      default: ""
-    }
-  },
-  props: ne,
-  slots: Object,
-  setup: function(t, n) {
-    return A({
-      props: t,
-      context: n,
-      template: te
+}), le = /* @__PURE__ */ N(ie, [["__scopeId", "data-v-25c13ab7"]]), ue = /* @__PURE__ */ g({
+  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, t = Q(), {
+      vnodes: s,
+      ref: i,
+      setRef: d
+    } = se(t.trigger), v = (o = {}) => {
+      const p = {};
+      for (const [c, a] of Object.entries(o))
+        /^on[A-Z]/.test(c) && typeof a == "function" && (p[c] = a);
+      return p;
+    }, f = E(null), b = h(() => {
+      var o;
+      return ((o = f.value) == null ? void 0 : o.popperRef) || null;
+    }), m = h(() => {
+      var o, p;
+      return typeof e.offset == "number" ? {
+        mainAxis: e.offset,
+        crossAxis: 0
+      } : {
+        mainAxis: ((o = e.offset) == null ? void 0 : o.mainAxis) ?? 0,
+        crossAxis: ((p = e.offset) == null ? void 0 : p.crossAxis) ?? 0
+      };
+    }), {
+      top: $,
+      bottom: O,
+      left: w,
+      right: V,
+      width: z,
+      update: A
+    } = re(i), {
+      width: y,
+      height: P
+    } = ne(b, void 0, {
+      box: "border-box"
+    }), H = h(() => {
+      const {
+        placement: o,
+        preventOverflow: p
+      } = e, c = {}, a = (l, x) => {
+        if (!p) {
+          c[l] = x;
+          return;
+        }
+        const T = u(l === "top" ? P.value : y.value);
+        l === "top" ? c[l] = `clamp(var(--tr-base-popper-min-top), ${x}, calc(var(--tr-base-popper-max-bottom) - ${T}))` : l === "left" && (c[l] = `clamp(var(--tr-base-popper-min-left), ${x}, calc(var(--tr-base-popper-max-right) - ${T}))`);
+      };
+      return o.includes("top") && a("top", u($.value - P.value - m.value.mainAxis)), o.includes("bottom") && a("top", u(O.value + m.value.mainAxis)), o.includes("left") && a("left", u(w.value + m.value.crossAxis)), o.includes("right") && a("left", u(V.value - y.value + m.value.crossAxis)), o.includes("center") && a("left", u(w.value + z.value / 2 - y.value / 2 + m.value.crossAxis)), c;
     });
+    X(() => e.show, (o) => {
+      o && A();
+    }, {
+      flush: "post"
+    });
+    const I = ce(i, e.appendTo), M = Y();
+    return ae(() => ({
+      to: I.value
+    }), () => te(le, k({
+      ref: f,
+      show: e.show,
+      transitionProps: e.transitionProps,
+      style: H.value
+    }, M), {
+      default: () => {
+        var o;
+        return [(o = t.content) == null ? void 0 : o.call(t)];
+      }
+    })), n({
+      triggerRef: i,
+      popperRef: b,
+      update: A
+    }), (o, p) => (_(), F(ee(S(s)[0]), k({
+      ref: S(d)
+    }, v(e.triggerEvents)), null, 16));
   }
-}), oe = "3.undefined";
-p.install = function(e) {
-  e.component(p.name, p);
-};
-p.version = oe;
+}), fe = /* @__PURE__ */ N(ue, [["__scopeId", "data-v-f1e25842"]]);
+fe.name = "TrBasePopper";
 export {
-  p as B
+  fe as B,
+  ae as c,
+  ce as u
 };