@opentiny/tiny-robot 0.3.0-alpha.9 → 0.3.0-rc.1

package/dist/theme-provider/index.js

@@ -0,0 +1,83 @@
+import { defineComponent as C, mergeModels as O, useModel as f, ref as S, onUnmounted as D, computed as _, provide as m, watchEffect as w, watch as g, renderSlot as b, inject as u, readonly as v } from "vue";
+const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Symbol("colorMode"), T = Symbol("resolvedColorMode"), p = Symbol("systemColorMode"), i = /* @__PURE__ */ C({
+  __name: "index",
+  props: /* @__PURE__ */ O({
+    colorMode: {},
+    targetElement: { default: "html" },
+    theme: {},
+    storage: {},
+    storageKey: { default: "tiny-robot-theme-data" }
+  }, {
+    theme: { default: "" },
+    themeModifiers: {},
+    colorMode: {
+      default: "auto",
+      validator: (o) => ["light", "dark", "auto"].includes(o)
+    },
+    colorModeModifiers: {}
+  }),
+  emits: ["update:theme", "update:colorMode"],
+  setup(o) {
+    const t = o, r = () => {
+      if (!t.storage) return {};
+      let e = {};
+      try {
+        e = JSON.parse(t.storage.getItem(t.storageKey) || "{}");
+      } catch {
+      }
+      return e;
+    }, d = (e) => {
+      if (!t.storage) return;
+      const h = { ...r(), ...e };
+      t.storage.setItem(t.storageKey, JSON.stringify(h));
+    }, n = f(o, "theme"), a = f(o, "colorMode");
+    if (t.storage) {
+      const e = r();
+      typeof e.theme == "string" && (n.value = e.theme), (e.colorMode === "auto" || e.colorMode === "light" || e.colorMode === "dark") && (a.value = e.colorMode);
+    }
+    const s = S("light");
+    if (typeof window < "u") {
+      const e = window.matchMedia("(prefers-color-scheme: dark)");
+      s.value = e.matches ? "dark" : "light";
+      const c = (h) => {
+        s.value = h.matches ? "dark" : "light";
+      };
+      e.addEventListener("change", c), D(() => {
+        e.removeEventListener("change", c);
+      });
+    }
+    const l = _(() => a.value === "auto" ? s.value : a.value);
+    return m(y, n), m(E, a), m(T, l), m(p, s), w(
+      () => {
+        if (typeof document > "u") return;
+        const e = document.querySelector(t.targetElement);
+        e && (e.setAttribute(k, n.value), e.setAttribute(A, l.value));
+      },
+      { flush: "post" }
+    ), g(n, (e) => {
+      d({ theme: e });
+    }), g(a, (e) => {
+      d({ colorMode: e });
+    }), (e, c) => b(e.$slots, "default");
+  }
+}), M = "Theme context not available, cannot set theme data. Consider using ThemeProvider to wrap your app.", N = () => {
+  const o = u(y), t = u(E), r = u(T), d = u(p), n = (l) => o ? (o.value = l, !0) : (console.warn(M), !1), a = () => !t || !r ? (console.warn(M), !1) : (t.value = r.value === "light" ? "dark" : "light", !0), s = (l) => t ? (t.value = l, !0) : (console.warn(M), !1);
+  return {
+    theme: o,
+    colorMode: t,
+    resolvedColorMode: r ? v(r) : void 0,
+    systemColorMode: d ? v(d) : void 0,
+    setTheme: n,
+    toggleColorMode: a,
+    setColorMode: s
+  };
+};
+i.name = "TrThemeProvider";
+const R = function(o) {
+  o.component(i.name, i);
+};
+i.install = R;
+export {
+  i as default,
+  N as useTheme
+};

package/dist/useSlotRefs.js

@@ -1,12 +1,12 @@
-import { d } from "./index2.js";
-import { computed as f, Fragment as v, ref as h, watch as p } from "vue";
-function E(l, i) {
+import { b as v } from "./index2.js";
+import { computed as f, Fragment as d, ref as h, watch as p } from "vue";
+function b(l, i) {
   const u = f(() => {
     const t = (l == null ? void 0 : l()) || [];
     let o = 0;
     const s = (e) => typeof e == "symbol" || e == null ? e : `fg${o}-${e}`;
     return t.map((e) => {
-      if (e.type === v && Array.isArray(e.children)) {
+      if (e.type === d && Array.isArray(e.children)) {
         for (const r of e.children)
           r && typeof r == "object" && "key" in r && (r.key = s(r.key));
         return o++, e.children;
@@ -14,7 +14,7 @@ function E(l, i) {
       return e;
     }).flat();
   }), c = f(() => i ? u.value.length : 1), m = f(() => u.value.slice(0, c.value)), n = h([]), a = (t, o) => {
-    const s = d(t);
+    const s = v(t);
     s instanceof Element && (n.value[o] = s);
   };
   return p(
@@ -32,5 +32,5 @@ function E(l, i) {
   };
 }
 export {
-  E as u
+  b as u
 };

package/dist/utils.js

@@ -1,8 +1,14 @@
-function n(t) {
+import { i } from "./index2.js";
+function e(t) {
   if (typeof t == "number") return `${t}px`;
   const r = t == null ? void 0 : t.trim();
   return r ? /^-?\d+(\.\d+)?$/.test(r) ? `${r}px` : r : "0px";
 }
+let n = null;
+function s() {
+  return n || (n = i()), { x: n.x, y: n.y };
+}
 export {
-  n as t
+  e as t,
+  s as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-robot",
-  "version": "0.3.0-alpha.9",
+  "version": "0.3.0-rc.1",
   "publishConfig": {
     "access": "public"
   },
@@ -20,17 +20,13 @@
     "vue": "^3.3.11"
   },
   "dependencies": {
-    "@opentiny/tiny-robot-svgs": "0.3.0-alpha.9",
-    "@opentiny/vue": "^3.21.0",
-    "@opentiny/vue-button": "^3.21.0",
-    "@opentiny/vue-icon": "^3.22.0",
-    "@opentiny/vue-input": "^3.21.0",
-    "@opentiny/vue-tooltip": "^3.22.0",
+    "@opentiny/tiny-robot-svgs": "0.3.0-rc.1",
+    "@opentiny/vue": "^3.20.0",
     "@vueuse/core": "^13.1.0",
+    "dompurify": "^3.2.6",
     "markdown-it": "^14.1.0"
   },
   "devDependencies": {
-    "@opentiny/vue-vite-import": "^1.3.0",
     "@types/dom-speech-recognition": "^0.0.6",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.2",
@@ -44,5 +40,5 @@
     "vue": "^3.3.11",
     "vue-tsc": "^2.2.8"
   },
-  "gitHead": "e712c09e6a218b895f64ca284e2b2c2731e56707"
+  "gitHead": "b13a1f0beb7148d219a590f00521246dfcc69a55"
 }

package/dist/close.js

@@ -1,29 +0,0 @@
-import { s as o } from "./index7.js";
-import { createElementBlock as n, openBlock as r, createElementVNode as t } from "vue";
-var c = {
-  viewBox: "0 0 16 16",
-  xmlns: "http://www.w3.org/2000/svg"
-}, a = /* @__PURE__ */ t(
-  "path",
-  {
-    d: "M12.49 3.3a.5.5 0 0 1 .05.62L8.58 7.89l3.91 3.88c.21.19.23.48.05.71-.17.19-.49.24-.71.06L7.88 8.58 4 12.49c-.18.17-.5.18-.68.01a.496.496 0 0 1-.08-.67l3.93-3.94L3.29 4a.524.524 0 0 1 .04-.71c.17-.14.42-.16.58-.05l3.97 3.93 3.9-3.87c.18-.22.51-.22.71 0Z",
-    "fill-rule": "evenodd"
-  },
-  null,
-  -1
-  /* HOISTED */
-), l = [a];
-function i(e, d) {
-  return r(), n("svg", c, [].concat(l));
-}
-var s = {
-  render: i
-}, _ = function() {
-  return o({
-    name: "IconClose",
-    component: s
-  })();
-};
-export {
-  _ as i
-};

package/dist/index4.js

@@ -1,315 +0,0 @@
-import { A as B, s as C, d as k, a as _, p as O, b as $, c as A, f as j } from "./index7.js";
-import { createElementBlock as w, openBlock as f, createElementVNode as r, resolveComponent as D, mergeProps as I, 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 }) => (d) => {
-  var s, l;
-  const i = B.filterUrl(t.href), u = 1e3;
-  let a = u;
-  t.resetTime !== u ? 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", d);
-}, F = (e) => () => clearTimeout(e.timer), N = ["state", "handleClick"], G = (e, { computed: t, onBeforeUnmount: n, reactive: o, watch: d, inject: s }, { emit: l, parent: i, designConfig: u }) => {
-  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, v, g;
-      return (g = (v = e.round) != null ? v : (c = u == null ? void 0 : u.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
-    )
-  });
-  d(
-    () => e.disabled,
-    (c) => {
-      a.disabled = c;
-    },
-    { immediate: !0 }
-  );
-  const b = {
-    state: a,
-    clearTimer: F(a),
-    handleClick: z({ emit: l, props: e, state: a, designConfig: u })
-  };
-  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, d = J(n), s; !(s = d()).done; ) {
-    var l = s.value, i = l[0], u = l[1];
-    o[i] = u;
-  }
-  return o;
-}, W = k({
-  emits: ["click"],
-  props: [].concat(O, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost", "customStyle"]),
-  components: {
-    IconLoading: q()
-  },
-  setup: function(t, n) {
-    return _({
-      props: t,
-      context: n,
-      renderless: G,
-      api: N
-    });
-  }
-}), x = ["disabled", "autofocus", "type", "tabindex"];
-function ee(e, t, n, o, d, s) {
-  var l = D("icon-loading");
-  return f(), w("button", I({
-    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,
-    style: e.customStyle,
-    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 y() {
-  return y = 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;
-  }, y.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 = y({}, j, {
-  /** 展示按钮不同的状态，设置为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
-  },
-  /** 自定义样式 */
-  customStyle: {
-    type: Object,
-    default: function() {
-      return {};
-    }
-  },
-  /** 是否幽灵按钮 */
-  ghost: Boolean,
-  /** 点击事件 */
-  onClick: {
-    type: Function
-  }
-}), p = k({
-  name: A + "Button",
-  inject: {
-    buttonGroup: {
-      default: ""
-    }
-  },
-  props: ne,
-  slots: Object,
-  setup: function(t, n) {
-    return $({
-      props: t,
-      context: n,
-      template: te
-    });
-  }
-}), oe = "3.undefined";
-p.install = function(e) {
-  e.component(p.name, p);
-};
-p.version = oe;
-export {
-  p as B
-};