{"version":3,"file":"SopDataTableItem.mjs","sources":["../../../src/components/SopDataTableItem/SopDataTableItem.tsx"],"sourcesContent":["import { defineComponent, computed, useSlots } from 'vue';\n\nexport default defineComponent({\n  name: 'SopDataTableItem',\n  props: {\n    label: {\n      type: String,\n      default: ''\n    },\n    border: {\n      type: Boolean,\n      default: true\n    }\n  },\n  setup(props, { slots }) {\n\n    // 根据 slot 有没传值判断操作区是否显示\n    const isOperationShow = computed(() => !!useSlots().opt);\n\n    return () => (\n      <div class={[\n        'sop-data-table-item',\n        !props.border ? 'sop-data-table-item--no-border' : ''\n      ]}>\n        {\n          props.label !== '' &&\n          <div class=\"sop-data-table-item__label\">\n            { props.label }\n            {\n              isOperationShow.value &&\n              <div class=\"sop-data-table-item__opt\">\n                {slots.opt?.()}\n              </div>\n            }\n          </div>\n        }\n        <div class=\"sop-data-table-item__content\">\n          {slots.default?.()}\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","label","type","String","default","border","Boolean","setup","slots","isOperationShow","computed","useSlots","opt","_createVNode","value"],"mappings":";AAEA,MAAeA,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,OAAO;AAAA,MACLC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDC,QAAQ;AAAA,MACNH,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACDG,MAAMP,OAAO;AAAA,IAAEQ;AAAAA,EAAM,GAAG;AAGtB,UAAMC,kBAAkBC,SAAS,MAAM,CAAC,CAACC,SAAQ,EAAGC,GAAG;AAEvD,WAAO,MAAA;;AAAAC,yBAAA,OAAA;AAAA,QAAA,SACO,CACV,uBACA,CAACb,MAAMK,SAAS,mCAAmC,EAAE;AAAA,MACtD,GAAA,CAEGL,MAAMC,UAAU,MAAEY,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAEdb,CAAAA,MAAMC,OAENQ,gBAAgBK,SAAKD,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAElBL,EAAAA,WAAMI,QAANJ,8BAAa,CACV,CAAA,CAAA,GAEJK,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAGLL,WAAMJ,YAANI,8BAAiB,CAGvB,CAAA,CAAA;AAAA;AAAA,EACH;AACF,CAAC;"}