maxit-cli 0.1.0

package/registry/components/cascader/cascader.wxss

@@ -0,0 +1,178 @@
+@import '../common/style/index.wxss';
+
+.o-cascader {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--o-cascader-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    color: var(--o-cascader-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    border-radius: var(--o-radius-extraLarge,24rpx) var(--o-radius-extraLarge,24rpx) 0 0;
+    --o-radio-icon-checked-color: var(--o-cascader-active-color, var(--o-brand-color, var(--o-primary-color-7, #f16e00)));
+    --o-tab-item-active-color: var(--o-cascader-active-color, var(--o-brand-color, var(--o-primary-color-7, #f16e00)));
+    --o-tab-track-color: var(--o-cascader-active-color, var(--o-brand-color, var(--o-primary-color-7, #f16e00)));
+}
+
+.o-cascader__close-btn {
+    right: var(--o-spacer-2,32rpx);
+    top: var(--o-spacer-2,32rpx);
+    position: absolute;
+}
+
+.o-cascader__title {
+    position: relative;
+    font: var(--o-cascader-title-font,var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    text-align: center;
+    padding: var(--o-cascader-title-padding,var(--o-spacer-2,32rpx));
+}
+
+.o-cascader__content {
+    width: 100%;
+    height: var(--o-cascader-content-height,78vh);
+    display: flex;
+    flex-direction: column;
+}
+
+.o-cascader__options {
+    width: 100vw;
+}
+
+.o-cascader__options-title {
+    color: var(--o-cascader-options-title-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    padding-top: 40rpx;
+    padding-left: var(--o-spacer-2,32rpx);
+    box-sizing: border-box;
+}
+
+.o-cascader__options-container {
+    flex: 1;
+    display: flex;
+    transition: all ease .3s;
+}
+
+.o-cascader__step {
+    display: flex;
+    align-items: center;
+    height: var(--o-cascader-step-height,88rpx);
+}
+
+.o-cascader__steps {
+    padding: 0 var(--o-spacer-2,32rpx) 10rpx;
+    position: relative;
+}
+
+.o-cascader__steps::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: unset;
+    bottom: 0;
+    left: unset;
+    right: unset;
+    background-color: var(--o-cascader-border-color,var(--o-component-stroke,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-cascader__steps::after {
+    height: 1px;
+    left: 0;
+    right: 0;
+    transform: scaleY(.5);
+}
+
+.o-cascader__step-dot {
+    position: relative;
+    width: var(--o-cascader-step-dot-size,16rpx);
+    height: var(--o-cascader-step-dot-size,16rpx);
+    border-radius: var(--o-radius-circle,50%);
+    border: 2rpx solid var(--o-cascader-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    box-sizing: border-box;
+}
+
+.o-cascader__step-dot:not(.o-cascader__step-dot--last)::after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: calc(var(--o-cascader-step-dot-size,16rpx) + 14rpx);
+    height: 36rpx;
+    width: 2rpx;
+    background: var(--o-cascader-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    transform: translateX(-50%);
+}
+
+.o-cascader__step-dot--active {
+    background: var(--o-cascader-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    border-color: var(--o-cascader-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-cascader__step-label {
+    padding-left: var(--o-spacer-2,32rpx);
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-cascader__step-label--active {
+    color: var(--o-cascader-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    font-weight: 600;
+}
+
+.o-cascader__step-arrow {
+    color: var(--o-cascader-step-arrow-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    margin-left: auto;
+}
+
+.o-cascader__filter {
+    padding: var(--o-cascader-filter-padding,0 var(--o-spacer-2,32rpx) var(--o-spacer-1,24rpx));
+    box-sizing: border-box;
+}
+
+.o-cascader__filter-result {
+    flex: 1;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.o-cascader__filter-result-item {
+    padding: var(--o-cascader-filter-item-padding,var(--o-spacer-1,24rpx) var(--o-spacer-2,32rpx));
+    color: var(--o-cascader-filter-item-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    box-sizing: border-box;
+    position: relative;
+}
+
+.o-cascader__filter-result-item::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: unset;
+    bottom: 0;
+    left: unset;
+    right: unset;
+    background-color: var(--o-cascader-border-color,var(--o-component-stroke,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-cascader__filter-result-item::after {
+    height: 1px;
+    left: 0;
+    right: 0;
+    transform: scaleY(.5);
+}
+
+.o-cascader__filter-result-item--hover {
+    background-color: var(--o-cascader-filter-item-hover-bg,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-cascader__filter-result-item--disabled {
+    color: var(--o-cascader-filter-item-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-cascader__filter-highlight {
+    color: var(--o-cascader-filter-highlight-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    font-weight: 600;
+}
+
+.o-cascader__filter-empty {
+    padding: var(--o-cascader-filter-empty-padding,var(--o-spacer-5,96rpx) var(--o-spacer-2,32rpx));
+    text-align: center;
+    color: var(--o-cascader-filter-empty-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+

package/registry/components/cascader/index.js

@@ -0,0 +1 @@
+export*from"./props";export*from"./cascader";

package/registry/components/cascader/props.js

@@ -0,0 +1 @@
+const props={checkStrictly:{type:Boolean,value:!1},closeBtn:{type:Boolean,value:!0},filter:{type:null},filterPlaceholder:{type:String,value:""},filterable:{type:Boolean,value:!1},keys:{type:Object},options:{type:Array,value:[]},placeholder:{type:String,value:""},subTitles:{type:Array,value:[]},theme:{type:String,value:"step"},title:{type:String},value:{type:null,value:null},defaultValue:{type:null,value:null},visible:{type:Boolean,value:!1}};export default props;

package/registry/components/category-filter/category-filter.js

@@ -0,0 +1,50 @@
+import { __decorate } from '../common/tslib';
+import { SuperComponent, wxComponent } from '../common/src/index';
+import config from '../common/config';
+import props from './props';
+
+const { prefix } = config;
+const name = `${prefix}-category-filter`;
+
+// Derived data, recomputed when a property changes and once when attached
+// (the runtime may skip observers for initial property values).
+const observers = {
+  value(list) {
+    this.setData({ _selected: (list || []).reduce((map, value) => ({ ...map, [value]: true }), {}) });
+  },
+};
+
+let CategoryFilter = class CategoryFilter extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name, _selected: {} };
+    this.observers = observers;
+    this.lifetimes = {
+      attached() {
+        Object.keys(observers).forEach((key) => observers[key].call(this, this.properties[key]));
+      },
+    };
+    this.methods = {
+      selectedValues(selected) {
+        return Object.keys(selected).filter((key) => selected[key]);
+      },
+      onToggle(e) {
+        const { value } = e.currentTarget.dataset;
+        const selected = { ...this.data._selected, [value]: !this.data._selected[value] };
+        this.setData({ _selected: selected });
+        this.triggerEvent('change', { value: this.selectedValues(selected) });
+      },
+      onReset() {
+        this.setData({ _selected: {} });
+        this.triggerEvent('reset');
+        this.triggerEvent('change', { value: [] });
+      },
+      onApply() { this.triggerEvent('apply', { value: this.selectedValues(this.data._selected) }); },
+    };
+  }
+};
+CategoryFilter = __decorate([wxComponent()], CategoryFilter);
+export default CategoryFilter;

package/registry/components/category-filter/category-filter.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"o-icon":"../icon/icon","o-button":"../button/button","o-section-title":"../section-title/section-title"}}

package/registry/components/category-filter/category-filter.wxml

@@ -0,0 +1,16 @@
+<view class="o-category-filter class {{prefix}}-class" style="{{style}} {{customStyle}}">
+  <o-section-title wx:if="{{title}}" title="{{title}}" />
+  <view wx:for="{{groups}}" wx:for-item="group" wx:key="title" class="o-category-filter__group">
+    <view class="o-txt-small">{{group.title}}</view>
+    <view class="o-category-filter__chips">
+      <view wx:for="{{group.options}}" wx:key="value" class="o-category-filter__chip {{_selected[item.value] ? 'o-category-filter__chip--on' : ''}}" data-value="{{item.value}}" bind:tap="onToggle">
+        <o-icon wx:if="{{_selected[item.value]}}" name="check" o-class="o-category-filter__check" />
+        <text>{{item.label}}</text>
+      </view>
+    </view>
+  </view>
+  <view class="o-category-filter__actions">
+    <o-button variant="outline" block bind:tap="onReset">{{resetText}}</o-button>
+    <o-button theme="primary" block bind:tap="onApply">{{applyText}}</o-button>
+  </view>
+</view>

package/registry/components/category-filter/category-filter.wxss

@@ -0,0 +1,47 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Filter by category (Figma "Section by category"): groups of selectable chips, reset and apply buttons. */
+.o-category-filter {
+    display: block;
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-category-filter__group + .o-category-filter__group {
+    margin-top: 24rpx;
+}
+
+.o-category-filter__chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+    margin-top: 12rpx;
+}
+
+.o-category-filter__chip {
+    display: inline-flex;
+    align-items: center;
+    height: 56rpx;
+    padding: 0 24rpx;
+    border-radius: 999px;
+    border: 2rpx solid var(--o-scheme-outline, #8d8d8d);
+    font: var(--o-type-label-large, 500 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-category-filter__chip--on {
+    border-color: transparent;
+    background-color: var(--o-scheme-secondary-container, #ffe2c9);
+    color: var(--o-scheme-on-secondary-container, #000);
+}
+
+.o-category-filter__check {
+    margin-right: 8rpx;
+    font-size: 32rpx;
+}
+
+.o-category-filter__actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 16rpx;
+    margin-top: 32rpx;
+}

package/registry/components/category-filter/index.js

@@ -0,0 +1,2 @@
+export * from './props';
+export * from './category-filter';

package/registry/components/category-filter/props.js

@@ -0,0 +1,10 @@
+// o-category-filter: Filter by category (Figma "Section by category"): groups of selectable chips, reset and apply buttons.
+const props = {
+  title: { type: String, value: '' },
+  // [{ title, options: [{ label, value }] }]
+  groups: { type: Array, value: [] },
+  value: { type: Array, value: [] },
+  resetText: { type: String, value: 'Réinitialiser' },
+  applyText: { type: String, value: 'Appliquer' },
+};
+export default props;

package/registry/components/cell/cell.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{calcIcon}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-cell`;let Cell=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-title`,`${prefix}-class-description`,`${prefix}-class-note`,`${prefix}-class-hover`,`${prefix}-class-image`,`${prefix}-class-left`,`${prefix}-class-left-icon`,`${prefix}-class-center`,`${prefix}-class-right`,`${prefix}-class-right-icon`],this.relations={"../cell-group/cell-group":{type:"ancestor"}},this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:name,isLastChild:!1},this.observers={leftIcon(e){this.setIcon("_leftIcon",e,"")},rightIcon(e){this.setIcon("_rightIcon",e,"")},arrow(e){this.setIcon("_arrow",e,"chevron-right")}}}setIcon(e,t,s){this.setData({[e]:calcIcon(t,s)})}onClick(e){this.triggerEvent("click",e.detail),this.jumpLink()}jumpLink(e="url",t="jumpType"){const s=this.data[e],i=this.data[t];s&&wx[i]({url:s})}};Cell=__decorate([wxComponent()],Cell);export default Cell;

package/registry/components/cell/cell.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"o-icon":"../icon/icon","o-image":"../image/image"}}

package/registry/components/cell/cell.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle])}}" class="class {{prefix}}-class {{_.cls(classPrefix, [['bordered', bordered && !isLastChild], ['description-top', descriptionPlacement === 'top']])}}" hover-class="{{ hover ? classPrefix + '--hover' : ''}}" hover-stay-time="70" bind:tap="onClick" aria-role="{{ariaRole || (arrow ? 'button' : '')}}" aria-label="{{ariaLabel}}"><view class="{{classPrefix}}__left {{prefix}}-class-left"><template wx:if="{{_leftIcon}}" is="icon" data="{{oClass: classPrefix + '__left-icon ' + prefix + '-class-left-icon', ..._leftIcon }}"/><slot name="left-icon"/><o-image wx:if="{{ image }}" shape="round" o-class="{{classPrefix}}__left-image {{prefix}}-class-image" src="{{ image }}"/><slot name="image"/></view><view class="{{classPrefix}}__title {{prefix}}-class-center"><view class="{{classPrefix}}__title-text {{prefix}}-class-title"><block wx:if="{{ title }}">{{ title}}</block><slot name="title"/><block wx:if="{{required}}"><text decode class="{{classPrefix}}--required">&nbsp;*</text></block></view><view class="{{classPrefix}}__description {{prefix}}-class-description"><view wx:if="{{ description }}" class="{{classPrefix}}__description-text">{{description}}</view><slot name="description"/></view></view><view class="{{classPrefix}}__note {{prefix}}-class-note"><text wx:if="{{ note }}">{{note}}</text><slot name="note"/></view><view class="{{_.cls(classPrefix + '__right', [align])}} {{prefix}}-class-right"><template wx:if="{{_arrow}}" is="icon" data="{{oClass: classPrefix + '__right-icon ' + prefix + '-class-right-icon', ..._arrow }}"/><block wx:else><template wx:if="{{_rightIcon}}" is="icon" data="{{oClass: classPrefix + '__right-icon ' + prefix + '-class-right-icon', ..._rightIcon }}"/><slot name="right-icon"/></block></view></view>

package/registry/components/cell/cell.wxss

@@ -0,0 +1,136 @@
+@import '../common/style/index.wxss';
+
+.o-cell {
+    position: relative;
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    padding: var(--o-cell-vertical-padding,var(--o-spacer-2,32rpx)) var(--o-cell-horizontal-padding,var(--o-spacer-2,32rpx));
+    height: var(--o-cell-height,auto);
+    background-color: var(--o-cell-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-cell--bordered::after {
+    position: absolute;
+    box-sizing: border-box;
+    content: ' ';
+    pointer-events: none;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    border-bottom: var(--o-cell-border-width,1px) solid var(--o-cell-border-color,var(--o-component-stroke,var(--o-gray-color-3,#dddddd)));
+    transform: scaleY(.5);
+    transform-origin: bottom;
+    left: var(--o-cell-border-left-space,var(--o-cell-horizontal-padding,var(--o-spacer-2,32rpx)));
+    right: var(--o-cell-border-right-space,0);
+}
+
+.o-cell__description {
+    font: var(--o-cell-description-font,var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    color: var(--o-cell-description-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+}
+
+.o-cell__description-text {
+    margin-top: calc(var(--o-spacer,16rpx)/ 2);
+}
+
+.o-cell__note {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    color: var(--o-cell-note-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    font-size: var(--o-cell-note-font-size,var(--o-font-size-m,32rpx));
+}
+
+.o-cell__title {
+    margin-right: var(--o-spacer-2,32rpx);
+}
+
+.o-cell__note,
+.o-cell__title {
+    flex: 1 1 auto;
+}
+
+.o-cell__note:empty,
+.o-cell__title:empty {
+    display: none;
+}
+
+.o-cell__title-text {
+    display: flex;
+    font: var(--o-cell-title-font,var(--o-font-body-large,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    color: var(--o-cell-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-cell__left,
+.o-cell__right {
+    align-self: stretch;
+}
+
+.o-cell__left:not(:empty) {
+    margin-right: var(--o-spacer-1,24rpx);
+}
+
+.o-cell__left-icon {
+    color: var(--o-cell-left-icon-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    font-size: var(--o-cell-left-icon-size,48rpx);
+}
+
+.o-cell__left-image {
+    height: var(--o-cell-image-height,96rpx);
+    width: var(--o-cell-image-width,96rpx);
+}
+
+.o-cell__note:not(:empty)+.o-cell__right {
+    margin-left: calc(var(--o-spacer,16rpx)/ 2);
+}
+
+.o-cell__right {
+    display: flex;
+}
+
+.o-cell__right-icon {
+    color: var(--o-cell-right-icon-color,var(--o-text-color-primary,#000));
+    font-size: var(--o-cell-right-icon-size,48rpx);
+}
+
+.o-cell__right--middle {
+    align-items: center;
+}
+
+.o-cell__right--top {
+    align-items: flex-start;
+}
+
+.o-cell__right--bottom {
+    align-items: flex-end;
+}
+
+.o-cell--hover {
+    background-color: var(--o-cell-hover-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-cell--required {
+    font-size: var(--o-cell-required-font-size,var(--o-font-size-m,32rpx));
+    color: var(--o-cell-required-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-cell--description-top .o-cell__title {
+    display: flex;
+    flex-direction: column-reverse;
+    justify-content: center;
+}
+
+.o-cell--description-top .o-cell__description {
+    font: var(--o-cell-description-top-font,24rpx / 36rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-cell--description-top .o-cell__description-text {
+    margin-top: 0;
+    margin-bottom: 4rpx;
+}
+
+.o-cell--description-top .o-cell__title-text {
+    font-weight: var(--o-cell-description-top-title-weight,600);
+}
+

package/registry/components/cell/index.js

@@ -0,0 +1 @@
+export*from"./props";export*from"./cell";

package/registry/components/cell/props.js

@@ -0,0 +1 @@
+const props={descriptionPlacement:{type:String,value:"bottom"},align:{type:String,value:"middle"},arrow:{type:null,value:!1},bordered:{type:Boolean,value:!0},description:{type:String},hover:{type:Boolean},image:{type:String},jumpType:{type:String,value:"navigateTo"},leftIcon:{type:null},note:{type:String},required:{type:Boolean,value:!1},rightIcon:{type:null},title:{type:String},url:{type:String,value:""}};export default props;

package/registry/components/check-tag/check-tag.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{wxComponent,SuperComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{classNames,calcIcon}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-tag`;let CheckTag=class extends SuperComponent{constructor(){super(...arguments),this.data={prefix:prefix,classPrefix:name,className:""},this.properties=props,this.externalClasses=[`${prefix}-class`],this.controlledProps=[{key:"checked",event:"change"}],this.options={multipleSlots:!0},this.lifetimes={attached(){this.setClass()}},this.observers={"size, disabled, checked"(){this.setClass()},icon(e){this.setData({_icon:calcIcon(e)})}},this.methods={setClass(){const{classPrefix:e}=this.data,{size:s,variant:t,disabled:i,checked:a,shape:c}=this.properties,o=classNames([e,`${e}--checkable`,i?`${e}--disabled`:"",a?`${e}--checked`:"",`${e}--${a?"primary":"default"}`,`${e}--${s}`,`${e}--${t}`,`${e}--${c}`]);this.setData({className:o})},onClick(){if(this.data.disabled)return;const{checked:e}=this.data;this._trigger("click"),this._trigger("change",{checked:!e})},onClose(e){this.data.disabled||this._trigger("close",e)}}}};CheckTag=__decorate([wxComponent()],CheckTag);export default CheckTag;

package/registry/components/check-tag/check-tag.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"o-icon":"../icon/icon"}}

package/registry/components/check-tag/check-tag.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><import src="../common/template/icon.wxml"/><view style="{{_._style([style, customStyle])}}" class="{{className}} class {{prefix}}-class" bind:tap="onClick"><view aria-hidden="{{true}}" class="{{classPrefix}}__icon"><template wx:if="{{_icon}}" is="icon" data="{{ oClass: prefix + '-icon', ..._icon }}"/><slot name="icon"/></view><view class="{{classPrefix}}__text"><slot/><slot name="content"/><block wx:if="{{_.isArray(content) && content.length == 2}}">{{checked ? content[0] : content[1]}}</block><block wx:else>{{content}}</block></view><o-icon wx:if="{{ closable }}" class="{{classPrefix}}__icon-close" o-class="{{prefix}}-icon" catch:tap="onClose" name="close" aria-role="button" aria-label="Fermer"/></view>