@rhino-design/vue 0.2.2 → 0.2.6

package/dist/components/XTypographyParagraph.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as _, computed as u, ref as d, openBlock as y, createElementBlock as f, createElementVNode as m, normalizeClass as k, renderSlot as B, createTextVNode as T, toDisplayString as g, unref as x, createCommentVNode as w } from "vue";
+import { useXI18n as N } from "../composables/i18n.js";
+const S = { class: "x-typography-wrapper is-block" }, V = {
+  key: 0,
+  class: "x-typography__actions"
+}, O = /* @__PURE__ */ _({
+  __name: "XTypographyParagraph",
+  props: {
+    type: { default: "default" },
+    ellipsis: { type: [Boolean, Object], default: !1 },
+    copyable: { type: [Boolean, Object], default: !1 },
+    spacing: { default: "default" },
+    delete: { type: Boolean, default: !1 },
+    underline: { type: Boolean, default: !1 },
+    mark: { type: Boolean, default: !1 },
+    code: { type: Boolean, default: !1 },
+    strong: { type: Boolean, default: !1 },
+    content: { default: "" }
+  },
+  emits: ["copied"],
+  setup(s, { emit: h }) {
+    const e = s, p = h, b = u(() => [
+      "x-typography",
+      "x-typography-paragraph",
+      `x-typography--${e.type}`,
+      e.ellipsis ? "is-ellipsis" : "",
+      e.delete ? "is-delete" : "",
+      e.underline ? "is-underline" : "",
+      e.mark ? "is-mark" : "",
+      e.code ? "is-code" : "",
+      e.strong ? "is-bold" : "",
+      e.spacing === "close" ? "is-spacing-close" : ""
+    ]), n = u(() => e.content), a = d(!1), c = d(), { t: r } = N();
+    function v() {
+      var t, o;
+      return typeof e.copyable == "object" && e.copyable.text ? e.copyable.text : n.value ? n.value : ((o = (t = c.value) == null ? void 0 : t.textContent) == null ? void 0 : o.trim()) || "";
+    }
+    function C() {
+      var o;
+      const t = v();
+      if (console.log("Copy value:", JSON.stringify(t)), console.log("copyable prop:", e.copyable), console.log("content prop:", e.content), console.log("paragraphRef text:", (o = c.value) == null ? void 0 : o.textContent), !t) {
+        console.warn("No text to copy");
+        return;
+      }
+      navigator.clipboard && window.isSecureContext ? navigator.clipboard.writeText(t).then(() => {
+        a.value = !0, p("copied", t), setTimeout(() => a.value = !1, 2e3);
+      }).catch((l) => {
+        console.error("Clipboard API failed:", l), i(t);
+      }) : i(t);
+    }
+    function i(t) {
+      const o = document.createElement("textarea");
+      o.value = t, o.style.cssText = "position:fixed;left:-9999px;top:-9999px;opacity:0;", document.body.appendChild(o), o.focus(), o.select();
+      try {
+        document.execCommand("copy") && (a.value = !0, p("copied", t), setTimeout(() => a.value = !1, 2e3));
+      } catch (l) {
+        console.error("Copy failed:", l);
+      }
+      document.body.removeChild(o);
+    }
+    return (t, o) => (y(), f("span", S, [
+      m("p", {
+        ref_key: "paragraphRef",
+        ref: c,
+        class: k(b.value)
+      }, [
+        B(t.$slots, "default", {}, () => [
+          T(g(n.value), 1)
+        ])
+      ], 2),
+      s.copyable ? (y(), f("span", V, [
+        m("button", {
+          type: "button",
+          class: "x-typography__action",
+          onClick: C
+        }, g(a.value ? x(r)("typography.copied", void 0, "已复制") : x(r)("typography.copy", void 0, "复制")), 1)
+      ])) : w("", !0)
+    ]));
+  }
+});
+export {
+  O as default
+};

package/dist/components/XTypographyParagraph.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XTypographyParagraph.vue.js";
+export {
+  f as default
+};

package/dist/components/XTypographyText.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as _, computed as i, ref as d, openBlock as u, createElementBlock as f, createElementVNode as y, normalizeClass as B, renderSlot as k, createTextVNode as T, toDisplayString as m, unref as x, createCommentVNode as w } from "vue";
+import { useXI18n as V } from "../composables/i18n.js";
+const E = { class: "x-typography-wrapper" }, N = {
+  key: 0,
+  class: "x-typography__actions"
+}, X = /* @__PURE__ */ _({
+  __name: "XTypographyText",
+  props: {
+    type: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    mark: { type: Boolean, default: !1 },
+    code: { type: Boolean, default: !1 },
+    underline: { type: Boolean, default: !1 },
+    delete: { type: Boolean, default: !1 },
+    strong: { type: Boolean, default: !1 },
+    ellipsis: { type: Boolean, default: !1 },
+    copyable: { type: Boolean, default: !1 },
+    content: { default: "" }
+  },
+  emits: ["copied"],
+  setup(n, { emit: h }) {
+    const o = n, s = h, v = i(() => [
+      "x-typography",
+      "x-typography-text",
+      `x-typography--${o.type}`,
+      o.disabled ? "is-disabled" : "",
+      o.mark ? "is-mark" : "",
+      o.code ? "is-code" : "",
+      o.underline ? "is-underline" : "",
+      o.delete ? "is-delete" : "",
+      o.strong ? "is-bold" : "",
+      o.ellipsis ? "is-ellipsis" : ""
+    ]), l = i(() => o.content), a = d(!1), p = d(), { t: c } = V();
+    function g() {
+      var e, t;
+      return l.value ? l.value : ((t = (e = p.value) == null ? void 0 : e.textContent) == null ? void 0 : t.trim()) || "";
+    }
+    function b() {
+      const e = g();
+      e && (navigator.clipboard && window.isSecureContext ? navigator.clipboard.writeText(e).then(() => {
+        a.value = !0, s("copied", e), setTimeout(() => a.value = !1, 2e3);
+      }).catch(() => r(e)) : r(e));
+    }
+    function r(e) {
+      const t = document.createElement("textarea");
+      t.value = e, t.style.cssText = "position:fixed;left:-9999px;top:-9999px;opacity:0;", document.body.appendChild(t), t.focus(), t.select();
+      try {
+        document.execCommand("copy") && (a.value = !0, s("copied", e), setTimeout(() => a.value = !1, 2e3));
+      } catch (C) {
+        console.error("Copy failed:", C);
+      }
+      document.body.removeChild(t);
+    }
+    return (e, t) => (u(), f("span", E, [
+      y("span", {
+        ref_key: "textRef",
+        ref: p,
+        class: B(v.value)
+      }, [
+        k(e.$slots, "default", {}, () => [
+          T(m(l.value), 1)
+        ])
+      ], 2),
+      n.copyable ? (u(), f("span", N, [
+        y("button", {
+          type: "button",
+          class: "x-typography__action",
+          onClick: b
+        }, m(a.value ? x(c)("typography.copied", void 0, "已复制") : x(c)("typography.copy", void 0, "复制")), 1)
+      ])) : w("", !0)
+    ]));
+  }
+});
+export {
+  X as default
+};

package/dist/components/XTypographyText.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XTypographyText.vue.js";
+export {
+  f as default
+};

package/dist/components/XTypographyTitle.vue.js

@@ -0,0 +1,77 @@
+import { defineComponent as k, computed as n, ref as u, openBlock as s, createElementBlock as y, createBlock as b, resolveDynamicComponent as B, normalizeClass as T, withCtx as w, renderSlot as V, createTextVNode as $, toDisplayString as f, createElementVNode as E, unref as m, createCommentVNode as N } from "vue";
+import { useXI18n as S } from "../composables/i18n.js";
+const D = { class: "x-typography-wrapper is-block" }, R = {
+  key: 0,
+  class: "x-typography__actions"
+}, I = /* @__PURE__ */ k({
+  __name: "XTypographyTitle",
+  props: {
+    heading: { default: 1 },
+    type: { default: "default" },
+    ellipsis: { type: Boolean, default: !1 },
+    copyable: { type: Boolean, default: !1 },
+    delete: { type: Boolean, default: !1 },
+    underline: { type: Boolean, default: !1 },
+    mark: { type: Boolean, default: !1 },
+    code: { type: Boolean, default: !1 },
+    content: { default: "" }
+  },
+  emits: ["copied"],
+  setup(c, { emit: h }) {
+    const o = c, i = h, x = n(() => `h${o.heading}`), g = n(() => [
+      "x-typography",
+      "x-typography-title",
+      `x-typography--${o.type}`,
+      `x-typography-title--h${o.heading}`,
+      o.ellipsis ? "is-ellipsis" : "",
+      o.delete ? "is-delete" : "",
+      o.underline ? "is-underline" : "",
+      o.mark ? "is-mark" : "",
+      o.code ? "is-code" : ""
+    ]), l = n(() => o.content), a = u(!1), p = u(), { t: r } = S();
+    function v() {
+      var e, t;
+      return l.value ? l.value : ((t = (e = p.value) == null ? void 0 : e.textContent) == null ? void 0 : t.trim()) || "";
+    }
+    function C() {
+      const e = v();
+      e && (navigator.clipboard && window.isSecureContext ? navigator.clipboard.writeText(e).then(() => {
+        a.value = !0, i("copied", e), setTimeout(() => a.value = !1, 2e3);
+      }).catch(() => d(e)) : d(e));
+    }
+    function d(e) {
+      const t = document.createElement("textarea");
+      t.value = e, t.style.cssText = "position:fixed;left:-9999px;top:-9999px;opacity:0;", document.body.appendChild(t), t.focus(), t.select();
+      try {
+        document.execCommand("copy") && (a.value = !0, i("copied", e), setTimeout(() => a.value = !1, 2e3));
+      } catch (_) {
+        console.error("Copy failed:", _);
+      }
+      document.body.removeChild(t);
+    }
+    return (e, t) => (s(), y("span", D, [
+      (s(), b(B(x.value), {
+        ref_key: "titleRef",
+        ref: p,
+        class: T(g.value)
+      }, {
+        default: w(() => [
+          V(e.$slots, "default", {}, () => [
+            $(f(l.value), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"])),
+      c.copyable ? (s(), y("span", R, [
+        E("button", {
+          type: "button",
+          class: "x-typography__action",
+          onClick: C
+        }, f(a.value ? m(r)("typography.copied", void 0, "已复制") : m(r)("typography.copy", void 0, "复制")), 1)
+      ])) : N("", !0)
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/components/XTypographyTitle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XTypographyTitle.vue.js";
+export {
+  f as default
+};

package/dist/components/XUpload.vue.js

@@ -0,0 +1,7 @@
+import o from "./XUpload.vue2.js";
+/* empty css             */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-75a9ddbe"]]);
+export {
+  d as default
+};