<commit_before><template>
  <div @click="handleClick" class="mint-layout-lr-item" :position="position" :style="{ width: percentageWidth}">
      <slot></slot>
  </div>
</template>
<script>
    /**
     * @noteType component
     * @name LayoutLeftRightItem
     * @tagName mt-layout-left-right-item
     * @desc 左右布局容器节点
     * @type container
     * @wrapClassName mint-layout-lr-item
     * @noDisplayInComponents true
     * @html
     * <mt-layout-left-right-item slot="left" position="left"></mt-layout-left-right-item>
     */
export default {
  name: 'mt-layout-left-right-item',
    methods: {
        handleClick(evt) {
            this.$emit('click', evt);
        }
    },
  props: {
      position: String,
      percentage: String
  },
    computed: {
        percentageWidth: function() {
            let percentage = this.percentage;
            if (typeof percentage === 'undefined' || percentage === null) {
                percentage = '50';
            }
            return percentage + '%';
        }
    }
};
</script>
<style lang="css">
  @import "../../../src/style/var.css";
  @component-namespace mint {
    @component layout-lr-item {
      position: relative;
      display: table-cell;
      vertical-align: middle;
    }
  }

</style>
<commit_msg>左右布局容器，可设置固定宽度<commit_after><template>
  <div @click="handleClick" class="mint-layout-lr-item" :position="position" :style="{ width: percentageWidth}">
      <slot></slot>
  </div>
</template>
<script>
    /**
     * @noteType component
     * @name LayoutLeftRightItem
     * @tagName mt-layout-left-right-item
     * @desc 左右布局容器节点
     * @type container
     * @wrapClassName mint-layout-lr-item
     * @noDisplayInComponents true
     * @html
     * <mt-layout-left-right-item slot="left" position="left"></mt-layout-left-right-item>
     */
export default {
  name: 'mt-layout-left-right-item',
    methods: {
        handleClick(evt) {
            this.$emit('click', evt);
        }
    },
  props: {
      position: String,
      percentage: String
  },
    computed: {
        percentageWidth: function() {
            let percentage = this.percentage;
            if (typeof percentage === 'undefined' || percentage === null) {
                percentage = '50';
            }
            if(/^\d+$/.test(percentage)){
                return percentage + '%';
            }else{
                return percentage;
            }
        }
    }
};
</script>
<style lang="css">
  @import "../../../src/style/var.css";
  @component-namespace mint {
    @component layout-lr-item {
      position: relative;
      display: table-cell;
      vertical-align: middle;
    }
  }

</style>

{'fraction_non_alphanumeric': 0.15710536182977128, 'fraction_numerical': 0.0014998125234345708, 'mean_word_length': 2.087962962962963, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4883085', 'n_tokens_mistral': 825, 'n_tokens_neox': 845, 'n_words': 154}