@treeui/vue 0.12.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/dist/components/TButton.cjs.map +1 -1
- package/dist/components/TButton.js.map +1 -1
- package/dist/components/TButton.vue.d.ts +2 -2
- package/dist/components/TButton.vue.d.ts.map +1 -1
- package/dist/components/TButton.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/TButton.vue_vue_type_script_setup_true_lang.cjs.map +1 -1
- package/dist/components/TButton.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/components/TButton.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/TChart.cjs +2 -0
- package/dist/components/TChart.cjs.map +1 -0
- package/dist/components/TChart.js +7 -0
- package/dist/components/TChart.js.map +1 -0
- package/dist/components/TChart.vue.d.ts +123 -0
- package/dist/components/TChart.vue.d.ts.map +1 -0
- package/dist/components/TChart.vue_vue_type_script_setup_true_lang.cjs +2 -0
- package/dist/components/TChart.vue_vue_type_script_setup_true_lang.cjs.map +1 -0
- package/dist/components/TChart.vue_vue_type_script_setup_true_lang.js +370 -0
- package/dist/components/TChart.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/TDonutChart.cjs +2 -0
- package/dist/components/TDonutChart.cjs.map +1 -0
- package/dist/components/TDonutChart.js +7 -0
- package/dist/components/TDonutChart.js.map +1 -0
- package/dist/components/TDonutChart.vue.d.ts +75 -0
- package/dist/components/TDonutChart.vue.d.ts.map +1 -0
- package/dist/components/TDonutChart.vue_vue_type_script_setup_true_lang.cjs +2 -0
- package/dist/components/TDonutChart.vue_vue_type_script_setup_true_lang.cjs.map +1 -0
- package/dist/components/TDonutChart.vue_vue_type_script_setup_true_lang.js +168 -0
- package/dist/components/TDonutChart.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/TFileUpload.cjs.map +1 -1
- package/dist/components/TFileUpload.js.map +1 -1
- package/dist/components/TFileUpload.vue.d.ts +77 -10
- package/dist/components/TFileUpload.vue.d.ts.map +1 -1
- package/dist/components/TFileUpload.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/TFileUpload.vue_vue_type_script_setup_true_lang.cjs.map +1 -1
- package/dist/components/TFileUpload.vue_vue_type_script_setup_true_lang.js +393 -144
- package/dist/components/TFileUpload.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/TGrid.vue.d.ts +1 -1
- package/dist/components/TGrid.vue.d.ts.map +1 -1
- package/dist/components/TNavMenu.cjs.map +1 -1
- package/dist/components/TNavMenu.js.map +1 -1
- package/dist/components/TNavMenu.vue.d.ts +9 -0
- package/dist/components/TNavMenu.vue.d.ts.map +1 -1
- package/dist/components/TNavMenu.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/TNavMenu.vue_vue_type_script_setup_true_lang.cjs.map +1 -1
- package/dist/components/TNavMenu.vue_vue_type_script_setup_true_lang.js +67 -55
- package/dist/components/TNavMenu.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/TPage.cjs +2 -0
- package/dist/components/TPage.cjs.map +1 -0
- package/dist/components/TPage.js +7 -0
- package/dist/components/TPage.js.map +1 -0
- package/dist/components/TPage.vue.d.ts +35 -0
- package/dist/components/TPage.vue.d.ts.map +1 -0
- package/dist/components/TPage.vue_vue_type_script_setup_true_lang.cjs +2 -0
- package/dist/components/TPage.vue_vue_type_script_setup_true_lang.cjs.map +1 -0
- package/dist/components/TPage.vue_vue_type_script_setup_true_lang.js +49 -0
- package/dist/components/TPage.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/TPageHeader.cjs +2 -0
- package/dist/components/TPageHeader.cjs.map +1 -0
- package/dist/components/TPageHeader.js +7 -0
- package/dist/components/TPageHeader.js.map +1 -0
- package/dist/components/TPageHeader.vue.d.ts +40 -0
- package/dist/components/TPageHeader.vue.d.ts.map +1 -0
- package/dist/components/TPageHeader.vue_vue_type_script_setup_true_lang.cjs +2 -0
- package/dist/components/TPageHeader.vue_vue_type_script_setup_true_lang.cjs.map +1 -0
- package/dist/components/TPageHeader.vue_vue_type_script_setup_true_lang.js +54 -0
- package/dist/components/TPageHeader.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/TSidebar.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/TSidebar.vue_vue_type_script_setup_true_lang.cjs.map +1 -1
- package/dist/components/TSidebar.vue_vue_type_script_setup_true_lang.js +1 -4
- package/dist/components/TSidebar.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/TSparkline.cjs +2 -0
- package/dist/components/TSparkline.cjs.map +1 -0
- package/dist/components/TSparkline.js +7 -0
- package/dist/components/TSparkline.js.map +1 -0
- package/dist/components/TSparkline.vue.d.ts +40 -0
- package/dist/components/TSparkline.vue.d.ts.map +1 -0
- package/dist/components/TSparkline.vue_vue_type_script_setup_true_lang.cjs +2 -0
- package/dist/components/TSparkline.vue_vue_type_script_setup_true_lang.cjs.map +1 -0
- package/dist/components/TSparkline.vue_vue_type_script_setup_true_lang.js +107 -0
- package/dist/components/TSparkline.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/TStack.vue.d.ts +1 -1
- package/dist/components/TStack.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +9 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +51 -46
- package/dist/plugin.cjs +1 -1
- package/dist/plugin.cjs.map +1 -1
- package/dist/plugin.d.ts.map +1 -1
- package/dist/plugin.js +100 -90
- package/dist/plugin.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TSidebar.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TSize;\n side?: TSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 't-sidebar',\n `t-sidebar--${props.size}`,\n `t-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"t-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"t-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"t-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"t-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n"],"mappings":"qyBAeA,IAAM,GAAA,EAAA,EAAA,YAAA,CAA8B,cAAc,EAC5C,GAAA,EAAA,EAAA,YAAA,CAA+B,eAAe,EAE9C,EAAQ,EA+BR,EAAO,EAYP,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,CAAE,MAAO,EAAa,YAAa,EAAA,qBAAA,EAAA,EAAA,MAAA,CACjC,EAAO,WAAW,EACxB,EAAM,iBACL,GAAU,CACT,EAAK,mBAAoB,CAAK,EAC9B,EAAK,kBAAmB,CAAK,CAC/B,CACF,EAEM,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,YACA,cAAc,EAAM,OACpB,cAAc,EAAM,OACpB,CACE,eAAgB,EAAY,MAC5B,YAAa,EAAM,OACnB,cAAe,EAAM,QACvB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,uBAAwB,EAAM,MAC9B,iCAAkC,EAAM,cAC1C,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,MAAwB,CACvB,EAAM,aAIX,EAAS,CAAC,EAAY,KAAK,CAC7B,EAEM,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,OAAS,QACV,EAAY,MAAQ,EAAkB,EAGxC,EAAY,MAAQ,EAAmB,CAC/C,EAEK,GAAA,EAAA,EAAA,SAAA,KACJ,EAAY,MAAQ,EAAM,YAAc,EAAM,aAChD,SAEA,EAAA,EAAA,QAAA,CAAQ,EAAA,wBAAyB,CAC/B,WAAA,EAAA,EAAA,SAAA,KAA0B,EAAY,KAAK,CAC7C,CAAC,4EAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAiDE,MAjDO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,MACP,cAAA,EAAA,EAAA,MAAA,CAAY,CAAA,EAAW,YAAA,wCAUlB,CAPEA,EAAAA,OAAO,SAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAOT,MARN,EAQM,EAAA,EAAA,EAAA,WAAA,CADF,EAAA,OAAA,SAAA,CADC,WAAA,EAAA,EAAA,MAAA,CAAW,CAAA,CAAW,CAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAMrB,MAFN,EAEM,EAAA,EAAA,EAAA,WAAA,CAD6B,EAAA,OAAA,UAAA,CAA1B,WAAA,EAAA,EAAA,MAAA,CAAW,CAAA,CAAW,CAAA,CAAA,CAAA,EAIvBA,EAAAA,OAAO,QAAU,EAAA,cAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CA4BnB,MA7BN,EA6BM,CAxBIA,EAAAA,OAAO,QAAA,EAAA,EAAA,WAAA,CAGb,EAAA,OAAA,SAAA,
|
|
1
|
+
{"version":3,"file":"TSidebar.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TSize;\n side?: TSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 't-sidebar',\n `t-sidebar--${props.size}`,\n `t-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"t-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"t-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"t-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"t-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n"],"mappings":"qyBAeA,IAAM,GAAA,EAAA,EAAA,YAAA,CAA8B,cAAc,EAC5C,GAAA,EAAA,EAAA,YAAA,CAA+B,eAAe,EAE9C,EAAQ,EA+BR,EAAO,EAYP,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,CAAE,MAAO,EAAa,YAAa,EAAA,qBAAA,EAAA,EAAA,MAAA,CACjC,EAAO,WAAW,EACxB,EAAM,iBACL,GAAU,CACT,EAAK,mBAAoB,CAAK,EAC9B,EAAK,kBAAmB,CAAK,CAC/B,CACF,EAEM,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,YACA,cAAc,EAAM,OACpB,cAAc,EAAM,OACpB,CACE,eAAgB,EAAY,MAC5B,YAAa,EAAM,OACnB,cAAe,EAAM,QACvB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,uBAAwB,EAAM,MAC9B,iCAAkC,EAAM,cAC1C,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,MAAwB,CACvB,EAAM,aAIX,EAAS,CAAC,EAAY,KAAK,CAC7B,EAEM,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,OAAS,QACV,EAAY,MAAQ,EAAkB,EAGxC,EAAY,MAAQ,EAAmB,CAC/C,EAEK,GAAA,EAAA,EAAA,SAAA,KACJ,EAAY,MAAQ,EAAM,YAAc,EAAM,aAChD,SAEA,EAAA,EAAA,QAAA,CAAQ,EAAA,wBAAyB,CAC/B,WAAA,EAAA,EAAA,SAAA,KAA0B,EAAY,KAAK,CAC7C,CAAC,4EAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAiDE,MAjDO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,MACP,cAAA,EAAA,EAAA,MAAA,CAAY,CAAA,EAAW,YAAA,wCAUlB,CAPEA,EAAAA,OAAO,SAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAOT,MARN,EAQM,EAAA,EAAA,EAAA,WAAA,CADF,EAAA,OAAA,SAAA,CADC,WAAA,EAAA,EAAA,MAAA,CAAW,CAAA,CAAW,CAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAMrB,MAFN,EAEM,EAAA,EAAA,EAAA,WAAA,CAD6B,EAAA,OAAA,UAAA,CAA1B,WAAA,EAAA,EAAA,MAAA,CAAW,CAAA,CAAW,CAAA,CAAA,CAAA,EAIvBA,EAAAA,OAAO,QAAU,EAAA,cAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CA4BnB,MA7BN,EA6BM,CAxBIA,EAAAA,OAAO,QAAA,EAAA,EAAA,WAAA,CAGb,EAAA,OAAA,SAAA,CADC,WAAA,EAAA,EAAA,MAAA,CAAW,CAAA,CAAW,EAAA,IAAA,GAAA,IAAA,GAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAIjB,EAAA,cAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAiBC,SAAA,OAhBP,KAAK,SACL,MAAM,oBACL,aAAY,EAAA,MACZ,gBAAa,EAAA,EAAA,EAAA,MAAA,CAAG,CAAA,EAChB,QAAO,qBAWD,EAAA,OAAA,SAAA,CAPJ,WAAA,EAAA,EAAA,MAAA,CAAW,CAAA,CAAW,MAOlB,GAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,wBAAA,CAJE,EAAA,KAAU,EAAA,CACd,KAAM,EAAE,CAAA,IAAA,EAAA,EAAA,MAAA,CAEE,CAAA,GAA2B,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,IAA3B,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAAqC,OAAA,GAAA,EAAA,EAAA,gBAAA,CAArB,EAAA,KAAW,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}
|
|
@@ -72,10 +72,7 @@ var y = {
|
|
|
72
72
|
default: _(() => [
|
|
73
73
|
e.$slots.header ? (l(), a("div", y, [d(e.$slots, "header", { collapsed: h(A) })])) : i("", !0),
|
|
74
74
|
o("div", b, [d(e.$slots, "default", { collapsed: h(A) })]),
|
|
75
|
-
e.$slots.footer || s.collapsible ? (l(), a("div", x, [e.$slots.footer ? d(e.$slots, "footer", {
|
|
76
|
-
key: 0,
|
|
77
|
-
collapsed: h(A)
|
|
78
|
-
}) : i("", !0), s.collapsible ? (l(), a("button", {
|
|
75
|
+
e.$slots.footer || s.collapsible ? (l(), a("div", x, [e.$slots.footer ? d(e.$slots, "footer", { collapsed: h(A) }, void 0, void 0, 0) : i("", !0), s.collapsible ? (l(), a("button", {
|
|
79
76
|
key: 1,
|
|
80
77
|
type: "button",
|
|
81
78
|
class: "t-sidebar__toggle",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TSidebar.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TSize;\n side?: TSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 't-sidebar',\n `t-sidebar--${props.size}`,\n `t-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"t-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"t-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"t-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"t-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAM,IAAkB,EAAY,cAAc,GAC5C,IAAmB,EAAY,eAAe,GAE9C,IAAQ,GA+BR,IAAO,GAYP,IAAQ,EAAS,GAEjB,EAAE,OAAO,GAAa,gBAAa,EACvC,EAAM,GAAO,WAAW,GACxB,EAAM,mBACL,MAAU;GAET,AADA,EAAK,oBAAoB,CAAK,GAC9B,EAAK,mBAAmB,CAAK;EAC/B,CACF,GAEM,IAAc,QAAe;GACjC;GACA,cAAc,EAAM;GACpB,cAAc,EAAM;GACpB;IACE,gBAAgB,EAAY;IAC5B,aAAa,EAAM;IACnB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,wBAAwB,EAAM;GAC9B,kCAAkC,EAAM;EAC1C,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,UAAwB;GACvB,EAAM,eAIX,EAAS,CAAC,EAAY,KAAK;EAC7B,GAEM,IAAa,QACb,EAAM,SAAS,UACV,EAAY,QAAQ,IAAkB,IAGxC,EAAY,QAAQ,IAAmB,CAC/C,GAEK,IAAc,QAClB,EAAY,QAAQ,EAAM,cAAc,EAAM,aAChD;SAEA,EAAQ,GAAyB,EAC/B,WAAW,QAAe,EAAY,KAAK,EAC7C,CAAC,mBAIC,EAmDY,EAlDL,EAAA,EAAE,GADT,EAEU,EAiDE,OAjDO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;GACP,cAAY,EAAA,CAAA,IAAW,cAAA;;oBAUlB;IAPEA,EAAAA,OAAO,UAAA,EAAA,GADf,EAQM,OARN,GAQM,CAJJ,EAGE,EAAA,QAAA,UAAA,EADC,WAAW,EAAA,CAAA,EAAW,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAI3B,EAEM,OAFN,GAEM,CADJ,EAAiC,EAAA,QAAA,WAAA,EAA1B,WAAW,EAAA,CAAA,EAAW,CAAA,CAAA,CAAA;IAIvBA,EAAAA,OAAO,UAAU,EAAA,eAAA,EAAA,GADzB,EA6BM,OA7BN,GA6BM,CAxBIA,EAAAA,OAAO,SADf,EAIE,EAAA,QAAA,UAAA
|
|
1
|
+
{"version":3,"file":"TSidebar.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getTreeIcon } from '@treeui/icons';\nimport { computed, provide, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst _treeSidebarSides = ['left', 'right'] as const;\n\nexport type TSidebarSide = (typeof _treeSidebarSides)[number];\n\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst props = withDefaults(\n defineProps<{\n as?: string;\n collapsed?: boolean;\n defaultCollapsed?: boolean;\n collapsible?: boolean;\n size?: TSize;\n side?: TSidebarSide;\n sticky?: boolean;\n bordered?: boolean;\n width?: string;\n collapsedWidth?: string;\n collapseLabel?: string;\n expandLabel?: string;\n }>(),\n {\n as: 'aside',\n collapsed: undefined,\n defaultCollapsed: false,\n collapsible: true,\n size: 'md',\n side: 'left',\n sticky: false,\n bordered: true,\n width: '17.5rem',\n collapsedWidth: '4.75rem',\n collapseLabel: 'Collapse sidebar',\n expandLabel: 'Expand sidebar',\n },\n);\n\nconst emit = defineEmits<{\n 'update:collapsed': [value: boolean];\n 'collapse-change': [value: boolean];\n}>();\n\ndefineSlots<{\n header?: (props: { collapsed: boolean }) => unknown;\n default?: (props: { collapsed: boolean }) => unknown;\n footer?: (props: { collapsed: boolean }) => unknown;\n toggle?: (props: { collapsed: boolean }) => unknown;\n}>();\n\nconst attrs = useAttrs();\n\nconst { value: isCollapsed, setValue } = useControllableOpen(\n toRef(props, 'collapsed'),\n props.defaultCollapsed,\n (value) => {\n emit('update:collapsed', value);\n emit('collapse-change', value);\n },\n);\n\nconst rootClasses = computed(() => [\n 't-sidebar',\n `t-sidebar--${props.size}`,\n `t-sidebar--${props.side}`,\n {\n 'is-collapsed': isCollapsed.value,\n 'is-sticky': props.sticky,\n 'is-bordered': props.bordered,\n },\n attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n {\n '--tree-sidebar-width': props.width,\n '--tree-sidebar-collapsed-width': props.collapsedWidth,\n },\n attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n const { class: _class, style: _style, ...rest } = attrs;\n return rest;\n});\n\nconst toggleCollapsed = () => {\n if (!props.collapsible) {\n return;\n }\n\n setValue(!isCollapsed.value);\n};\n\nconst ToggleIcon = computed(() => {\n if (props.side === 'right') {\n return isCollapsed.value ? ChevronLeftIcon : ChevronRightIcon;\n }\n\n return isCollapsed.value ? ChevronRightIcon : ChevronLeftIcon;\n});\n\nconst toggleLabel = computed(() =>\n isCollapsed.value ? props.expandLabel : props.collapseLabel,\n);\n\nprovide(treeSidebarInjectionKey, {\n collapsed: computed(() => isCollapsed.value),\n});\n</script>\n\n<template>\n <component\n :is=\"as\"\n v-bind=\"rootAttrs\"\n :class=\"rootClasses\"\n :style=\"rootStyle\"\n :data-state=\"isCollapsed ? 'collapsed' : 'expanded'\"\n >\n <div\n v-if=\"$slots.header\"\n class=\"t-sidebar__header\"\n >\n <slot\n name=\"header\"\n :collapsed=\"isCollapsed\"\n />\n </div>\n\n <div class=\"t-sidebar__body\">\n <slot :collapsed=\"isCollapsed\" />\n </div>\n\n <div\n v-if=\"$slots.footer || collapsible\"\n class=\"t-sidebar__footer\"\n >\n <slot\n v-if=\"$slots.footer\"\n name=\"footer\"\n :collapsed=\"isCollapsed\"\n />\n\n <button\n v-if=\"collapsible\"\n type=\"button\"\n class=\"t-sidebar__toggle\"\n :aria-label=\"toggleLabel\"\n :aria-expanded=\"!isCollapsed\"\n @click=\"toggleCollapsed\"\n >\n <slot\n name=\"toggle\"\n :collapsed=\"isCollapsed\"\n >\n <component\n :is=\"ToggleIcon\"\n :size=\"16\"\n />\n <span v-if=\"!isCollapsed\">{{ toggleLabel }}</span>\n </slot>\n </button>\n </div>\n </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAM,IAAkB,EAAY,cAAc,GAC5C,IAAmB,EAAY,eAAe,GAE9C,IAAQ,GA+BR,IAAO,GAYP,IAAQ,EAAS,GAEjB,EAAE,OAAO,GAAa,gBAAa,EACvC,EAAM,GAAO,WAAW,GACxB,EAAM,mBACL,MAAU;GAET,AADA,EAAK,oBAAoB,CAAK,GAC9B,EAAK,mBAAmB,CAAK;EAC/B,CACF,GAEM,IAAc,QAAe;GACjC;GACA,cAAc,EAAM;GACpB,cAAc,EAAM;GACpB;IACE,gBAAgB,EAAY;IAC5B,aAAa,EAAM;IACnB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,wBAAwB,EAAM;GAC9B,kCAAkC,EAAM;EAC1C,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,UAAwB;GACvB,EAAM,eAIX,EAAS,CAAC,EAAY,KAAK;EAC7B,GAEM,IAAa,QACb,EAAM,SAAS,UACV,EAAY,QAAQ,IAAkB,IAGxC,EAAY,QAAQ,IAAmB,CAC/C,GAEK,IAAc,QAClB,EAAY,QAAQ,EAAM,cAAc,EAAM,aAChD;SAEA,EAAQ,GAAyB,EAC/B,WAAW,QAAe,EAAY,KAAK,EAC7C,CAAC,mBAIC,EAmDY,EAlDL,EAAA,EAAE,GADT,EAEU,EAiDE,OAjDO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;GACP,cAAY,EAAA,CAAA,IAAW,cAAA;;oBAUlB;IAPEA,EAAAA,OAAO,UAAA,EAAA,GADf,EAQM,OARN,GAQM,CAJJ,EAGE,EAAA,QAAA,UAAA,EADC,WAAW,EAAA,CAAA,EAAW,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAI3B,EAEM,OAFN,GAEM,CADJ,EAAiC,EAAA,QAAA,WAAA,EAA1B,WAAW,EAAA,CAAA,EAAW,CAAA,CAAA,CAAA;IAIvBA,EAAAA,OAAO,UAAU,EAAA,eAAA,EAAA,GADzB,EA6BM,OA7BN,GA6BM,CAxBIA,EAAAA,OAAO,SADf,EAIE,EAAA,QAAA,UAAA,EADC,WAAW,EAAA,CAAA,EAAW,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,EAAA,GAIjB,EAAA,eAAA,EAAA,GADR,EAkBS,UAAA;;KAhBP,MAAK;KACL,OAAM;KACL,cAAY,EAAA;KACZ,iBAAa,CAAG,EAAA,CAAA;KAChB,SAAO;QAER,EASO,EAAA,QAAA,UAAA,EAPJ,WAAW,EAAA,CAAA,EAAW,SAOlB,EAAA,EAAA,GALL,EAGE,EAFK,EAAA,KAAU,GAAA,EACd,MAAM,GAAE,CAAA,IAEE,EAAA,CAAA,IAA2B,EAAA,IAAA,EAAA,KAA3B,EAAA,GAAb,EAAkD,QAAA,GAAA,EAArB,EAAA,KAAW,GAAA,CAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TSparkline.cjs","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n defineProps<{\n /** Values to plot, left to right. */\n data?: number[];\n /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n type?: TSparklineType;\n /** Mark color. Any CSS color; defaults to the first chart token. */\n color?: string;\n /** Intrinsic width in px. */\n width?: number;\n /** Intrinsic height in px. */\n height?: number;\n /** Smooth (curved) line/area instead of straight segments. */\n smooth?: boolean;\n /** Line thickness in px (line/area only). */\n strokeWidth?: number;\n /** Force the low end of the value domain (defaults to the data min). */\n min?: number;\n /** Force the high end of the value domain (defaults to the data max). */\n max?: number;\n /** Draw a filled marker on the last point (line/area only). */\n showLastPoint?: boolean;\n /** Accessible label. Falls back to a generic trend description. */\n ariaLabel?: string;\n }>(),\n {\n data: () => [],\n type: 'line',\n color: 'var(--tree-color-chart-1)',\n width: 120,\n height: 32,\n smooth: false,\n strokeWidth: 2,\n min: undefined,\n max: undefined,\n showLastPoint: false,\n ariaLabel: undefined,\n },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n const values = props.data;\n const low = props.min ?? Math.min(...values);\n const high = props.max ?? Math.max(...values);\n // Pad a flat series so it renders as a centered line, not against an edge.\n return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n const baseline = props.height - inset.value;\n const gap = 2;\n const slot = (props.width - inset.value * 2) / values.length;\n const barWidth = Math.max(1, slot - gap);\n\n return values.map((value, index) => {\n const top = y(value);\n return {\n x: inset.value + index * slot + gap / 2,\n y: top,\n width: barWidth,\n height: Math.max(1, baseline - top),\n };\n });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n <svg\n class=\"t-sparkline\"\n :width=\"width\"\n :height=\"height\"\n :viewBox=\"`0 0 ${width} ${height}`\"\n role=\"img\"\n :aria-label=\"resolvedLabel\"\n :style=\"{ color }\"\n >\n <template v-if=\"hasData\">\n <path\n v-if=\"type === 'area'\"\n class=\"t-sparkline__area\"\n :d=\"areaPath\"\n />\n\n <template v-if=\"type === 'bar'\">\n <rect\n v-for=\"(bar, index) in bars\"\n :key=\"index\"\n class=\"t-sparkline__bar\"\n :x=\"bar.x\"\n :y=\"bar.y\"\n :width=\"bar.width\"\n :height=\"bar.height\"\n rx=\"1\"\n />\n </template>\n\n <path\n v-else\n class=\"t-sparkline__line\"\n :d=\"linePath\"\n :stroke-width=\"strokeWidth\"\n fill=\"none\"\n />\n\n <circle\n v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n class=\"t-sparkline__point\"\n :cx=\"lastPoint.x\"\n :cy=\"lastPoint.y\"\n :r=\"Math.max(2, strokeWidth)\"\n />\n </template>\n </svg>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TSparkline.js","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n defineProps<{\n /** Values to plot, left to right. */\n data?: number[];\n /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n type?: TSparklineType;\n /** Mark color. Any CSS color; defaults to the first chart token. */\n color?: string;\n /** Intrinsic width in px. */\n width?: number;\n /** Intrinsic height in px. */\n height?: number;\n /** Smooth (curved) line/area instead of straight segments. */\n smooth?: boolean;\n /** Line thickness in px (line/area only). */\n strokeWidth?: number;\n /** Force the low end of the value domain (defaults to the data min). */\n min?: number;\n /** Force the high end of the value domain (defaults to the data max). */\n max?: number;\n /** Draw a filled marker on the last point (line/area only). */\n showLastPoint?: boolean;\n /** Accessible label. Falls back to a generic trend description. */\n ariaLabel?: string;\n }>(),\n {\n data: () => [],\n type: 'line',\n color: 'var(--tree-color-chart-1)',\n width: 120,\n height: 32,\n smooth: false,\n strokeWidth: 2,\n min: undefined,\n max: undefined,\n showLastPoint: false,\n ariaLabel: undefined,\n },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n const values = props.data;\n const low = props.min ?? Math.min(...values);\n const high = props.max ?? Math.max(...values);\n // Pad a flat series so it renders as a centered line, not against an edge.\n return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n const baseline = props.height - inset.value;\n const gap = 2;\n const slot = (props.width - inset.value * 2) / values.length;\n const barWidth = Math.max(1, slot - gap);\n\n return values.map((value, index) => {\n const top = y(value);\n return {\n x: inset.value + index * slot + gap / 2,\n y: top,\n width: barWidth,\n height: Math.max(1, baseline - top),\n };\n });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n <svg\n class=\"t-sparkline\"\n :width=\"width\"\n :height=\"height\"\n :viewBox=\"`0 0 ${width} ${height}`\"\n role=\"img\"\n :aria-label=\"resolvedLabel\"\n :style=\"{ color }\"\n >\n <template v-if=\"hasData\">\n <path\n v-if=\"type === 'area'\"\n class=\"t-sparkline__area\"\n :d=\"areaPath\"\n />\n\n <template v-if=\"type === 'bar'\">\n <rect\n v-for=\"(bar, index) in bars\"\n :key=\"index\"\n class=\"t-sparkline__bar\"\n :x=\"bar.x\"\n :y=\"bar.y\"\n :width=\"bar.width\"\n :height=\"bar.height\"\n rx=\"1\"\n />\n </template>\n\n <path\n v-else\n class=\"t-sparkline__line\"\n :d=\"linePath\"\n :stroke-width=\"strokeWidth\"\n fill=\"none\"\n />\n\n <circle\n v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n class=\"t-sparkline__point\"\n :cx=\"lastPoint.x\"\n :cy=\"lastPoint.y\"\n :r=\"Math.max(2, strokeWidth)\"\n />\n </template>\n </svg>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
type TSparklineType = 'line' | 'area' | 'bar';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** Values to plot, left to right. */
|
|
4
|
+
data?: number[];
|
|
5
|
+
/** Visual form. `area` fills under the line; `bar` draws thin columns. */
|
|
6
|
+
type?: TSparklineType;
|
|
7
|
+
/** Mark color. Any CSS color; defaults to the first chart token. */
|
|
8
|
+
color?: string;
|
|
9
|
+
/** Intrinsic width in px. */
|
|
10
|
+
width?: number;
|
|
11
|
+
/** Intrinsic height in px. */
|
|
12
|
+
height?: number;
|
|
13
|
+
/** Smooth (curved) line/area instead of straight segments. */
|
|
14
|
+
smooth?: boolean;
|
|
15
|
+
/** Line thickness in px (line/area only). */
|
|
16
|
+
strokeWidth?: number;
|
|
17
|
+
/** Force the low end of the value domain (defaults to the data min). */
|
|
18
|
+
min?: number;
|
|
19
|
+
/** Force the high end of the value domain (defaults to the data max). */
|
|
20
|
+
max?: number;
|
|
21
|
+
/** Draw a filled marker on the last point (line/area only). */
|
|
22
|
+
showLastPoint?: boolean;
|
|
23
|
+
/** Accessible label. Falls back to a generic trend description. */
|
|
24
|
+
ariaLabel?: string;
|
|
25
|
+
};
|
|
26
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
27
|
+
type: TSparklineType;
|
|
28
|
+
data: number[];
|
|
29
|
+
width: number;
|
|
30
|
+
height: number;
|
|
31
|
+
color: string;
|
|
32
|
+
strokeWidth: number;
|
|
33
|
+
min: number;
|
|
34
|
+
max: number;
|
|
35
|
+
smooth: boolean;
|
|
36
|
+
ariaLabel: string;
|
|
37
|
+
showLastPoint: boolean;
|
|
38
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
|
|
39
|
+
export default _default;
|
|
40
|
+
//# sourceMappingURL=TSparkline.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TSparkline.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSparkline.vue"],"names":[],"mappings":"AAyJA,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE9C,KAAK,WAAW,GAAG;IACf,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;UAnBO,cAAc;UAFd,MAAM,EAAE;WAMP,MAAM;YAEL,MAAM;WAJP,MAAM;iBAQA,MAAM;SAEd,MAAM;SAEN,MAAM;YANH,OAAO;eAUJ,MAAM;mBAFF,OAAO;;AA8K3B,wBAQG"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e=require("vue"),t=require("@treeui/utils");var n=[`width`,`height`,`viewBox`,`aria-label`],r=[`d`],i=[`x`,`y`,`width`,`height`],a=[`d`,`stroke-width`],o=[`cx`,`cy`,`r`],s=(0,e.defineComponent)({__name:`TSparkline`,props:{data:{default:()=>[]},type:{default:`line`},color:{default:`var(--tree-color-chart-1)`},width:{default:120},height:{default:32},smooth:{type:Boolean,default:!1},strokeWidth:{default:2},min:{default:void 0},max:{default:void 0},showLastPoint:{type:Boolean,default:!1},ariaLabel:{default:void 0}},setup(s){let c=s,l=(0,e.computed)(()=>Math.max(c.strokeWidth,c.showLastPoint?4:2)),u=(0,e.computed)(()=>{let e=c.data,t=c.min??Math.min(...e),n=c.max??Math.max(...e);return t===n?[t-1,n+1]:[t,n]}),d=(0,e.computed)(()=>{let e=c.data;if(e.length===0)return[];let n=(0,t.linearScale)([0,Math.max(1,e.length-1)],[l.value,c.width-l.value]),r=(0,t.linearScale)(u.value,[c.height-l.value,l.value]);return e.map((e,t)=>({x:n(t),y:r(e)}))}),f=(0,e.computed)(()=>(0,t.buildLinePath)(d.value,c.smooth)),p=(0,e.computed)(()=>(0,t.buildAreaPath)(d.value,c.height-l.value,c.smooth)),m=(0,e.computed)(()=>{let e=c.data;if(e.length===0)return[];let n=(0,t.linearScale)(u.value,[c.height-l.value,l.value]),r=c.height-l.value,i=(c.width-l.value*2)/e.length,a=Math.max(1,i-2);return e.map((e,t)=>{let o=n(e);return{x:l.value+t*i+2/2,y:o,width:a,height:Math.max(1,r-o)}})}),h=(0,e.computed)(()=>d.value[d.value.length-1]??null),g=(0,e.computed)(()=>c.data.length>0),_=(0,e.computed)(()=>c.ariaLabel??`Trend sparkline`);return(t,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{class:`t-sparkline`,width:s.width,height:s.height,viewBox:`0 0 ${s.width} ${s.height}`,role:`img`,"aria-label":_.value,style:(0,e.normalizeStyle)({color:s.color})},[g.value?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[s.type===`area`?((0,e.openBlock)(),(0,e.createElementBlock)(`path`,{key:0,class:`t-sparkline__area`,d:p.value},null,8,r)):(0,e.createCommentVNode)(``,!0),s.type===`bar`?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(m.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`rect`,{key:n,class:`t-sparkline__bar`,x:t.x,y:t.y,width:t.width,height:t.height,rx:`1`},null,8,i))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(`path`,{key:2,class:`t-sparkline__line`,d:f.value,"stroke-width":s.strokeWidth,fill:`none`},null,8,a)),s.showLastPoint&&s.type!==`bar`&&h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`circle`,{key:3,class:`t-sparkline__point`,cx:h.value.x,cy:h.value.y,r:Math.max(2,s.strokeWidth)},null,8,o)):(0,e.createCommentVNode)(``,!0)],64)):(0,e.createCommentVNode)(``,!0)],12,n))}});exports.default=s;
|
|
2
|
+
//# sourceMappingURL=TSparkline.vue_vue_type_script_setup_true_lang.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TSparkline.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n defineProps<{\n /** Values to plot, left to right. */\n data?: number[];\n /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n type?: TSparklineType;\n /** Mark color. Any CSS color; defaults to the first chart token. */\n color?: string;\n /** Intrinsic width in px. */\n width?: number;\n /** Intrinsic height in px. */\n height?: number;\n /** Smooth (curved) line/area instead of straight segments. */\n smooth?: boolean;\n /** Line thickness in px (line/area only). */\n strokeWidth?: number;\n /** Force the low end of the value domain (defaults to the data min). */\n min?: number;\n /** Force the high end of the value domain (defaults to the data max). */\n max?: number;\n /** Draw a filled marker on the last point (line/area only). */\n showLastPoint?: boolean;\n /** Accessible label. Falls back to a generic trend description. */\n ariaLabel?: string;\n }>(),\n {\n data: () => [],\n type: 'line',\n color: 'var(--tree-color-chart-1)',\n width: 120,\n height: 32,\n smooth: false,\n strokeWidth: 2,\n min: undefined,\n max: undefined,\n showLastPoint: false,\n ariaLabel: undefined,\n },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n const values = props.data;\n const low = props.min ?? Math.min(...values);\n const high = props.max ?? Math.max(...values);\n // Pad a flat series so it renders as a centered line, not against an edge.\n return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n const baseline = props.height - inset.value;\n const gap = 2;\n const slot = (props.width - inset.value * 2) / values.length;\n const barWidth = Math.max(1, slot - gap);\n\n return values.map((value, index) => {\n const top = y(value);\n return {\n x: inset.value + index * slot + gap / 2,\n y: top,\n width: barWidth,\n height: Math.max(1, baseline - top),\n };\n });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n <svg\n class=\"t-sparkline\"\n :width=\"width\"\n :height=\"height\"\n :viewBox=\"`0 0 ${width} ${height}`\"\n role=\"img\"\n :aria-label=\"resolvedLabel\"\n :style=\"{ color }\"\n >\n <template v-if=\"hasData\">\n <path\n v-if=\"type === 'area'\"\n class=\"t-sparkline__area\"\n :d=\"areaPath\"\n />\n\n <template v-if=\"type === 'bar'\">\n <rect\n v-for=\"(bar, index) in bars\"\n :key=\"index\"\n class=\"t-sparkline__bar\"\n :x=\"bar.x\"\n :y=\"bar.y\"\n :width=\"bar.width\"\n :height=\"bar.height\"\n rx=\"1\"\n />\n </template>\n\n <path\n v-else\n class=\"t-sparkline__line\"\n :d=\"linePath\"\n :stroke-width=\"strokeWidth\"\n fill=\"none\"\n />\n\n <circle\n v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n class=\"t-sparkline__point\"\n :cx=\"lastPoint.x\"\n :cy=\"lastPoint.y\"\n :r=\"Math.max(2, strokeWidth)\"\n />\n </template>\n </svg>\n</template>\n"],"mappings":"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"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeStyle as a, openBlock as o, renderList as s } from "vue";
|
|
2
|
+
import { buildAreaPath as c, buildLinePath as l, linearScale as u } from "@treeui/utils";
|
|
3
|
+
//#region src/components/TSparkline.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var d = [
|
|
5
|
+
"width",
|
|
6
|
+
"height",
|
|
7
|
+
"viewBox",
|
|
8
|
+
"aria-label"
|
|
9
|
+
], f = ["d"], p = [
|
|
10
|
+
"x",
|
|
11
|
+
"y",
|
|
12
|
+
"width",
|
|
13
|
+
"height"
|
|
14
|
+
], m = ["d", "stroke-width"], h = [
|
|
15
|
+
"cx",
|
|
16
|
+
"cy",
|
|
17
|
+
"r"
|
|
18
|
+
], g = /*@__PURE__*/ i({
|
|
19
|
+
__name: "TSparkline",
|
|
20
|
+
props: {
|
|
21
|
+
data: { default: () => [] },
|
|
22
|
+
type: { default: "line" },
|
|
23
|
+
color: { default: "var(--tree-color-chart-1)" },
|
|
24
|
+
width: { default: 120 },
|
|
25
|
+
height: { default: 32 },
|
|
26
|
+
smooth: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !1
|
|
29
|
+
},
|
|
30
|
+
strokeWidth: { default: 2 },
|
|
31
|
+
min: { default: void 0 },
|
|
32
|
+
max: { default: void 0 },
|
|
33
|
+
showLastPoint: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: !1
|
|
36
|
+
},
|
|
37
|
+
ariaLabel: { default: void 0 }
|
|
38
|
+
},
|
|
39
|
+
setup(i) {
|
|
40
|
+
let g = i, _ = t(() => Math.max(g.strokeWidth, g.showLastPoint ? 4 : 2)), v = t(() => {
|
|
41
|
+
let e = g.data, t = g.min ?? Math.min(...e), n = g.max ?? Math.max(...e);
|
|
42
|
+
return t === n ? [t - 1, n + 1] : [t, n];
|
|
43
|
+
}), y = t(() => {
|
|
44
|
+
let e = g.data;
|
|
45
|
+
if (e.length === 0) return [];
|
|
46
|
+
let t = u([0, Math.max(1, e.length - 1)], [_.value, g.width - _.value]), n = u(v.value, [g.height - _.value, _.value]);
|
|
47
|
+
return e.map((e, r) => ({
|
|
48
|
+
x: t(r),
|
|
49
|
+
y: n(e)
|
|
50
|
+
}));
|
|
51
|
+
}), b = t(() => l(y.value, g.smooth)), x = t(() => c(y.value, g.height - _.value, g.smooth)), S = t(() => {
|
|
52
|
+
let e = g.data;
|
|
53
|
+
if (e.length === 0) return [];
|
|
54
|
+
let t = u(v.value, [g.height - _.value, _.value]), n = g.height - _.value, r = (g.width - _.value * 2) / e.length, i = Math.max(1, r - 2);
|
|
55
|
+
return e.map((e, a) => {
|
|
56
|
+
let o = t(e);
|
|
57
|
+
return {
|
|
58
|
+
x: _.value + a * r + 2 / 2,
|
|
59
|
+
y: o,
|
|
60
|
+
width: i,
|
|
61
|
+
height: Math.max(1, n - o)
|
|
62
|
+
};
|
|
63
|
+
});
|
|
64
|
+
}), C = t(() => y.value[y.value.length - 1] ?? null), w = t(() => g.data.length > 0), T = t(() => g.ariaLabel ?? "Trend sparkline");
|
|
65
|
+
return (t, c) => (o(), r("svg", {
|
|
66
|
+
class: "t-sparkline",
|
|
67
|
+
width: i.width,
|
|
68
|
+
height: i.height,
|
|
69
|
+
viewBox: `0 0 ${i.width} ${i.height}`,
|
|
70
|
+
role: "img",
|
|
71
|
+
"aria-label": T.value,
|
|
72
|
+
style: a({ color: i.color })
|
|
73
|
+
}, [w.value ? (o(), r(e, { key: 0 }, [
|
|
74
|
+
i.type === "area" ? (o(), r("path", {
|
|
75
|
+
key: 0,
|
|
76
|
+
class: "t-sparkline__area",
|
|
77
|
+
d: x.value
|
|
78
|
+
}, null, 8, f)) : n("", !0),
|
|
79
|
+
i.type === "bar" ? (o(!0), r(e, { key: 1 }, s(S.value, (e, t) => (o(), r("rect", {
|
|
80
|
+
key: t,
|
|
81
|
+
class: "t-sparkline__bar",
|
|
82
|
+
x: e.x,
|
|
83
|
+
y: e.y,
|
|
84
|
+
width: e.width,
|
|
85
|
+
height: e.height,
|
|
86
|
+
rx: "1"
|
|
87
|
+
}, null, 8, p))), 128)) : (o(), r("path", {
|
|
88
|
+
key: 2,
|
|
89
|
+
class: "t-sparkline__line",
|
|
90
|
+
d: b.value,
|
|
91
|
+
"stroke-width": i.strokeWidth,
|
|
92
|
+
fill: "none"
|
|
93
|
+
}, null, 8, m)),
|
|
94
|
+
i.showLastPoint && i.type !== "bar" && C.value ? (o(), r("circle", {
|
|
95
|
+
key: 3,
|
|
96
|
+
class: "t-sparkline__point",
|
|
97
|
+
cx: C.value.x,
|
|
98
|
+
cy: C.value.y,
|
|
99
|
+
r: Math.max(2, i.strokeWidth)
|
|
100
|
+
}, null, 8, h)) : n("", !0)
|
|
101
|
+
], 64)) : n("", !0)], 12, d));
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
//#endregion
|
|
105
|
+
export { g as default };
|
|
106
|
+
|
|
107
|
+
//# sourceMappingURL=TSparkline.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TSparkline.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TSparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { buildAreaPath, buildLinePath, linearScale, type ChartPoint } from '@treeui/utils';\n\ntype TSparklineType = 'line' | 'area' | 'bar';\n\nconst props = withDefaults(\n defineProps<{\n /** Values to plot, left to right. */\n data?: number[];\n /** Visual form. `area` fills under the line; `bar` draws thin columns. */\n type?: TSparklineType;\n /** Mark color. Any CSS color; defaults to the first chart token. */\n color?: string;\n /** Intrinsic width in px. */\n width?: number;\n /** Intrinsic height in px. */\n height?: number;\n /** Smooth (curved) line/area instead of straight segments. */\n smooth?: boolean;\n /** Line thickness in px (line/area only). */\n strokeWidth?: number;\n /** Force the low end of the value domain (defaults to the data min). */\n min?: number;\n /** Force the high end of the value domain (defaults to the data max). */\n max?: number;\n /** Draw a filled marker on the last point (line/area only). */\n showLastPoint?: boolean;\n /** Accessible label. Falls back to a generic trend description. */\n ariaLabel?: string;\n }>(),\n {\n data: () => [],\n type: 'line',\n color: 'var(--tree-color-chart-1)',\n width: 120,\n height: 32,\n smooth: false,\n strokeWidth: 2,\n min: undefined,\n max: undefined,\n showLastPoint: false,\n ariaLabel: undefined,\n },\n);\n\n// Inset so strokes and markers never clip against the SVG edge.\nconst inset = computed(() => Math.max(props.strokeWidth, props.showLastPoint ? 4 : 2));\n\nconst domain = computed<[number, number]>(() => {\n const values = props.data;\n const low = props.min ?? Math.min(...values);\n const high = props.max ?? Math.max(...values);\n // Pad a flat series so it renders as a centered line, not against an edge.\n return low === high ? [low - 1, high + 1] : [low, high];\n});\n\nconst points = computed<ChartPoint[]>(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const x = linearScale([0, Math.max(1, values.length - 1)], [inset.value, props.width - inset.value]);\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n\n return values.map((value, index) => ({ x: x(index), y: y(value) }));\n});\n\nconst linePath = computed(() => buildLinePath(points.value, props.smooth));\nconst areaPath = computed(() =>\n buildAreaPath(points.value, props.height - inset.value, props.smooth),\n);\n\nconst bars = computed(() => {\n const values = props.data;\n if (values.length === 0) return [];\n\n const y = linearScale(domain.value, [props.height - inset.value, inset.value]);\n const baseline = props.height - inset.value;\n const gap = 2;\n const slot = (props.width - inset.value * 2) / values.length;\n const barWidth = Math.max(1, slot - gap);\n\n return values.map((value, index) => {\n const top = y(value);\n return {\n x: inset.value + index * slot + gap / 2,\n y: top,\n width: barWidth,\n height: Math.max(1, baseline - top),\n };\n });\n});\n\nconst lastPoint = computed(() => points.value[points.value.length - 1] ?? null);\n\nconst hasData = computed(() => props.data.length > 0);\n\nconst resolvedLabel = computed(() => props.ariaLabel ?? 'Trend sparkline');\n</script>\n\n<template>\n <svg\n class=\"t-sparkline\"\n :width=\"width\"\n :height=\"height\"\n :viewBox=\"`0 0 ${width} ${height}`\"\n role=\"img\"\n :aria-label=\"resolvedLabel\"\n :style=\"{ color }\"\n >\n <template v-if=\"hasData\">\n <path\n v-if=\"type === 'area'\"\n class=\"t-sparkline__area\"\n :d=\"areaPath\"\n />\n\n <template v-if=\"type === 'bar'\">\n <rect\n v-for=\"(bar, index) in bars\"\n :key=\"index\"\n class=\"t-sparkline__bar\"\n :x=\"bar.x\"\n :y=\"bar.y\"\n :width=\"bar.width\"\n :height=\"bar.height\"\n rx=\"1\"\n />\n </template>\n\n <path\n v-else\n class=\"t-sparkline__line\"\n :d=\"linePath\"\n :stroke-width=\"strokeWidth\"\n fill=\"none\"\n />\n\n <circle\n v-if=\"showLastPoint && type !== 'bar' && lastPoint\"\n class=\"t-sparkline__point\"\n :cx=\"lastPoint.x\"\n :cy=\"lastPoint.y\"\n :r=\"Math.max(2, strokeWidth)\"\n />\n </template>\n </svg>\n</template>\n"],"mappings":"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"}
|
|
@@ -20,9 +20,9 @@ declare function __VLS_template(): {
|
|
|
20
20
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
21
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
22
22
|
reverse: boolean;
|
|
23
|
+
gap: string;
|
|
23
24
|
as: string;
|
|
24
25
|
align: string;
|
|
25
|
-
gap: string;
|
|
26
26
|
justify: string;
|
|
27
27
|
wrap: boolean;
|
|
28
28
|
direction: TStackDirection;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TStack.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStack.vue"],"names":[],"mappings":"AA6EA,QAAA,MAAM,oBAAoB,qCAAsC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAxGP,OAAO;
|
|
1
|
+
{"version":3,"file":"TStack.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStack.vue"],"names":[],"mappings":"AA6EA,QAAA,MAAM,oBAAoB,qCAAsC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAxGP,OAAO;SAJX,MAAM;QAFP,MAAM;WAGH,MAAM;aACJ,MAAM;UACT,OAAO;eAJF,eAAe;6EAoH7B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -23,7 +23,7 @@ export { default as TFileUpload } from './TFileUpload.vue';
|
|
|
23
23
|
export { default as TMultiSelect } from './TMultiSelect.vue';
|
|
24
24
|
export type { TMultiSelectOption } from './TMultiSelect.vue';
|
|
25
25
|
export { default as TGrid } from './TGrid.vue';
|
|
26
|
-
export type { TFileUploadRejection, TFileUploadRejectionReason, } from './TFileUpload.vue';
|
|
26
|
+
export type { TFileUploadCancelPayload, TFileUploadFileSlotProps, TFileUploadRejection, TFileUploadRejectionReason, TFileUploadRetryPayload, TFileUploadState, TFileUploadStateSource, TFileUploadStatus, } from './TFileUpload.vue';
|
|
27
27
|
export { default as TNavbar } from './TNavbar.vue';
|
|
28
28
|
export { default as TAppBar } from './TNavbar.vue';
|
|
29
29
|
export { default as TLink } from './TLink.vue';
|
|
@@ -60,6 +60,9 @@ export type { TStatTone, TStatTrendDirection } from './TStat.vue';
|
|
|
60
60
|
export { default as TSwitch } from './TSwitch.vue';
|
|
61
61
|
export { default as TTooltip } from './TTooltip.vue';
|
|
62
62
|
export { default as TFormField } from './TFormField.vue';
|
|
63
|
+
export { default as TPage } from './TPage.vue';
|
|
64
|
+
export type { TPageGap } from './TPage.vue';
|
|
65
|
+
export { default as TPageHeader } from './TPageHeader.vue';
|
|
63
66
|
export { default as TPagination } from './TPagination.vue';
|
|
64
67
|
export { default as TPopover } from './TPopover.vue';
|
|
65
68
|
export { default as TProgress } from './TProgress.vue';
|
|
@@ -79,6 +82,11 @@ export { default as TPricing } from './TPricing.vue';
|
|
|
79
82
|
export { default as TPricingCard } from './TPricingCard.vue';
|
|
80
83
|
export type { PricingFeature } from './TPricingCard.vue';
|
|
81
84
|
export { default as TMarkdownEditor } from './TMarkdownEditor.vue';
|
|
85
|
+
export { default as TChart } from './TChart.vue';
|
|
86
|
+
export type { TChartType, TChartSeries, TChartActivePayload } from './TChart.vue';
|
|
87
|
+
export { default as TSparkline } from './TSparkline.vue';
|
|
88
|
+
export { default as TDonutChart } from './TDonutChart.vue';
|
|
89
|
+
export type { TDonutSegment } from './TDonutChart.vue';
|
|
82
90
|
export { default as TIcon } from './TIcon.vue';
|
|
83
91
|
export type { TIconName } from '../../../icons/src/index.ts';
|
|
84
92
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,0BAA0B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,uBAAuB,EACvB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});/* empty css */const e=require("./components/TAccordion.cjs"),t=require("./components/TAccordionItem.cjs"),n=require("./components/TAlert.cjs"),r=require("./components/TBadge.cjs"),ee=require("./components/TBreadcrumb.cjs"),te=require("./components/TBreadcrumbItem.cjs"),i=require("./components/TSpinner.cjs"),a=require("./components/TButton.cjs"),o=require("./components/TCard.cjs"),s=require("./components/TCheckbox.cjs"),c=require("./components/TCombobox.cjs"),l=require("./components/TModal.cjs"),u=require("./components/TConfirmDialog.cjs"),d=require("./components/TContainer.cjs"),f=require("./components/TContextMenu.cjs"),p=require("./components/TDatePicker.cjs"),m=require("./components/TDateTimePicker.cjs"),h=require("./components/TDrawer.cjs"),g=require("./components/TDropdown.cjs"),_=require("./components/TEmptyState.cjs"),v=require("./components/
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});/* empty css */const e=require("./components/TAccordion.cjs"),t=require("./components/TAccordionItem.cjs"),n=require("./components/TAlert.cjs"),r=require("./components/TBadge.cjs"),ee=require("./components/TBreadcrumb.cjs"),te=require("./components/TBreadcrumbItem.cjs"),i=require("./components/TSpinner.cjs"),a=require("./components/TButton.cjs"),o=require("./components/TCard.cjs"),s=require("./components/TCheckbox.cjs"),c=require("./components/TCombobox.cjs"),l=require("./components/TModal.cjs"),u=require("./components/TConfirmDialog.cjs"),d=require("./components/TContainer.cjs"),f=require("./components/TContextMenu.cjs"),p=require("./components/TDatePicker.cjs"),m=require("./components/TDateTimePicker.cjs"),h=require("./components/TDrawer.cjs"),g=require("./components/TDropdown.cjs"),_=require("./components/TEmptyState.cjs"),v=require("./components/TProgress.cjs"),y=require("./components/TFileUpload.cjs"),b=require("./components/TMultiSelect.cjs"),x=require("./components/TGrid.cjs"),S=require("./components/TNavbar.cjs"),C=require("./components/TLink.cjs"),w=require("./components/TNavMenu.cjs"),T=require("./components/TRadio.cjs"),E=require("./components/TRadioGroup.cjs"),D=require("./components/TSelect.cjs"),O=require("./components/TSidebar.cjs"),k=require("./components/TAppShell.cjs"),A=require("./components/TInput.cjs"),j=require("./components/TNumberInput.cjs"),M=require("./components/TSelectableList.cjs"),N=require("./components/TStack.cjs"),P=require("./components/TTreeView.cjs"),F=require("./components/TSteps.cjs"),I=require("./components/TToggleGroup.cjs"),L=require("./components/TTextarea.cjs"),R=require("./components/TSkeleton.cjs"),ne=require("./components/TStat.cjs"),z=require("./components/TSwitch.cjs"),B=require("./components/TTooltip.cjs"),V=require("./components/TFormField.cjs"),H=require("./components/TPage.cjs"),U=require("./components/TPageHeader.cjs"),W=require("./components/TPagination.cjs"),G=require("./components/TPopover.cjs"),K=require("./components/TTabs.cjs"),q=require("./components/TTabList.cjs"),J=require("./components/TTab.cjs"),Y=require("./components/TTabPanel.cjs"),X=require("./components/TToast.cjs"),Z=require("./composables/useToast.cjs"),re=require("./components/TToastProvider.cjs"),ie=require("./components/TAvatar.cjs"),ae=require("./components/TDivider.cjs"),oe=require("./components/TTable.cjs"),se=require("./components/TTag.cjs"),ce=require("./components/TTimeline.cjs"),le=require("./components/TPricingCard.cjs"),ue=require("./components/TPricing.cjs"),de=require("./components/TMarkdownEditor.cjs"),fe=require("./components/TChart.cjs"),pe=require("./components/TSparkline.cjs"),me=require("./components/TDonutChart.cjs"),he=require("./components/TIcon.cjs"),Q=require("./plugin.cjs"),$=require("./types/contracts.cjs");exports.TAccordion=e.default,exports.TAccordionItem=t.default,exports.TAlert=n.default,exports.TAppBar=S.default,exports.TAppShell=k.default,exports.TAvatar=ie.default,exports.TBadge=r.default,exports.TBreadcrumb=ee.default,exports.TBreadcrumbItem=te.default,exports.TButton=a.default,exports.TCard=o.default,exports.TChart=fe.default,exports.TCheckbox=s.default,exports.TCombobox=c.default,exports.TConfirmDialog=u.default,exports.TContainer=d.default,exports.TContextMenu=f.default,exports.TDatePicker=p.default,exports.TDateTimePicker=m.default,exports.TDivider=ae.default,exports.TDonutChart=me.default,exports.TDrawer=h.default,exports.TDropdown=g.default,exports.TEmptyState=_.default,exports.TFileUpload=y.default,exports.TFormField=V.default,exports.TGrid=x.default,exports.TIcon=he.default,exports.TInput=A.default,exports.TLink=C.default,exports.TMarkdownEditor=de.default,exports.TModal=l.default,exports.TMultiSelect=b.default,exports.TNavMenu=w.default,exports.TNavbar=S.default,exports.TNumberInput=j.default,exports.TPage=H.default,exports.TPageHeader=U.default,exports.TPagination=W.default,exports.TPopover=G.default,exports.TPricing=ue.default,exports.TPricingCard=le.default,exports.TProgress=v.default,exports.TRadio=T.default,exports.TRadioGroup=E.default,exports.TSelect=D.default,exports.TSelectableList=M.default,exports.TSidebar=O.default,exports.TSkeleton=R.default,exports.TSparkline=pe.default,exports.TSpinner=i.default,exports.TStack=N.default,exports.TStat=ne.default,exports.TStepper=F.default,exports.TSteps=F.default,exports.TSwitch=z.default,exports.TTab=J.default,exports.TTabList=q.default,exports.TTabPanel=Y.default,exports.TTable=oe.default,exports.TTabs=K.default,exports.TTag=se.default,exports.TTextarea=L.default,exports.TTimeline=ce.default,exports.TToast=X.default,exports.TToastProvider=re.default,exports.TToggleGroup=I.default,exports.TTooltip=B.default,exports.TTreeView=P.default,exports.TreeUIPlugin=Q.TreeUIPlugin,exports.default=Q.TreeUIPlugin,exports.install=Q.install,exports.treeCardVariants=$.treeCardVariants,exports.treeDrawerSides=$.treeDrawerSides,exports.treeSizes=$.treeSizes,exports.treeTooltipSides=$.treeTooltipSides,exports.treeVariants=$.treeVariants,exports.useToast=Z.useToast;
|
package/dist/index.js
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
2
|
+
import ee from "./components/TAccordion.js";
|
|
3
|
+
import e from "./components/TAccordionItem.js";
|
|
4
|
+
import t from "./components/TAlert.js";
|
|
5
|
+
import n from "./components/TBadge.js";
|
|
6
|
+
import te from "./components/TBreadcrumb.js";
|
|
7
|
+
import r from "./components/TBreadcrumbItem.js";
|
|
8
|
+
import i from "./components/TSpinner.js";
|
|
9
|
+
import a from "./components/TButton.js";
|
|
10
|
+
import o from "./components/TCard.js";
|
|
11
|
+
import s from "./components/TCheckbox.js";
|
|
12
|
+
import c from "./components/TCombobox.js";
|
|
13
|
+
import l from "./components/TModal.js";
|
|
14
|
+
import u from "./components/TConfirmDialog.js";
|
|
15
|
+
import d from "./components/TContainer.js";
|
|
16
|
+
import f from "./components/TContextMenu.js";
|
|
17
|
+
import p from "./components/TDatePicker.js";
|
|
18
|
+
import m from "./components/TDateTimePicker.js";
|
|
19
|
+
import h from "./components/TDrawer.js";
|
|
20
|
+
import g from "./components/TDropdown.js";
|
|
21
|
+
import _ from "./components/TEmptyState.js";
|
|
22
|
+
import v from "./components/TProgress.js";
|
|
22
23
|
import y from "./components/TFileUpload.js";
|
|
23
24
|
import b from "./components/TMultiSelect.js";
|
|
24
25
|
import x from "./components/TGrid.js";
|
|
@@ -39,29 +40,33 @@ import F from "./components/TSteps.js";
|
|
|
39
40
|
import I from "./components/TToggleGroup.js";
|
|
40
41
|
import L from "./components/TTextarea.js";
|
|
41
42
|
import R from "./components/TSkeleton.js";
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
45
|
-
import
|
|
46
|
-
import
|
|
47
|
-
import
|
|
48
|
-
import
|
|
49
|
-
import
|
|
50
|
-
import
|
|
51
|
-
import
|
|
52
|
-
import
|
|
53
|
-
import
|
|
54
|
-
import
|
|
55
|
-
import
|
|
56
|
-
import
|
|
57
|
-
import
|
|
58
|
-
import
|
|
59
|
-
import
|
|
60
|
-
import
|
|
61
|
-
import
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import
|
|
67
|
-
|
|
43
|
+
import z from "./components/TStat.js";
|
|
44
|
+
import B from "./components/TSwitch.js";
|
|
45
|
+
import V from "./components/TTooltip.js";
|
|
46
|
+
import H from "./components/TFormField.js";
|
|
47
|
+
import U from "./components/TPage.js";
|
|
48
|
+
import W from "./components/TPageHeader.js";
|
|
49
|
+
import G from "./components/TPagination.js";
|
|
50
|
+
import K from "./components/TPopover.js";
|
|
51
|
+
import q from "./components/TTabs.js";
|
|
52
|
+
import J from "./components/TTabList.js";
|
|
53
|
+
import Y from "./components/TTab.js";
|
|
54
|
+
import X from "./components/TTabPanel.js";
|
|
55
|
+
import Z from "./components/TToast.js";
|
|
56
|
+
import { useToast as Q } from "./composables/useToast.js";
|
|
57
|
+
import ne from "./components/TToastProvider.js";
|
|
58
|
+
import re from "./components/TAvatar.js";
|
|
59
|
+
import ie from "./components/TDivider.js";
|
|
60
|
+
import ae from "./components/TTable.js";
|
|
61
|
+
import oe from "./components/TTag.js";
|
|
62
|
+
import se from "./components/TTimeline.js";
|
|
63
|
+
import ce from "./components/TPricingCard.js";
|
|
64
|
+
import le from "./components/TPricing.js";
|
|
65
|
+
import ue from "./components/TMarkdownEditor.js";
|
|
66
|
+
import de from "./components/TChart.js";
|
|
67
|
+
import fe from "./components/TSparkline.js";
|
|
68
|
+
import pe from "./components/TDonutChart.js";
|
|
69
|
+
import me from "./components/TIcon.js";
|
|
70
|
+
import { TreeUIPlugin as $, install as he } from "./plugin.js";
|
|
71
|
+
import { treeCardVariants as ge, treeDrawerSides as _e, treeSizes as ve, treeTooltipSides as ye, treeVariants as be } from "./types/contracts.js";
|
|
72
|
+
export { ee as TAccordion, e as TAccordionItem, t as TAlert, S as TAppBar, k as TAppShell, re as TAvatar, n as TBadge, te as TBreadcrumb, r as TBreadcrumbItem, a as TButton, o as TCard, de as TChart, s as TCheckbox, c as TCombobox, u as TConfirmDialog, d as TContainer, f as TContextMenu, p as TDatePicker, m as TDateTimePicker, ie as TDivider, pe as TDonutChart, h as TDrawer, g as TDropdown, _ as TEmptyState, y as TFileUpload, H as TFormField, x as TGrid, me as TIcon, A as TInput, C as TLink, ue as TMarkdownEditor, l as TModal, b as TMultiSelect, w as TNavMenu, S as TNavbar, j as TNumberInput, U as TPage, W as TPageHeader, G as TPagination, K as TPopover, le as TPricing, ce as TPricingCard, v as TProgress, T as TRadio, E as TRadioGroup, D as TSelect, M as TSelectableList, O as TSidebar, R as TSkeleton, fe as TSparkline, i as TSpinner, N as TStack, z as TStat, F as TStepper, F as TSteps, B as TSwitch, Y as TTab, J as TTabList, X as TTabPanel, ae as TTable, q as TTabs, oe as TTag, L as TTextarea, se as TTimeline, Z as TToast, ne as TToastProvider, I as TToggleGroup, V as TTooltip, P as TTreeView, $ as TreeUIPlugin, $ as default, he as install, ge as treeCardVariants, _e as treeDrawerSides, ve as treeSizes, ye as treeTooltipSides, be as treeVariants, Q as useToast };
|
package/dist/plugin.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("./components/TAccordion.cjs"),t=require("./components/TAccordionItem.cjs"),n=require("./components/TAlert.cjs"),r=require("./components/TBadge.cjs"),i=require("./components/TBreadcrumb.cjs"),a=require("./components/TBreadcrumbItem.cjs"),ee=require("./components/TSpinner.cjs"),o=require("./components/TButton.cjs"),s=require("./components/TCard.cjs"),c=require("./components/TCheckbox.cjs"),l=require("./components/TCombobox.cjs"),u=require("./components/TModal.cjs"),d=require("./components/TConfirmDialog.cjs"),f=require("./components/TContainer.cjs"),p=require("./components/TContextMenu.cjs"),m=require("./components/TDatePicker.cjs"),h=require("./components/TDateTimePicker.cjs"),g=require("./components/TDrawer.cjs"),_=require("./components/TDropdown.cjs"),v=require("./components/TEmptyState.cjs"),y=require("./components/
|
|
1
|
+
const e=require("./components/TAccordion.cjs"),t=require("./components/TAccordionItem.cjs"),n=require("./components/TAlert.cjs"),r=require("./components/TBadge.cjs"),i=require("./components/TBreadcrumb.cjs"),a=require("./components/TBreadcrumbItem.cjs"),ee=require("./components/TSpinner.cjs"),o=require("./components/TButton.cjs"),s=require("./components/TCard.cjs"),c=require("./components/TCheckbox.cjs"),l=require("./components/TCombobox.cjs"),u=require("./components/TModal.cjs"),d=require("./components/TConfirmDialog.cjs"),f=require("./components/TContainer.cjs"),p=require("./components/TContextMenu.cjs"),m=require("./components/TDatePicker.cjs"),h=require("./components/TDateTimePicker.cjs"),g=require("./components/TDrawer.cjs"),_=require("./components/TDropdown.cjs"),v=require("./components/TEmptyState.cjs"),y=require("./components/TProgress.cjs"),b=require("./components/TFileUpload.cjs"),x=require("./components/TMultiSelect.cjs"),S=require("./components/TGrid.cjs"),C=require("./components/TNavbar.cjs"),w=require("./components/TLink.cjs"),T=require("./components/TNavMenu.cjs"),E=require("./components/TRadio.cjs"),D=require("./components/TRadioGroup.cjs"),O=require("./components/TSelect.cjs"),k=require("./components/TSidebar.cjs"),A=require("./components/TAppShell.cjs"),j=require("./components/TInput.cjs"),M=require("./components/TNumberInput.cjs"),N=require("./components/TSelectableList.cjs"),te=require("./components/TStack.cjs"),P=require("./components/TTreeView.cjs"),F=require("./components/TSteps.cjs"),I=require("./components/TToggleGroup.cjs"),L=require("./components/TTextarea.cjs"),R=require("./components/TSkeleton.cjs"),z=require("./components/TStat.cjs"),B=require("./components/TSwitch.cjs"),V=require("./components/TTooltip.cjs"),H=require("./components/TFormField.cjs"),U=require("./components/TPage.cjs"),W=require("./components/TPageHeader.cjs"),G=require("./components/TPagination.cjs"),K=require("./components/TPopover.cjs"),q=require("./components/TTabs.cjs"),J=require("./components/TTabList.cjs"),Y=require("./components/TTab.cjs"),X=require("./components/TTabPanel.cjs"),Z=require("./components/TToast.cjs"),Q=require("./components/TToastProvider.cjs"),ne=require("./components/TAvatar.cjs"),re=require("./components/TDivider.cjs"),ie=require("./components/TTable.cjs"),ae=require("./components/TTag.cjs"),oe=require("./components/TTimeline.cjs"),se=require("./components/TPricingCard.cjs"),ce=require("./components/TPricing.cjs"),le=require("./components/TMarkdownEditor.cjs"),ue=require("./components/TChart.cjs"),de=require("./components/TSparkline.cjs"),fe=require("./components/TDonutChart.cjs"),pe=require("./components/TIcon.cjs");var me={TAccordion:e.default,TAccordionItem:t.default,TAlert:n.default,TBadge:r.default,TBreadcrumb:i.default,TBreadcrumbItem:a.default,TButton:o.default,TCard:s.default,TCheckbox:c.default,TCombobox:l.default,TConfirmDialog:d.default,TContainer:f.default,TContextMenu:p.default,TDatePicker:m.default,TDateTimePicker:h.default,TDrawer:g.default,TDropdown:_.default,TEmptyState:v.default,TFileUpload:b.default,TFormField:H.default,TGrid:S.default,TAppBar:C.default,TInput:j.default,TLink:w.default,TNavMenu:T.default,TNavbar:C.default,TMultiSelect:x.default,TModal:u.default,TNumberInput:M.default,TPage:U.default,TPageHeader:W.default,TRadio:E.default,TRadioGroup:D.default,TSelectableList:N.default,TSelect:O.default,TSidebar:k.default,TAppShell:A.default,TSkeleton:R.default,TSpinner:ee.default,TStack:te.default,TStat:z.default,TStepper:F.default,TSteps:F.default,TSwitch:B.default,TTextarea:L.default,TTabs:q.default,TTabList:J.default,TTab:Y.default,TTabPanel:X.default,TToggleGroup:I.default,TToast:Z.default,TToastProvider:Q.default,TPagination:G.default,TPopover:K.default,TProgress:y.default,TTooltip:V.default,TAvatar:ne.default,TDivider:re.default,TTable:ie.default,TTag:ae.default,TTreeView:P.default,TTimeline:oe.default,TPricing:ce.default,TPricingCard:se.default,TMarkdownEditor:le.default,TChart:ue.default,TSparkline:de.default,TDonutChart:fe.default,TIcon:pe.default},$={install(e){Object.entries(me).forEach(([t,n])=>{e.component(t,n)})}},he=$.install;exports.TreeUIPlugin=$,exports.install=he;
|
|
2
2
|
//# sourceMappingURL=plugin.cjs.map
|