@opendesign-plus-test/components 0.0.1-rc.113 → 0.0.1-rc.115

package/dist/treeshaking/components/common/MoreText.css

@@ -1,69 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-.more-text-wrapper .more-text-content {
-  line-height: 1.5em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  white-space: pre-wrap;
-  word-break: break-all;
-  transition: height 0.1s;
-}
-.more-text-wrapper .more-text-content.is-link {
-  color: var(--o-color-primary1);
-  cursor: pointer;
-}
-@media (hover: hover) {
-.more-text-wrapper .more-text-content.is-link:hover {
-    color: var(--o-color-primary2);
-}
-}
-.more-text-wrapper .more-text-btn {
-  color: var(--o-color-primary1);
-}
-@media (hover: hover) {
-.more-text-wrapper .more-text-btn:hover {
-    color: var(--o-color-primary2);
-}
-}
-.more-text-wrapper .more-text-btn > div {
-  height: 1.5em;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  column-gap: 4px;
-  justify-content: flex-end;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.more-text-wrapper .more-text-btn > div {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.more-text-wrapper .more-text-btn > div {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.more-text-wrapper .more-text-btn > div {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.more-text-wrapper .more-text-btn > div {
-    font-size: 12px;
-    line-height: 18px;
-}
-}

package/dist/treeshaking/components/common/MoreText.vue.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
-};

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

@@ -1,5 +0,0 @@
-import _sfc_main from "./MoreText.vue.mjs";
-import './MoreText.css';
-export {
-  _sfc_main as default
-};