@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs

@@ -1,161 +0,0 @@
-import { defineComponent, inject, computed, ref, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, Fragment, withDirectives, toDisplayString, vShow, renderList, normalizeStyle, createTextVNode } from "vue";
-import { OIcon, ODropdown, OBadge, ODropdownItem } from "@opensig/opendesign";
-import AppAvatar from "../common/AppAvatar.vue.mjs";
-import IconAvatar from "../../_virtual/icon-avatar-line.mjs";
-import IconChevronDown from "../../_virtual/icon-chevron-down.mjs";
-import { useScreen } from "@opendesign-plus/composables";
-import { useElementSize } from "@vueuse/core";
-const _hoisted_1 = {
-  key: 0,
-  class: "user-info"
-};
-const _hoisted_2 = { class: "info-wrap hover-icon-rotate" };
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OHeaderUser",
-  props: {
-    token: {},
-    lang: {},
-    noticeTotal: {},
-    userInfo: {},
-    options: {},
-    customSize: { default: 20 },
-    simple: { type: Boolean, default: false },
-    itemRadius: { default: 4 }
-  },
-  emits: ["login", "logout"],
-  setup(__props, { emit: __emit }) {
-    const { lePadV } = useScreen();
-    const props = __props;
-    const emit = __emit;
-    const isUserHidden = inject("isUserHidden");
-    const autoSimple = computed(() => props.simple || (isUserHidden == null ? void 0 : isUserHidden.value));
-    const login = () => {
-      emit("login");
-    };
-    const jumpToPage = (val) => {
-      if (val == null ? void 0 : val.logout) {
-        emit("logout");
-      } else {
-        window.open(val.url, val.target);
-      }
-    };
-    const headerUserRef = ref();
-    const { width: headerUserWidth } = useElementSize(headerUserRef);
-    const reportHeaderUserWidth = inject("reportHeaderUserWidth");
-    watch(
-      headerUserWidth,
-      (width) => {
-        var _a;
-        if (((_a = props.userInfo) == null ? void 0 : _a.username) && !autoSimple.value) {
-          reportHeaderUserWidth == null ? void 0 : reportHeaderUserWidth(Math.ceil(width));
-        }
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "headerUserRef",
-        ref: headerUserRef,
-        class: "header-user"
-      }, [
-        !__props.token ? (openBlock(), createBlock(unref(OIcon), {
-          key: 0,
-          onClick: login,
-          class: "avatar-icon"
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconAvatar))
-          ]),
-          _: 1
-        })) : createCommentVNode("", true),
-        createVNode(Transition, { name: "header-user-zoom-in" }, {
-          default: withCtx(() => [
-            __props.token ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              createVNode(unref(ODropdown), {
-                trigger: unref(lePadV) ? "click" : "hover",
-                optionWidthMode: "auto",
-                optionPosition: unref(lePadV) ? "br" : "bottom",
-                "option-wrap-class": `user-dropdown ${__props.lang === "en" ? "is-en" : ""}`
-              }, {
-                dropdown: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
-                    return openBlock(), createBlock(unref(ODropdownItem), {
-                      key: item.label,
-                      onClick: ($event) => jumpToPage(item),
-                      style: normalizeStyle({ "--dropdown-item-radius": `${__props.itemRadius}px` })
-                    }, {
-                      default: withCtx(() => [
-                        (item == null ? void 0 : item.total) ? (openBlock(), createBlock(unref(OBadge), {
-                          key: 0,
-                          value: item.total,
-                          color: "danger",
-                          class: normalizeClass(["header-message message", { "notice-not": !item.total }])
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(item.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.label), 1))
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick", "style"]);
-                  }), 128))
-                ]),
-                default: withCtx(() => {
-                  var _a, _b;
-                  return [
-                    createElementVNode("div", _hoisted_2, [
-                      createVNode(unref(OBadge), {
-                        value: __props.noticeTotal,
-                        dot: true,
-                        color: "danger",
-                        class: normalizeClass(["header-message user-avatar", { "notice-not": !__props.noticeTotal }])
-                      }, {
-                        default: withCtx(() => {
-                          var _a2, _b2;
-                          return [
-                            createVNode(AppAvatar, {
-                              avatar: (_a2 = __props.userInfo) == null ? void 0 : _a2.photo,
-                              name: (_b2 = __props.userInfo) == null ? void 0 : _b2.username,
-                              "custom-size": __props.customSize
-                            }, null, 8, ["avatar", "name", "custom-size"])
-                          ];
-                        }),
-                        _: 1
-                      }, 8, ["value", "class"]),
-                      ((_a = __props.userInfo) == null ? void 0 : _a.username) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                        withDirectives(createElementVNode("p", {
-                          ref: "userNameRef",
-                          class: "user-account"
-                        }, toDisplayString((_b = __props.userInfo) == null ? void 0 : _b.username), 513), [
-                          [vShow, !autoSimple.value]
-                        ]),
-                        withDirectives(createVNode(unref(OIcon), {
-                          ref: "userIconRef",
-                          class: "icon"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(IconChevronDown))
-                          ]),
-                          _: 1
-                        }, 512), [
-                          [vShow, !autoSimple.value]
-                        ])
-                      ], 64)) : createCommentVNode("", true)
-                    ])
-                  ];
-                }),
-                _: 1
-              }, 8, ["trigger", "optionPosition", "option-wrap-class"])
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/html-viewer/OHtmlViewer.vue.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from "./OHtmlViewer.vue2.mjs";
-import './OHtmlViewer.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHtmlViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f5d08df"]]);
-export {
-  _OHtmlViewer as default
-};

package/dist/treeshaking/components/html-viewer/OHtmlViewer.vue2.mjs

@@ -1,117 +0,0 @@
-import { defineComponent, ref, computed, onMounted, watch, nextTick, openBlock, createElementBlock, createBlock, resolveDynamicComponent, createCommentVNode, withDirectives, unref, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { isClient } from "@opensig/opendesign";
-import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
-import { useI18n } from "../../i18n/index.mjs";
-import { parseHtml } from "./utils.mjs";
-const _hoisted_1 = { class: "o-html-viewer" };
-const _hoisted_2 = ["aria-label"];
-const _hoisted_3 = {
-  key: 2,
-  class: "o-html-viewer__status"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "o-html-viewer__status is-error"
-};
-const SCOPE = ".o-html-viewer__body";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OHtmlViewer",
-  props: {
-    src: {},
-    html: {},
-    title: {}
-  },
-  emits: ["loaded", "error"],
-  setup(__props, { emit: __emit }) {
-    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
-    const props = __props;
-    const emit = __emit;
-    const { t } = useI18n();
-    const innerHtml = ref(props.html ?? "");
-    const loading = ref(false);
-    const loadError = ref("");
-    const parsed = computed(() => {
-      if (!innerHtml.value) {
-        return { body: "", styleCss: "" };
-      }
-      return parseHtml(innerHtml.value, SCOPE);
-    });
-    const resolvedBody = computed(() => parsed.value.body);
-    const docStyle = computed(() => parsed.value.styleCss);
-    async function loadFromSrc() {
-      if (!props.src || !isClient) return;
-      loading.value = true;
-      loadError.value = "";
-      try {
-        const res = await fetch(props.src);
-        if (!res.ok) {
-          throw new Error(`Failed to load document: ${res.status} ${res.statusText}`);
-        }
-        innerHtml.value = await res.text();
-      } catch (err) {
-        innerHtml.value = "";
-        loadError.value = err instanceof Error ? err.message : String(err);
-        emit("error", err);
-      } finally {
-        loading.value = false;
-      }
-    }
-    onMounted(() => {
-      if (!props.html && props.src) {
-        loadFromSrc();
-      }
-    });
-    watch(
-      () => [props.html, props.src],
-      ([html, src]) => {
-        if (html !== void 0) {
-          if (innerHtml.value !== html) {
-            innerHtml.value = html;
-          }
-          loading.value = false;
-          loadError.value = "";
-          return;
-        }
-        if (src && isClient) {
-          loadFromSrc();
-        }
-      }
-    );
-    watch(
-      resolvedBody,
-      (val) => {
-        if (val) {
-          nextTick(() => emit("loaded"));
-        }
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        docStyle.value ? (openBlock(), createBlock(resolveDynamicComponent("style"), {
-          key: 0,
-          textContent: docStyle.value
-        }, null, 8, ["textContent"])) : createCommentVNode("", true),
-        resolvedBody.value ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "o-html-viewer__body",
-          role: "document",
-          "aria-label": __props.title ?? unref(t)("htmlViewer.title")
-        }, null, 8, _hoisted_2)), [
-          [unref(vDompurifyHtml), resolvedBody.value]
-        ]) : loading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "loading", {}, () => [
-            createTextVNode(toDisplayString(unref(t)("htmlViewer.loading")), 1)
-          ], true)
-        ])) : loadError.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          renderSlot(_ctx.$slots, "error", {}, () => [
-            createTextVNode(toDisplayString(loadError.value), 1)
-          ], true)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from "./OLogoSwiper.vue2.mjs";
-import './OLogoSwiper.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLogoSwiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c8c87fc"]]);
-export {
-  _OLogoSwiper as default
-};

package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue2.mjs

@@ -1,21 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, renderSlot, createElementVNode, toDisplayString, unref } from "vue";
-import { useI18n } from "../../i18n/index.mjs";
-const _hoisted_1 = { class: "o-logo-swiper" };
-const _hoisted_2 = { class: "o-logo-swiper-tip" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OLogoSwiper",
-  setup(__props) {
-    const { t } = useI18n();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        renderSlot(_ctx.$slots, "tip", {}, () => [
-          createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("logo.tip")), 1)
-        ], true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from "./OLogoSwiperItems.vue2.mjs";
-import './OLogoSwiperItems.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d960cc9"]]);
-export {
-  _OLogoSwiperItems as default
-};

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue2.mjs

@@ -1,164 +0,0 @@
-import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, createVNode, unref, createBlock } from "vue";
-import { OFigure } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-import { useTheme } from "../../shared/theme.mjs";
-const _hoisted_1 = { class: "o-logo-swiper-track" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["href", "target"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OLogoSwiperItems",
-  props: {
-    data: { default: () => [] },
-    reverse: { type: Boolean, default: false },
-    autoPlay: { type: Boolean, default: true },
-    duration: { default: 100 },
-    pauseOnHover: { type: Boolean, default: true },
-    target: { default: "_blank" },
-    radius: { default: "" },
-    fit: { default: "fill" }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { locale } = useI18n();
-    const { isDark } = useTheme();
-    const rootStyle = computed(() => {
-      const style = {
-        "--logo-swiper-duration": `${props.duration}s`
-      };
-      if (props.radius !== "") {
-        style["--o-logo-swiper-item-radius"] = typeof props.radius === "number" ? `${props.radius}px` : props.radius;
-      }
-      return style;
-    });
-    const rootRef = ref(null);
-    const isVisible = ref(false);
-    const repeatCount = ref(2);
-    let resizeObserver = null;
-    let io = null;
-    const measure = () => {
-      const root = rootRef.value;
-      if (!root || !props.data.length) {
-        repeatCount.value = 2;
-        return;
-      }
-      const containerWidth = root.offsetWidth;
-      if (containerWidth <= 0) {
-        return;
-      }
-      const firstItem = root.querySelector(".o-logo-swiper-item");
-      if (!firstItem) {
-        return;
-      }
-      const style = getComputedStyle(firstItem);
-      const itemWidth = firstItem.offsetWidth + (parseFloat(style.marginRight) || 0);
-      if (itemWidth <= 0) {
-        return;
-      }
-      const dataWidth = props.data.length * itemWidth;
-      let need = Math.ceil(containerWidth * 2 / dataWidth);
-      if (need < 2) {
-        need = 2;
-      }
-      if (need % 2 !== 0) {
-        need += 1;
-      }
-      repeatCount.value = need;
-    };
-    const loopData = computed(() => {
-      const out = [];
-      for (let i = 0; i < repeatCount.value; i++) {
-        out.push(...props.data);
-      }
-      return out;
-    });
-    watch(
-      () => props.data,
-      () => nextTick(measure)
-    );
-    onMounted(() => {
-      if (typeof IntersectionObserver === "undefined" || !rootRef.value) {
-        isVisible.value = true;
-      } else {
-        io = new IntersectionObserver(
-          (entries) => {
-            entries.forEach((entry) => {
-              isVisible.value = entry.isIntersecting;
-            });
-          },
-          { threshold: 0.5 }
-        );
-        io.observe(rootRef.value);
-      }
-      nextTick(measure);
-      if (typeof ResizeObserver !== "undefined" && rootRef.value) {
-        resizeObserver = new ResizeObserver(() => measure());
-        resizeObserver.observe(rootRef.value);
-      }
-    });
-    onBeforeUnmount(() => {
-      resizeObserver == null ? void 0 : resizeObserver.disconnect();
-      io == null ? void 0 : io.disconnect();
-      resizeObserver = io = null;
-    });
-    const getHref = (item) => {
-      if (locale.value !== "zh" && item.hrefEn) {
-        return item.hrefEn;
-      }
-      return item.href;
-    };
-    const getLogo = (item) => {
-      if (isDark.value) {
-        return item.logoDark || item.logo;
-      }
-      return item.logo;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "rootRef",
-        ref: rootRef,
-        class: normalizeClass(["o-logo-swiper-items", {
-          "is-reverse": __props.reverse,
-          "is-paused": !__props.autoPlay,
-          "is-visible": isVisible.value,
-          "pause-on-hover": __props.pauseOnHover
-        }]),
-        style: normalizeStyle(rootStyle.value)
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(loopData.value, (item, i) => {
-            return openBlock(), createElementBlock("div", {
-              key: i,
-              class: normalizeClass(["o-logo-swiper-item", { link: getHref(item) }]),
-              onClick: ($event) => emit("click", item)
-            }, [
-              getHref(item) ? (openBlock(), createElementBlock("a", {
-                key: 0,
-                href: getHref(item),
-                target: __props.target,
-                rel: "noopener noreferrer"
-              }, [
-                createVNode(unref(OFigure), {
-                  class: "o-logo-swiper-img",
-                  src: getLogo(item),
-                  alt: item.alt,
-                  fit: __props.fit
-                }, null, 8, ["src", "alt", "fit"])
-              ], 8, _hoisted_3)) : (openBlock(), createBlock(unref(OFigure), {
-                key: 1,
-                class: "o-logo-swiper-img",
-                src: getLogo(item),
-                alt: item.alt,
-                fit: __props.fit
-              }, null, 8, ["src", "alt", "fit"]))
-            ], 10, _hoisted_2);
-          }), 128))
-        ])
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/markdown/OMarkdown.vue.mjs

@@ -1,8 +0,0 @@
-import _sfc_main from "./OMarkdown.vue2.mjs";
-import './OMarkdown.css';
-import './OMarkdown2.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c19788db"]]);
-export {
-  _OMarkdown as default
-};