SkuRow.tsx 714 B

123456789101112131415161718192021222324252627282930313233
  1. import { use } from '../../utils';
  2. import { inherit } from '../../utils/functional';
  3. // Types
  4. import { CreateElement, RenderContext } from 'vue/types';
  5. import { DefaultSlots } from '../../utils/use/sfc';
  6. import { SkuTreeItemData } from '../type';
  7. export type SkuRowProps = {
  8. skuRow: SkuTreeItemData;
  9. };
  10. const [sfc, bem] = use('sku-row');
  11. function SkuRow(
  12. h: CreateElement,
  13. props: SkuRowProps,
  14. slots: DefaultSlots,
  15. ctx: RenderContext<SkuRowProps>
  16. ) {
  17. return (
  18. <div class={bem()} {...inherit(ctx)}>
  19. <div class={bem('title')}>{props.skuRow.k}:</div>
  20. {slots.default && slots.default()}
  21. </div>
  22. );
  23. }
  24. SkuRow.props = {
  25. skuRow: Object
  26. };
  27. export default sfc<SkuRowProps>(SkuRow);