maxit-cli 0.1.0

package/registry/components/button/index.js

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

package/registry/components/button/props.js

@@ -0,0 +1 @@
+const props={activityType:{type:Number},appParameter:{type:String,value:""},block:{type:Boolean,value:!1},content:{type:String},customDataset:{type:null},disabled:{type:null,value:void 0},entrancePath:{type:String,value:""},ghost:{type:Boolean,value:!1},hoverClass:{type:String,value:""},hoverStartTime:{type:Number,value:20},hoverStayTime:{type:Number,value:70},hoverStopPropagation:{type:Boolean,value:!1},icon:{type:null},lang:{type:String},loading:{type:Boolean,value:!1},loadingProps:{type:Object},needShowEntrance:{type:Boolean,value:!0},openType:{type:String},phoneNumberNoQuotaToast:{type:Boolean,value:!0},sendMessageImg:{type:String,value:"截图"},sendMessagePath:{type:String,value:"当前分享路径"},sendMessageTitle:{type:String,value:"当前标题"},sessionFrom:{type:String,value:""},shape:{type:String,value:"rectangle"},showMessageCard:{type:Boolean,value:!1},size:{type:String,value:"medium"},oId:{type:String,value:""},theme:{type:String,value:"default"},type:{type:String},variant:{type:String,value:"base"}};export default props;

package/registry/components/calendar/calendar-header.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><template name="calendar-header"><view class="{{oClass}} {{classPrefix}} {{switchMode !== 'none' ? classPrefix + '__with-action' : ''}}" id="{{oId}}"><view class="{{classPrefix}}__action" wx:if="{{switchMode !== 'none'}}"><view wx:if="{{switchMode === 'year-month'}}" class="{{_.cls(classPrefix + '__icon', [['disabled', preYearBtnDisable]])}}" data-disabled="{{preYearBtnDisable}}" data-type="pre-year" bindtap="handleSwitchModeChange"><o-icon name="chevron-left-double"/></view><view class="{{_.cls(classPrefix + '__icon', [['disabled', prevMonthBtnDisable]])}}" data-disabled="{{prevMonthBtnDisable}}" data-type="pre-month" bindtap="handleSwitchModeChange"><o-icon name="chevron-left"/></view></view><view class="{{classPrefix}}__title">{{ title }}</view><view class="{{classPrefix}}__action" wx:if="{{switchMode !== 'none'}}"><view class="{{_.cls(classPrefix + '__icon', [['disabled', nextMonthBtnDisable]])}}" data-disabled="{{nextMonthBtnDisable}}" data-type="next-month" bindtap="handleSwitchModeChange"><o-icon name="chevron-right"/></view><view wx:if="{{switchMode === 'year-month'}}" class="{{_.cls(classPrefix + '__icon', [['disabled', nextYearBtnDisable]])}}" data-disabled="{{nextYearBtnDisable}}" data-type="next-year" bindtap="handleSwitchModeChange"><o-icon name="chevron-right-double"/></view></view></view></template>

package/registry/components/calendar/calendar.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 TCalendar from"../common/shared/calendar/index";import useCustomNavbar from"../common/mixins/using-custom-navbar";import usingConfig from"../common/mixins/using-config";import{getPrevMonth,getPrevYear,getNextMonth,getNextYear}from"./utils";const{prefix:prefix}=config,componentName="calendar";let Calendar=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[useCustomNavbar,usingConfig({componentName:"calendar",localeTextPropName:"localeText"})],this.externalClasses=[`${prefix}-class`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:`${prefix}-calendar`,months:[],scrollIntoView:"",innerConfirmBtn:{},realLocalText:{},currentMonth:{},actionButtons:{preYearBtnDisable:!1,prevMonthBtnDisable:!1,nextMonthBtnDisable:!1,nextYearBtnDisable:!1}},this.controlledProps=[{key:"value",event:"confirm"},{key:"value",event:"change"}],this.lifetimes={created(){this.base=new TCalendar(this.properties)},ready(){this.initialValue(),this.calcMonths(),this.data.usePopup||this.scrollIntoView()}},this.observers={localeText(){var t;null===(t=this.updateLocale)||void 0===t||t.call(this)},globalConfig(){const{globalConfig:t}=this.data;this.setData({days:this.base.getDays(t.weekdays),realLocalText:t})},type(t){this.base.type=t},allowSameDay(t){this.base.allowSameDay=t},confirmBtn(t){"string"==typeof t?this.setData({innerConfirmBtn:"slot"===t?"slot":{content:t}}):"object"==typeof t&&this.setData({innerConfirmBtn:t})},"firstDayOfWeek,minDate,maxDate"(t,e,a){t&&(this.base.firstDayOfWeek=t),e&&(this.base.minDate=e),a&&(this.base.maxDate=a),this.calcMonths()},value(t){this.base.value=t,this.calcMonths(Array.isArray(t)?t[0]:t)},visible(t){t&&(this.scrollIntoView(),this.base.value=this.data.value,this.calcMonths())},format(t){const{usePopup:e,visible:a}=this.data;this.base.format=t,e&&!a||this.calcMonths()}},this.methods={initialValue(){const{value:t,type:e,minDate:a}=this.data;if(!t){const t=new Date,n=a||new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime(),s="single"===e?n:[n];"range"===e&&(s[1]=n+864e5),this.setData({value:s}),this.base.value=s}},scrollIntoView(){const{value:t}=this.data;if(!t)return;const e=new Date(Array.isArray(t)?t[0]:t);e&&this.setData({scrollIntoView:`year_${e.getFullYear()}_month_${e.getMonth()}`})},getCurrentYearAndMonth(t){const e=new Date(t);return{year:e.getFullYear(),month:e.getMonth()}},updateActionButton(t){const e=this.getCurrentYearAndMonth(this.base.minDate),a=this.getCurrentYearAndMonth(this.base.maxDate),n=this.getCurrentYearAndMonth(t),s=new Date(e.year,e.month,1).getTime(),r=new Date(a.year,a.month,1).getTime(),i=new Date(n.year,n.month,1),o=getPrevYear(i).getTime(),h=getPrevMonth(i).getTime(),l=getNextMonth(i).getTime(),c=getNextYear(i).getTime(),m=o<s||h<s,u=h<s,g=l>r||c>r,d=l>r;this.setData({actionButtons:{preYearBtnDisable:m,prevMonthBtnDisable:u,nextYearBtnDisable:g,nextMonthBtnDisable:d}})},getCurrentMonth(t,e=this.data.months){const a=t||this.getCurrentDate(),{year:n,month:s}=this.getCurrentYearAndMonth(a),r=e.filter(t=>t.year===n&&t.month===s);return{date:a,currentMonth:r.length>0?r:[e[0]]}},calcCurrentMonth(t){const{date:e,currentMonth:a}=this.getCurrentMonth(t);this.updateActionButton(e),this.setData({currentMonth:a})},calcMonths(t){const e=this.base.getMonths();if("none"===this.data.switchMode)return void this.setData({months:e});const{date:a,currentMonth:n}=this.getCurrentMonth(t,e);this.updateActionButton(a),this.setData({months:e,currentMonth:n})},close(t){this.data.autoClose&&this.setData({visible:!1}),this.triggerEvent("close",{trigger:t})},onVisibleChange(){this.close("overlay")},handleClose(){this.close("close-btn")},handleSelect(t){const{readonly:e}=this.properties,{date:a,year:n,month:s}=t.currentTarget.dataset;if("disabled"===a.type||e)return;const r=this.base.select({cellType:a.type,year:n,month:s,date:a.day}),i=this.toTime(r);this.calcMonths(),null==this.data.confirmBtn&&("single"!==this.data.type&&2!==r.length||(this.setData({visible:!1}),this._trigger("change",{value:i}))),this.triggerEvent("select",{value:i})},onTplButtonTap(){const t=this.base.getTrimValue(),e=this.toTime(t);this.close("confirm-btn"),this._trigger("confirm",{value:e})},toTime:t=>t?Array.isArray(t)?t.map(t=>t.getTime()):t.getTime():null,onScroll(t){this.triggerEvent("scroll",t.detail)},getCurrentDate(){var t,e;let a=Array.isArray(this.base.value)?this.base.value[0]:this.base.value;if(this.data.currentMonth.length>0){const n=null===(t=this.data.currentMonth[0])||void 0===t?void 0:t.year,s=null===(e=this.data.currentMonth[0])||void 0===e?void 0:e.month;a=new Date(n,s,1).getTime()}return a},handleSwitchModeChange(t){const{type:e,disabled:a}=t.currentTarget.dataset;if(a)return;const n=this.getCurrentDate(),s={"pre-year":()=>getPrevYear(n),"pre-month":()=>getPrevMonth(n),"next-month":()=>getNextMonth(n),"next-year":()=>getNextYear(n)}[e]();if(!s)return;const{year:r,month:i}=this.getCurrentYearAndMonth(s);this.triggerEvent("panel-change",{year:r,month:i+1}),this.calcCurrentMonth(s)}}}};Calendar=__decorate([wxComponent()],Calendar);export default Calendar;

package/registry/components/calendar/calendar.json

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

package/registry/components/calendar/calendar.wxml

@@ -0,0 +1 @@
+<wxs src="./calendar.wxs" module="_this"/><wxs src="../common/utils.wxs" module="_"/><o-popup wx:if="{{usePopup}}" class="class" visible="{{visible}}" usingCustomNavbar="{{usingCustomNavbar}}" bind:visible-change="onVisibleChange" placement="bottom"><include src="./template.wxml"/></o-popup><block wx:else><include src="./template.wxml"/></block>

package/registry/components/calendar/calendar.wxs

@@ -0,0 +1,44 @@
+function getDateLabel(monthItem, dateItem) {
+  var weekdayText = ['日', '一', '二', '三', '四', '五', '六'];
+  var weekday = (monthItem.weekdayOfFirstDay + dateItem.day - 1) % 7;
+  var label = monthItem.month + 1 + '月' + dateItem.day + '日, 星期' + weekdayText[weekday];
+  if (dateItem.type === 'start') {
+    label = '开始日期：' + label;
+  }
+  if (dateItem.type === 'end') {
+    label = '结束日期：' + label;
+  }
+  if (isDateSelected(dateItem)) {
+    label = '已选中, ' + label;
+  }
+  if (dateItem.prefix) {
+    label += ', ' + dateItem.prefix;
+  }
+  if (dateItem.suffix) {
+    label += ', ' + dateItem.suffix;
+  }
+  return label;
+}
+
+function isDateSelected(dateItem) {
+  return ['start', 'end', 'selected', 'centre'].indexOf(dateItem.type) >= 0;
+}
+
+function getMonthTitle(year, month, pattern = '') {
+  // prettier-ignore
+  var REGEXP = getRegExp('\{year\}|\{month\}', 'g');
+
+  return pattern.replace(REGEXP, function (match) {
+    var replacements = {
+      '{year}': year,
+      '{month}': month < 10 ? '0' + month : month,
+    };
+    return replacements[match] || match;
+  });
+}
+
+module.exports = {
+  getDateLabel: getDateLabel,
+  isDateSelected: isDateSelected,
+  getMonthTitle: getMonthTitle,
+};

package/registry/components/calendar/calendar.wxss

@@ -0,0 +1,246 @@
+@import '../common/style/index.wxss';
+
+.o-calendar {
+    width: inherit;
+    position: relative;
+    z-index: 9999;
+    background: var(--o-calendar-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    overflow-x: hidden;
+}
+
+.o-calendar--popup {
+    border-top-left-radius: var(--o-calendar-radius,var(--o-radius-extraLarge,24rpx));
+    border-top-right-radius: var(--o-calendar-radius,var(--o-radius-extraLarge,24rpx));
+}
+
+.o-calendar__title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font: var(--o-calendar-title-font,var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    color: var(--o-calendar-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    padding: var(--o-spacer-2,32rpx);
+}
+
+.o-calendar__title:focus {
+    outline: 0;
+}
+
+.o-calendar__close-btn {
+    position: absolute;
+    top: var(--o-spacer-2,32rpx);
+    right: var(--o-spacer-2,32rpx);
+    margin: calc(-1 * var(--o-spacer-1,24rpx));
+    padding: var(--o-spacer-1,24rpx);
+    color: var(--o-calendar-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-calendar__days {
+    display: grid;
+    grid-template-columns: repeat(7,1fr);
+    grid-column-gap: 8rpx;
+    padding: 0 var(--o-spacer-2,32rpx);
+    text-align: center;
+    line-height: 92rpx;
+}
+
+.o-calendar__days-item {
+    height: 92rpx;
+    font-size: var(--o-font-size-base,28rpx);
+    color: var(--o-calendar-days-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+}
+
+.o-calendar__content {
+    min-height: 400rpx;
+    display: flex;
+    flex-direction: column;
+}
+
+.o-calendar__month {
+    font: var(--o-font-title-small,600 28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    color: var(--o-calendar-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    padding: var(--o-spacer-2,32rpx) 0 0;
+}
+
+.o-calendar__months {
+    height: 712rpx;
+    padding: 0 var(--o-spacer-2,32rpx) var(--o-spacer-2,32rpx);
+    box-sizing: border-box;
+}
+
+.o-calendar__months::-webkit-scrollbar {
+    display: none;
+}
+
+.o-calendar__dates {
+    flex: 1;
+    display: grid;
+    grid-template-columns: repeat(7,1fr);
+    grid-column-gap: 8rpx;
+}
+
+.o-calendar__dates-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font: var(--o-font-title-medium,600 32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    border-radius: var(--o-calendar-selected-border-radius,var(--o-radius-default,12rpx));
+    height: 120rpx;
+    margin-top: var(--o-spacer,16rpx);
+    color: var(--o-calendar-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.o-calendar__dates-item-prefix,
+.o-calendar__dates-item-suffix {
+    position: absolute;
+    font: var(--o-font-body-extraSmall,20rpx / 32rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    width: 100%;
+    text-align: center;
+}
+
+.o-calendar__dates-item-prefix {
+    top: 8rpx;
+}
+
+.o-calendar__dates-item-suffix {
+    bottom: 8rpx;
+    color: var(--o-calendar-item-suffix-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-calendar__dates-item-suffix--end,
+.o-calendar__dates-item-suffix--selected,
+.o-calendar__dates-item-suffix--start {
+    color: var(--o-calendar-selected-color,var(--o-text-color-anti,var(--o-font-white-1,#fff)));
+}
+
+.o-calendar__dates-item-suffix--disabled {
+    color: var(--o-calendar-item-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-calendar__dates-item--end,
+.o-calendar__dates-item--selected,
+.o-calendar__dates-item--start,
+.o-calendar__dates-item--start-end {
+    background: var(--o-calendar-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    color: var(--o-calendar-selected-color,var(--o-text-color-anti,var(--o-font-white-1,#fff)));
+    border-radius: var(--o-calendar-selected-border-radius,var(--o-radius-default,12rpx));
+}
+
+.o-calendar__dates-item--start {
+    border-radius: var(--o-calendar-selected-border-radius,var(--o-radius-default,12rpx)) 0 0 var(--o-calendar-selected-border-radius,var(--o-radius-default,12rpx));
+}
+
+.o-calendar__dates-item--end {
+    border-radius: 0 var(--o-calendar-selected-border-radius,var(--o-radius-default,12rpx)) var(--o-calendar-selected-border-radius,var(--o-radius-default,12rpx)) 0;
+}
+
+.o-calendar__dates-item--start+.o-calendar__dates-item--end::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    width: 8rpx;
+    height: 100%;
+    background: var(--o-calendar-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-calendar__dates-item--start+.o-calendar__dates-item--end:before {
+    left: -8rpx;
+}
+
+.o-calendar__dates-item--centre {
+    border-radius: 0;
+    background-color: var(--o-calendar-item-centre-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-calendar__dates-item--centre::after,
+.o-calendar__dates-item--centre::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    width: 8rpx;
+    height: 100%;
+    background-color: var(--o-calendar-item-centre-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-calendar__dates-item--centre:before {
+    left: -8rpx;
+}
+
+.o-calendar__dates-item--centre:after {
+    right: -8rpx;
+}
+
+.o-calendar__dates-item--disabled {
+    color: var(--o-calendar-item-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+    cursor: default;
+}
+
+.o-calendar__footer {
+    padding: var(--o-spacer-2,32rpx);
+}
+
+.o-calendar-switch-mode--none>.o-calendar__months {
+    height: 60vh;
+}
+
+.o-calendar-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.o-calendar-header__with-action {
+    padding: 0 var(--o-spacer-2,32rpx) var(--o-spacer,16rpx) var(--o-spacer-2,32rpx);
+    box-sizing: border-box;
+    position: relative;
+}
+
+.o-calendar-header__with-action::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: unset;
+    bottom: 0;
+    left: unset;
+    right: unset;
+    background-color: var(--o-border-color,var(--o-gray-color-3,#dddddd));
+}
+
+.o-calendar-header__with-action::after {
+    height: 1px;
+    left: 0;
+    right: 0;
+    transform: scaleY(.5);
+}
+
+.o-calendar-header__with-action .o-calendar-header__title {
+    flex: 1;
+    text-align: center;
+    font: var(--o-font-title-small,600 28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-calendar-header__action {
+    display: flex;
+    font-size: var(--o-font-size-xl,40rpx);
+    color: var(--o-calendar-switch-mode-icon-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+}
+
+.o-calendar-header__icon {
+    padding: var(--o-spacer,16rpx);
+}
+
+.o-calendar-header__icon--disabled {
+    color: var(--o-calendar-switch-mode-icon-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-calendar-header__title {
+    text-align: left;
+}
+

package/registry/components/calendar/index.js

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

package/registry/components/calendar/props.js

@@ -0,0 +1 @@
+const props={allowSameDay:{type:Boolean,value:!1},autoClose:{type:Boolean,value:!0},confirmBtn:{type:null,value:""},firstDayOfWeek:{type:Number,value:0},format:{type:null},localeText:{type:Object},maxDate:{type:Number},minDate:{type:Number},readonly:{type:Boolean},switchMode:{type:String,value:"none"},title:{type:String},type:{type:String,value:"single"},usePopup:{type:Boolean,value:!0},usingCustomNavbar:{type:Boolean,value:!1},value:{type:null,value:null},defaultValue:{type:null},visible:{type:Boolean,value:!1}};export default props;

package/registry/components/calendar/template.wxml

@@ -0,0 +1 @@
+<wxs src="./calendar.wxs" module="_this"/><wxs src="../common/utils.wxs" module="_"/><import src="../common/template/button.wxml"/><import src="./calendar-header.wxml"/><view class="{{_.cls(classPrefix, [['popup', usePopup]])}} {{classPrefix}}-switch-mode--{{switchMode}} class {{prefix}}-class" style="{{_._style([style, customStyle])}}"><view class="{{classPrefix}}__title" tabindex="0"><slot name="title"/><text wx:if="{{title || realLocalText.title}}">{{ title || realLocalText.title }}</text></view><o-icon wx:if="{{usePopup}}" name="close" class="{{classPrefix}}__close-btn" size="48rpx" aria-role="button" aria-label="Fermer" bind:tap="handleClose"/><template wx:if="{{switchMode !== 'none'}}" is="calendar-header" data="{{ classPrefix: classPrefix + '-header', switchMode, ...actionButtons, title: _this.getMonthTitle(currentMonth[0].year, realLocalText.months[currentMonth[0].month], realLocalText.monthTitle)}}"/><view aria-hidden class="{{classPrefix}}__days"><view wx:for="{{days}}" wx:key="index" class="{{classPrefix}}__days-item">{{ item }}</view></view><scroll-view class="{{classPrefix}}__months" scroll-into-view="{{scrollIntoView}}" scroll-y enhanced show-scrollbar="{{false}}" bindscroll="onScroll"><block wx:for="{{ switchMode === 'none' ? months : currentMonth}}" wx:key="index"><template wx:if="{{switchMode === 'none'}}" is="calendar-header" data="{{oClass: classPrefix + '__month', classPrefix: classPrefix + '-header', oId: 'year_' + item.year + '_month_' + item.month, switchMode, ...actionButtons, title: _this.getMonthTitle(item.year, realLocalText.months[item.month], realLocalText.monthTitle) }}"/><view class="{{classPrefix}}__dates"><view wx:for="{{(item.weekdayOfFirstDay - firstDayOfWeek + 7) % 7}}" wx:key="index"/><block wx:for="{{item.months}}" wx:for-index="dateIndex" wx:for-item="dateItem" wx:key="dateIndex"><view class="{{classPrefix}}__dates-item {{dateItem.className}} {{classPrefix}}__dates-item--{{dateItem.type}}" data-year="{{item.year}}" data-month="{{item.month}}" data-date="{{dateItem}}" aria-role="button" aria-label="{{_this.getDateLabel(item, dateItem)}}" aria-disabled="{{dateItem.type === 'disabled'}}" bind:tap="handleSelect"><view wx:if="{{dateItem.prefix}}" class="{{classPrefix}}__dates-item-prefix">{{ dateItem.prefix }}</view>{{ dateItem.day }}<view wx:if="{{dateItem.suffix}}" class="{{classPrefix}}__dates-item-suffix {{classPrefix}}__dates-item-suffix--{{dateItem.type}}">{{ dateItem.suffix }}</view></view></block></view></block></scroll-view><view wx:if="{{innerConfirmBtn != null && usePopup}}" class="{{classPrefix}}__footer"><slot wx:if="{{innerConfirmBtn === 'slot'}}" name="confirm-btn"/><block wx:elif="{{innerConfirmBtn}}"><template is="button" data="{{ block: true,  theme: 'primary', rootClass: 'o-calendar__confirm-btn', content: realLocalText.confirm, ...innerConfirmBtn }}"/></block></view></view>

package/registry/components/calendar/utils.js

@@ -0,0 +1 @@
+export function getMonthByOffset(t,e){const n=new Date(t);return n.setMonth(n.getMonth()+e),n}export function getYearByOffset(t,e){const n=new Date(t);return n.setFullYear(n.getFullYear()+e),n}export const getPrevMonth=t=>getMonthByOffset(t,-1);export const getNextMonth=t=>getMonthByOffset(t,1);export const getPrevYear=t=>getYearByOffset(t,-1);export const getNextYear=t=>getYearByOffset(t,1);

package/registry/components/card/card.js

@@ -0,0 +1,24 @@
+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}-card`;
+
+let Card = class Card extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name };
+    this.methods = {
+      onTap() {
+        this.triggerEvent('click');
+      },
+    };
+  }
+};
+Card = __decorate([wxComponent()], Card);
+export default Card;

package/registry/components/card/card.json

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

package/registry/components/card/card.wxml

@@ -0,0 +1,23 @@
+<view class="{{classPrefix}} {{classPrefix}}--{{variant}} class {{prefix}}-class" style="{{style}} {{customStyle}}" bind:tap="onTap">
+  <view wx:if="{{title || subtitle || meta || thumbnail || thumbnailSlot}}" class="{{classPrefix}}__header">
+    <view wx:if="{{thumbnail || thumbnailSlot}}" class="{{classPrefix}}__thumbnail">
+      <o-image wx:if="{{thumbnail}}" src="{{thumbnail}}" mode="aspectFill" width="48" height="48" />
+      <slot name="thumbnail" />
+    </view>
+    <view class="{{classPrefix}}__heading">
+      <view wx:if="{{title}}" class="{{classPrefix}}__title">{{title}}</view>
+      <view wx:if="{{subtitle}}" class="{{classPrefix}}__subtitle">{{subtitle}}</view>
+      <view wx:if="{{meta}}" class="{{classPrefix}}__meta">{{meta}}</view>
+    </view>
+    <view class="{{classPrefix}}__trailing">
+      <slot name="trailing" />
+    </view>
+  </view>
+  <view wx:if="{{description}}" class="{{classPrefix}}__description">{{description}}</view>
+  <slot />
+  <view wx:if="{{amount}}" class="{{classPrefix}}__amount">
+    <text>{{amount}}</text>
+    <text wx:if="{{currency}}" class="{{classPrefix}}__currency">{{currency}}</text>
+  </view>
+  <slot name="footer" />
+</view>

package/registry/components/card/card.wxss

@@ -0,0 +1,103 @@
+@import '../common/style/index.wxss';
+
+/* Card (Figma "atom_surface"): radius 12px, padding 16px.
+ * outlined = surface + 1px outline-variant, filled = surface-variant, dark = primary-fixed (#242424). */
+.o-card {
+    display: block;
+    box-sizing: border-box;
+    padding: var(--o-card-padding, 32rpx);
+    border-radius: var(--o-card-radius, 24rpx);
+    overflow: hidden;
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-card--outlined {
+    background-color: var(--o-card-bg-color, var(--o-scheme-surface, #fff));
+    border: 2rpx solid var(--o-card-border-color, var(--o-scheme-outline-variant, #ddd));
+}
+
+.o-card--filled {
+    background-color: var(--o-card-filled-bg-color, var(--o-scheme-surface-variant, #eee));
+}
+
+.o-card--dark {
+    background-color: var(--o-card-dark-bg-color, var(--o-static-primary-fixed, #242424));
+    color: var(--o-static-on-primary-fixed, #fff);
+}
+
+.o-card__header {
+    display: flex;
+    align-items: flex-start;
+}
+
+.o-card__thumbnail {
+    flex: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 96rpx;
+    height: 96rpx;
+    margin-right: 32rpx;
+    border-radius: 16rpx;
+    overflow: hidden;
+    background-color: var(--o-scheme-surface-variant, #eee);
+}
+
+.o-card--dark .o-card__thumbnail {
+    background-color: var(--o-static-primary-fixed-dim, #3e3e3e);
+}
+
+.o-card__heading {
+    flex: 1;
+    min-width: 0;
+}
+
+.o-card__title {
+    font: var(--o-type-title-medium, 500 32rpx / 48rpx var(--o-font-family, Roboto, Arial));
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+
+.o-card__subtitle {
+    margin-top: 8rpx;
+    font: var(--o-type-body-medium, 400 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+    color: var(--o-scheme-on-surface-variant, #444748);
+}
+
+.o-card__meta {
+    margin-top: 8rpx;
+    font: var(--o-type-body-medium, 400 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+    color: var(--o-card-meta-color, var(--o-scheme-tertiary, #085ebd));
+}
+
+.o-card--dark .o-card__subtitle {
+    color: var(--o-static-on-primary-fixed-variant, #dedede);
+}
+
+.o-card__trailing {
+    flex: none;
+    margin-left: 16rpx;
+}
+
+.o-card__description {
+    margin-top: 32rpx;
+    font: var(--o-type-body-medium, 400 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+    color: var(--o-scheme-on-surface-variant, #444748);
+}
+
+.o-card--dark .o-card__description {
+    color: var(--o-static-on-primary-fixed-variant, #dedede);
+}
+
+.o-card__amount {
+    margin-top: 32rpx;
+    font: var(--o-type-title-large, 400 44rpx / 56rpx var(--o-font-family, Roboto, Arial));
+    font-weight: 500;
+}
+
+.o-card__currency {
+    margin-left: 8rpx;
+    font: var(--o-type-label-large, 500 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+}

package/registry/components/card/index.js

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

package/registry/components/card/props.js

@@ -0,0 +1,16 @@
+// o-card: card of the Max it design system (Figma page "2- Cards", "Description Card").
+const props = {
+  // outlined (white + 1px border), filled (surface-variant), dark (black surface, white text)
+  variant: { type: String, value: 'outlined' },
+  thumbnail: { type: String, value: '' },
+  // true when the `thumbnail` slot is used (icon, avatar...)
+  thumbnailSlot: { type: Boolean, value: false },
+  title: { type: String, value: '' },
+  subtitle: { type: String, value: '' },
+  // Highlighted line (date, status) in the tertiary blue
+  meta: { type: String, value: '' },
+  description: { type: String, value: '' },
+  amount: { type: String, value: '' },
+  currency: { type: String, value: 'FCFA' },
+};
+export default props;

package/registry/components/card-list/card-list.js

@@ -0,0 +1,22 @@
+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}-card-list`;
+
+let CardList = class CardList extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name };
+    this.methods = {
+      onAction() { this.triggerEvent('action'); },
+    };
+  }
+};
+CardList = __decorate([wxComponent()], CardList);
+export default CardList;

package/registry/components/card-list/card-list.json

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

package/registry/components/card-list/card-list.wxml

@@ -0,0 +1,7 @@
+<view class="o-card-list class {{prefix}}-class" style="{{style}} {{customStyle}}">
+  <o-section-title wx:if="{{title}}" title="{{title}}" action="{{action}}" bind:action="onAction" />
+  <view wx:if="{{subtitle}}" class="o-txt-small o-card-list__subtitle">{{subtitle}}</view>
+  <view class="o-card-list__body o-card-list__body--{{layout}} {{framed ? 'o-surface o-surface--outlined o-card-list__body--framed' : ''}}" style="gap:{{gap}}rpx;{{layout === 'grid' ? 'grid-template-columns:repeat(' + columns + ', minmax(0, 1fr));' : ''}}{{layout === 'carousel' ? 'grid-auto-columns:' + itemWidth + 'rpx;' : ''}}">
+    <slot />
+  </view>
+</view>

package/registry/components/card-list/card-list.wxss

@@ -0,0 +1,30 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* List container (Figma "3- Lists"): section title, then items stacked, in a grid or in a horizontal carousel. */
+.o-card-list {
+    display: block;
+    margin-bottom: 24rpx;
+}
+
+.o-card-list__subtitle {
+    margin: -8rpx 0 16rpx;
+}
+
+/* Grid tracks size the slotted items, so the items need no specific style */
+.o-card-list__body {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+}
+
+.o-card-list__body--carousel {
+    grid-template-columns: none;
+    grid-auto-flow: column;
+    overflow-x: auto;
+    padding-bottom: 8rpx;
+}
+
+.o-card-list__body--framed {
+    gap: 0 !important;
+    padding: 8rpx 0;
+}

package/registry/components/card-list/index.js

@@ -0,0 +1,2 @@
+export * from './props';
+export * from './card-list';

package/registry/components/card-list/props.js

@@ -0,0 +1,16 @@
+// o-card-list: List container (Figma "3- Lists"): section title, then items stacked, in a grid or in a horizontal carousel.
+const props = {
+  title: { type: String, value: '' },
+  subtitle: { type: String, value: '' },
+  // Text + chevron on the right of the title ("Voir tout")
+  action: { type: String, value: '' },
+  // stack | grid | carousel
+  layout: { type: String, value: 'stack' },
+  columns: { type: Number, value: 2 },
+  // Width of each carousel item, in rpx
+  itemWidth: { type: Number, value: 560 },
+  gap: { type: Number, value: 16 },
+  // Items inside one outlined card (list action card, form)
+  framed: { type: Boolean, value: false },
+};
+export default props;

package/registry/components/cascader/cascader.js

@@ -0,0 +1 @@
+import{__awaiter,__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{getRect,debounce}from"../common/utils";import usingConfig from"../common/mixins/using-config";const{prefix:prefix}=config,componentName="cascader";function parseOptions(e,t){var i,s,l;const n=null!==(i=null==t?void 0:t.label)&&void 0!==i?i:"label",a=null!==(s=null==t?void 0:t.value)&&void 0!==s?s:"value",o=null!==(l=null==t?void 0:t.disabled)&&void 0!==l?l:"disabled";return e.map(e=>({[n]:e[n],[a]:e[a],[o]:e[o]}))}function flattenPaths(e,t){var i,s,l,n;const a=null!==(i=null==t?void 0:t.label)&&void 0!==i?i:"label",o=null!==(s=null==t?void 0:t.value)&&void 0!==s?s:"value",h=null!==(l=null==t?void 0:t.children)&&void 0!==l?l:"children",r=null!==(n=null==t?void 0:t.disabled)&&void 0!==n?n:"disabled",d=[],u=(e,t,i)=>{e.forEach((e,s)=>{var l;const n=[...t,e],c=[...i,s],g=null==e?void 0:e[h];if(Array.isArray(g)&&g.length>0)u(g,n,c);else{const t=n.map(e=>{var t;return String(null!==(t=null==e?void 0:e[a])&&void 0!==t?t:"")}),i=[t.join(""),String(null!==(l=null==e?void 0:e.text)&&void 0!==l?l:"")].filter(Boolean).join("");d.push({key:n.map(e=>{var t;return String(null!==(t=null==e?void 0:e[o])&&void 0!==t?t:"")}).join("/"),path:n,indexes:c,labels:t,text:i,disabled:n.some(e=>null==e?void 0:e[r])})}})};return u(e||[],[],[]),d}function buildFragments(e,t){const i=e.join(" / "),s=(e,t,i)=>{t&&e.push({id:e.length,text:t,highlight:i})};if(!t)return[{id:0,text:i,highlight:!1}];const l=[],n=i.toLowerCase(),a=t.toLowerCase();let o=0;for(;o<i.length;){const e=n.indexOf(a,o);if(-1===e){s(l,i.slice(o),!1);break}s(l,i.slice(o,e),!1),s(l,i.slice(e,e+a.length),!0),o=e+a.length}return l.length?l:[{id:0,text:i,highlight:!1}]}function defaultFilter(e,t,i,s){var l,n;const a=e.toLowerCase(),o=i.map(e=>{var t;return String(null!==(t=null==e?void 0:e[s])&&void 0!==t?t:"")}).join("").toLowerCase(),h=String(null!==(n=null===(l=i[i.length-1])||void 0===l?void 0:l.text)&&void 0!==n?n:"").toLowerCase();return o.includes(a)||!!h&&h.includes(a)}const defaultState={contentHeight:0,stepHeight:0,tabsHeight:0,subTitlesHeight:0,stepsInitHeight:0,filterHeight:0,flatPaths:[]};let Cascader=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[usingConfig({componentName:"cascader"})],this.externalClasses=[`${prefix}-class`],this.options={multipleSlots:!0,pureDataPattern:/^options$/},this.properties=props,this.filterDebounced=null,this.controlledProps=[{key:"value",event:"change"}],this.state=Object.assign({},defaultState),this.data={prefix:prefix,classPrefix:`${prefix}-cascader`,stepIndex:0,selectedIndexes:[],selectedValue:[],scrollTopList:[],steps:[],_optionsHeight:0,filterKeyword:"",filterResults:[],isSearching:!1},this.observers={visible(e){if(e){const e=this.selectComponent("#tabs");null==e||e.setTrack(),null==e||e.getTabHeight().then(e=>{this.state.tabsHeight=e.height}),this.initOptionsHeight(this.data.steps.length),this.updateScrollTop(),this.initWithValue()}else this.state=Object.assign({},defaultState),this.data.isSearching&&this.resetFilter()},value(){this.initWithValue()},options(){const{selectedValue:e,steps:t,items:i}=this.genItems();this.setData({steps:t,items:i,selectedValue:e,stepIndex:i.length-1}),this.invalidateFlatPaths(),this.data.isSearching&&this.applyFilter(this.data.filterKeyword)},keys(){this.invalidateFlatPaths(),this.data.isSearching&&this.applyFilter(this.data.filterKeyword)},filterable(e){!e&&this.data.isSearching&&this.resetFilter()},selectedIndexes(){const{visible:e,theme:t}=this.properties,{selectedValue:i,steps:s,items:l}=this.genItems(),n={steps:s,selectedValue:i,stepIndex:l.length-1};JSON.stringify(l)!==JSON.stringify(this.data.items)&&Object.assign(n,{items:l}),this.setData(n),e&&"step"===t&&this.updateOptionsHeight(s.length)},stepIndex(){return __awaiter(this,void 0,void 0,function*(){const{visible:e}=this.data;e&&this.updateScrollTop()})}},this.methods={updateOptionsHeight(e){const{contentHeight:t,stepsInitHeight:i,stepHeight:s,subTitlesHeight:l,filterHeight:n}=this.state;this.setData({_optionsHeight:t-i-l-n-(e-1)*s})},initOptionsHeight(e){return __awaiter(this,void 0,void 0,function*(){const{classPrefix:t}=this.data,{theme:i,subTitles:s,filterable:l}=this.properties,{height:n}=yield getRect(this,`.${t}__content`);if(this.state.contentHeight=n,"step"===i&&(yield Promise.all([getRect(this,`.${t}__steps`),getRect(this,`.${t}__step`)]).then(([t,i])=>{this.state.stepsInitHeight=t.height-(e-1)*i.height,this.state.stepHeight=i.height})),s.length>0){const{height:e}=yield getRect(this,`.${t}__options-title`);this.state.subTitlesHeight=e}if(l){const e=yield getRect(this,`.${t}__filter`);this.state.filterHeight=e.height}const a=this.state.contentHeight-this.state.subTitlesHeight-this.state.filterHeight;this.setData({_optionsHeight:"step"===i?a-this.state.stepsInitHeight-(e-1)*this.state.stepHeight:a-this.state.tabsHeight})})},initWithValue(){if(null!=this.data.value&&""!==this.data.value){const e=this.getIndexesByValue(this.data.options,this.data.value);e&&this.setData({selectedIndexes:e})}else this.setData({selectedIndexes:[]})},getIndexesByValue(e,t){var i,s,l;const{keys:n}=this.data;for(let a=0,o=e.length;a<o;a+=1){const o=e[a];if(o[null!==(i=null==n?void 0:n.value)&&void 0!==i?i:"value"]===t)return[a];if(o[null!==(s=null==n?void 0:n.children)&&void 0!==s?s:"children"]){const e=this.getIndexesByValue(o[null!==(l=null==n?void 0:n.children)&&void 0!==l?l:"children"],t);if(e)return[a,...e]}}},updateScrollTop(){const{visible:e,items:t,selectedIndexes:i,stepIndex:s}=this.data;e&&getRect(this,".cascader-radio-group-0").then(e=>{var l;const n=e.height/(null===(l=t[0])||void 0===l?void 0:l.length);this.setData({[`scrollTopList[${s}]`]:n*i[s]})})},hide(e){this.setData({visible:!1}),this.triggerEvent("close",{trigger:e})},onVisibleChange(){this.hide("overlay")},onClose(){this.data.checkStrictly&&this.triggerChange(),this.hide("close-btn")},invalidateFlatPaths(){this.state.flatPaths=[]},ensureFlatPaths(){let{flatPaths:e}=this.state;if(!e||0===e.length){const{options:t,keys:i}=this.data;e=flattenPaths(t,i),this.state.flatPaths=e}return e},resetFilter(){this.setData({filterKeyword:"",filterResults:[],isSearching:!1})},onFilterChange(e){var t,i;const s=null!==(i=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&void 0!==i?i:"";this.filterDebounced||(this.filterDebounced=debounce(e=>this.applyFilter(e),200)),this.filterDebounced(s)},onFilterClear(){this.resetFilter()},applyFilter(e){var t;const i=String(null!=e?e:"").trim();if(!i)return void this.resetFilter();const{keys:s,filter:l}=this.data,n=null!==(t=null==s?void 0:s.label)&&void 0!==t?t:"label",a=l,o=this.ensureFlatPaths(),h=[];o.forEach(e=>{const t=e.path[e.path.length-1];("function"==typeof a?!!a(i,t,e.path):defaultFilter(i,t,e.path,n))&&h.push({key:e.key,indexes:e.indexes,disabled:e.disabled,fragments:buildFragments(e.labels,i)})}),this.setData({filterKeyword:e,filterResults:h,isSearching:!0})},onFilterResultTap(e){const{key:t}=e.currentTarget.dataset,i=this.data.filterResults.find(e=>e.key===t);if(!i||i.disabled)return;const{indexes:s}=i,{items:l}=this.regenItemsByIndexes(s);this.resetFilter(),this.setData({items:l,selectedIndexes:s,stepIndex:s.length-1},()=>this.triggerChange()),this.hide("finish")},regenItemsByIndexes(e){var t,i,s;const{options:l,keys:n,placeholder:a,globalConfig:o}=this.data,h=[],r=[],d=[parseOptions(l,n)],u=null!==(t=null==n?void 0:n.label)&&void 0!==t?t:"label",c=null!==(i=null==n?void 0:n.value)&&void 0!==i?i:"value",g=null!==(s=null==n?void 0:n.children)&&void 0!==s?s:"children";let p=l;for(let t=0,i=e.length;t<i;t+=1){const i=p[e[t]];h.push(i[c]),r.push(i[u]);const s=i[g];Array.isArray(s)&&s.length>0&&(d.push(parseOptions(s,n)),p=s)}return r.length<d.length&&r.push(a||o.placeholder),{selectedValue:h,steps:r,items:d}},onStepClick(e){const{index:t}=e.currentTarget.dataset;this.setData({stepIndex:t})},onTabChange(e){const{value:t}=e.detail;this.setData({stepIndex:t})},genItems(){var e,t,i,s,l;const{options:n,selectedIndexes:a,keys:o,placeholder:h,globalConfig:r}=this.data,d=[],u=[],c=[parseOptions(n,o)];if(n.length>0){let h=n;for(let n=0,r=a.length;n<r;n+=1){const r=h[a[n]];h=r[null!==(e=null==o?void 0:o.children)&&void 0!==e?e:"children"],d.push(r[null!==(t=null==o?void 0:o.value)&&void 0!==t?t:"value"]),u.push(r[null!==(i=null==o?void 0:o.label)&&void 0!==i?i:"label"]),r[null!==(s=null==o?void 0:o.children)&&void 0!==s?s:"children"]&&c.push(parseOptions(r[null!==(l=null==o?void 0:o.children)&&void 0!==l?l:"children"],o))}}return u.length<c.length&&u.push(h||r.placeholder),{selectedValue:d,steps:u,items:c}},handleSelect(e){var t,i,s,l,n,a;const{level:o}=e.target.dataset,{value:h}=e.detail,{checkStrictly:r}=this.properties,{selectedIndexes:d,items:u,keys:c,options:g,selectedValue:p}=this.data,v=u[o].findIndex(e=>{var t;return e[null!==(t=null==c?void 0:c.value)&&void 0!==t?t:"value"]===h});let f=d.slice(0,o).reduce((e,t,i)=>{var s;return 0===i?e[t]:e[null!==(s=null==c?void 0:c.children)&&void 0!==s?s:"children"][t]},g);if(f=0===o?f[v]:f[null!==(t=null==c?void 0:c.children)&&void 0!==t?t:"children"][v],f[null!==(i=null==c?void 0:c.disabled)&&void 0!==i?i:"disabled"])return;if(this.triggerEvent("pick",{value:f[null!==(s=null==c?void 0:c.value)&&void 0!==s?s:"value"],label:f[null!==(l=null==c?void 0:c.label)&&void 0!==l?l:"label"],index:v,level:o}),d[o]=v,r&&p.includes(String(h)))return d.length=o,void this.setData({selectedIndexes:d});d.length=o+1;const{items:m}=this.genItems();(null===(a=null==f?void 0:f[null!==(n=null==c?void 0:c.children)&&void 0!==n?n:"children"])||void 0===a?void 0:a.length)>=0?this.setData({selectedIndexes:d,[`items[${o+1}]`]:m[o+1]}):(this.setData({selectedIndexes:d},this.triggerChange),this.hide("finish"))},triggerChange(){var e;const{items:t,selectedValue:i,selectedIndexes:s}=this.data;this._trigger("change",{value:null!==(e=i[i.length-1])&&void 0!==e?e:"",selectedOptions:t.map((e,t)=>e[s[t]]).filter(Boolean)})}}}};Cascader=__decorate([wxComponent()],Cascader);export default Cascader;

package/registry/components/cascader/cascader.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"o-icon":"../icon/icon","o-popup":"../popup/popup","o-tabs":"../tabs/tabs","o-tab-panel":"../tab-panel/tab-panel","o-radio-group":"../radio-group/radio-group","o-search":"../search/search"}}

package/registry/components/cascader/cascader.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><o-popup class="class" visible="{{visible}}" placement="bottom" bind:visible-change="onVisibleChange"><view style="{{_._style([style, customStyle])}}" class="{{classPrefix}}"><view class="{{classPrefix}}__title"><slot name="title"/>{{title || globalConfig.title}}</view><view class="{{classPrefix}}__close-btn" bind:tap="onClose"><slot name="close-btn"/><o-icon wx:if="{{closeBtn}}" size="48rpx" name="close"/></view><slot name="header"/><view class="{{classPrefix}}__content"><view wx:if="{{filterable}}" class="{{classPrefix}}__filter"><o-search value="{{filterKeyword}}" placeholder="{{filterPlaceholder || globalConfig.filterPlaceholder}}" bind:change="onFilterChange" bind:clear="onFilterClear"/></view><block wx:if="{{!isSearching}}"><block wx:if="{{steps && steps.length}}"><view wx:if="{{theme == 'step'}}" class="{{classPrefix}}__steps"><view wx:for="{{steps}}" wx:key="index" class="{{classPrefix}}__step" bind:tap="onStepClick" data-index="{{index}}"><view class="{{classPrefix}}__step-dot {{classPrefix}}__step-dot--{{item !== placeholder ? 'active' : ''}} {{classPrefix}}__step-dot--{{index === steps.length - 1 ? 'last' : ''}}"></view><view class="{{classPrefix}}__step-label {{classPrefix}}__step-label--{{index === stepIndex ? 'active' : ''}}">{{ item }}</view><o-icon name="chevron-right" size="44rpx" o-class="{{classPrefix}}__step-arrow"/></view></view><block wx:if="{{theme == 'tab'}}"><o-tabs id="tabs" value="{{stepIndex}}" bind:change="onTabChange" space-evenly="{{false}}"><o-tab-panel wx:for="{{steps}}" wx:key="index" value="{{index}}" label="{{item}}"/></o-tabs></block></block><slot name="middle-content"/><view wx:if="{{ subTitles && subTitles[stepIndex] }}" class="{{classPrefix}}__options-title">{{subTitles[stepIndex]}}</view><view class="{{classPrefix}}__options-container" style="width: {{items.length + 1}}00vw; transform: translateX(-{{stepIndex}}00vw)"><scroll-view wx:for="{{items}}" wx:for-item="options" wx:key="index" class="{{classPrefix}}__options" scroll-y scroll-top="{{scrollTopList[index]}}" type="list" style="height: {{_optionsHeight}}px"><view class="cascader-radio-group-{{index}}"><o-radio-group value="{{selectedValue[index]}}" keys="{{keys}}" options="{{options}}" bind:change="handleSelect" data-level="{{index}}" placement="right" icon="line" borderless></o-radio-group></view></scroll-view></view></block><block wx:else><scroll-view wx:if="{{filterResults.length}}" class="{{classPrefix}}__filter-result" scroll-y type="list"><view wx:for="{{filterResults}}" wx:key="key" class="{{classPrefix}}__filter-result-item {{item.disabled ? classPrefix + '__filter-result-item--disabled' : ''}}" hover-class="{{item.disabled ? '' : classPrefix + '__filter-result-item--hover'}}" data-key="{{item.key}}" bind:tap="onFilterResultTap"><block wx:for="{{item.fragments}}" wx:for-item="frag" wx:key="id"><text class="{{frag.highlight ? classPrefix + '__filter-highlight' : ''}}">{{frag.text}}</text></block></view></scroll-view><view wx:else class="{{classPrefix}}__filter-empty">{{globalConfig.empty}}</view></block></view></view></o-popup>