first commit

node_modules/vant/es/text-ellipsis/TextEllipsis.d.ts

@@ -0,0 +1,89 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const textEllipsisProps: {
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    content: string;
+    position: string;
+    rows: string | number;
+    dots: string;
+    expandText: string;
+    collapseText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

node_modules/vant/es/text-ellipsis/TextEllipsis.mjs

@@ -0,0 +1,167 @@
+import { ref, watch, computed, onActivated, onMounted, defineComponent, nextTick, createVNode as _createVNode } from "vue";
+import { makeNumericProp, makeStringProp, createNamespace, windowWidth } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+const [name, bem] = createNamespace("text-ellipsis");
+const textEllipsisProps = {
+  rows: makeNumericProp(1),
+  dots: makeStringProp("..."),
+  content: makeStringProp(""),
+  expandText: makeStringProp(""),
+  collapseText: makeStringProp(""),
+  position: makeStringProp("end")
+};
+var stdin_default = defineComponent({
+  name,
+  props: textEllipsisProps,
+  emits: ["clickAction"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const text = ref(props.content);
+    const expanded = ref(false);
+    const hasAction = ref(false);
+    const root = ref();
+    const actionRef = ref();
+    let needRecalculate = false;
+    const actionText = computed(() => expanded.value ? props.collapseText : props.expandText);
+    const pxToNum = (value) => {
+      if (!value) return 0;
+      const match = value.match(/^\d*(\.\d*)?/);
+      return match ? Number(match[0]) : 0;
+    };
+    const cloneContainer = () => {
+      if (!root.value || !root.value.isConnected) return;
+      const originStyle = window.getComputedStyle(root.value);
+      const container = document.createElement("div");
+      const styleNames = Array.prototype.slice.apply(originStyle);
+      styleNames.forEach((name2) => {
+        container.style.setProperty(name2, originStyle.getPropertyValue(name2));
+      });
+      container.style.position = "fixed";
+      container.style.zIndex = "-9999";
+      container.style.top = "-9999px";
+      container.style.height = "auto";
+      container.style.minHeight = "auto";
+      container.style.maxHeight = "auto";
+      container.innerText = props.content;
+      document.body.appendChild(container);
+      return container;
+    };
+    const calcEllipsisText = (container, maxHeight) => {
+      var _a, _b;
+      const {
+        content,
+        position,
+        dots
+      } = props;
+      const end = content.length;
+      const middle = 0 + end >> 1;
+      const actionHTML = slots.action ? (_b = (_a = actionRef.value) == null ? void 0 : _a.outerHTML) != null ? _b : "" : props.expandText;
+      const calcEllipse = () => {
+        const tail = (left, right) => {
+          if (right - left <= 1) {
+            if (position === "end") {
+              return content.slice(0, left) + dots;
+            }
+            return dots + content.slice(right, end);
+          }
+          const middle2 = Math.round((left + right) / 2);
+          if (position === "end") {
+            container.innerText = content.slice(0, middle2) + dots;
+          } else {
+            container.innerText = dots + content.slice(middle2, end);
+          }
+          container.innerHTML += actionHTML;
+          if (container.offsetHeight > maxHeight) {
+            if (position === "end") {
+              return tail(left, middle2);
+            }
+            return tail(middle2, right);
+          }
+          if (position === "end") {
+            return tail(middle2, right);
+          }
+          return tail(left, middle2);
+        };
+        return tail(0, end);
+      };
+      const middleTail = (leftPart, rightPart) => {
+        if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+          return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
+        }
+        const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+        const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+        container.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end);
+        container.innerHTML += actionHTML;
+        if (container.offsetHeight >= maxHeight) {
+          return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+        }
+        return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+      };
+      return props.position === "middle" ? middleTail([0, middle], [middle, end]) : calcEllipse();
+    };
+    const calcEllipsised = () => {
+      const container = cloneContainer();
+      if (!container) {
+        needRecalculate = true;
+        return;
+      }
+      const {
+        paddingBottom,
+        paddingTop,
+        lineHeight
+      } = container.style;
+      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
+      if (maxHeight < container.offsetHeight) {
+        hasAction.value = true;
+        text.value = calcEllipsisText(container, maxHeight);
+      } else {
+        hasAction.value = false;
+        text.value = props.content;
+      }
+      document.body.removeChild(container);
+    };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
+    const onClickAction = (event) => {
+      toggle();
+      emit("clickAction", event);
+    };
+    const renderAction = () => {
+      const action = slots.action ? slots.action({
+        expanded: expanded.value
+      }) : actionText.value;
+      return _createVNode("span", {
+        "ref": actionRef,
+        "class": bem("action"),
+        "onClick": onClickAction
+      }, [action]);
+    };
+    onMounted(() => {
+      calcEllipsised();
+      if (slots.action) {
+        nextTick(calcEllipsised);
+      }
+    });
+    onActivated(() => {
+      if (needRecalculate) {
+        needRecalculate = false;
+        calcEllipsised();
+      }
+    });
+    watch([windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
+    useExpose({
+      toggle
+    });
+    return () => _createVNode("div", {
+      "ref": root,
+      "class": bem()
+    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
+  }
+});
+export {
+  stdin_default as default,
+  textEllipsisProps
+};

node_modules/vant/es/text-ellipsis/index.css

@@ -0,0 +1 @@
+:root,:host{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap;overflow-wrap:break-word}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}

node_modules/vant/es/text-ellipsis/index.d.ts

@@ -0,0 +1,69 @@
+export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    content: string;
+    position: string;
+    rows: string | number;
+    dots: string;
+    expandText: string;
+    collapseText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default TextEllipsis;
+export { textEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisInstance, TextEllipsisThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTextEllipsis: typeof TextEllipsis;
+    }
+}

node_modules/vant/es/text-ellipsis/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _TextEllipsis from "./TextEllipsis.mjs";
+const TextEllipsis = withInstall(_TextEllipsis);
+var stdin_default = TextEllipsis;
+import { textEllipsisProps } from "./TextEllipsis.mjs";
+export {
+  TextEllipsis,
+  stdin_default as default,
+  textEllipsisProps
+};

node_modules/vant/es/text-ellipsis/style/index.d.ts

@@ -0,0 +1 @@
+export {};

node_modules/vant/es/text-ellipsis/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

node_modules/vant/es/text-ellipsis/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { TextEllipsisProps } from './TextEllipsis';
+export type TextEllipsisExpose = {
+    toggle: (expanded?: boolean) => void;
+};
+export type TextEllipsisInstance = ComponentPublicInstance<TextEllipsisProps, TextEllipsisExpose>;
+export type TextEllipsisThemeVars = {
+    textEllipsisActionColor?: string;
+};