maxit-cli 0.1.0

package/registry/components/icon/index.js

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

package/registry/components/icon/props.js

@@ -0,0 +1 @@
+const props={color:{type:String,value:""},name:{type:String,value:"",required:!0},prefix:{type:String,value:""},size:{type:null}};export default props;

package/registry/components/image/image.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import ImageProps from"./props";import config from"../common/config";import{addUnit,getRect,appBaseInfo}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-image`;let Image=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-load`,`${prefix}-class-image`,`${prefix}-class-error`],this.options={multipleSlots:!0},this.properties=ImageProps,this.data={prefix:prefix,isLoading:!0,isFailed:!1,innerStyle:"",classPrefix:name},this.preSrc=void 0,this.observers={src(){this.preSrc!==this.properties.src&&this.update()},"width, height"(e,i){this.calcSize(e,i)}},this.methods={onLoaded(e){const i=appBaseInfo.SDKVersion,{mode:t,oId:s}=this.properties,r=!1;if("heightFix"===t&&r){const{height:i,width:t}=e.detail;getRect(this,`#${s||"image"}`).then(e=>{const{height:s}=e,r=(s/i*t).toFixed(2);this.setData({innerStyle:`height: ${addUnit(s)}; width: ${r}px;`})})}this.setData({isLoading:!1,isFailed:!1}),this.triggerEvent("load",e.detail)},onLoadError(e){this.setData({isLoading:!1,isFailed:!0}),this.triggerEvent("error",e.detail)},calcSize(e,i){let t="";e&&(t+=`width: ${addUnit(e)};`),i&&(t+=`height: ${addUnit(i)};`),this.setData({innerStyle:t})},update(){const{src:e}=this.properties;this.preSrc=e,e?this.setData({isLoading:!0,isFailed:!1}):this.onLoadError({errMsg:"Lien de l'image vide"})}}}};Image=__decorate([wxComponent()],Image);export default Image;

package/registry/components/image/image.json

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

package/registry/components/image/image.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle])}}" class="class {{prefix}}-class {{classPrefix}}"><view wx:if="{{isLoading}}" style="{{_._style([innerStyle])}}" class="{{classPrefix}}__mask {{classPrefix}}--loading {{classPrefix}}--shape-{{shape}}" aria-hidden="{{ariaHidden}}"><o-loading wx:if="{{loading === 'default'}}" theme="dots" size="44rpx" loading inherit-color o-class="o-class-load" o-class-text="{{classPrefix}}--loading-text"></o-loading><view wx:elif="{{loading !== '' && loading !== 'slot'}}" class="{{classPrefix}}__common {{prefix}}-class-load">{{loading}}</view><slot wx:else name="loading"/></view><view wx:elif="{{isFailed}}" style="{{_._style([innerStyle])}}" class="{{classPrefix}}__mask {{classPrefix}}--failed {{classPrefix}}--shape-{{shape}} {{prefix}}-class-error" aria-hidden="{{ariaHidden}}"><view wx:if="{{error === 'default'}}" style="font-size: 44rpx" class="{{prefix}}-class-load"><o-icon name="close" aria-role="img" aria-label="Échec du chargement"/></view><view wx:elif="{{error && error !== 'slot'}}" class="{{classPrefix}}__common {{prefix}}-class-load">{{error}}</view><slot wx:else name="error"/></view><image id="{{oId||'image'}}" wx:if="{{ !isFailed }}" style="{{_._style([innerStyle])}}" class="{{classPrefix}}__img {{classPrefix}}--shape-{{shape}} {{isLoading ? classPrefix + '--lazy' : ''}} {{prefix}}-class-image" src="{{src}}" mode="{{mode}}" webp="{{webp}}" lazy-load="{{lazy}}" bind:load="onLoaded" bind:error="onLoadError" show-menu-by-longpress="{{showMenuByLongpress}}" aria-hidden="{{ariaHidden || isLoading || isFailed}}" aria-label="{{ariaLabel}}"/></view>

package/registry/components/image/image.wxss

@@ -0,0 +1,55 @@
+@import '../common/style/index.wxss';
+
+.o-image {
+    position: relative;
+    display: inline-block;
+}
+
+.o-image__img,
+.o-image__mask {
+    color: var(--o-image-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    vertical-align: top;
+    width: inherit;
+    height: inherit;
+}
+
+.o-image__mask {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--o-image-loading-bg-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+    color: var(--o-image-loading-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-image--loading-text {
+    width: 0;
+    height: 0;
+}
+
+.o-image__common {
+    width: 100%;
+    height: 100%;
+}
+
+.o-image--lazy {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
+.o-image--shape-circle {
+    border-radius: var(--o-radius-circle,50%);
+    overflow: hidden;
+}
+
+.o-image--shape-round {
+    border-radius: var(--o-image-round-radius,var(--o-radius-default,12rpx));
+    overflow: hidden;
+}
+
+.o-image--shape-square {
+    border-radius: 0;
+    overflow: hidden;
+}
+

package/registry/components/image/index.js

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

package/registry/components/image/props.js

@@ -0,0 +1 @@
+const props={error:{type:String,value:"default"},height:{type:null},lazy:{type:Boolean,value:!1},loading:{type:String,value:"default"},mode:{type:String,value:"scaleToFill"},shape:{type:String,value:"square"},showMenuByLongpress:{type:Boolean,value:!1},src:{type:String,value:""},oId:{type:String,value:""},webp:{type:Boolean,value:!1},width:{type:null}};export default props;

package/registry/components/image-viewer/image-viewer.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import{styles,calcIcon,systemInfo}from"../common/utils";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-image-viewer`;let ImageViewer=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.properties=Object.assign({},props),this.data={prefix:prefix,classPrefix:name,currentSwiperIndex:0,loadedImageIndexes:[],windowHeight:0,windowWidth:0,swiperStyle:{},imagesStyle:{},maskTop:0},this.options={multipleSlots:!0},this.controlledProps=[{key:"visible",event:"close"}],this.observers={"visible,initialIndex,images"(e,t,s){e&&(null==s?void 0:s.length)&&this.setData({loadedImageIndexes:[],currentSwiperIndex:t>=s.length?s.length-1:t})},closeBtn(e){this.setData({_closeBtn:calcIcon(e,"close")})},deleteBtn(e){this.setData({_deleteBtn:calcIcon(e,"delete")})}},this.methods={calcMaskTop(){if(this.data.usingCustomNavbar){const e=(null===wx||void 0===wx?void 0:wx.getMenuButtonBoundingClientRect())||null,{statusBarHeight:t}=systemInfo;e&&t&&this.setData({maskTop:e.top-t+e.bottom})}},saveScreenSize(){const{windowHeight:e,windowWidth:t}=systemInfo;this.setData({windowHeight:e,windowWidth:t})},calcImageDisplayStyle(e,t){const{windowWidth:s,windowHeight:i}=this.data,a=e/t;if(e<s&&t<i)return{styleObj:{width:2*e+"rpx",height:2*t+"rpx",left:"50%",transform:"translate(-50%, -50%)"}};if(a>=1)return{styleObj:{width:"100vw",height:s/a*2+"rpx"}};const n=a*i*2;return n<s?{styleObj:{width:`${n}rpx`,height:"100vh",left:"50%",transform:"translate(-50%, -50%)"}}:{styleObj:{width:"100vw",height:s/e*t*2+"rpx"}}},onImageLoadSuccess(e){const{detail:{width:t,height:s},currentTarget:{dataset:{index:i}}}=e,{mode:a,styleObj:n}=this.calcImageDisplayStyle(t,s),o=this.data.imagesStyle,r=this.data.swiperStyle;this.data.loadedImageIndexes.includes(i)||this.setData({loadedImageIndexes:[...this.data.loadedImageIndexes,i]}),this.setData({swiperStyle:Object.assign(Object.assign({},r),{[i]:{style:`height: ${n.height}`}}),imagesStyle:Object.assign(Object.assign({},o),{[i]:{mode:a,style:styles(Object.assign({},n))}})})},onSwiperChange(e){const{detail:{current:t}}=e;this.setData({currentSwiperIndex:t}),this._trigger("change",{index:t})},onClose(e){const{source:t}=e.currentTarget.dataset;this._trigger("close",{visible:!1,trigger:t||"button",index:this.data.currentSwiperIndex})},onDelete(){this._trigger("delete",{index:this.data.currentSwiperIndex})},noop(){}}}ready(){this.saveScreenSize(),this.calcMaskTop()}};ImageViewer=__decorate([wxComponent()],ImageViewer);export default ImageViewer;

package/registry/components/image-viewer/image-viewer.json

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

package/registry/components/image-viewer/image-viewer.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><wxs src="./image-viewer.wxs" module="utils"/><view wx:if="{{visible}}" id="{{classPrefix}}" class="{{classPrefix}} class {{prefix}}-class" style="{{_._style([style, customStyle, '--o-image-viewer-top: ' + maskTop + 'px'])}}" aria-modal="{{true}}" aria-role="dialog" aria-label="Visionneuse d'images" catchtouchmove="noop"><view class="{{classPrefix}}__mask" data-source="overlay" bind:tap="onClose" style="{{_._style([backgroundColor && '--o-image-viewer-mask-bg-color: ' + backgroundColor])}}" aria-role="button" aria-label="Fermer"/><block wx:if="{{images && images.length}}"><view class="{{classPrefix}}__content"><swiper class="swiper" style="{{swiperStyle[currentSwiperIndex].style}}" autoplay="{{false}}" current="{{currentSwiperIndex}}" bindchange="onSwiperChange" bindtap="onClose" tabindex="0"><swiper-item wx:for="{{images}}" wx:key="index" class="{{classPrefix}}__preview-image"><o-image wx:if="{{!lazy || utils.shouldLoadImage(index, currentSwiperIndex, loadedImageIndexes) }}" o-class="{{prefix}}-image--external" class="{{classPrefix}}__image" style="{{imagesStyle[index].style || ''}}" data-index="{{index}}" src="{{item}}" mode="{{imageProps && imageProps.mode || 'aspectFit'}}" lazy="{{imageProps && imageProps.lazy || false}}" loading="{{imageProps && imageProps.loading || 'default'}}" shape="{{imageProps && imageProps.shape || 'square'}}" webp="{{imageProps && imageProps.webp || false}}" show-menu-by-longpress="{{imageProps && imageProps.showMenuByLongpress || false}}" bindload="onImageLoadSuccess"></o-image></swiper-item></swiper></view><view class="{{classPrefix}}__nav"><view class="{{classPrefix}}__nav-close" catch:tap="onClose" aria-role="button" aria-label="Fermer"><slot name="close-btn"/><template wx:if="{{_closeBtn}}" is="icon" data="{{ ..._closeBtn }}"/></view><view wx:if="{{showIndex}}" class="{{classPrefix}}__nav-index">{{currentSwiperIndex + 1}}/{{images.length}}</view><view class="{{classPrefix}}__nav-delete" bind:tap="onDelete" aria-role="button" aria-label="Supprimer"><slot name="delete-btn"/><template is="icon" data="{{ ..._deleteBtn }}"/></view></view></block></view>

package/registry/components/image-viewer/image-viewer.wxs

@@ -0,0 +1,7 @@
+function shouldLoadImage(index, currentIndex, loadedIndexes) {
+  return Math.abs(index - currentIndex) <= 1 || (loadedIndexes && loadedIndexes.indexOf(index) !== -1);
+}
+
+module.exports = {
+  shouldLoadImage: shouldLoadImage,
+};

package/registry/components/image-viewer/image-viewer.wxss

@@ -0,0 +1,90 @@
+@import '../common/style/index.wxss';
+
+.o-image-viewer {
+    position: fixed;
+    top: var(--o-image-viewer-top,var(--o-position-fixed-top,0));
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 1001;
+    transform: translateZ(0);
+    overflow: hidden;
+}
+
+.o-image-viewer__mask {
+    position: absolute;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--o-image-viewer-mask-bg-color,var(--o-mask-active,rgba(0,0,0,.6)));
+}
+
+.o-image-viewer__content {
+    width: 100vw;
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1005;
+}
+
+.o-image-viewer .swiper {
+    outline: 0;
+}
+
+.o-image-viewer__image {
+    width: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.o-image-viewer .o-image--external {
+    width: inherit;
+    height: inherit;
+    display: block;
+}
+
+.o-image-viewer__nav {
+    width: 100%;
+    position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: var(--o-image-viewer-nav-height,96rpx);
+    background-color: var(--o-image-viewer-nav-bg-color,#000);
+    left: 0;
+    color: var(--o-image-viewer-nav-color,var(--o-text-color-anti,var(--o-font-white-1,#fff)));
+    z-index: 1005;
+}
+
+.o-image-viewer__nav-close {
+    margin-left: var(--o-image-viewer-close-margin-left,var(--o-spacer-1,24rpx));
+}
+
+.o-image-viewer__nav-close:empty {
+    display: none;
+}
+
+.o-image-viewer__nav-delete {
+    margin-right: var(--o-image-viewer-delete-margin-right,var(--o-spacer-1,24rpx));
+}
+
+.o-image-viewer__nav-delete:empty {
+    display: none;
+}
+
+.o-image-viewer__nav-close,
+.o-image-viewer__nav-delete {
+    font-size: 48rpx;
+}
+
+.o-image-viewer__nav-index {
+    flex: 1;
+    font-size: var(--o-image-viewer-nav-index-font-size,var(--o-font-size-base,28rpx));
+    text-align: center;
+}
+

package/registry/components/image-viewer/index.js

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

package/registry/components/image-viewer/props.js

@@ -0,0 +1 @@
+const props={backgroundColor:{type:String,value:""},closeBtn:{type:null,value:!1},deleteBtn:{type:null,value:!1},imageProps:{type:Object},images:{type:Array,value:[]},initialIndex:{type:Number,value:0},lazy:{type:Boolean,value:!0},showIndex:{type:Boolean,value:!1},usingCustomNavbar:{type:Boolean,value:!1},visible:{type:Boolean,value:null},defaultVisible:{type:Boolean,value:!1}};export default props;

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

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

package/registry/components/info-card/info-card.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}-info-card`;
+
+let InfoCard = class InfoCard 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'); },
+    };
+  }
+};
+InfoCard = __decorate([wxComponent()], InfoCard);
+export default InfoCard;

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

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

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

@@ -0,0 +1,14 @@
+<view class="o-info-card o-info-card--{{type}} class {{prefix}}-class" style="{{style}} {{customStyle}}" bind:tap="onTap">
+  <block wx:if="{{type === 'price'}}">
+    <view class="o-txt-body">{{title}}</view>
+    <view><text class="o-amount">{{amount}}</text><text class="o-amount__currency">{{currency}}</text></view>
+  </block>
+  <block wx:elif="{{type === 'text'}}">
+    <view class="o-txt-title">{{title}}</view>
+    <view wx:if="{{text}}" class="o-txt-body">{{text}}</view>
+  </block>
+  <block wx:else>
+    <o-icon name="{{icon}}" o-class="o-info-card__icon" />
+    <text class="o-info-card__text">{{title}}</text>
+  </block>
+</view>

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

@@ -0,0 +1,56 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Information card (Figma "Main Cards" > Information): price, info (blue), text, pill. */
+.o-info-card {
+    display: block;
+    box-sizing: border-box;
+    padding: 24rpx 32rpx;
+    border-radius: 8rpx;
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-info-card--price {
+    text-align: center;
+    background-color: var(--o-scheme-surface-variant, #eee);
+}
+
+.o-info-card--text {
+    background-color: var(--o-scheme-surface-variant, #eee);
+}
+
+.o-info-card--info,
+.o-info-card--pill {
+    display: flex;
+    align-items: center;
+    background-color: var(--o-scheme-tertiary-container, #e7efff);
+    color: var(--o-scheme-tertiary, #085ebd);
+}
+
+.o-info-card--info {
+    padding: 32rpx;
+}
+
+.o-info-card--pill {
+    display: inline-flex;
+    padding: 8rpx 16rpx;
+}
+
+.o-info-card__icon {
+    flex: none;
+    margin-right: 24rpx;
+    font-size: 48rpx;
+}
+
+.o-info-card--pill .o-info-card__icon {
+    margin-right: 12rpx;
+    font-size: 32rpx;
+}
+
+.o-info-card__text {
+    font: var(--o-type-body-medium, 400 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-info-card--pill .o-info-card__text {
+    font: var(--o-type-label-medium, 500 24rpx / 32rpx var(--o-font-family, Roboto, Arial));
+}

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

@@ -0,0 +1,11 @@
+// o-info-card: Information card (Figma "Main Cards" > Information): price, info (blue), text, pill.
+const props = {
+  // price (centered total), info (blue with icon), text (title + paragraph), pill (small blue label)
+  type: { type: String, value: 'info' },
+  icon: { type: String, value: 'info-circle-filled' },
+  title: { type: String, value: '' },
+  text: { type: String, value: '' },
+  amount: { type: String, value: '' },
+  currency: { type: String, value: 'FCFA' },
+};
+export default props;

package/registry/components/input/index.js

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

package/registry/components/input/input.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{getCharacterLength,calcIcon}from"../common/utils";import{isDef}from"../common/validator";const{prefix:prefix}=config,name=`${prefix}-input`;let Input=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.externalClasses=[`${prefix}-class`,`${prefix}-class-prefix-icon`,`${prefix}-class-label`,`${prefix}-class-input`,`${prefix}-class-clearable`,`${prefix}-class-suffix`,`${prefix}-class-suffix-icon`,`${prefix}-class-tips`],this.behaviors=["wx://form-field"],this.properties=props,this.data={prefix:prefix,classPrefix:name,classBasePrefix:prefix,showClearIcon:!0},this.lifetimes={ready(){var e;const{value:t,defaultValue:i}=this.properties;this.updateValue(null!==(e=null!=t?t:i)&&void 0!==e?e:"")}},this.observers={prefixIcon(e){this.setData({_prefixIcon:calcIcon(e)})},suffixIcon(e){this.setData({_suffixIcon:calcIcon(e)})},clearable(e){this.setData({_clearIcon:calcIcon(e,"close-circle-filled")})},"clearTrigger, clearable, disabled, readonly"(){this.updateClearIconVisible()}},this.methods={updateValue(e){const{allowInputOverMax:t,maxcharacter:i,maxlength:a}=this.properties;if(!t&&i&&i>0&&!Number.isNaN(i)){const{length:t,characters:a}=getCharacterLength("maxcharacter",e,i);this.setData({value:a,count:t})}else if(!t&&a&&a>0&&!Number.isNaN(a)){const{length:t,characters:i}=getCharacterLength("maxlength",e,a);this.setData({value:i,count:t})}else this.setData({value:e,count:isDef(e)?String(e).length:0})},updateClearIconVisible(e=!1){const{clearTrigger:t,disabled:i,readonly:a}=this.properties;i||a?this.setData({showClearIcon:!1}):this.setData({showClearIcon:e||"always"===t})},onInput(e){const{value:t,cursor:i,keyCode:a}=e.detail;this.updateValue(t),this.triggerEvent("change",{value:this.data.value,cursor:i,keyCode:a})},onChange(e){if("nickname"!==this.properties.type)return;const{value:t}=e.detail;this.updateValue(t),this.triggerEvent("change",{value:this.data.value})},onFocus(e){this.setData({_focused:!0}),this.updateClearIconVisible(!0),this.triggerEvent("focus",e.detail)},onBlur(e){if(this.setData({_focused:!1}),this.updateClearIconVisible(),"function"==typeof this.properties.format){const t=this.properties.format(e.detail.value);return this.updateValue(t),void this.triggerEvent("blur",{value:this.data.value,cursor:this.data.count})}this.triggerEvent("blur",e.detail)},onConfirm(e){this.triggerEvent("enter",e.detail)},onSuffixClick(){this.triggerEvent("click",{trigger:"suffix"})},onSuffixIconClick(){this.triggerEvent("click",{trigger:"suffix-icon"})},clearInput(e){this.triggerEvent("clear",e.detail),this.setData({value:""})},onKeyboardHeightChange(e){this.triggerEvent("keyboardheightchange",e.detail)},onNickNameReview(e){this.triggerEvent("nicknamereview",e.detail)}}}};Input=__decorate([wxComponent()],Input);export default Input;

package/registry/components/input/input.json

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

package/registry/components/input/input.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><wxs src="./input.wxs" module="_this"/><view style="{{_._style([style, customStyle])}}" class="{{_.cls(classPrefix, [['border', !borderless], ['outlined', variant === 'outlined']])}} {{variant === 'outlined' ? classPrefix + '--outlined-' + status + ' ' + classPrefix + '--size-' + size : ''}} {{_focused ? classPrefix + '--focused' : ''}} {{classPrefix}}--layout-{{layout}} class {{prefix}}-class" aria-describedby><view class="{{classPrefix}}__wrap--prefix"><view class="{{classPrefix}}__icon--prefix"><slot name="prefix-icon"/><template wx:if="{{_prefixIcon}}" is="icon" data="{{oClass: prefix + '-class-prefix-icon', ariaHidden: true, ..._prefixIcon}}"/></view><view class="{{classPrefix}}__label {{prefix}}-class-label" aria-hidden><slot name="label"/><block wx:if="{{label}}">{{label}}</block></view></view><view class="{{classPrefix}}__wrap"><view class="{{classPrefix}}__content {{classPrefix}}--{{status}}"><input class="{{_this.getInputClass(classPrefix, suffix, align, disabled)}} {{prefix}}-class-input" maxlength="{{allowInputOverMax ? -1 : maxlength}}" disabled="{{disabled || readonly}}" placeholder="{{placeholder}}" placeholder-style="{{placeholderStyle}}" placeholder-class="{{_.cls(classPrefix + '__placeholder',  [['disabled', disabled]])}} {{placeholderClass}}" value="{{value}}" password="{{type === 'password'}}" type="{{type === 'password' ? 'text' : type}}" focus="{{focus}}" confirm-type="{{confirmType}}" confirm-hold="{{confirmHold}}" cursor="{{cursor}}" cursor-color="{{cursorColor}}" cursor-spacing="{{cursorSpacing}}" adjust-position="{{adjustPosition}}" auto-focus="{{autoFocus}}" always-embed="{{alwaysEmbed}}" selection-start="{{selectionStart}}" selection-end="{{selectionEnd}}" hold-keyboard="{{holdKeyboard}}" safe-password-cert-path="{{safePasswordCertPath}}" safe-password-length="{{safePasswordLength}}" safe-password-time-stamp="{{safePasswordTimeStamp}}" safe-password-nonce="{{safePasswordNonce}}" safe-password-salt="{{safePasswordSalt}}" safe-password-custom-hash="{{safePasswordCustomHash}}" aria-role="textbox" aria-label="{{label}}" aria-roledescription="{{label}}" bindinput="onInput" bindchange="onChange" bindfocus="onFocus" bindblur="onBlur" bindconfirm="onConfirm" bindkeyboardheightchange="onKeyboardHeightChange" bindnicknamereview="onNickNameReview"/><view wx:if="{{_clearIcon && value.length > 0 && showClearIcon}}" class="{{classPrefix}}__wrap--clearable-icon" bind:tap="clearInput"><template is="icon" data="{{oClass: prefix + '-class-clearable', ariaRole: 'button', ariaLabel: 'Effacer', ..._clearIcon }}"/></view><view class="{{classPrefix}}__wrap--suffix {{prefix}}-class-suffix" bind:tap="onSuffixClick"><text wx:if="{{suffix}}">{{suffix}}</text><slot name="suffix"/></view><view class="{{classPrefix}}__wrap--suffix-icon" bind:tap="onSuffixIconClick"><slot name="suffix-icon"/><template wx:if="{{_suffixIcon}}" is="icon" data="{{oClass: prefix + '-class-suffix-icon', ariaRole: 'button', ..._suffixIcon }}"/></view></view><view wx:if="{{tips && tips.length > 0}}" class="{{classPrefix}}__tips {{classPrefix}}--{{align}} {{prefix}}-class-tips">{{tips}}</view><slot name="tips"/></view><slot name="extra"/></view>

package/registry/components/input/input.wxs

@@ -0,0 +1,16 @@
+function getInputClass(classPrefix, suffix, align, disabled) {
+  var className = [classPrefix + '__control'];
+
+  if (align) {
+    className.push(classPrefix + '--' + align);
+  }
+
+  if (disabled) {
+    className.push(classPrefix + '__control--disabled');
+  }
+  return className.join(' ');
+}
+
+module.exports = {
+  getInputClass: getInputClass,
+};