@rdeam/qui 2.0.0

package/es/components/text-ellipsis/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { textEllipsisEmits, textEllipsisProps } from "./src/itext-ellipsis.mjs";
+import text_ellipsis_default from "./src/text-ellipsis.mjs";
+//#region packages/components/text-ellipsis/index.ts
+var HdTextEllipsis = withInstall(text_ellipsis_default);
+//#endregion
+export { HdTextEllipsis, HdTextEllipsis as default, textEllipsisEmits, textEllipsisProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/text-ellipsis/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/text-ellipsis/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport TextEllipsis from './src/text-ellipsis'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdTextEllipsis: SFCWithInstall<typeof TextEllipsis> = withInstall(TextEllipsis)\nexport default HdTextEllipsis\n\nexport * from './src/itext-ellipsis'\n"],"mappings":";;;;AAKA,IAAa,iBAAsD,YAAY,sBAAa"}

package/es/components/text-ellipsis/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type TextEllipsis from './text-ellipsis.js';
+export type TextEllipsisInstance = InstanceType<typeof TextEllipsis>;

package/es/components/text-ellipsis/src/itext-ellipsis.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const textEllipsisProps: {
+    rows: import("../../../utils/index.js").EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+    dots: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    content: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    expandText: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    collapseText: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    position: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+};
+export declare const textEllipsisEmits: string[];
+export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;

package/es/components/text-ellipsis/src/itext-ellipsis.mjs

@@ -0,0 +1,16 @@
+import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+import { makeNumericProp, makeStringProp } from "./utils.mjs";
+//#region packages/components/text-ellipsis/src/itext-ellipsis.ts
+var textEllipsisProps = buildProps({
+	rows: makeNumericProp(1),
+	dots: makeStringProp("..."),
+	content: makeStringProp(""),
+	expandText: makeStringProp(""),
+	collapseText: makeStringProp(""),
+	position: makeStringProp("end")
+});
+var textEllipsisEmits = ["clickAction"];
+//#endregion
+export { textEllipsisEmits, textEllipsisProps };
+
+//# sourceMappingURL=itext-ellipsis.mjs.map

package/es/components/text-ellipsis/src/itext-ellipsis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"itext-ellipsis.mjs","names":[],"sources":["../../../../../../packages/components/text-ellipsis/src/itext-ellipsis.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { buildProps } from '@hd-custom/utils'\nimport { makeNumericProp, makeStringProp } from './utils'\n\nexport const textEllipsisProps = buildProps({\n  rows: makeNumericProp(1),\n  dots: makeStringProp('...'),\n  content: makeStringProp(''),\n  expandText: makeStringProp(''),\n  collapseText: makeStringProp(''),\n  position: makeStringProp('end'),\n})\n\nexport const textEllipsisEmits = ['clickAction']\n\nexport type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>\n"],"mappings":";;;AAIA,IAAa,oBAAoB,WAAW;CAC1C,MAAM,gBAAgB,EAAE;CACxB,MAAM,eAAe,MAAM;CAC3B,SAAS,eAAe,GAAG;CAC3B,YAAY,eAAe,GAAG;CAC9B,cAAc,eAAe,GAAG;CAChC,UAAU,eAAe,MAAM;CAChC,CAAC;AAEF,IAAa,oBAAoB,CAAC,cAAc"}

package/es/components/text-ellipsis/src/text-ellipsis.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    rows: import("../../../utils/index.js").EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+    dots: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    content: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    expandText: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    collapseText: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    position: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rows: import("../../../utils/index.js").EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+    dots: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    content: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    expandText: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    collapseText: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+    position: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, string, boolean>;
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    content: string;
+    rows: import("../../../utils/index.js").EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
+    dots: string;
+    expandText: string;
+    collapseText: string;
+    position: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/text-ellipsis/src/text-ellipsis.mjs

@@ -0,0 +1,115 @@
+import { useExpose, windowWidth } from "./utils.mjs";
+import { textEllipsisEmits, textEllipsisProps } from "./itext-ellipsis.mjs";
+import { computed, createVNode, defineComponent, onMounted, ref, watch } from "vue";
+//#region packages/components/text-ellipsis/src/text-ellipsis.tsx
+var text_ellipsis_default = /* @__PURE__ */ defineComponent({
+	name: "TextEllipsis",
+	props: textEllipsisProps,
+	emits: textEllipsisEmits,
+	setup(props, { emit, slots }) {
+		const text = ref("");
+		const expanded = ref(false);
+		const hasAction = ref(false);
+		const root = ref();
+		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 calcEllipsised = () => {
+			const cloneContainer = () => {
+				if (!root.value) return;
+				const originStyle = window.getComputedStyle(root.value);
+				const container = document.createElement("div");
+				Array.prototype.slice.apply(originStyle).forEach((name) => {
+					container.style.setProperty(name, originStyle.getPropertyValue(name));
+				});
+				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) => {
+				const { content, position, dots } = props;
+				const end = content.length;
+				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 middle = Math.round((left + right) / 2);
+						if (position === "end") container.innerText = content.slice(0, middle) + dots + actionText.value;
+						else container.innerText = dots + content.slice(middle, end) + actionText.value;
+						if (container.offsetHeight > maxHeight) {
+							if (position === "end") return tail(left, middle);
+							return tail(middle, right);
+						}
+						if (position === "end") return tail(middle, right);
+						return tail(left, middle);
+					};
+					container.innerText = 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) + props.expandText;
+					if (container.offsetHeight >= maxHeight) return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+					return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+				};
+				const middle = 0 + end >> 1;
+				if (props.position === "middle") container.innerText = middleTail([0, middle], [middle, end]);
+				else calcEllipse();
+				return container.innerText;
+			};
+			const container = cloneContainer();
+			if (!container) return;
+			const { paddingBottom, paddingTop, lineHeight } = container.style;
+			const maxHeight = Math.ceil((Number(props.rows) + .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", {
+				"class": "text-ellipsis__action",
+				"onClick": onClickAction
+			}, [action]);
+		};
+		onMounted(calcEllipsised);
+		watch([windowWidth, () => [
+			props.content,
+			props.rows,
+			props.position
+		]], calcEllipsised);
+		useExpose({ toggle });
+		return () => createVNode("div", {
+			"ref": root,
+			"class": "hd-text-ellipsis text-ellipsis"
+		}, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
+	}
+});
+//#endregion
+export { text_ellipsis_default as default };
+
+//# sourceMappingURL=text-ellipsis.mjs.map

package/es/components/text-ellipsis/src/text-ellipsis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-ellipsis.mjs","names":["ref","watch","computed","onMounted","defineComponent","createVNode","_createVNode","textEllipsisProps","textEllipsisEmits","windowWidth","useExpose","name","props","emits","setup","emit","slots","text","expanded","hasAction","root","actionText","value","collapseText","expandText","pxToNum","match","Number","calcEllipsised","cloneContainer","originStyle","window","getComputedStyle","container","document","createElement","styleNames","Array","prototype","slice","apply","forEach","style","setProperty","getPropertyValue","position","zIndex","top","height","minHeight","maxHeight","innerText","content","body","appendChild","calcEllipsisText","dots","end","length","calcEllipse","tail","left","right","middle","Math","round","offsetHeight","middleTail","leftPart","rightPart","leftMiddle","floor","rightMiddle","ceil","isMiddle","paddingBottom","paddingTop","lineHeight","rows","removeChild","toggle","isExpanded","onClickAction","event","renderAction","action"],"sources":["../../../../../../packages/components/text-ellipsis/src/text-ellipsis.tsx"],"sourcesContent":["import { ref, watch, computed, onMounted, defineComponent } from 'vue'\n\nimport { textEllipsisProps, textEllipsisEmits } from './itext-ellipsis'\nimport { windowWidth, useExpose } from './utils'\n\nexport default defineComponent({\n  name: 'TextEllipsis',\n  props: textEllipsisProps,\n  emits: textEllipsisEmits,\n  setup(props, { emit, slots }) {\n    const text = ref('')\n    const expanded = ref(false)\n    const hasAction = ref(false)\n    const root = ref<HTMLElement>()\n\n    const actionText = computed(() => (expanded.value ? props.collapseText : props.expandText))\n\n    const pxToNum = (value: string | null) => {\n      if (!value) return 0\n      const match = value.match(/^\\d*(\\.\\d*)?/)\n      return match ? Number(match[0]) : 0\n    }\n\n    const calcEllipsised = () => {\n      const cloneContainer = () => {\n        if (!root.value) return\n\n        const originStyle = window.getComputedStyle(root.value)\n        const container = document.createElement('div')\n        const styleNames: string[] = Array.prototype.slice.apply(originStyle)\n        styleNames.forEach((name) => {\n          container.style.setProperty(name, originStyle.getPropertyValue(name))\n        })\n\n        container.style.position = 'fixed'\n        container.style.zIndex = '-9999'\n        container.style.top = '-9999px'\n        container.style.height = 'auto'\n        container.style.minHeight = 'auto'\n        container.style.maxHeight = 'auto'\n\n        container.innerText = props.content\n        document.body.appendChild(container)\n        return container\n      }\n\n      const calcEllipsisText = (container: HTMLDivElement, maxHeight: number) => {\n        const { content, position, dots } = props\n        const end = content.length\n\n        const calcEllipse = () => {\n          // calculate the former or later content\n          const tail = (left: number, right: number): string => {\n            if (right - left <= 1) {\n              if (position === 'end') {\n                return content.slice(0, left) + dots\n              }\n              return dots + content.slice(right, end)\n            }\n\n            const middle = Math.round((left + right) / 2)\n\n            // Set the interception location\n            if (position === 'end') {\n              container.innerText = content.slice(0, middle) + dots + actionText.value\n            } else {\n              container.innerText = dots + content.slice(middle, end) + actionText.value\n            }\n\n            // The height after interception still does not match the rquired height\n            if (container.offsetHeight > maxHeight) {\n              if (position === 'end') {\n                return tail(left, middle)\n              }\n              return tail(middle, right)\n            }\n\n            if (position === 'end') {\n              return tail(middle, right)\n            }\n\n            return tail(left, middle)\n          }\n\n          container.innerText = tail(0, end)\n        }\n\n        const middleTail = (leftPart: [number, number], rightPart: [number, number]): string => {\n          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {\n            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end)\n          }\n\n          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2)\n          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2)\n\n          container.innerText =\n            props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end) + props.expandText\n\n          if (container.offsetHeight >= maxHeight) {\n            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]])\n          }\n\n          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle])\n        }\n\n        const middle = (0 + end) >> 1\n        const isMiddle = props.position === 'middle'\n        if (isMiddle) {\n          container.innerText = middleTail([0, middle], [middle, end])\n        } else {\n          calcEllipse()\n        }\n        // props.position === 'middle' ? (container.innerText = middleTail([0, middle], [middle, end])) : calcEllipse()\n        return container.innerText\n      }\n\n      // Calculate the interceptional text\n      const container = cloneContainer()\n      if (!container) return\n      const { paddingBottom, paddingTop, lineHeight } = container.style\n      const maxHeight = Math.ceil(\n        (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom),\n      )\n\n      if (maxHeight < container.offsetHeight) {\n        hasAction.value = true\n        text.value = calcEllipsisText(container, maxHeight)\n      } else {\n        hasAction.value = false\n        text.value = props.content\n      }\n\n      document.body.removeChild(container)\n    }\n\n    const toggle = (isExpanded = !expanded.value) => {\n      expanded.value = isExpanded\n    }\n\n    const onClickAction = (event: MouseEvent) => {\n      toggle()\n      emit('clickAction', event)\n    }\n\n    const renderAction = () => {\n      const action = slots.action ? slots.action({ expanded: expanded.value }) : actionText.value\n      return (\n        <span class=\"text-ellipsis__action\" onClick={onClickAction}>\n          {action}\n        </span>\n      )\n    }\n\n    onMounted(calcEllipsised)\n\n    watch([windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised)\n\n    useExpose({ toggle })\n\n    return () => (\n      <div ref={root} class=\"hd-text-ellipsis text-ellipsis\">\n        {expanded.value ? props.content : text.value}\n        {hasAction.value ? renderAction() : null}\n      </div>\n    )\n  },\n})\n"],"mappings":";;;;AAKA,IAAA,wBAAeI,gCAAgB;CAC7BO,MAAM;CACNC,OAAOL;CACPM,OAAOL;CACPM,MAAMF,OAAO,EAAEG,MAAMC,SAAS;EAC5B,MAAMC,OAAOjB,IAAI,GAAG;EACpB,MAAMkB,WAAWlB,IAAI,MAAM;EAC3B,MAAMmB,YAAYnB,IAAI,MAAM;EAC5B,MAAMoB,OAAOpB,KAAkB;EAE/B,MAAMqB,aAAanB,eAAgBgB,SAASI,QAAQV,MAAMW,eAAeX,MAAMY,WAAY;EAE3F,MAAMC,WAAWH,UAAyB;AACxC,OAAI,CAACA,MAAO,QAAO;GACnB,MAAMI,QAAQJ,MAAMI,MAAM,eAAe;AACzC,UAAOA,QAAQC,OAAOD,MAAM,GAAG,GAAG;;EAGpC,MAAME,uBAAuB;GAC3B,MAAMC,uBAAuB;AAC3B,QAAI,CAACT,KAAKE,MAAO;IAEjB,MAAMQ,cAAcC,OAAOC,iBAAiBZ,KAAKE,MAAM;IACvD,MAAMW,YAAYC,SAASC,cAAc,MAAM;AAClBE,UAAMC,UAAUC,MAAMC,MAAMV,YAC/C,CAACW,SAAS9B,SAAS;AAC3BsB,eAAUS,MAAMC,YAAYhC,MAAMmB,YAAYc,iBAAiBjC,KAAK,CAAC;MACrE;AAEFsB,cAAUS,MAAMG,WAAW;AAC3BZ,cAAUS,MAAMI,SAAS;AACzBb,cAAUS,MAAMK,MAAM;AACtBd,cAAUS,MAAMM,SAAS;AACzBf,cAAUS,MAAMO,YAAY;AAC5BhB,cAAUS,MAAMQ,YAAY;AAE5BjB,cAAUkB,YAAYvC,MAAMwC;AAC5BlB,aAASmB,KAAKC,YAAYrB,UAAU;AACpC,WAAOA;;GAGT,MAAMsB,oBAAoBtB,WAA2BiB,cAAsB;IACzE,MAAM,EAAEE,SAASP,UAAUW,SAAS5C;IACpC,MAAM6C,MAAML,QAAQM;IAEpB,MAAMC,oBAAoB;KAExB,MAAMC,QAAQC,MAAcC,UAA0B;AACpD,UAAIA,QAAQD,QAAQ,GAAG;AACrB,WAAIhB,aAAa,MACf,QAAOO,QAAQb,MAAM,GAAGsB,KAAK,GAAGL;AAElC,cAAOA,OAAOJ,QAAQb,MAAMuB,OAAOL,IAAI;;MAGzC,MAAMM,SAASC,KAAKC,OAAOJ,OAAOC,SAAS,EAAE;AAG7C,UAAIjB,aAAa,MACfZ,WAAUkB,YAAYC,QAAQb,MAAM,GAAGwB,OAAO,GAAGP,OAAOnC,WAAWC;UAEnEW,WAAUkB,YAAYK,OAAOJ,QAAQb,MAAMwB,QAAQN,IAAI,GAAGpC,WAAWC;AAIvE,UAAIW,UAAUiC,eAAehB,WAAW;AACtC,WAAIL,aAAa,MACf,QAAOe,KAAKC,MAAME,OAAO;AAE3B,cAAOH,KAAKG,QAAQD,MAAM;;AAG5B,UAAIjB,aAAa,MACf,QAAOe,KAAKG,QAAQD,MAAM;AAG5B,aAAOF,KAAKC,MAAME,OAAO;;AAG3B9B,eAAUkB,YAAYS,KAAK,GAAGH,IAAI;;IAGpC,MAAMU,cAAcC,UAA4BC,cAAwC;AACtF,SAAID,SAAS,KAAKA,SAAS,MAAM,KAAKC,UAAU,KAAKA,UAAU,MAAM,EACnE,QAAOjB,QAAQb,MAAM,GAAG6B,SAAS,GAAG,GAAGZ,OAAOJ,QAAQb,MAAM8B,UAAU,IAAIZ,IAAI;KAGhF,MAAMa,aAAaN,KAAKO,OAAOH,SAAS,KAAKA,SAAS,MAAM,EAAE;KAC9D,MAAMI,cAAcR,KAAKS,MAAMJ,UAAU,KAAKA,UAAU,MAAM,EAAE;AAEhEpC,eAAUkB,YACRvC,MAAMwC,QAAQb,MAAM,GAAG+B,WAAW,GAAG1D,MAAM4C,OAAO5C,MAAMwC,QAAQb,MAAMiC,aAAaf,IAAI,GAAG7C,MAAMY;AAElG,SAAIS,UAAUiC,gBAAgBhB,UAC5B,QAAOiB,WAAW,CAACC,SAAS,IAAIE,WAAW,EAAE,CAACE,aAAaH,UAAU,GAAG,CAAC;AAG3E,YAAOF,WAAW,CAACG,YAAYF,SAAS,GAAG,EAAE,CAACC,UAAU,IAAIG,YAAY,CAAC;;IAG3E,MAAMT,SAAU,IAAIN,OAAQ;AAE5B,QADiB7C,MAAMiC,aAAa,SAElCZ,WAAUkB,YAAYgB,WAAW,CAAC,GAAGJ,OAAO,EAAE,CAACA,QAAQN,IAAI,CAAC;QAE5DE,cAAa;AAGf,WAAO1B,UAAUkB;;GAInB,MAAMlB,YAAYJ,gBAAgB;AAClC,OAAI,CAACI,UAAW;GAChB,MAAM,EAAE0C,eAAeC,YAAYC,eAAe5C,UAAUS;GAC5D,MAAMQ,YAAYc,KAAKS,MACpB9C,OAAOf,MAAMkE,KAAK,GAAG,MAAOrD,QAAQoD,WAAW,GAAGpD,QAAQmD,WAAW,GAAGnD,QAAQkD,cACnF,CAAC;AAED,OAAIzB,YAAYjB,UAAUiC,cAAc;AACtC/C,cAAUG,QAAQ;AAClBL,SAAKK,QAAQiC,iBAAiBtB,WAAWiB,UAAU;UAC9C;AACL/B,cAAUG,QAAQ;AAClBL,SAAKK,QAAQV,MAAMwC;;AAGrBlB,YAASmB,KAAK0B,YAAY9C,UAAU;;EAGtC,MAAM+C,UAAUC,aAAa,CAAC/D,SAASI,UAAU;AAC/CJ,YAASI,QAAQ2D;;EAGnB,MAAMC,iBAAiBC,UAAsB;AAC3CH,WAAQ;AACRjE,QAAK,eAAeoE,MAAM;;EAG5B,MAAMC,qBAAqB;GACzB,MAAMC,SAASrE,MAAMqE,SAASrE,MAAMqE,OAAO,EAAEnE,UAAUA,SAASI,OAAO,CAAC,GAAGD,WAAWC;AACtF,UAAAhB,YAAA,QAAA;IAAA,SAAA;IAAA,WAC+C4E;IAAa,EAAA,CACvDG,OAAM,CAAA;;AAKblF,YAAUyB,eAAe;AAEzB3B,QAAM,CAACQ,mBAAmB;GAACG,MAAMwC;GAASxC,MAAMkE;GAAMlE,MAAMiC;GAAS,CAAC,EAAEjB,eAAe;AAEvFlB,YAAU,EAAEsE,QAAQ,CAAC;AAErB,eAAO1E,YAAA,OAAA;GAAA,OACKc;GAAI,SAAA;GAAA,EAAA,CACXF,SAASI,QAAQV,MAAMwC,UAAUnC,KAAKK,OACtCH,UAAUG,QAAQ8D,cAAc,GAAG,KAAI,CAE3C;;CAEJ,CAAC"}

package/es/components/text-ellipsis/src/use-window-size.d.ts

@@ -0,0 +1,5 @@
+export declare const inBrowser: boolean;
+export declare function useWindowSize(): {
+    width: Ref<number>;
+    height: Ref<number>;
+};

package/es/components/text-ellipsis/src/use-window-size.mjs

@@ -0,0 +1,28 @@
+import { ref } from "vue";
+//#region packages/components/text-ellipsis/src/use-window-size.ts
+var inBrowser = typeof window !== "undefined";
+var width;
+var height;
+function useWindowSize() {
+	if (!width) {
+		width = ref(0);
+		height = ref(0);
+		if (inBrowser) {
+			const update = () => {
+				width.value = window.innerWidth;
+				height.value = window.innerHeight;
+			};
+			update();
+			window.addEventListener("resize", update, { passive: true });
+			window.addEventListener("orientationchange", update, { passive: true });
+		}
+	}
+	return {
+		width,
+		height
+	};
+}
+//#endregion
+export { inBrowser, useWindowSize };
+
+//# sourceMappingURL=use-window-size.mjs.map

package/es/components/text-ellipsis/src/use-window-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-size.mjs","names":[],"sources":["../../../../../../packages/components/text-ellipsis/src/use-window-size.ts"],"sourcesContent":["import { ref, Ref } from 'vue'\n\nexport const inBrowser = typeof window !== 'undefined'\n\nlet width: Ref<number>\nlet height: Ref<number>\n\nexport function useWindowSize() {\n  if (!width) {\n    width = ref(0)\n    height = ref(0)\n\n    if (inBrowser) {\n      const update = () => {\n        width.value = window.innerWidth\n        height.value = window.innerHeight\n      }\n\n      update()\n      window.addEventListener('resize', update, { passive: true })\n      window.addEventListener('orientationchange', update, { passive: true })\n    }\n  }\n\n  return { width, height }\n}\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,WAAW;AAE3C,IAAI;AACJ,IAAI;AAEJ,SAAgB,gBAAgB;AAC9B,KAAI,CAAC,OAAO;AACV,UAAQ,IAAI,EAAE;AACd,WAAS,IAAI,EAAE;AAEf,MAAI,WAAW;GACb,MAAM,eAAe;AACnB,UAAM,QAAQ,OAAO;AACrB,WAAO,QAAQ,OAAO;;AAGxB,WAAQ;AACR,UAAO,iBAAiB,UAAU,QAAQ,EAAE,SAAS,MAAM,CAAC;AAC5D,UAAO,iBAAiB,qBAAqB,QAAQ,EAAE,SAAS,MAAM,CAAC;;;AAI3E,QAAO;EAAE;EAAO;EAAQ"}

package/es/components/text-ellipsis/src/utils.d.ts

@@ -0,0 +1,22 @@
+import { PropType } from 'vue';
+export declare const numericProp: (NumberConstructor | StringConstructor)[];
+export declare const makeNumberProp: <T>(defaultVal: T) => {
+    type: NumberConstructor;
+    default: T;
+};
+export declare const makeNumericProp: <T>(defaultVal: T) => {
+    type: (NumberConstructor | StringConstructor)[];
+    default: T;
+};
+export declare const makeStringProp: <T>(defaultVal: T) => {
+    type: PropType<T>;
+    default: T;
+};
+export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;
+export declare const extend: {
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T extends {}, U, V>(target: T, source1: U, source2: V): T & U & V;
+    <T extends {}, U, V, W>(target: T, source1: U, source2: V, source3: W): T & U & V & W;
+    (target: object, ...sources: any[]): any;
+};
+export declare function useExpose<T = Record<string, any>>(apis: T): void;

package/es/components/text-ellipsis/src/utils.mjs

@@ -0,0 +1,26 @@
+import { useWindowSize } from "./use-window-size.mjs";
+import { getCurrentInstance } from "vue";
+//#region packages/components/text-ellipsis/src/utils.ts
+var numericProp = [Number, String];
+var makeNumberProp = (defaultVal) => ({
+	type: Number,
+	default: defaultVal
+});
+var makeNumericProp = (defaultVal) => ({
+	type: numericProp,
+	default: defaultVal
+});
+var makeStringProp = (defaultVal) => ({
+	type: String,
+	default: defaultVal
+});
+var { width: windowWidth, height: windowHeight } = useWindowSize();
+var extend = Object.assign;
+function useExpose(apis) {
+	const instance = getCurrentInstance();
+	if (instance) extend(instance.proxy, apis);
+}
+//#endregion
+export { extend, makeNumberProp, makeNumericProp, makeStringProp, numericProp, useExpose, windowHeight, windowWidth };
+
+//# sourceMappingURL=utils.mjs.map

package/es/components/text-ellipsis/src/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../../../packages/components/text-ellipsis/src/utils.ts"],"sourcesContent":["import { getCurrentInstance, PropType } from 'vue'\nimport { useWindowSize } from './use-window-size'\nexport const numericProp = [Number, String]\nexport const makeNumberProp = <T>(defaultVal: T) => ({\n  type: Number,\n  default: defaultVal,\n})\n\nexport const makeNumericProp = <T>(defaultVal: T) => ({\n  type: numericProp,\n  default: defaultVal,\n})\n\nexport const makeStringProp = <T>(defaultVal: T) => ({\n  type: String as unknown as PropType<T>,\n  default: defaultVal,\n})\n\nexport const { width: windowWidth, height: windowHeight } = useWindowSize()\n\nexport const extend = Object.assign\nexport function useExpose<T = Record<string, any>>(apis: T) {\n  const instance = getCurrentInstance()\n  if (instance) {\n    extend(instance.proxy as object, apis)\n  }\n}\n"],"mappings":";;;AAEA,IAAa,cAAc,CAAC,QAAQ,OAAO;AAC3C,IAAa,kBAAqB,gBAAmB;CACnD,MAAM;CACN,SAAS;CACV;AAED,IAAa,mBAAsB,gBAAmB;CACpD,MAAM;CACN,SAAS;CACV;AAED,IAAa,kBAAqB,gBAAmB;CACnD,MAAM;CACN,SAAS;CACV;AAED,IAAa,EAAE,OAAO,aAAa,QAAQ,iBAAiB,eAAe;AAE3E,IAAa,SAAS,OAAO;AAC7B,SAAgB,UAAmC,MAAS;CAC1D,MAAM,WAAW,oBAAoB;AACrC,KAAI,SACF,QAAO,SAAS,OAAiB,KAAK"}

package/es/components/text-ellipsis/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/text-ellipsis.scss';

package/es/components/time-line/index.d.ts

@@ -0,0 +1,6 @@
+import TimeLine from './src/time-line.vue.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdTimeLine: SFCWithInstall<typeof TimeLine>;
+export default HdTimeLine;
+export * from './src/time-line.js';
+export type { TimeLineInstance } from './src/instance.js';

package/es/components/time-line/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { timeLineEmits, timeLineProps } from "./src/time-line.mjs";
+import time_line_default from "./src/time-line.vue.mjs";
+//#region packages/components/time-line/index.ts
+var HdTimeLine = withInstall(time_line_default);
+//#endregion
+export { HdTimeLine, HdTimeLine as default, timeLineEmits, timeLineProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/time-line/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/time-line/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport TimeLine from './src/time-line.vue'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdTimeLine: SFCWithInstall<typeof TimeLine> = withInstall(TimeLine)\nexport default HdTimeLine\n\nexport * from './src/time-line'\nexport type { TimeLineInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,aAA8C,YAAY,kBAAS"}

package/es/components/time-line/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type TimeLine from './time-line.vue.js';
+export type TimeLineInstance = InstanceType<typeof TimeLine>;

package/es/components/time-line/src/time-line.d.ts

@@ -0,0 +1,28 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const timeLineProps: {
+    timeData: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: any;
+    }[]) | (() => {
+        [key: string]: any;
+    }[]) | (((new (...args: any[]) => {
+        [key: string]: any;
+    }[]) | (() => {
+        [key: string]: any;
+    }[])) | null)[], unknown, unknown, () => never[], boolean>;
+    prependWidth: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    propsConfig: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: any;
+    }) | (() => {
+        [key: string]: any;
+    }) | (((new (...args: any[]) => {
+        [key: string]: any;
+    }) | (() => {
+        [key: string]: any;
+    })) | null)[], unknown, unknown, () => {
+        status: string;
+        timestamp: string;
+        content: string;
+    }, boolean>;
+};
+export declare const timeLineEmits: never[];
+export type TimeLineProps = ExtractPropTypes<typeof timeLineProps>;

package/es/components/time-line/src/time-line.mjs

@@ -0,0 +1,25 @@
+import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+//#region packages/components/time-line/src/time-line.ts
+var timeLineProps = buildProps({
+	timeData: {
+		type: Array,
+		default: () => []
+	},
+	prependWidth: {
+		type: String,
+		default: "88px"
+	},
+	propsConfig: {
+		type: Object,
+		default: () => ({
+			status: "status",
+			timestamp: "timestamp",
+			content: "content"
+		})
+	}
+});
+var timeLineEmits = [];
+//#endregion
+export { timeLineEmits, timeLineProps };
+
+//# sourceMappingURL=time-line.mjs.map

package/es/components/time-line/src/time-line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-line.mjs","names":[],"sources":["../../../../../../packages/components/time-line/src/time-line.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { buildProps } from '@hd-custom/utils'\n\nexport const timeLineProps = buildProps({\n  timeData: {\n    type: Array as PropType<{ [key: string]: any }[]>,\n    default: () => [],\n  },\n  prependWidth: {\n    type: String,\n    default: '88px',\n  },\n  propsConfig: {\n    type: Object as PropType<{ [key: string]: any }>,\n    default: () => ({ status: 'status', timestamp: 'timestamp', content: 'content' }),\n  },\n})\n\nexport const timeLineEmits = []\n\nexport type TimeLineProps = ExtractPropTypes<typeof timeLineProps>\n"],"mappings":";;AAGA,IAAa,gBAAgB,WAAW;CACtC,UAAU;EACR,MAAM;EACN,eAAe,EAAE;EAClB;CACD,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACD,aAAa;EACX,MAAM;EACN,gBAAgB;GAAE,QAAQ;GAAU,WAAW;GAAa,SAAS;GAAW;EACjF;CACF,CAAC;AAEF,IAAa,gBAAgB,EAAE"}

package/es/components/time-line/src/time-line.vue.d.ts

@@ -0,0 +1,81 @@
+declare var __VLS_1: {
+    item: {
+        [key: string]: any;
+    };
+}, __VLS_3: {
+    item: {
+        [key: string]: any;
+    };
+}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    dot?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    timeData: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: any;
+    }[]) | (() => {
+        [key: string]: any;
+    }[]) | (((new (...args: any[]) => {
+        [key: string]: any;
+    }[]) | (() => {
+        [key: string]: any;
+    }[])) | null)[], unknown, unknown, () => never[], boolean>;
+    prependWidth: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    propsConfig: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: any;
+    }) | (() => {
+        [key: string]: any;
+    }) | (((new (...args: any[]) => {
+        [key: string]: any;
+    }) | (() => {
+        [key: string]: any;
+    })) | null)[], unknown, unknown, () => {
+        status: string;
+        timestamp: string;
+        content: string;
+    }, boolean>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    timeData: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: any;
+    }[]) | (() => {
+        [key: string]: any;
+    }[]) | (((new (...args: any[]) => {
+        [key: string]: any;
+    }[]) | (() => {
+        [key: string]: any;
+    }[])) | null)[], unknown, unknown, () => never[], boolean>;
+    prependWidth: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    propsConfig: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: any;
+    }) | (() => {
+        [key: string]: any;
+    }) | (((new (...args: any[]) => {
+        [key: string]: any;
+    }) | (() => {
+        [key: string]: any;
+    })) | null)[], unknown, unknown, () => {
+        status: string;
+        timestamp: string;
+        content: string;
+    }, boolean>;
+}>> & Readonly<{}>, {
+    timeData: {
+        [key: string]: any;
+    }[];
+    prependWidth: string;
+    propsConfig: {
+        [key: string]: any;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/time-line/src/time-line.vue.mjs

@@ -0,0 +1,7 @@
+import time_line_vue_vue_type_script_setup_true_lang_default from "./time-line.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/time-line/src/time-line.vue
+var time_line_default = time_line_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { time_line_default as default };
+
+//# sourceMappingURL=time-line.vue.mjs.map

package/es/components/time-line/src/time-line.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-line.vue.mjs","names":[],"sources":["../../../../../../packages/components/time-line/src/time-line.vue"],"sourcesContent":["<template>\n  <div class=\"hd-time-line w-full time-line\">\n    <div v-for=\"(item, index) in props.timeData\" :key=\"'timer' + index\" class=\"flex w-full time-line-item\">\n      <slot name=\"prepend\" :item=\"item\">\n        <div\n          v-if=\"getItemValue(item, 'status')\"\n          :style=\"`width: ${props.prependWidth}`\"\n          class=\"relative -top-1 flex justify-end\"\n        >\n          <div class=\"time-line-status\">{{ getItemValue(item, 'status') }}</div>\n        </div>\n      </slot>\n      <div class=\"relative ml-4 flex-1 border-l-1 time-border cus-line\">\n        <div class=\"min-h-[32px] px-4 relative -top-1\">\n          <slot :item=\"item\">\n            <div v-if=\"getItemValue(item, 'timestamp')\" class=\"mb-2\">\n              {{ getItemValue(item, 'timestamp') }}\n            </div>\n            <div v-if=\"getItemValue(item, 'content')\" class=\"time-line-item-content\">\n              {{ getItemValue(item, 'content') }}\n            </div>\n          </slot>\n        </div>\n        <div class=\"dot\">\n          <slot name=\"dot\">\n            <div class=\"w-[16px] h-[16px] dot-con rounded-full flex items-center justify-center\">\n              <div class=\"w-[8px] h-[8px] rounded-full\"></div>\n            </div>\n          </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { timeLineProps, timeLineEmits } from './time-line'\n\ndefineOptions({\n  name: 'TimeLine',\n})\n\nconst props = defineProps(timeLineProps)\ndefineEmits(timeLineEmits)\n\n// 安全地获取item的�?\nconst getItemValue = (item: any, key: string) => {\n  const configKey = props.propsConfig[key] || key\n  return item[configKey]\n}\n</script>\n"],"mappings":""}

package/es/components/time-line/src/time-line.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,37 @@
+import { timeLineEmits, timeLineProps } from "./time-line.mjs";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString } from "vue";
+//#region packages/components/time-line/src/time-line.vue?vue&type=script&setup=true&lang.ts
+var time_line_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "TimeLine",
+	__name: "time-line",
+	props: timeLineProps,
+	emits: timeLineEmits,
+	setup(__props) {
+		const props = __props;
+		const getItemValue = (item, key) => {
+			return item[props.propsConfig[key] || key];
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: "hd-time-line w-full time-line" }, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.timeData, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: "timer" + index,
+					class: "flex w-full time-line-item"
+				}, [renderSlot(_ctx.$slots, "prepend", { item }, () => [getItemValue(item, "status") ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					style: normalizeStyle(`width: ${props.prependWidth}`),
+					class: "relative -top-1 flex justify-end"
+				}, [createElementVNode("div", { class: "time-line-status" }, toDisplayString(getItemValue(item, "status")), 1)], 4)) : createCommentVNode("", true)]), createElementVNode("div", { class: "relative ml-4 flex-1 border-l-1 time-border cus-line" }, [createElementVNode("div", { class: "min-h-[32px] px-4 relative -top-1" }, [renderSlot(_ctx.$slots, "default", { item }, () => [getItemValue(item, "timestamp") ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "mb-2"
+				}, toDisplayString(getItemValue(item, "timestamp")), 1)) : createCommentVNode("", true), getItemValue(item, "content") ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "time-line-item-content"
+				}, toDisplayString(getItemValue(item, "content")), 1)) : createCommentVNode("", true)])]), createElementVNode("div", { class: "dot" }, [renderSlot(_ctx.$slots, "dot", {}, () => [createElementVNode("div", { class: "w-[16px] h-[16px] dot-con rounded-full flex items-center justify-center" }, [createElementVNode("div", { class: "w-[8px] h-[8px] rounded-full" })])])])])]);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { time_line_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=time-line.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/time-line/src/time-line.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-line.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/time-line/src/time-line.vue"],"sourcesContent":["<template>\n  <div class=\"hd-time-line w-full time-line\">\n    <div v-for=\"(item, index) in props.timeData\" :key=\"'timer' + index\" class=\"flex w-full time-line-item\">\n      <slot name=\"prepend\" :item=\"item\">\n        <div\n          v-if=\"getItemValue(item, 'status')\"\n          :style=\"`width: ${props.prependWidth}`\"\n          class=\"relative -top-1 flex justify-end\"\n        >\n          <div class=\"time-line-status\">{{ getItemValue(item, 'status') }}</div>\n        </div>\n      </slot>\n      <div class=\"relative ml-4 flex-1 border-l-1 time-border cus-line\">\n        <div class=\"min-h-[32px] px-4 relative -top-1\">\n          <slot :item=\"item\">\n            <div v-if=\"getItemValue(item, 'timestamp')\" class=\"mb-2\">\n              {{ getItemValue(item, 'timestamp') }}\n            </div>\n            <div v-if=\"getItemValue(item, 'content')\" class=\"time-line-item-content\">\n              {{ getItemValue(item, 'content') }}\n            </div>\n          </slot>\n        </div>\n        <div class=\"dot\">\n          <slot name=\"dot\">\n            <div class=\"w-[16px] h-[16px] dot-con rounded-full flex items-center justify-center\">\n              <div class=\"w-[8px] h-[8px] rounded-full\"></div>\n            </div>\n          </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { timeLineProps, timeLineEmits } from './time-line'\n\ndefineOptions({\n  name: 'TimeLine',\n})\n\nconst props = defineProps(timeLineProps)\ndefineEmits(timeLineEmits)\n\n// 安全地获取item的�?\nconst getItemValue = (item: any, key: string) => {\n  const configKey = props.propsConfig[key] || key\n  return item[configKey]\n}\n</script>\n"],"mappings":";;;;;;;;;EAyCA,MAAM,QAAQ;EAId,MAAM,gBAAgB,MAAW,QAAgB;AAE/C,UAAO,KADW,MAAM,YAAY,QAAQ;;;uBA7C5C,mBA+BM,OAAA,EA/BD,OAAM,iCAA+B,EAAA,EAAA,UAAA,KAAA,EACxC,mBA6BM,UAAA,MAAA,WA7BuB,MAAM,WAAtB,MAAM,UAAK;wBAAxB,mBA6BM,OAAA;KA7BwC,KAAG,UAAY;KAAO,OAAM;QACxE,WAQO,KAAA,QAAA,WAAA,EARqB,MAAI,QAQzB,CANG,aAAa,MAAI,SAAA,IAAA,WAAA,EADzB,mBAMM,OAAA;;KAJH,OAAK,eAAA,UAAY,MAAM,eAAY;KACpC,OAAM;QAEN,mBAAsE,OAAA,EAAjE,OAAM,oBAAkB,EAAA,gBAAI,aAAa,MAAI,SAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAGtD,mBAkBM,OAAA,EAlBD,OAAM,wDAAsD,EAAA,CAC/D,mBASM,OAAA,EATD,OAAM,qCAAmC,EAAA,CAC5C,WAOO,KAAA,QAAA,WAAA,EAPM,MAAI,QAOV,CANM,aAAa,MAAI,YAAA,IAAA,WAAA,EAA5B,mBAEM,OAAA;;KAFsC,OAAM;uBAC7C,aAAa,MAAI,YAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAEX,aAAa,MAAI,UAAA,IAAA,WAAA,EAA5B,mBAEM,OAAA;;KAFoC,OAAM;uBAC3C,aAAa,MAAI,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA,EAI1B,mBAMM,OAAA,EAND,OAAM,OAAK,EAAA,CACd,WAIO,KAAA,QAAA,OAAA,EAAA,QAAA,CAHL,mBAEM,OAAA,EAFD,OAAM,2EAAyE,EAAA,CAClF,mBAAgD,OAAA,EAA3C,OAAM,gCAA8B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/es/components/time-line/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/time-line.scss';

package/es/components/uploader/index.d.ts

@@ -0,0 +1,6 @@
+import Uploader from './src/uploader.vue.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdUploader: SFCWithInstall<typeof Uploader>;
+export default HdUploader;
+export * from './src/uploader.js';
+export type { UploaderInstance } from './src/instance.js';

package/es/components/uploader/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { uploaderEmits, uploaderProps } from "./src/uploader.mjs";
+import uploader_default from "./src/uploader.vue.mjs";
+//#region packages/components/uploader/index.ts
+var HdUploader = withInstall(uploader_default);
+//#endregion
+export { HdUploader, HdUploader as default, uploaderEmits, uploaderProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/uploader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/uploader/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport Uploader from './src/uploader.vue'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdUploader: SFCWithInstall<typeof Uploader> = withInstall(Uploader)\nexport default HdUploader\n\nexport * from './src/uploader'\nexport type { UploaderInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,aAA8C,YAAY,iBAAS"}

package/es/components/uploader/src/UploadInfo.vue.d.ts

@@ -0,0 +1,30 @@
+declare var __VLS_1: {
+    progress: any;
+    status: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    file: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {
+    setStatus: (value: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    file: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    file: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};