vft 0.0.18 → 0.0.20

package/es/components/clamp/clamp.vue2.mjs

@@ -0,0 +1,166 @@
+import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
+import { addUnit as G } from "@vft/utils";
+import { addListener as I, removeListener as J } from "resize-detector";
+import { useNamespace as K } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+const P = ["aria-label"], Q = (
+  /* hoist-static*/
+  K("clamp")
+), W = T({
+  name: Q.b()
+}), ie = /* @__PURE__ */ T({
+  ...W,
+  props: {
+    text: null,
+    maxHeight: null,
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    location: { default: "end" },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 }
+  },
+  emits: ["clamp-change", "update:expanded"],
+  setup(e, { emit: y }) {
+    const a = v(null), u = v(null), m = v(null), l = S({
+      offset: 0,
+      localExpanded: e.expanded,
+      unregisterResizeCallback: null
+    }), $ = r(() => {
+      if (!l.localExpanded && e.maxHeight)
+        return G(e.maxHeight);
+    }), k = () => {
+      m.value && (m.value.textContent = N.value);
+    }, c = () => {
+      l.localExpanded || (k(), (d() || n.value) && g());
+    }, C = () => {
+      e.text && (l.offset = e.text.length, H(), e.autoResize && a.value && (I(a.value, c), l.unregisterResizeCallback = () => {
+        a.value && J(a.value, c);
+      }), c());
+    }, H = () => {
+      var t;
+      (t = l.unregisterResizeCallback) == null || t.call(l);
+    }, d = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && x() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), x = () => u.value ? Object.keys(
+      Array.prototype.slice.call(u.value.getClientRects()).reduce((t, {
+        top: i,
+        bottom: f
+      }) => {
+        const o = `${i}/${f}`;
+        return t[o] || (t[o] = !0), t;
+      }, {})
+    ).length : 0, g = (...t) => {
+      const [i = 0, f = l.offset] = t;
+      if (f - i <= 3) {
+        j();
+        return;
+      }
+      const o = Math.floor((f + i) / 2);
+      h(o), d() ? g(i, o) : g(o, f);
+    }, h = (t) => {
+      l.offset = t, k();
+    }, j = () => {
+      U(), A();
+    }, U = () => {
+      for (; (!d() || x() < 2) && l.offset < e.text.length; )
+        b(1);
+    }, A = () => {
+      for (; d() && x() > 1 && l.offset > 0; )
+        b(-1);
+    }, b = (t) => {
+      h(l.offset + t);
+    }, n = r(() => e.text ? l.offset !== e.text.length : !1);
+    s(
+      () => n.value,
+      (t) => {
+        E(() => {
+          y("clamp-change", t);
+        });
+      },
+      { immediate: !0 }
+    );
+    const N = r(() => n.value ? O.value : e.text), O = r(() => {
+      if (e.location === "start")
+        return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
+      if (e.location === "middle") {
+        const t = Math.floor(l.offset / 2);
+        return (e.text.slice(0, t) || "").trim() + e.ellipsis + (e.text.slice(-t) || "").trim();
+      }
+      return (e.text.slice(0, l.offset) || "").trim() + e.ellipsis;
+    }), L = () => {
+      l.localExpanded = !0;
+    }, z = () => {
+      l.localExpanded = !1;
+    }, w = () => {
+      l.localExpanded = !l.localExpanded;
+    };
+    return s(
+      () => e.expanded,
+      (t) => {
+        l.localExpanded = t;
+      }
+    ), s(
+      () => l.localExpanded,
+      (t) => {
+        t ? h(e.text.length) : c(), e.expanded !== t && y("update:expanded", t);
+      }
+    ), s(
+      () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, n.value].join(),
+      () => {
+        E(() => {
+          c();
+        });
+      }
+    ), s(
+      () => [e.text, e.autoResize].join(),
+      () => {
+        E(() => {
+          C();
+        });
+      }
+    ), p(() => {
+      H();
+    }), F(() => {
+      C();
+    }), (t, i) => (V(), q("div", {
+      ref_key: "textClampRef",
+      ref: a,
+      class: "text-clamp",
+      style: D({
+        overflow: "hidden",
+        maxHeight: R($)
+      })
+    }, [
+      B("span", {
+        ref_key: "contentRef",
+        ref: u
+      }, [
+        M(t.$slots, "before", {
+          expand: L,
+          collapse: z,
+          toggle: w,
+          clamped: R(n),
+          expanded: l.localExpanded
+        }),
+        B("span", {
+          ref_key: "textRef",
+          ref: m,
+          "aria-label": e.text
+        }, null, 8, P),
+        M(t.$slots, "after", {
+          expand: L,
+          collapse: z,
+          toggle: w,
+          clamped: R(n),
+          expanded: l.localExpanded
+        })
+      ], 512)
+    ], 4));
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=clamp.vue2.mjs.map

package/es/components/clamp/clamp.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.vue2.mjs","sources":["../../../../../packages/components/clamp/clamp.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('clamp')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<template>\n  <div\n    ref=\"textClampRef\"\n    class=\"text-clamp\"\n    :style=\"{\n      overflow: 'hidden',\n      maxHeight: realMaxHeight,\n    }\"\n  >\n    <span ref=\"contentRef\">\n      <slot\n        name=\"before\"\n        :expand=\"expand\"\n        :collapse=\"collapse\"\n        :toggle=\"toggle\"\n        :clamped=\"isClamped\"\n        :expanded=\"state.localExpanded\"\n      />\n      <span ref=\"textRef\" :aria-label=\"text\" />\n      <slot\n        name=\"after\"\n        :expand=\"expand\"\n        :collapse=\"collapse\"\n        :toggle=\"toggle\"\n        :clamped=\"isClamped\"\n        :expanded=\"state.localExpanded\"\n      />\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit } from '@vft/utils';\nimport { computed, ref, reactive, onMounted, onUnmounted, watch, nextTick } from 'vue';\nimport { addListener, removeListener } from 'resize-detector';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface ClampProps {\n  text: string;\n  maxHeight?: string | number;\n  maxLines?: number;\n  expanded?: boolean;\n  location?: 'start' | 'middle' | 'end';\n  ellipsis?: string;\n  autoResize?: boolean;\n}\n\ndefineProps({\n  \"text\": null,\n  \"maxHeight\": null,\n  \"maxLines\": { default: 1 },\n  \"expanded\": { type: Boolean, default: false },\n  \"location\": { default: 'end' },\n  \"ellipsis\": { default: '…' },\n  \"autoResize\": { type: Boolean, default: false }\n})\n\nconst emits = defineEmits([\"clamp-change\", \"update:expanded\"]);\n\n\n\n;\n\nconst textClampRef = ref<HTMLElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\nconst textRef = ref<HTMLElement | null>(null);\nconst state = reactive({\n  offset: 0,\n  localExpanded: __props.expanded,\n  unregisterResizeCallback: null as null | Function\n});\n\nconst realMaxHeight = computed(() => {\n  if (state.localExpanded) return undefined;\n  if (!__props.maxHeight) return undefined;\n  return addUnit(__props.maxHeight);\n});\n\nconst applyChange = () => {\n  textRef.value && (textRef.value.textContent = realText.value);\n};\nconst update = () => {\n  if (state.localExpanded) return;\n  applyChange();\n  if (isOverflow() || isClamped.value) {\n    search();\n  }\n};\nconst init = () => {\n  if (!__props.text) return;\n  state.offset = __props.text.length;\n  cleanUp();\n  if (__props.autoResize && textClampRef.value) {\n    addListener(textClampRef.value, update);\n    state.unregisterResizeCallback = () => {\n      textClampRef.value && removeListener(textClampRef.value, update);\n    };\n  }\n  update();\n};\nconst cleanUp = () => {\n  state.unregisterResizeCallback?.();\n};\n\nconst isOverflow = () => {\n  if (!__props.maxLines && !__props.maxHeight) return false;\n  if (!textClampRef.value) return false;\n  if (__props.maxLines && getLines() > __props.maxLines) return true;\n  return !!(__props.maxHeight && textClampRef.value.scrollHeight > textClampRef.value.offsetHeight);\n\n};\nconst getLines = () => {\n  if (!contentRef.value) return 0;\n  return Object.keys(\n    Array.prototype.slice.call(contentRef.value.getClientRects()).reduce((prev, {\n      top,\n      bottom\n    }) => {\n      const key = `${top}/${bottom}`;\n      if (!prev[key]) {\n        prev[key] = true;\n      }\n      return prev;\n    }, {})\n  ).length;\n};\nconst search = (...range: number[]) => {\n  const [from = 0, to = state.offset] = range;\n  if (to - from <= 3) {\n    stepToFit();\n    return;\n  }\n  const target = Math.floor((to + from) / 2);\n  clampAt(target);\n  if (isOverflow()) {\n    search(from, target);\n  } else {\n    search(target, to);\n  }\n};\nconst clampAt = (offset: number) => {\n  state.offset = offset;\n  applyChange();\n};\nconst stepToFit = () => {\n  fill();\n  clamp();\n};\nconst fill = () => {\n  while ((!isOverflow() || getLines() < 2) && state.offset < __props.text.length) {\n    moveEdge(1);\n  }\n};\nconst clamp = () => {\n  while (isOverflow() && getLines() > 1 && state.offset > 0) {\n    moveEdge(-1);\n  }\n};\nconst moveEdge = (steps: number) => {\n  clampAt(state.offset + steps);\n};\n\nconst isClamped = computed(() => {\n  if (!__props.text) return false;\n  return state.offset !== __props.text.length;\n});\nwatch(\n  () => isClamped.value,\n  (val: boolean) => {\n    nextTick(() => {\n      emits('clamp-change', val);\n    });\n  },\n  { immediate: true }\n);\nconst realText = computed(() => {\n  return isClamped.value ? clampedText.value : __props.text;\n});\n\nconst clampedText = computed(() => {\n  if (__props.location === 'start') {\n    return __props.ellipsis + (__props.text.slice(0, state.offset) || '').trim();\n  }\n  if (__props.location === 'middle') {\n    const split = Math.floor(state.offset / 2);\n    return (__props.text.slice(0, split) || '').trim() + __props.ellipsis + (__props.text.slice(-split) || '').trim();\n  }\n  return (__props.text.slice(0, state.offset) || '').trim() + __props.ellipsis;\n});\n\nconst expand = () => {\n  state.localExpanded = true;\n};\nconst collapse = () => {\n  state.localExpanded = false;\n};\nconst toggle = () => {\n  state.localExpanded = !state.localExpanded;\n};\nwatch(\n  () => __props.expanded,\n  (val: boolean) => {\n    state.localExpanded = val;\n  }\n);\nwatch(\n  () => state.localExpanded,\n  (val: boolean) => {\n    if (val) {\n      clampAt(__props.text.length);\n    } else {\n      update();\n    }\n    if (__props.expanded !== val) {\n      emits('update:expanded', val);\n    }\n  }\n);\n\nwatch(\n  () => [__props.maxLines, __props.maxHeight, __props.ellipsis, __props.location, isClamped.value].join(),\n  () => {\n    nextTick(() => {\n      update();\n    });\n  }\n);\nwatch(\n  () => [__props.text, __props.autoResize].join(),\n  () => {\n    nextTick(() => {\n      init();\n    });\n  }\n);\nonUnmounted(() => {\n  cleanUp();\n});\nonMounted(() => {\n  init();\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","textClampRef","ref","contentRef","textRef","state","reactive","__props","realMaxHeight","computed","addUnit","applyChange","realText","update","isOverflow","isClamped","search","init","cleanUp","addListener","removeListener","_a","getLines","prev","top","bottom","key","range","from","to","stepToFit","target","clampAt","offset","fill","clamp","moveEdge","steps","watch","val","nextTick","emits","clampedText","split","expand","collapse","toggle","onUnmounted","onMounted"],"mappings":"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"}

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

@@ -0,0 +1,63 @@
+export declare const VftClamp: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: import("vue").PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clamp-change" | "update:expanded")[], "clamp-change" | "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: import("vue").PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onClamp-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftClamp;

package/es/components/clamp/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import m from "./clamp.vue2.mjs";
+const f = t(m);
+export {
+  f as VftClamp,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/clamp/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Clamp from './clamp.vue'\n\nexport const VftClamp = withInstall(Clamp)\n\nexport default VftClamp\n\n"],"names":["VftClamp","withInstall","Clamp"],"mappings":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/components/clamp/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-clamp.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/clamp/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/clamp/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/clamp.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/clamp/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/clamp-toggle/clamp-toggle.vue.d.ts

@@ -0,0 +1,101 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    text: {
+        type: __PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: __PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    toggleSize: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleText: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: __PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: __PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    toggleSize: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleText: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/clamp-toggle/clamp-toggle.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./clamp-toggle.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=clamp-toggle.vue.mjs.map

package/es/components/clamp-toggle/clamp-toggle.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp-toggle.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/clamp-toggle/clamp-toggle.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent as i, computed as r, openBlock as a, createBlock as c, unref as t, normalizeStyle as u, withCtx as g, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import { generateCssVars as C } from "@vft/utils";
+import { useNamespace as p } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { VftClamp as y } from "../clamp/index.mjs";
+const h = ["onClick"], l = (
+  /* hoist-static*/
+  p("clamp-toggle")
+), k = i({
+  name: l.b()
+}), j = /* @__PURE__ */ i({
+  ...k,
+  props: {
+    text: null,
+    maxHeight: null,
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    location: { default: "end" },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 },
+    color: null,
+    size: null,
+    toggleColor: null,
+    toggleSize: null,
+    toggleText: { default: ["展开", "收缩"] }
+  },
+  setup(e) {
+    const n = r(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, l.b()));
+    return (B, S) => (a(), c(t(y), {
+      style: u(t(n)),
+      text: e.text,
+      maxHeight: e.maxHeight,
+      maxLines: e.maxLines,
+      expanded: e.expanded,
+      location: e.location,
+      ellipsis: e.ellipsis,
+      autoResize: e.autoResize
+    }, {
+      after: g(({ toggle: m, expanded: o, clamped: s }) => [
+        o || s ? (a(), d("span", {
+          key: 0,
+          class: x(["cursor-pointer", t(l).e("more")]),
+          onClick: m
+        }, f(o ? e.toggleText[1] : e.toggleText[0]), 11, h)) : z("", !0)
+      ]),
+      _: 1
+    }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=clamp-toggle.vue2.mjs.map

package/es/components/clamp-toggle/clamp-toggle.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp-toggle.vue2.mjs","sources":["../../../../../packages/components/clamp-toggle/clamp-toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('clamp-toggle')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { generateCssVars } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport Clamp from '@vft-ui/components/clamp';\nimport { computed } from 'vue';\n\ninterface ClampProps {\n  text: string;\n  maxHeight?: string | number;\n  maxLines?: number;\n  expanded?: boolean;\n  location?: 'start' | 'middle' | 'end';\n  ellipsis?: string;\n  autoResize?: boolean;\n  color?: string\n  size?: Numberish\n  toggleColor?: string;\n  toggleSize?: Numberish;\n  toggleText?: Array<string>;\n}\n\ndefineProps({\n  \"text\": null,\n  \"maxHeight\": null,\n  \"maxLines\": { default: 1 },\n  \"expanded\": { type: Boolean, default: false },\n  \"location\": { default: 'end' },\n  \"ellipsis\": { default: '…' },\n  \"autoResize\": { type: Boolean, default: false },\n  \"color\": null,\n  \"size\": null,\n  \"toggleColor\": null,\n  \"toggleSize\": null,\n  \"toggleText\": { default: ['展开', '收缩'] }\n})\n\n\n\n;\n\nconst style = computed(() => {\n\treturn generateCssVars({ color: __props.color, size: __props.size, toggleColor: __props.toggleColor, toggleSize: __props.toggleSize }, ns.b());\n});\n</script>\n\n<template>\n  <clamp\n    :style=\"style\"\n    :text=\"text\"\n    :maxHeight=\"maxHeight\"\n    :maxLines=\"maxLines\"\n    :expanded=\"expanded\"\n    :location=\"location\"\n    :ellipsis=\"ellipsis\"\n    :autoResize=\"autoResize\"\n  >\n    <template #after=\"{ toggle, expanded: isExpand, clamped }\">\n      <span  v-if=\"isExpand || clamped\" :class=\"['cursor-pointer', ns.e('more')]\" @click=\"toggle\">\n        {{ !isExpand ? toggleText[0] : toggleText[1] }}\n      </span>\n    </template>\n  </clamp>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","generateCssVars","__props"],"mappings":";;;;;;;;;uBACMA;AAAA;AAAA,EAAuBC,EAAa,cAAc;AAAA,GAGxDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;;;AAyCK,UAAAI,IAAQC,EAAS,MACfC,EAAgB,EAAE,OAAOC,EAAQ,OAAO,MAAMA,EAAQ,MAAM,aAAaA,EAAQ,aAAa,YAAYA,EAAQ,cAAcP,EAAG,GAAG,CAC7I;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/clamp-toggle/index.d.ts

@@ -0,0 +1,100 @@
+export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: import("vue").PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    toggleSize: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleText: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: import("vue").PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    toggleSize: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleText: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftClampToggle;

package/es/components/clamp-toggle/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./clamp-toggle.vue2.mjs";
+const f = t(o);
+export {
+  f as VftClampToggle,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/clamp-toggle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/clamp-toggle/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport ClampToggle from './clamp-toggle.vue'\n\nexport const VftClampToggle = withInstall(ClampToggle)\n\nexport default VftClampToggle\n\n"],"names":["VftClampToggle","withInstall","ClampToggle"],"mappings":";;;;;AAIa,MAAAA,IAAiBC,EAAYC,CAAW;"}

package/es/components/{context-menu → clamp-toggle}/style/css.mjs

@@ -1,3 +1,3 @@
 import "vft/theme-style/base.css";
-import "vft/theme-style/vft-context-menu.css";
+import "vft/theme-style/vft-clamp-toggle.css";
 //# sourceMappingURL=css.mjs.map

package/es/components/clamp-toggle/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/clamp-toggle.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/config-provider/config-provider.vue.d.ts

@@ -0,0 +1,69 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: __PropType<Theme | undefined>;
+        required: false;
+    };
+    themeVars: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsDark: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsLight: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    iconPrefix: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    namespace: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    projectCfg: {
+        type: __PropType<Record<string, any> | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: __PropType<Theme | undefined>;
+        required: false;
+    };
+    themeVars: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsDark: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsLight: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    iconPrefix: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    namespace: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    projectCfg: {
+        type: __PropType<Record<string, any> | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/config-provider/config-provider.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./config-provider.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=config-provider.vue.mjs.map