vft 0.0.18 → 0.0.20

package/lib/components/descriptions/description.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vue/shared");const q=require("../../utils/vue/vnode.js");require("@vft/utils");const y=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");const C=require("./descriptions-row.vue2.js"),g=require("./token.js"),o=y.useNamespace("descriptions"),E=e.defineComponent({name:o.b()}),N=e.defineComponent({...E,props:{border:{type:Boolean,default:!1},column:{default:3},direction:{default:"horizontal"},size:null,title:null,extra:null},setup(n){const c=e.useSlots(),h=e.getCurrentInstance();e.provide(g.descriptionsKey,h.props);const v=e.computed(()=>[o.b(),o.m("small")]),m=(t,a,r,l=!1)=>(t.props||(t.props={}),a>r&&(t.props.span=r),l&&(t.props.span=a),t),b=()=>{var p;const t=q.flattedChildren((p=c.default)==null?void 0:p.call(c)).filter(s=>{var i;return((i=s==null?void 0:s.type)==null?void 0:i.name)==="ElDescriptionsItem"}),a=[];let r=[],l=n.column,d=0;return t.forEach((s,i)=>{var f;const u=((f=s==null?void 0:s.props)==null?void 0:f.span)||1;if(i<t.length-1&&(d+=u>l?l:u),i===t.length-1){const k=n.column-d%n.column;r.push(m(s,k,l,!0)),a.push(r);return}u<l?(l-=u,r.push(s)):(r.push(m(s,u,l)),a.push(r),l=n.column,r=[])}),a};return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v))},[n.title||n.extra||t.$slots.title||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("title"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(n.extra),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("body"))},[e.createElementVNode("table",{class:e.normalizeClass([e.unref(o).e("table"),e.unref(o).is("bordered",n.border)])},[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b(),(r,l)=>(e.openBlock(),e.createBlock(C.default,{key:l,row:r},null,8,["row"]))),128))])],2)],2)],2))}});exports.default=N;
+//# sourceMappingURL=description.vue2.js.map

package/lib/components/descriptions/description.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.vue2.js","sources":["../../../../../packages/components/descriptions/description.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('descriptions')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n\t<div :class=\"descriptionKls\">\n\t\t<div\n\t\t\t\tv-if=\"title || extra || $slots.title || $slots.extra\"\n\t\t\t\t:class=\"ns.e('header')\"\n\t\t>\n\t\t\t<div :class=\"ns.e('title')\">\n\t\t\t\t<slot name=\"title\">{{ title }}</slot>\n\t\t\t</div>\n\t\t\t<div :class=\"ns.e('extra')\">\n\t\t\t\t<slot name=\"extra\">{{ extra }}</slot>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div :class=\"ns.e('body')\">\n\t\t\t<table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n\t\t\t\t<tbody>\n\t\t\t\t<template v-for=\"(row, index) in getRows()\" :key=\"index\">\n\t\t\t\t\t<descriptions-row :row=\"row\" />\n\t\t\t\t</template>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, useSlots, getCurrentInstance } from 'vue';\nimport { flattedChildren } from '@vft-ui/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport DescriptionsRow from './descriptions-row.vue';\nimport { descriptionsKey } from './token';\n\ninterface Props {\n  border?: boolean\n  column?: number\n  direction?: 'horizontal' | 'vertical'\n  size?: string\n  title?: string\n  extra?: string\n}\n\ndefineProps({\n  \"border\": { type: Boolean, default: false },\n  \"column\": { default: 3 },\n  \"direction\": { default: 'horizontal' },\n  \"size\": null,\n  \"title\": null,\n  \"extra\": null\n})\n\n\n\n;\n\nconst slots = useSlots();\n\nconst instance = getCurrentInstance()!;\n\nprovide(descriptionsKey, instance.props as any);\n\nconst descriptionKls = computed(() => [ns.b(), ns.m('small')]);\n\nconst filledNode = (node, span, count, isLast = false) => {\n  if (!node.props) {\n    node.props = {};\n  }\n  if (span > count) {\n    node.props.span = count;\n  }\n  if (isLast) {\n    // set the last span\n    node.props.span = span;\n  }\n  return node;\n};\n\nconst getRows = () => {\n\tconst children = flattedChildren(slots.default?.()!).filter(\n\t\t(node) => node?.type?.name === 'ElDescriptionsItem'\n\t)\n\tconst rows: any[] = []\n\tlet temp: any[] = []\n\tlet count = __props.column\n\tlet totalSpan = 0 // all spans number of item\n\n\tchildren.forEach((node, index) => {\n\t\tconst span = node?.props?.span || 1\n\n\t\tif (index < children.length - 1) {\n\t\t\ttotalSpan += span > count ? count : span\n\t\t}\n\n\t\tif (index === children.length - 1) {\n\t\t\t// calculate the last item span\n\t\t\tconst lastSpan = __props.column - (totalSpan % __props.column)\n\t\t\ttemp.push(filledNode(node, lastSpan, count, true))\n\t\t\trows.push(temp)\n\t\t\treturn\n\t\t}\n\n\t\tif (span < count) {\n\t\t\tcount -= span\n\t\t\ttemp.push(node)\n\t\t} else {\n\t\t\ttemp.push(filledNode(node, span, count))\n\t\t\trows.push(temp)\n\t\t\tcount = __props.column\n\t\t\ttemp = []\n\t\t}\n\t})\n\n\treturn rows\n}\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","slots","useSlots","instance","getCurrentInstance","provide","descriptionsKey","descriptionKls","computed","filledNode","node","span","count","isLast","getRows","children","flattedChildren","_a","rows","temp","__props","totalSpan","index","lastSpan"],"mappings":"wcACMA,EAAuBC,EAAAA,aAAa,cAAc,EAGxDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,kKAwDD,MAAMI,EAAQC,EAAAA,WAERC,EAAWC,EAAAA,qBAETC,EAAAA,QAAAC,EAAA,gBAAiBH,EAAS,KAAY,EAExC,MAAAI,EAAiBC,EAAAA,SAAS,IAAM,CAACX,EAAG,IAAKA,EAAG,EAAE,OAAO,CAAC,CAAC,EAEvDY,EAAa,CAACC,EAAMC,EAAMC,EAAOC,EAAS,MACzCH,EAAK,QACRA,EAAK,MAAQ,IAEXC,EAAOC,IACTF,EAAK,MAAM,KAAOE,GAEhBC,IAEFH,EAAK,MAAM,KAAOC,GAEbD,GAGHI,EAAU,IAAM,OACrB,MAAMC,EAAWC,EAAA,iBAAgBC,EAAAhB,EAAM,UAAN,YAAAgB,EAAA,KAAAhB,EAAkB,EAAE,OACnDS,GAAS,OAAA,QAAAO,EAAAP,GAAA,YAAAA,EAAM,OAAN,YAAAO,EAAY,QAAS,qBAAA,EAE1BC,EAAc,CAAA,EACpB,IAAIC,EAAc,CAAA,EACdP,EAAQQ,EAAQ,OAChBC,EAAY,EAEP,OAAAN,EAAA,QAAQ,CAACL,EAAMY,IAAU,OAC3B,MAAAX,IAAOM,EAAAP,GAAA,YAAAA,EAAM,QAAN,YAAAO,EAAa,OAAQ,EAM9B,GAJAK,EAAQP,EAAS,OAAS,IAChBM,GAAAV,EAAOC,EAAQA,EAAQD,GAGjCW,IAAUP,EAAS,OAAS,EAAG,CAElC,MAAMQ,EAAWH,EAAQ,OAAUC,EAAYD,EAAQ,OACvDD,EAAK,KAAKV,EAAWC,EAAMa,EAAUX,EAAO,EAAI,CAAC,EACjDM,EAAK,KAAKC,CAAI,EACd,MACD,CAEIR,EAAOC,GACDA,GAAAD,EACTQ,EAAK,KAAKT,CAAI,IAEdS,EAAK,KAAKV,EAAWC,EAAMC,EAAMC,CAAK,CAAC,EACvCM,EAAK,KAAKC,CAAI,EACdP,EAAQQ,EAAQ,OAChBD,EAAO,CAAA,EACR,CACA,EAEMD,CAAA"}

package/lib/components/descriptions/descriptions-cell.d.ts

@@ -0,0 +1,25 @@
+import type { IDescriptionsInject } from './descriptions.type';
+declare const _default: import("vue").DefineComponent<{
+    cell: {
+        type: ObjectConstructor;
+    };
+    tag: {
+        type: StringConstructor;
+    };
+    type: {
+        type: StringConstructor;
+    };
+}, {
+    descriptions: IDescriptionsInject;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    cell: {
+        type: ObjectConstructor;
+    };
+    tag: {
+        type: StringConstructor;
+    };
+    type: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default _default;

package/lib/components/descriptions/descriptions-cell.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),v=require("@vft/utils"),S=require("../../hooks/use-namespace/index.js");require("@popperjs/core");const f=require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const C=require("../../utils/vue/vnode.js"),j=require("./token.js"),w=s.defineComponent({name:"VftDescriptionsCell",props:{cell:{type:Object},tag:{type:String},type:{type:String}},setup(){return{descriptions:s.inject(j.descriptionsKey,{})}},render(){var b,i,g,m,c,q;const e=C.getNormalizedProps(this.cell),{border:d,direction:y}=this.descriptions,l=y==="vertical",r=((g=(i=(b=this.cell)==null?void 0:b.children)==null?void 0:i.label)==null?void 0:g.call(i))||e.label,u=(q=(c=(m=this.cell)==null?void 0:m.children)==null?void 0:c.default)==null?void 0:q.call(c),n=e.span,a=e.align?`is-${e.align}`:"",N=e.labelAlign?`is-${e.labelAlign}`:a,p=e.className,h=e.labelClassName,o={width:v.addUnit(e.width),minWidth:v.addUnit(e.minWidth)},t=S.useNamespace("descriptions");switch(this.type){case"label":return s.h(this.tag,{style:o,class:[t.e("cell"),t.e("label"),t.is("bordered-label",d),t.is("vertical-label",l),N,h],colSpan:l?n:1},r);case"content":return s.h(this.tag,{style:o,class:[t.e("cell"),t.e("content"),t.is("bordered-content",d),t.is("vertical-content",l),a,p],colSpan:l?n:n*2-1},u);default:return s.h("td",{style:o,class:[t.e("cell"),a],colSpan:n},[f.isNil(r)?void 0:s.h("span",{class:[t.e("label"),h]},r),s.h("span",{class:[t.e("content"),p]},u)])}}});exports.default=w;
+//# sourceMappingURL=descriptions-cell.js.map

package/lib/components/descriptions/descriptions-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions-cell.js","sources":["../../../../../packages/components/descriptions/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { getNormalizedProps } from '../../utils';\nimport { descriptionsKey } from './token';\nimport { isNil } from 'lodash'\nimport type { VNode } from 'vue';\nimport type { IDescriptionsInject, IDescriptionsItemInject } from './descriptions.type';\n\nexport default defineComponent({\n  name: 'VftDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup () {\n    const descriptions = inject(descriptionsKey, {} as IDescriptionsInject)\n    \n    return {\n      descriptions,\n    }\n  },\n  render () {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n    \n    const { border, direction } = this.descriptions\n    const isVertical = direction === 'vertical'\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n    const ns = useNamespace('descriptions')\n    \n    switch (this.type) {\n    case 'label':\n      return h(\n        this.tag!,\n        {\n          style,\n          class: [\n            ns.e('cell'),\n            ns.e('label'),\n            ns.is('bordered-label', border),\n            ns.is('vertical-label', isVertical),\n            labelAlign,\n            labelClassName,\n          ],\n          colSpan: isVertical ? span : 1,\n        },\n        label\n      )\n    case 'content':\n      return h(\n        this.tag!,\n        {\n          style,\n          class: [\n            ns.e('cell'),\n            ns.e('content'),\n            ns.is('bordered-content', border),\n            ns.is('vertical-content', isVertical),\n            align,\n            className,\n          ],\n          colSpan: isVertical ? span : span * 2 - 1,\n        },\n        content\n      )\n    default:\n      return h(\n        'td',\n        {\n          style,\n          class: [ns.e('cell'), align],\n          colSpan: span,\n        },\n        [\n          !isNil(label)\n            ? h(\n              'span',\n              {\n                class: [ns.e('label'), labelClassName],\n              },\n              label\n            )\n            : undefined,\n          h(\n            'span',\n            {\n              class: [ns.e('content'), className],\n            },\n            content\n          ),\n        ]\n      )\n    }\n  },\n})\n"],"names":["DescriptionsCell","defineComponent","inject","descriptionsKey","item","getNormalizedProps","border","direction","isVertical","label","_c","_b","_a","content","_f","_e","_d","span","align","labelAlign","className","labelClassName","style","addUnit","ns","useNamespace","h","isNil"],"mappings":"8ZASAA,EAAeC,kBAAgB,CAC7B,KAAM,sBACN,MAAO,CACL,KAAM,CACJ,KAAM,MACR,EACA,IAAK,CACH,KAAM,MACR,EACA,KAAM,CACJ,KAAM,MACR,CACF,EACA,OAAS,CAGA,MAAA,CACL,aAHmBC,EAAAA,OAAOC,EAAiB,gBAAA,CAAyB,CAAA,CAGpE,CAEJ,EACA,QAAU,iBACR,MAAMC,EAAOC,EAAA,mBACX,KAAK,IAAA,EAGD,CAAE,OAAAC,EAAQ,UAAAC,GAAc,KAAK,aAC7BC,EAAaD,IAAc,WAC3BE,IAAQC,GAAAC,GAAAC,EAAA,KAAK,OAAL,YAAAA,EAAW,WAAX,YAAAD,EAAqB,QAArB,YAAAD,EAAA,KAAAC,KAAkCP,EAAK,MAC/CS,GAAUC,GAAAC,GAAAC,EAAA,KAAK,OAAL,YAAAA,EAAW,WAAX,YAAAD,EAAqB,UAArB,YAAAD,EAAA,KAAAC,GACVE,EAAOb,EAAK,KACZc,EAAQd,EAAK,MAAQ,MAAMA,EAAK,QAAU,GAC1Ce,EAAaf,EAAK,WAAa,MAAMA,EAAK,aAAqBc,EAC/DE,EAAYhB,EAAK,UACjBiB,EAAiBjB,EAAK,eACtBkB,EAAQ,CACZ,MAAOC,EAAAA,QAAQnB,EAAK,KAAK,EACzB,SAAUmB,EAAAA,QAAQnB,EAAK,QAAQ,CAAA,EAE3BoB,EAAKC,eAAa,cAAc,EAEtC,OAAQ,KAAK,KAAM,CACnB,IAAK,QACI,OAAAC,EAAA,EACL,KAAK,IACL,CACE,MAAAJ,EACA,MAAO,CACLE,EAAG,EAAE,MAAM,EACXA,EAAG,EAAE,OAAO,EACZA,EAAG,GAAG,iBAAkBlB,CAAM,EAC9BkB,EAAG,GAAG,iBAAkBhB,CAAU,EAClCW,EACAE,CACF,EACA,QAASb,EAAaS,EAAO,CAC/B,EACAR,CAAA,EAEJ,IAAK,UACI,OAAAiB,EAAA,EACL,KAAK,IACL,CACE,MAAAJ,EACA,MAAO,CACLE,EAAG,EAAE,MAAM,EACXA,EAAG,EAAE,SAAS,EACdA,EAAG,GAAG,mBAAoBlB,CAAM,EAChCkB,EAAG,GAAG,mBAAoBhB,CAAU,EACpCU,EACAE,CACF,EACA,QAASZ,EAAaS,EAAOA,EAAO,EAAI,CAC1C,EACAJ,CAAA,EAEJ,QACS,OAAAa,EAAA,EACL,KACA,CACE,MAAAJ,EACA,MAAO,CAACE,EAAG,EAAE,MAAM,EAAGN,CAAK,EAC3B,QAASD,CACX,EACA,CACGU,EAAM,MAAAlB,CAAK,EAQR,OAPAiB,EAAA,EACA,OACA,CACE,MAAO,CAACF,EAAG,EAAE,OAAO,EAAGH,CAAc,CACvC,EACAZ,CAEA,EACJiB,EAAA,EACE,OACA,CACE,MAAO,CAACF,EAAG,EAAE,SAAS,EAAGJ,CAAS,CACpC,EACAP,CACF,CACF,CAAA,CAEJ,CACF,CACF,CAAC"}

package/lib/components/descriptions/descriptions-row.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    row: {
+        type: __PropType<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<{
+    row: {
+        type: __PropType<any[] | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/descriptions/descriptions-row.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./descriptions-row.vue2.js");exports.default=e.default;
+//# sourceMappingURL=descriptions-row.vue.js.map

package/lib/components/descriptions/descriptions-row.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions-row.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/descriptions/descriptions-row.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const n=require("./descriptions-cell.js"),u=require("./token.js"),a={key:1},i=c.useNamespace("descriptions-row"),d=e.defineComponent({name:i.b()}),s=e.defineComponent({...d,props:{row:{default:[]}},setup(l){const o=e.inject(u.descriptionsKey,{});return(k,p)=>e.unref(o).direction==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,r)=>(e.openBlock(),e.createBlock(e.unref(n.default),{key:`tr1-${r}`,cell:t,tag:"th",type:"label"},null,8,["cell"]))),128))]),e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,r)=>(e.openBlock(),e.createBlock(e.unref(n.default),{key:`tr2-${r}`,cell:t,tag:"td",type:"content"},null,8,["cell"]))),128))])],64)):(e.openBlock(),e.createElementBlock("tr",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`tr3-${r}`},[e.unref(o).border?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(n.default),{cell:t,tag:"td",type:"label"},null,8,["cell"]),e.createVNode(e.unref(n.default),{cell:t,tag:"td",type:"content"},null,8,["cell"])],64)):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,cell:t,tag:"td",type:"both"},null,8,["cell"]))],64))),128))]))}});exports.default=s;
+//# sourceMappingURL=descriptions-row.vue2.js.map

package/lib/components/descriptions/descriptions-row.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions-row.vue2.js","sources":["../../../../../packages/components/descriptions/descriptions-row.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('descriptions-row')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <template v-if=\"descriptions.direction === 'vertical'\">\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr1-${index}`\">\n        <descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n      </template>\n    </tr>\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr2-${index}`\">\n        <descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n    </tr>\n  </template>\n  <tr v-else>\n    <template v-for=\"(cell, index) in row\" :key=\"`tr3-${index}`\">\n      <template v-if=\"descriptions.border\">\n        <descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n        <descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n      <descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n    </template>\n  </tr>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nimport DescriptionsCell from './descriptions-cell';\nimport { descriptionsKey } from './token';\n\nimport type { IDescriptionsInject } from './descriptions.type';\n\ninterface Props {\n\trow?: Array<any>\n}\n\ndefineProps({\n  \"row\": { default: [] }\n})\n\n\n\n;\n\nconst descriptions = inject(descriptionsKey, {} as IDescriptionsInject);\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","descriptions","inject","descriptionsKey"],"mappings":"4ZACMA,EAAuBC,EAAAA,aAAa,kBAAkB,EAG5DC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,8DA8CD,MAAMI,EAAeC,EAAAA,OAAOC,EAAiB,gBAAA,CAAyB,CAAA"}

package/lib/components/descriptions/descriptions.type.d.ts

@@ -0,0 +1,18 @@
+export interface IDescriptionsInject {
+    border: boolean;
+    column: number;
+    direction: 'horizontal' | 'vertical';
+    size: '' | 'default' | 'small' | 'large';
+    title: string;
+    extra: string;
+}
+export interface IDescriptionsItemInject {
+    label: string;
+    span: number;
+    width: string | number;
+    minWidth: string | number;
+    align: string;
+    labelAlign: string;
+    className: string;
+    labelClassName: string;
+}

package/lib/components/descriptions/descriptions.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=descriptions.type.js.map

package/lib/components/descriptions/descriptions.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.type.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/descriptions/index.d.ts

@@ -0,0 +1,187 @@
+export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    border: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    column: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    extra: {
+        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<{
+    border: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    column: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    extra: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>> & {
+    DescriptionsItem: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        span: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        width: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        minWidth: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        align: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        labelAlign: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        className: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        labelClassName: {
+            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<{
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        span: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        width: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        minWidth: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        align: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        labelAlign: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        className: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        labelClassName: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+    }>>, {}>;
+};
+export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    span: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    align: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    labelAlign: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    labelClassName: {
+        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<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    span: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    align: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    labelAlign: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    labelClassName: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>>;
+export default VftDescriptions;

package/lib/components/descriptions/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const r=require("./description.vue2.js"),t=require("./description-item.vue2.js"),i=e.withInstall(r.default,{DescriptionsItem:t.default}),s=e.withNoopInstall(t.default);exports.VftDescriptions=i;exports.VftDescriptionsItem=s;exports.default=i;
+//# sourceMappingURL=index.js.map

package/lib/components/descriptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/descriptions/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Descriptions from './description.vue'\nimport DescriptionsItem from './description-item.vue'\n\nexport const VftDescriptions = withInstall(Descriptions, {\n\tDescriptionsItem,\n})\n\nexport const VftDescriptionsItem = withNoopInstall(DescriptionsItem)\n\nexport default VftDescriptions\n\n"],"names":["VftDescriptions","withInstall","Descriptions","DescriptionsItem","VftDescriptionsItem","withNoopInstall"],"mappings":"uSAKaA,EAAkBC,cAAYC,UAAc,CAAA,iBACxDC,EAAA,OACD,CAAC,EAEYC,EAAsBC,kBAAgBF,EAAgB,OAAA"}

package/lib/components/descriptions/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-descriptions.css");
+//# sourceMappingURL=css.js.map

package/lib/components/descriptions/style/css.js.map

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

package/lib/components/descriptions/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/descriptions.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/descriptions/style/index.js.map

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

package/lib/components/descriptions/token.d.ts

@@ -0,0 +1,3 @@
+import type { InjectionKey } from 'vue';
+import type { IDescriptionsInject } from './descriptions.type';
+export declare const descriptionsKey: InjectionKey<IDescriptionsInject>;

package/lib/components/descriptions/token.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("vftDescriptions");exports.descriptionsKey=e;
+//# sourceMappingURL=token.js.map

package/lib/components/descriptions/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../packages/components/descriptions/token.ts"],"sourcesContent":["import type { InjectionKey } from 'vue';\nimport type { IDescriptionsInject } from './descriptions.type';\n\nexport const descriptionsKey: InjectionKey<IDescriptionsInject> = Symbol('vftDescriptions')\n"],"names":["descriptionsKey"],"mappings":"gFAGa,MAAAA,EAAqD,OAAO,iBAAiB"}

package/lib/components/descriptions-item/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-descriptions-item.css");
+//# sourceMappingURL=css.js.map

package/lib/components/descriptions-item/style/css.js.map

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

package/lib/components/descriptions-item/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/descriptions-item.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/descriptions-item/style/index.js.map

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

package/lib/components/divider/divider.vue.d.ts

@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"left" | "center" | "right" | undefined>;
+        type: __PropType<"center" | "left" | "right" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"left" | "center" | "right" | undefined>;
+        type: __PropType<"center" | "left" | "right" | undefined>;
         required: false;
     };
     borderStyle: {

package/lib/components/divider/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"left" | "center" | "right" | undefined>;
+        type: import("vue").PropType<"center" | "left" | "right" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -29,7 +29,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"left" | "center" | "right" | undefined>;
+        type: import("vue").PropType<"center" | "left" | "right" | undefined>;
         required: false;
     };
     borderStyle: {

package/lib/components/full-screen/full-screen.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/lib/components/full-screen/full-screen.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./full-screen.vue2.js");exports.default=e.default;
+//# sourceMappingURL=full-screen.vue.js.map

package/lib/components/full-screen/full-screen.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/full-screen/full-screen.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/use"),i=require("../icon/index.js"),c=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const t=c.useNamespace("full-screen"),l=e.defineComponent({name:t.b()}),a=e.defineComponent({...l,setup(f){const{toggle:r,isFullscreen:n}=o.useFullscreen();return(d,u)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(t).b()),onClick:u[0]||(u[0]=(...s)=>e.unref(r)&&e.unref(r)(...s))},[e.createVNode(e.unref(i.VftIcon),{icon:e.unref(n)?"vi-exit-screen":"vi-full-screen"},null,8,["icon"]),e.createTextVNode(" "+e.toDisplayString(e.unref(n)?"退出全屏":"全屏"),1)],2))}});exports.default=a;
+//# sourceMappingURL=full-screen.vue2.js.map

package/lib/components/full-screen/full-screen.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen.vue2.js","sources":["../../../../../packages/components/full-screen/full-screen.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('full-screen')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useFullscreen } from '@vft/use';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\n\n\n;\n\nconst { toggle, isFullscreen } = useFullscreen();\n</script>\n\n<template>\n  <span :class=\"ns.b()\" @click=\"toggle\">\n    <icon :icon=\"!isFullscreen ? 'vi-full-screen' : 'vi-exit-screen'\" />\n    {{ !isFullscreen ? '全屏' : '退出全屏' }}\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","toggle","isFullscreen","useFullscreen"],"mappings":"oYACA,MAAMA,EAAuBC,EAAAA,aAAa,aAAa,EAGvDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,qCAUD,KAAM,CAAE,OAAAI,EAAQ,aAAAC,CAAa,EAAIC,EAAc,cAAA"}

package/lib/components/full-screen/index.d.ts

@@ -0,0 +1,2 @@
+export declare const VftFullScreen: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>> & Record<string, any>;
+export default VftFullScreen;

package/lib/components/full-screen/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const r=require("./full-screen.vue2.js"),e=t.withInstall(r.default);exports.VftFullScreen=e;exports.default=e;
+//# sourceMappingURL=index.js.map

package/lib/components/full-screen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/full-screen/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport FullScreen from './full-screen.vue'\n\nexport const VftFullScreen = withInstall(FullScreen)\n\nexport default VftFullScreen\n"],"names":["VftFullScreen","withInstall","FullScreen"],"mappings":"+PAIaA,EAAgBC,cAAYC,EAAU,OAAA"}

package/lib/components/full-screen/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-full-screen.css");
+//# sourceMappingURL=css.js.map

package/lib/components/full-screen/style/css.js.map

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

package/lib/components/full-screen/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/full-screen.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/full-screen/style/index.js.map

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

package/lib/components/header-layout/style/css.js

@@ -1,2 +1,2 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-header-layout.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-logo.css");require("vft/theme-style/vft-header-layout.css");
 //# sourceMappingURL=css.js.map

package/lib/components/header-layout/style/index.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/header-layout.scss.js");
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/header-layout.scss.js");require("../../../theme-style/src/logo.scss.js");
 //# sourceMappingURL=index.js.map

package/lib/components/icon-text/icon-text.vue.d.ts

@@ -0,0 +1,56 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components/icon';
+declare const _sfc_main: import("vue").DefineComponent<{
+    text: {
+        type: __PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: __PropType<IconProps>;
+        required: true;
+    };
+    color: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    hoverColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    distance: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: __PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: __PropType<IconProps>;
+        required: true;
+    };
+    color: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    hoverColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    distance: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/icon-text/icon-text.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon-text.vue2.js");exports.default=e.default;
+//# sourceMappingURL=icon-text.vue.js.map

package/lib/components/icon-text/icon-text.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/icon-text/icon-text.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils"),c=require("../icon/index.js"),s=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const u=s.useNamespace("icon-text"),a=e.defineComponent({name:u.b()}),d=e.defineComponent({...a,props:{text:null,icon:null,color:{default:"#434343"},hoverColor:null,distance:null,reverse:{type:Boolean}},emits:["click"],setup(t,{emit:i}){e.computed(()=>t.hoverColor?t.hoverColor:t.color);const r=e.computed(()=>n.singleAttrToObj(t.icon,"icon",{size:16,color:t.color})),o=e.computed(()=>t.reverse?{marginLeft:n.addUnit(t.distance)}:{marginRight:n.addUnit(t.distance)});return(m,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(u).b()),onClick:l[0]||(l[0]=f=>i("click"))},[t.reverse?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:0},e.unref(r),{style:e.unref(o)}),null,16,["style"])),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),t.reverse?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:1},e.unref(r),{style:e.unref(o)}),null,16,["style"])):e.createCommentVNode("",!0)],2))}});exports.default=d;
+//# sourceMappingURL=icon-text.vue2.js.map

package/lib/components/icon-text/icon-text.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text.vue2.js","sources":["../../../../../packages/components/icon-text/icon-text.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon-text')\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 { addUnit, singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IconTextProps {\n  text: string;\n  icon: IconProps;\n  color?: string;\n  hoverColor?: string;\n  distance?: Numberish;\n  reverse?: boolean;\n}\n\ndefineProps({\n  \"text\": null,\n  \"icon\": null,\n  \"color\": { default: '#434343' },\n  \"hoverColor\": null,\n  \"distance\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst _hoverColor = computed(() => {\n  return __props.hoverColor ? __props.hoverColor : __props.color;\n});\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', { size: 16, color: __props.color }) as IconProps;\n});\n\nconst distanceStyle = computed(() => {\n  return __props.reverse ? { marginLeft: addUnit(__props.distance) } : { marginRight: addUnit(__props.distance) };\n});\n</script>\n\n<template>\n  <span :class=\"ns.b()\" @click=\"emit('click')\">\n    <vft-icon v-if=\"!reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n    {{ text }}\n    <vft-icon v-if=\"reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","__props","_icon","singleAttrToObj","distanceStyle","addUnit"],"mappings":"gXACA,MAAMA,EAAuBC,EAAAA,aAAa,WAAW,EAGrDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,yKA+BmBI,EAAAA,SAAS,IACpBC,EAAQ,WAAaA,EAAQ,WAAaA,EAAQ,KAC1D,EAEK,MAAAC,EAAQF,EAAAA,SAAS,IACdG,kBAAgBF,EAAQ,KAAM,OAAQ,CAAE,KAAM,GAAI,MAAOA,EAAQ,KAAO,CAAA,CAChF,EAEKG,EAAgBJ,EAAAA,SAAS,IACtBC,EAAQ,QAAU,CAAE,WAAYI,EAAAA,QAAQJ,EAAQ,QAAQ,CAAE,EAAI,CAAE,YAAaI,EAAAA,QAAQJ,EAAQ,QAAQ,CAAE,CAC/G"}