@opendesign-plus-test/components 0.0.1-rc.84 → 0.0.1-rc.86

package/dist/treeshaking/components/common/MoreText.vue2.mjs

@@ -1,88 +0,0 @@
-import { defineComponent, ref, onMounted, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, unref, createVNode, withCtx, createCommentVNode } from "vue";
-import { OIcon, OIconChevronDown, OIconChevronUp } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-const _hoisted_1 = { class: "more-text-wrapper" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MoreText",
-  props: {
-    text: { default: "" },
-    link: { type: Boolean, default: false },
-    lines: { default: 3 },
-    show: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useI18n();
-    const expanded = ref(false);
-    const showBtn = ref(false);
-    const offsetHeight = ref(0);
-    const contentRef = ref(null);
-    onMounted(() => {
-      determineHeight();
-    });
-    watch([() => props.text, () => props.show], () => {
-      determineHeight();
-    });
-    const determineHeight = () => {
-      nextTick(() => {
-        const ele = contentRef.value;
-        if (ele) {
-          const range = document.createRange();
-          range.setStart(ele, 0);
-          range.setEnd(ele, ele.childNodes.length);
-          showBtn.value = range.getBoundingClientRect().height > ele.offsetHeight + 10 || ele.scrollHeight > ele.offsetHeight + 10;
-          offsetHeight.value = range.getBoundingClientRect().height || ele.scrollHeight;
-        } else {
-          showBtn.value = false;
-        }
-      });
-    };
-    const clickText = () => {
-      if (props.link) {
-        window.open(props.text);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: normalizeClass(["more-text-content", __props.link && "is-link"]),
-          ref_key: "contentRef",
-          ref: contentRef,
-          style: normalizeStyle({
-            "max-height": expanded.value ? offsetHeight.value + "px" : "4.5em",
-            "-webkit-line-clamp": expanded.value ? "initial" : __props.lines
-          }),
-          onClick: clickText
-        }, toDisplayString(__props.text), 7),
-        showBtn.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "more-text-btn",
-          onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
-        }, [
-          !expanded.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("span", null, toDisplayString(unref(t)("common.expand")), 1),
-            createVNode(unref(OIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(OIconChevronDown))
-              ]),
-              _: 1
-            })
-          ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
-            createElementVNode("span", null, toDisplayString(unref(t)("common.collapse")), 1),
-            createVNode(unref(OIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(OIconChevronUp))
-              ]),
-              _: 1
-            })
-          ]))
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};