@mee4dy/crud/dist/ui/vue/components/Table/Td/Index.vue.cjs.map

Create a backend and frontend in 5 minutes! With our powerful full stack crud system, customize it to suit you.

{"version":3,"file":"Index.vue.cjs","sources":["../../../../../../ui/vue/components/Table/Td/Index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"crud-ui-table-td\"\n    :class=\"{ 'crud-ui-table-td--center': centered }\"\n    :style=\"{ width: this.field?.width }\"\n    :title=\"tooltip\"\n  >\n    <slot v-if=\"hasSlot\"></slot>\n    <template v-else>\n      <span v-if=\"prefix\" class=\"crud-ui-table-td-prefix\">{{ prefix }}</span>\n      <ui-table-td-boolean v-if=\"fieldType === 'boolean'\" :data=\"data\" v-on=\"$listeners\"></ui-table-td-boolean>\n      <ui-table-td-date v-else-if=\"fieldType === 'date'\" :data=\"data\" v-on=\"$listeners\"></ui-table-td-date>\n      <ui-table-td-datetime v-else-if=\"fieldType === 'datetime'\" :data=\"data\" v-on=\"$listeners\"></ui-table-td-datetime>\n      <ui-table-td-link v-else-if=\"fieldType === 'link'\" :data=\"data\" v-on=\"$listeners\"></ui-table-td-link>\n      <ui-table-td-number v-else-if=\"fieldType === 'number'\" :data=\"data\" v-on=\"$listeners\"></ui-table-td-number>\n      <ui-table-td-value v-else>{{ data.value }}</ui-table-td-value>\n      <span v-if=\"suffix\" class=\"crud-ui-table-td-suffix\">{{ suffix }}</span>\n    </template>\n  </div>\n</template>\n\n<script>\nimport UiTableTdBoolean from './Boolean.vue';\nimport UiTableTdDate from './Date.vue';\nimport UiTableTdDatetime from './Datetime.vue';\nimport UiTableTdLink from './Link.vue';\nimport UiTableTdNumber from './Number.vue';\nimport UiTableTdValue from './Value.vue';\n\nexport default {\n  components: {\n    'ui-table-td-boolean': UiTableTdBoolean,\n    'ui-table-td-date': UiTableTdDate,\n    'ui-table-td-datetime': UiTableTdDatetime,\n    'ui-table-td-link': UiTableTdLink,\n    'ui-table-td-number': UiTableTdNumber,\n    'ui-table-td-value': UiTableTdValue,\n  },\n  props: {\n    data: {\n      type: Object,\n    },\n  },\n  computed: {\n    field() {\n      return this.data?.field;\n    },\n    fieldType() {\n      return this.field?.type || 'value';\n    },\n    tooltip() {\n      return this.field?.tooltip;\n    },\n    prefix() {\n      return this.field?.prefix;\n    },\n    suffix() {\n      return this.field?.suffix;\n    },\n    hasSlot() {\n      return !!this.$slots['default'];\n    },\n    centered() {\n      return this.field?.centered || ['boolean'].includes(this.fieldType);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.crud-ui-table-td {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  height: 100%;\n  font-size: 14px;\n  padding: 10px;\n\n  &--center {\n    align-items: center;\n    justify-content: center;\n  }\n\n  .btn {\n    margin-right: 5px;\n    margin-bottom: 5px;\n  }\n\n  &-prefix,\n  &-suffix {\n    white-space: pre;\n  }\n}\n</style>\n"],"names":["_sfc_main","UiTableTdBoolean","UiTableTdDate","UiTableTdDatetime","UiTableTdLink","UiTableTdNumber","UiTableTdValue","_a"],"mappings":"wSA6BAA,EAAA,CACA,WAAA,CACA,sBAAAC,EACA,mBAAAC,EACA,uBAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,oBAAAC,CACA,EACA,MAAA,CACA,KAAA,CACA,KAAA,MACA,CACA,EACA,SAAA,CACA,OAAA,OACA,OAAAC,EAAA,KAAA,OAAA,YAAAA,EAAA,KACA,EACA,WAAA,OACA,QAAAA,EAAA,KAAA,QAAA,YAAAA,EAAA,OAAA,OACA,EACA,SAAA,OACA,OAAAA,EAAA,KAAA,QAAA,YAAAA,EAAA,OACA,EACA,QAAA,OACA,OAAAA,EAAA,KAAA,QAAA,YAAAA,EAAA,MACA,EACA,QAAA,OACA,OAAAA,EAAA,KAAA,QAAA,YAAAA,EAAA,MACA,EACA,SAAA,CACA,MAAA,CAAA,CAAA,KAAA,OAAA,OACA,EACA,UAAA,OACA,QAAAA,EAAA,KAAA,QAAA,YAAAA,EAAA,WAAA,CAAA,SAAA,EAAA,SAAA,KAAA,SAAA,CACA,CACA,CACA"}