vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 3.71 kB
Source Map (JSON)
{"version":3,"file":"props.mjs","sources":["../../../components/collapse/props.ts"],"sourcesContent":["import { booleanProp, buildProps, eventProp, iconProp, styleProp } from '@vexip-ui/config'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type { ConfigurableProps } from '@vexip-ui/config'\nimport type { CollapseAliveType, CollapseArrowType, CollapsePanelSlots } from './symbol'\n\nexport const collapseProps = buildProps({\n expanded: [String, Number, Array] as PropType<string | number | (string | number)[]>,\n card: booleanProp,\n accordion: booleanProp,\n arrowType: String as PropType<CollapseArrowType>,\n ghost: booleanProp,\n alive: {\n type: [Boolean, String] as PropType<boolean | CollapseAliveType>,\n default: null,\n },\n onChange: eventProp<(expanded: (string | number)[]) => void>(),\n})\n\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\nexport type CollapseCProps = ConfigurableProps<CollapseProps, 'expanded'>\n\nexport const collapsePanelProps = buildProps({\n label: [String, Number],\n title: String,\n disabled: booleanProp,\n contentStyle: styleProp,\n expanded: booleanProp,\n card: booleanProp,\n arrowType: String as PropType<CollapseArrowType>,\n icon: iconProp,\n ghost: booleanProp,\n alive: {\n type: [Boolean, String] as PropType<boolean | CollapseAliveType>,\n default: null,\n },\n slots: Object as PropType<CollapsePanelSlots>,\n onToggle: eventProp<(expanded: boolean) => void>(),\n})\n\nexport type CollapsePanelProps = ExtractPropTypes<typeof collapsePanelProps>\nexport type CollapsePanelCProps = ConfigurableProps<CollapsePanelProps>\n\ntype TransitionMode = 'in-out' | 'out-in' | 'default'\n\nexport const collapseTransitionProps = buildProps({\n appear: booleanProp,\n mode: String as PropType<TransitionMode>,\n horizontal: booleanProp,\n duration: Number,\n timing: String,\n fadeEffect: booleanProp,\n /**\n * Internal prop for Tree, reverse the enter transition\n *\n * @internal\n */\n reverse: booleanProp,\n disabled: booleanProp,\n onBeforeEnter: eventProp<(el: Element) => void>(),\n onEnter: eventProp<(el: Element) => void>(),\n onAfterEnter: eventProp<(el: Element) => void>(),\n onEnterCancelled: eventProp<(el: Element) => void>(),\n onBeforeLeave: eventProp<(el: Element) => void>(),\n onLeave: eventProp<(el: Element) => void>(),\n onAfterLeave: eventProp<(el: Element) => void>(),\n onLeaveCancelled: eventProp<(el: Element) => void>(),\n})\n\nexport type CollapseTransitionProps = ExtractPropTypes<typeof collapseTransitionProps>\nexport type CollapseTransitionCProps = ConfigurableProps<CollapseTransitionProps>\n"],"names":["collapseProps","buildProps","booleanProp","eventProp","collapsePanelProps","styleProp","iconProp","collapseTransitionProps"],"mappings":";AAMO,MAAMA,IAAgBC,EAAW;AAAA,EACtC,UAAU,CAAC,QAAQ,QAAQ,KAAK;AAAA,EAChC,MAAMC;AAAA,EACN,WAAWA;AAAA,EACX,WAAW;AAAA,EACX,OAAOA;AAAA,EACP,OAAO;AAAA,IACL,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EACX;AAAA,EACA,UAAUC,EAAmD;AAC/D,CAAC,GAKYC,IAAqBH,EAAW;AAAA,EAC3C,OAAO,CAAC,QAAQ,MAAM;AAAA,EACtB,OAAO;AAAA,EACP,UAAUC;AAAA,EACV,cAAcG;AAAA,EACd,UAAUH;AAAA,EACV,MAAMA;AAAA,EACN,WAAW;AAAA,EACX,MAAMI;AAAA,EACN,OAAOJ;AAAA,EACP,OAAO;AAAA,IACL,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,UAAUC,EAAuC;AACnD,CAAC,GAOYI,IAA0BN,EAAW;AAAA,EAChD,QAAQC;AAAA,EACR,MAAM;AAAA,EACN,YAAYA;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAYA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,SAASA;AAAA,EACT,UAAUA;AAAA,EACV,eAAeC,EAAiC;AAAA,EAChD,SAASA,EAAiC;AAAA,EAC1C,cAAcA,EAAiC;AAAA,EAC/C,kBAAkBA,EAAiC;AAAA,EACnD,eAAeA,EAAiC;AAAA,EAChD,SAASA,EAAiC;AAAA,EAC1C,cAAcA,EAAiC;AAAA,EAC/C,kBAAkBA,EAAiC;AACrD,CAAC;"}