maxit-cli 0.1.0

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

@@ -0,0 +1,8 @@
+// o-media-card: Media card (Figma "Main Cards" > Media card): picture, play button, title bar at the bottom.
+const props = {
+  image: { type: String, value: '' },
+  title: { type: String, value: '' },
+  subtitle: { type: String, value: '' },
+  play: { type: Boolean, value: true },
+};
+export default props;

package/registry/components/message/index.js

@@ -0,0 +1 @@
+import{__rest}from"../common/tslib";import{MessageType}from"./message.interface";import{getInstance}from"../common/utils";const showMessage=function(e,s=MessageType.info){const{context:t,selector:o="#o-message"}=e,n=__rest(e,["context","selector"]),r=getInstance(t,o);if("boolean"!=typeof n.single&&(n.single=!0),r)return r.setMessage(n,s),r;console.error("Composant introuvable : vérifiez selector et context")};export default{info:e=>showMessage(e,MessageType.info),success:e=>showMessage(e,MessageType.success),warning:e=>showMessage(e,MessageType.warning),error:e=>showMessage(e,MessageType.error),hide(e){const{context:s,selector:t="#o-message"}=Object.assign({},e),o=getInstance(s,t);o&&o.hide()}};

package/registry/components/message/message.interface.js

@@ -0,0 +1 @@
+export var MessageType;!function(e){e.info="info",e.success="success",e.warning="warning",e.error="error"}(MessageType||(MessageType={}));

package/registry/components/message/message.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import{MessageType}from"./message.interface";import props from"./props";import{unitConvert}from"../common/utils";const SHOW_DURATION=400,{prefix:prefix}=config,name=`${prefix}-message`;let Message=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.properties=Object.assign({},props),this.data={prefix:prefix,classPrefix:name,messageList:[]},this.index=0,this.instances=[],this.gap=12,this.observers={visible(s){s?this.setMessage(this.properties,this.properties.theme):this.setData({messageList:[]})}},this.pageLifetimes={show(){this.hideAll()}},this.lifetimes={ready(){this.memoInitialData()}}}memoInitialData(){this.initialData=Object.assign(Object.assign({},this.properties),this.data)}setMessage(s,e=MessageType.info){let t=`${name}_${this.index}`;s.single&&(t=name),this.gap=unitConvert(s.gap||this.gap);const i=Object.assign(Object.assign({},s),{theme:e,id:t,gap:this.gap}),a=this.instances.findIndex(s=>s.id===t);if(a<0)this.addMessage(i);else{const s=this.instances[a],e=this.getOffsetHeight(a);s.resetData(()=>{s.setData(i,s.show.bind(s,e)),s.onHide=()=>{this.close(t)}})}}addMessage(s){const e=[...this.data.messageList,{id:s.id}];this.setData({messageList:e},()=>{const e=this.getOffsetHeight(),t=this.showMessageItem(s,s.id,e);t&&(this.instances.push(t),this.index+=1)})}getOffsetHeight(s=-1){let e=0,t=s;(-1===t||t>this.instances.length)&&(t=this.instances.length);for(let s=0;s<t;s+=1){const t=this.instances[s];e+=t.data.height+t.data.gap}return e}showMessageItem(s,e,t){const i=this.selectComponent(`#${e}`);if(i)return i.onHide=()=>{this.close(e)},i.resetData(()=>{i.setData(s,i.show.bind(i,t))}),i;console.error("Composant introuvable : vérifiez selector et context")}close(s){setTimeout(()=>{this.removeMsg(s)},400),this.removeInstance(s)}hide(s){s||this.hideAll();const e=this.instances.find(e=>e.id===s);e&&e.hide()}hideAll(){[...this.instances].forEach(s=>null==s?void 0:s.hide())}removeInstance(s){const e=this.instances.findIndex(e=>e.id===s);if(e<0)return;const t=this.instances[e].data.height;this.instances.splice(e,1);for(let s=e;s<this.instances.length;s+=1){const e=this.instances[s];e.setData({wrapTop:e.data.wrapTop-t-e.data.gap})}}removeMsg(s){const e=this.data.messageList.findIndex(e=>e.id===s);e>-1&&(this.data.messageList.splice(e,1),this.setData({messageList:this.data.messageList}))}handleClose(){this.triggerEvent("close-btn-click")}handleLinkClick(){this.triggerEvent("link-click")}handleDurationEnd(){this.triggerEvent("duration-end")}};Message=__decorate([wxComponent()],Message);export default Message;

package/registry/components/message/message.json

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

package/registry/components/message/message.wxml

@@ -0,0 +1 @@
+<block wx:for="{{messageList}}" wx:key="id"><o-message-item id="{{item.id}}" bind:close-btn-click="handleClose" bind:link-click="handleLinkClick" bind:duration-end="handleDurationEnd"><slot name="icon" slot="icon"/><slot name="content" slot="content"/><slot/><slot name="link" slot="link"/><slot name="close-btn" slot="close-btn"/></o-message-item></block>

package/registry/components/message/message.wxss

@@ -0,0 +1,2 @@
+@import '../common/style/index.wxss';
+

package/registry/components/message/props.js

@@ -0,0 +1 @@
+const props={placement:{type:String,value:"bottom"},align:{type:String,value:"left"},closeBtn:{type:null,value:!0},content:{type:String},duration:{type:Number,value:3e3},gap:{type:null,value:12},icon:{type:null,value:!0},link:{type:null},marquee:{type:null,value:!1},offset:{type:Array},single:{type:Boolean,value:!0},theme:{type:String,value:"info"},visible:{type:Boolean,value:!1},defaultVisible:{type:Boolean,value:!1},zIndex:{type:Number,value:15e3}};export default props;

package/registry/components/message-item/index.js

@@ -0,0 +1 @@
+import{__rest}from"../common/tslib";import{MessageType}from"../message/message.interface";import{getInstance}from"../common/utils";const showMessage=function(e,s=MessageType.info){const{context:t,selector:o="#o-message"}=e,n=__rest(e,["context","selector"]),a=getInstance(t,o);if(a)return a.resetData(()=>{a.setData(Object.assign({theme:s},n),a.show.bind(a))}),a;console.error("Composant introuvable : vérifiez selector et context")};export default{info:e=>showMessage(e,MessageType.info),success:e=>showMessage(e,MessageType.success),warning:e=>showMessage(e,MessageType.warning),error:e=>showMessage(e,MessageType.error),hide(e){const{context:s,selector:t="#o-message"}=Object.assign({},e),o=getInstance(s,t);o&&o.hide()}};

package/registry/components/message-item/message-item.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"../message/props";import{getRect,unitConvert,calcIcon}from"../common/utils";import{isObject}from"../common/validator";const{prefix:prefix}=config,name=`${prefix}-message`,SHOW_DURATION=500,THEME_ICON={info:"info-circle-filled",success:"check-circle-filled",warning:"error-circle-filled",error:"close-circle-filled"};let Message=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-icon`,`${prefix}-class-link`,`${prefix}-class-close-btn`],this.options={multipleSlots:!0},this.properties=Object.assign({},props),this.data={prefix:prefix,classPrefix:name,loop:-1,animation:[],showAnimation:[],wrapTop:-999,fadeClass:""},this.closeTimeoutContext=0,this.nextAnimationContext=0,this.resetAnimation=wx.createAnimation({duration:0,timingFunction:"linear"}),this.observers={marquee(t){"{}"!==JSON.stringify(t)&&"true"!==JSON.stringify(t)||this.setData({marquee:{speed:50,loop:-1,delay:0}})},"icon, theme"(t,e){this.setData({_icon:calcIcon(t,THEME_ICON[e])})},link(t){const e=isObject(t)?Object.assign({},t):{content:t};this.setData({_link:e})},closeBtn(t){this.setData({_closeBtn:calcIcon(t,"close")})}},this.lifetimes={ready(){this.memoInitialData()},detached(){this.reset()}}}memoInitialData(){this.initialData=Object.assign(Object.assign({},this.properties),this.data)}resetData(t){this.setData(Object.assign({},this.initialData),t)}checkAnimation(){const{marquee:t}=this.properties;if(!t||0===t.loop)return;const e=t.speed;if(this.data.loop>0)this.data.loop-=1;else if(0===this.data.loop)return void this.setData({animation:this.resetAnimation.translateX(0).step().export()});this.nextAnimationContext&&this.clearMessageAnimation();const i=`#${name}__text-wrap`,s=`#${name}__text`;Promise.all([getRect(this,s),getRect(this,i)]).then(([t,i])=>{this.setData({animation:this.resetAnimation.translateX(i.width).step().export()},()=>{const s=(t.width+i.width)/e*1e3,o=wx.createAnimation({duration:s}).translateX(-t.width).step().export();setTimeout(()=>{this.nextAnimationContext=setTimeout(this.checkAnimation.bind(this),s),this.setData({animation:o})},20)})})}clearMessageAnimation(){clearTimeout(this.nextAnimationContext),this.nextAnimationContext=0}show(t=0){const{duration:e,marquee:i,offset:s,id:o}=this.properties;this.setData({visible:!0,loop:i.loop||this.data.loop,fadeClass:`${name}__fade`,wrapTop:unitConvert(s[0])+t}),this.reset(),this.checkAnimation(),e&&e>0&&(this.closeTimeoutContext=setTimeout(()=>{this.hide(),this.triggerEvent("duration-end",{self:this})},e));getRect(this,o?`#${o}`:`#${name}`).then(t=>{this.setData({height:t.height},()=>{this.setData({fadeClass:""})})})}hide(){this.reset(),this.setData({fadeClass:`${name}__fade`}),setTimeout(()=>{this.setData({visible:!1,animation:[]})},500),"function"==typeof this.onHide&&this.onHide()}reset(){this.nextAnimationContext&&this.clearMessageAnimation(),clearTimeout(this.closeTimeoutContext),this.closeTimeoutContext=0}handleClose(){this.hide(),this.triggerEvent("close-btn-click")}handleLinkClick(){this.triggerEvent("link-click")}};Message=__decorate([wxComponent()],Message);export default Message;

package/registry/components/message-item/message-item.json

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

package/registry/components/message-item/message-item.wxml

@@ -0,0 +1 @@
+<wxs src="./message-item.wxs" module="_this"></wxs><wxs src="../common/utils.wxs" module="_"/><import src="../common/template/icon.wxml"/><block wx:if="{{visible}}"><view class="{{classPrefix}} class {{prefix}}-class {{classPrefix}}--{{theme}} {{classPrefix}}--{{placement}} {{fadeClass}}" style="{{_._style([_this.getMessageStyles(zIndex, offset, wrapTop, placement), style, customStyle])}}" animation="{{showAnimation}}" id="{{id || classPrefix}}" aria-role="alert"><view class="{{classPrefix}}__icon--left"><slot name="icon"/><template wx:if="{{_icon}}" is="icon" data="{{oClass: prefix + '-class-icon', ariaHidden: true, ..._icon }}"/></view><view class="{{classPrefix}}__text-wrap {{marquee ? classPrefix + '__text-nowrap' : ''}}" style="text-align: {{align}}" id="{{classPrefix}}__text-wrap"><view class="{{classPrefix}}__text {{prefix}}-class-content" id="{{classPrefix}}__text" animation="{{animation}}"><block wx:if="{{content}}">{{content}}</block><slot name="content"/><slot/></view></view><o-link wx:if="{{_link && _link.content}}" class="{{classPrefix}}__link {{prefix}}-class-link" style="{{_._style([_link.style, _link.customStyle])}}" disabled="{{_link.disabled || false}}" hover="{{_link.hover || true}}" theme="{{_link.theme || 'primary'}}" size="{{_link.size || 'medium'}}" prefixIcon="{{_link.prefixIcon || false}}" suffixIcon="{{_link.suffixIcon || false}}" underline="{{_link.underline || false}}" content="{{_link.content || ''}}" navigatorProps="{{_link.navigatorProps || null}}" bind:complete="handleLinkClick"/><slot name="link"/><view class="{{classPrefix}}__icon--right" bind:tap="handleClose"><slot name="close-btn"/><template wx:if="{{_closeBtn}}" is="icon" data="{{oClass: prefix + '-class-close-btn', ariaRole: 'button', ariaLabel: 'Fermer', ..._closeBtn }}"/></view></view></block>

package/registry/components/message-item/message-item.wxs

@@ -0,0 +1,31 @@
+var isEmptyObj = function (obj) {
+  return JSON.stringify(obj) === '{}';
+};
+
+var changeNumToStr = function (arr) {
+  return arr.map(function (item) {
+    return typeof item === 'number' ? item + 'rpx' : item;
+  });
+};
+
+var getMessageStyles = function (zIndex, offset, wrapTop, placement) {
+  var arr = changeNumToStr(offset || [0, 0]);
+  var left = arr[1] || 0;
+  var right = arr[1] || 0;
+
+  var zIndexStyle = zIndex ? 'z-index:' + zIndex + ';' : '';
+  var styleOffset = '';
+
+  styleOffset += placement === 'bottom'
+    ? 'top:auto;bottom:calc(' + wrapTop + 'px + env(safe-area-inset-bottom));'
+    : 'top:' + wrapTop + 'px;';
+  styleOffset += 'left:' + left + ';';
+  styleOffset += 'right:' + right + ';';
+
+  return zIndexStyle + styleOffset;
+};
+
+module.exports = {
+  getMessageStyles: getMessageStyles,
+  isEmptyObj: isEmptyObj,
+};

package/registry/components/message-item/message-item.wxss

@@ -0,0 +1,141 @@
+@import '../common/style/index.wxss';
+
+.o-message {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    transition: opacity .3s,transform .4s,top .4s;
+    display: flex;
+    justify-content: flex-start;
+    height: 96rpx;
+    align-items: center;
+    z-index: 15000;
+    padding: 0 var(--o-spacer-2,32rpx);
+    box-sizing: border-box;
+    border-radius: var(--o-message-border-radius,var(--o-radius-default,12rpx));
+    line-height: 1;
+    background-color: var(--o-message-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    box-shadow: var(--o-message-box-shadow,var(--o-shadow-1,0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12)));
+}
+
+.o-message__text {
+    display: inline-block;
+    color: var(--o-message-content-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));
+}
+
+.o-message__text-wrap {
+    flex: 1 1 auto;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+}
+
+.o-message__text-nowrap {
+    word-break: keep-all;
+    white-space: nowrap;
+}
+
+.o-message--info {
+    color: var(--o-message-info-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-message--success {
+    color: var(--o-message-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+}
+
+.o-message--warning {
+    color: var(--o-message-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+}
+
+.o-message--error {
+    color: var(--o-message-error-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-message__icon--left,
+.o-message__icon--right {
+    font-size: 44rpx;
+}
+
+.o-message__icon--left:not(:empty) {
+    margin-right: var(--o-spacer,16rpx);
+}
+
+.o-message__icon--right {
+    color: var(--o-message-close-icon-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-message__icon--right:not(:empty),
+.o-message__link {
+    flex: 0 0 auto;
+    margin-left: var(--o-spacer,16rpx);
+}
+
+.o-message__fade {
+    opacity: 0;
+    transform: translateY(-100%);
+}
+
+.o-message {
+    height: auto;
+    min-height: var(--o-message-min-height,112rpx);
+    padding: var(--o-message-padding,24rpx 32rpx);
+    border-radius: var(--o-message-border-radius,16rpx);
+    line-height: normal;
+    box-shadow: var(--o-message-box-shadow,0 4rpx 16rpx rgba(0,0,0,.2));
+}
+
+.o-message--info {
+    background-color: var(--o-message-info-bg,#085ebd);
+}
+
+.o-message--success {
+    background-color: var(--o-message-success-bg,#028702);
+}
+
+.o-message--warning {
+    background-color: var(--o-message-warning-bg,#e37318);
+}
+
+.o-message--error {
+    background-color: var(--o-message-error-bg,#cd3c14);
+}
+
+.o-message .o-message__text {
+    color: var(--o-message-content-color,#fff);
+    font: var(--o-message-content-font,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-message .o-message__icon--left {
+    font-size: var(--o-message-icon-size,48rpx);
+    color: var(--o-message-icon-color,rgba(255,255,255,.8));
+}
+
+.o-message .o-message__icon--left:not(:empty) {
+    margin-right: var(--o-spacer-1,24rpx);
+}
+
+.o-message .o-message__icon--right {
+    font-size: var(--o-message-close-size,48rpx);
+    color: var(--o-message-close-icon-color,#fff);
+}
+
+.o-message--bottom.o-message__fade {
+    transform: translateY(100%);
+}
+
+.o-message--info .o-message__text,
+.o-message--info .o-message__icon--left,
+.o-message--info .o-message__icon--right {
+    color: var(--o-message-info-text-color,#fff);
+}
+
+.o-message--warning .o-message__text,
+.o-message--warning .o-message__icon--right {
+    color: var(--o-message-warning-text-color,var(--o-static-on-canary,#000));
+}
+
+.o-message--warning .o-message__icon--left {
+    color: var(--o-message-warning-icon-color,rgba(0,0,0,.7));
+}
+

package/registry/components/navbar/index.js

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

package/registry/components/navbar/navbar.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import{getRect,systemInfo}from"../common/utils";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-navbar`,SKIP_MENU_RECT_SCENES=[1433,1434,1177,1175],checkSpecialScene=()=>{const{scene:t}=wx.getLaunchOptionsSync();return SKIP_MENU_RECT_SCENES.includes(t)};let Navbar=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-placeholder`,`${prefix}-class-content`,`${prefix}-class-title`,`${prefix}-class-left`,`${prefix}-class-center`,`${prefix}-class-left-icon`,`${prefix}-class-home-icon`,`${prefix}-class-capsule`,`${prefix}-class-nav-btn`],this.timer=null,this.options={multipleSlots:!0},this.properties=props,this.observers={visible(t){const{animation:e}=this.properties,i=`${name}${t?"--visible":"--hide"}`;this.setData({visibleClass:`${i}${e?"-animation":""}`}),this.timer&&clearTimeout(this.timer),e&&(this.timer=setTimeout(()=>{this.setData({visibleClass:i})},300))},"title,titleMaxLength"(){const{title:t}=this.properties,e=this.properties.titleMaxLength||Number.MAX_SAFE_INTEGER;let i=t.slice(0,e);e<t.length&&(i+="..."),this.setData({showTitle:i})}},this.data={prefix:prefix,classPrefix:name,boxStyle:"",showTitle:"",hideLeft:!1,hideCenter:!1,isSpecialScene:!1,_menuRect:null,_leftRect:null,_boxStyle:{}},this.methods={initStyle(){this.getMenuRect();const{_menuRect:t,_leftRect:e}=this.data;if(!t||!e||!systemInfo)return;const i={"--o-navbar-padding-top":`${systemInfo.statusBarHeight}px`,"--o-navbar-right":systemInfo.windowWidth-t.left+"px","--o-navbar-left-max-width":`${t.left}px`,"--o-navbar-capsule-height":`${t.height}px`,"--o-navbar-capsule-width":`${t.width}px`};const h=2*(t.top-systemInfo.statusBarHeight)+t.height;h>=t.height&&(i["--o-navbar-height"]=`${h}px`);this.calcCenterStyle(e,t,i)},calcCenterStyle(t,e,i){const n=Math.max(t.right,systemInfo.windowWidth-e.left),s=Object.assign(Object.assign({},i),{"z-index":this.properties.zIndex,"--o-navbar-center-left":`${n}px`,"--o-navbar-center-width":`${Math.max(e.left-n,0)}px`}),a=Object.entries(s).map(([t,e])=>`${t}: ${e}`).join("; ");this.setData({boxStyle:a,_boxStyle:s})},getLeftRect(){getRect(this,`.${name}__left`).then(t=>{t.right>this.data._leftRect.right&&this.calcCenterStyle(t,this.data._menuRect,this.data._boxStyle)})},getMenuRect(){if(!this.data.isSpecialScene&&wx.getMenuButtonBoundingClientRect){const t=wx.getMenuButtonBoundingClientRect();this.setData({_menuRect:t,_leftRect:{right:systemInfo.windowWidth-t.left}})}},onMenuButtonBoundingClientRectWeightChange(){wx.onMenuButtonBoundingClientRectWeightChange&&(this.onMenuButtonBoundingClientRectWeightChangeCallback=t=>this.queryElements(t),wx.onMenuButtonBoundingClientRectWeightChange(this.onMenuButtonBoundingClientRectWeightChangeCallback))},offMenuButtonBoundingClientRectWeightChange(){this.onMenuButtonBoundingClientRectWeightChangeCallback&&wx.offMenuButtonBoundingClientRectWeightChange(this.onMenuButtonBoundingClientRectWeightChangeCallback)},queryElements(t){Promise.all([getRect(this,`.${this.data.classPrefix}__left`),getRect(this,`.${this.data.classPrefix}__center`)]).then(([e,i])=>{const n=Math.round(e.right),s=Math.round(i.right),a=t.left;this.setData({hideLeft:n>a,hideCenter:n>a||s>a})})},goBack(){const{delta:t}=this.data,e=this;this.triggerEvent("go-back"),t>0&&wx.navigateBack({delta:t,fail(t){e.triggerEvent("fail",t)},complete(t){e.triggerEvent("complete",t)},success(t){e.triggerEvent("success",t)}})}}}attached(){const t=checkSpecialScene();t&&this.setData({isSpecialScene:t}),this.initStyle(),this.getLeftRect(),this.onMenuButtonBoundingClientRectWeightChange()}detached(){this.offMenuButtonBoundingClientRectWeightChange()}};Navbar=__decorate([wxComponent()],Navbar);export default Navbar;

package/registry/components/navbar/navbar.json

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

package/registry/components/navbar/navbar.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view wx:if="{{!(isSpecialScene && isHiddenInSpecialScene)}}" class="{{_.cls(classPrefix, [['fixed', fixed]])}} {{visibleClass}} class {{prefix}}-class" style="{{_._style([boxStyle, style, customStyle])}}"><view wx:if="{{fixed && placeholder}}" class="{{classPrefix}}__placeholder {{prefix}}-class-placeholder"/><view class="{{classPrefix}}__content {{prefix}}-class-content"><view class="{{classPrefix}}__left {{hideLeft ? classPrefix + '__left--hide' : ''}} {{prefix}}-class-left"><view wx:if="{{leftArrow}}" class="{{classPrefix}}__btn" bind:tap="goBack" aria-role="button" aria-label="返回"><o-icon name="chevron-left" class="{{classPrefix}}__left-arrow"/></view><slot name="left"/><view class="{{classPrefix}}__capsule {{prefix}}-class-capsule"><slot name="capsule"/></view></view><view class="{{classPrefix}}__center {{hideCenter ? classPrefix + '__center--hide' : ''}} {{prefix}}-class-center"><slot name="title"/><text wx:if="{{title}}" class="{{classPrefix}}__center-title {{prefix}}-class-title">{{showTitle}}</text></view></view></view>

package/registry/components/navbar/navbar.wxss

@@ -0,0 +1,126 @@
+@import '../common/style/index.wxss';
+
+.o-navbar {
+    position: relative;
+}
+
+.o-navbar--fixed .o-navbar__content {
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+
+.o-navbar--visible {
+    display: '';
+}
+
+.o-navbar--visible-animation {
+    opacity: 1;
+    transition: opacity .3s cubic-bezier(.645,.045,.355,1);
+}
+
+.o-navbar--hide-animation {
+    opacity: 0;
+    transition: opacity .3s cubic-bezier(.645,.045,.355,1);
+}
+
+.o-navbar--hide {
+    display: none;
+}
+
+.o-navbar__placeholder {
+    height: var(--o-navbar-height,48px);
+    padding-top: var(--o-navbar-padding-top,20px);
+    position: relative;
+    visibility: hidden;
+    box-sizing: content-box;
+}
+
+.o-navbar__content {
+    position: relative;
+    height: var(--o-navbar-height,48px);
+    width: calc(100% - var(--o-navbar-right,95px));
+    padding-right: var(--o-navbar-right,95px);
+    padding-top: var(--o-navbar-padding-top,20px);
+    color: var(--o-navbar-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    background: var(--o-navbar-background,var(--o-navbar-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff))));
+    display: flex;
+    align-items: center;
+    box-sizing: content-box;
+}
+
+.o-navbar__left {
+    position: relative;
+    box-sizing: border-box;
+    max-width: var(--o-navbar-left-max-width);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-left: var(--o-spacer-1,24rpx);
+    transition: opacity .3s cubic-bezier(.645,.045,.355,1);
+}
+
+.o-navbar__left-arrow {
+    font-size: var(--o-navbar-left-arrow-size,24px);
+}
+
+.o-navbar__left--hide {
+    opacity: 0;
+}
+
+.o-navbar__capsule {
+    box-sizing: border-box;
+    width: var(--o-navbar-capsule-width,88px);
+    height: var(--o-navbar-capsule-height,32px);
+    display: flex;
+    align-items: center;
+}
+
+.o-navbar__capsule::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200%;
+    height: 200%;
+    transform: scale(.5);
+    transform-origin: 0 0;
+    box-sizing: border-box;
+    border-radius: calc(var(--o-navbar-capsule-border-radius,16px) * 2);
+    border: 2rpx solid var(--o-navbar-capsule-border-color,var(--o-border-level-1-color,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-navbar__capsule:empty {
+    display: none;
+}
+
+.o-navbar__center {
+    text-align: center;
+    position: absolute;
+    bottom: 0;
+    left: var(--o-navbar-center-left,var(--o-navbar-right,95px));
+    width: var(--o-navbar-center-width,187px);
+    height: var(--o-navbar-height,48px);
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    transition: opacity .3s cubic-bezier(.645,.045,.355,1);
+}
+
+.o-navbar__center:empty {
+    display: none;
+}
+
+.o-navbar__center-title {
+    font: var(--o-navbar-title-font,var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.o-navbar__center--hide {
+    opacity: 0;
+}
+

package/registry/components/navbar/props.js

@@ -0,0 +1 @@
+const props={animation:{type:Boolean,value:!0},delta:{type:Number,value:1},fixed:{type:Boolean,value:!0},isHiddenInSpecialScene:{type:Boolean,value:!1},leftArrow:{type:Boolean,value:!1},placeholder:{type:Boolean,value:!1},safeAreaInsetTop:{type:Boolean,value:!0},title:{type:String},titleMaxLength:{type:Number},visible:{type:Boolean,value:!0},zIndex:{type:Number,value:1}};export default props;

package/registry/components/notice-bar/index.js

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

package/registry/components/notice-bar/notice-bar.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import{getRect,getAnimationFrame,calcIcon}from"../common/utils";import props from"./props";import config from"../common/config";const{prefix:prefix}=config,name=`${prefix}-notice-bar`,THEME_ICON={info:"info-circle-filled",success:"check-circle-filled",warning:"error-circle-filled",error:"error-circle-filled"};let NoticeBar=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-prefix-icon`,`${prefix}-class-operation`,`${prefix}-class-suffix-icon`],this.options={multipleSlots:!0,pureDataPattern:/^__/},this.properties=props,this.data={prefix:prefix,classPrefix:name,loop:-1,__ready:!1},this.observers={marquee(t){"{}"!==JSON.stringify(t)&&"true"!==JSON.stringify(t)||this.setData({marquee:{speed:50,loop:-1,delay:0}})},visible(t){this.data.__ready&&(t?this.show():this.clearNoticeBarAnimation())},prefixIcon(t){this.setPrefixIcon(t)},suffixIcon(t){this.setData({_suffixIcon:calcIcon(t)})},content(){this.data.__ready&&(this.clearNoticeBarAnimation(),this.initAnimation())}},this.lifetimes={created(){this.resetAnimation=wx.createAnimation({duration:0,timingFunction:"linear"})},detached(){this.clearNoticeBarAnimation()},ready(){this.show(),this.setData({__ready:!0})}},this.methods={initAnimation(){const t=`.${name}__content-wrap`,i=`.${name}__content`;getAnimationFrame(this,()=>{Promise.all([getRect(this,i),getRect(this,t)]).then(([t,i])=>{const{marquee:e}=this.properties;if(null!=t&&null!=i&&t.width&&i.width&&!1!==e&&(e||i.width<t.width)){const n=e.speed||50,o=e.delay||0,a=(i.width+t.width)/n*1e3,r=t.width/n*1e3;this.setData({wrapWidth:Number(i.width),nodeWidth:Number(t.width),animationDuration:a,delay:o,loop:e.loop-1,firstAnimationDuration:r}),0!==e.loop&&this.startScrollAnimation(!0)}}).catch(()=>{})})},startScrollAnimation(t=!1){this.clearNoticeBarAnimation();const{wrapWidth:i,nodeWidth:e,firstAnimationDuration:n,animationDuration:o,delay:a}=this.data,r=t?a:0,s=t?n:o;this.setData({animationData:this.resetAnimation.translateX(t?0:i).step().export()}),getAnimationFrame(this,()=>{this.setData({animationData:wx.createAnimation({duration:s,timingFunction:"linear",delay:r}).translateX(-e).step().export()})}),this.nextAnimationContext=setTimeout(()=>{this.data.loop>0?(this.data.loop-=1,this.startScrollAnimation()):0===this.data.loop?this.setData({animationData:this.resetAnimation.translateX(0).step().export()}):this.data.loop<0&&this.startScrollAnimation()},s+r)},show(){this.clearNoticeBarAnimation(),this.setPrefixIcon(this.properties.prefixIcon),this.initAnimation()},clearNoticeBarAnimation(){this.nextAnimationContext&&clearTimeout(this.nextAnimationContext),this.nextAnimationContext=null},setPrefixIcon(t){const{theme:i}=this.properties;this.setData({_prefixIcon:calcIcon(t,THEME_ICON[i])})},onChange(t){const{current:i,source:e}=t.detail;this.triggerEvent("change",{current:i,source:e})},clickPrefixIcon(){this.triggerEvent("click",{trigger:"prefix-icon"})},clickContent(){this.triggerEvent("click",{trigger:"content"})},clickSuffixIcon(){this.triggerEvent("click",{trigger:"suffix-icon"})},clickOperation(){this.triggerEvent("click",{trigger:"operation"})}}}};NoticeBar=__decorate([wxComponent()],NoticeBar);export default NoticeBar;

package/registry/components/notice-bar/notice-bar.json

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

package/registry/components/notice-bar/notice-bar.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><view wx:if="{{visible}}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{classPrefix}}--{{theme}} class {{prefix}}-class"><view class="{{classPrefix}}__prefix-icon" bind:tap="clickPrefixIcon"><slot name="prefix-icon"/><template wx:if="{{_prefixIcon}}" is="icon" data="{{oClass: prefix + '-class-prefix-icon', ..._prefixIcon }}"></template></view><view class="{{classPrefix}}__content-wrap" bind:tap="clickContent"><view wx:if="{{ direction === 'vertical' && _.isArray(content) }}"><swiper autoplay="true" vertical="true" circular="true" interval="{{interval}}" display-multiple-items="1" class="{{classPrefix}}__content {{classPrefix}}__content--vertical" bindchange="onChange"><block wx:for="{{content}}" wx:key="index"><swiper-item><view class="{{classPrefix}}__content--vertical-item">{{item}}</view></swiper-item></block></swiper></view><view wx:else class="{{classPrefix}}__content {{prefix}}-class-content {{ !marquee ? classPrefix + '__content-wrapable' : ''}}" animation="{{ animationData }}"><block wx:if="{{content}}">{{content}}</block><slot name="content"/><view class="{{classPrefix}}__operation {{prefix}}-class-operation" catch:tap="clickOperation"><block wx:if="{{ operation }}">{{operation}}</block><slot name="operation"/></view></view></view><view class="{{classPrefix}}__suffix-icon" bind:tap="clickSuffixIcon"><slot name="suffix-icon"/><template wx:if="{{_suffixIcon}}" is="icon" data="{{oClass: prefix + '-class-suffix-icon', ..._suffixIcon }}"></template></view></view>

package/registry/components/notice-bar/notice-bar.wxss

@@ -0,0 +1,95 @@
+@import '../common/style/index.wxss';
+
+.o-notice-bar {
+    display: flex;
+    align-items: flex-start;
+    padding: 26rpx var(--o-spacer-2,32rpx);
+}
+
+.o-notice-bar__content-wrap {
+    flex: 1;
+    overflow-x: hidden;
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    color: var(--o-notice-bar-font-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-notice-bar__content {
+    display: inline-block;
+    white-space: nowrap;
+}
+
+.o-notice-bar__content-wrapable {
+    white-space: normal;
+}
+
+.o-notice-bar__content--vertical {
+    display: block;
+    height: var(--o-line-height-title-small,44rpx);
+    line-height: var(--o-line-height-title-small,44rpx);
+}
+
+.o-notice-bar__content--vertical-item {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.o-notice-bar__prefix-icon {
+    color: inherit;
+}
+
+.o-notice-bar__prefix-icon:not(:empty) {
+    padding-right: var(--o-spacer,16rpx);
+    width: 44rpx;
+}
+
+.o-notice-bar__suffix-icon {
+    color: var(--o-notice-bar-suffix-icon-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-notice-bar__prefix-icon,
+.o-notice-bar__suffix-icon {
+    font-size: 44rpx;
+}
+
+.o-notice-bar__prefix-icon:empty,
+.o-notice-bar__suffix-icon:empty {
+    display: none;
+}
+
+.o-notice-bar__operation {
+    display: inline-flex;
+    vertical-align: top;
+    color: var(--o-notice-bar-operation-font-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    font-weight: 700;
+}
+
+.o-notice-bar__operation:empty {
+    display: none;
+}
+
+.o-notice-bar__suffix-icon:not(:empty) {
+    padding-left: var(--o-spacer,16rpx);
+    width: 44rpx;
+}
+
+.o-notice-bar--info {
+    color: var(--o-notice-bar-info-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-notice-bar-info-bg-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-notice-bar--success {
+    color: var(--o-notice-bar-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    background-color: var(--o-notice-bar-success-bg-color,var(--o-success-color-1,#eaf7ee));
+}
+
+.o-notice-bar--warning {
+    color: var(--o-notice-bar-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    background-color: var(--o-notice-bar-warning-bg-color,var(--o-warning-color-1,#fff1e9));
+}
+
+.o-notice-bar--error {
+    color: var(--o-notice-bar-error-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    background-color: var(--o-notice-bar-error-bg-color,var(--o-error-color-1,#f9dedc));
+}
+

package/registry/components/notice-bar/props.js

@@ -0,0 +1 @@
+const props={content:{type:null},direction:{type:String,value:"horizontal"},interval:{type:Number,value:2e3},marquee:{type:null,value:!1},operation:{type:String},prefixIcon:{type:null,value:!0},suffixIcon:{type:null},theme:{type:String,value:"info"},visible:{type:Boolean,value:null},defaultVisible:{type:Boolean,value:!1}};export default props;

package/registry/components/notification-item/index.js

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

package/registry/components/notification-item/notification-item.js

@@ -0,0 +1,35 @@
+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}-notification-item`;
+
+// Derived data, recomputed when a property changes and once when attached
+// (the runtime may skip observers for initial property values).
+const observers = {
+  text(value) { this.setData({ _long: (value || '').length > 90 }); },
+};
+
+let NotificationItem = class NotificationItem extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name, _expanded: false, _long: false };
+    this.observers = observers;
+    this.lifetimes = {
+      attached() {
+        Object.keys(observers).forEach((key) => observers[key].call(this, this.properties[key]));
+      },
+    };
+    this.methods = {
+      onTap() { this.triggerEvent('click'); },
+      onMore() { this.setData({ _expanded: !this.data._expanded }); },
+    };
+  }
+};
+NotificationItem = __decorate([wxComponent()], NotificationItem);
+export default NotificationItem;

package/registry/components/notification-item/notification-item.json

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

package/registry/components/notification-item/notification-item.wxml

@@ -0,0 +1,14 @@
+<view class="o-notification-item {{unread ? 'o-notification-item--unread' : ''}} class {{prefix}}-class" style="{{style}} {{customStyle}}" bind:tap="onTap">
+  <view class="o-thumb o-notification-item__thumb">
+    <image wx:if="{{thumbnail}}" class="o-thumb__image" src="{{thumbnail}}" mode="aspectFill" />
+    <o-icon wx:else name="{{icon}}" />
+  </view>
+  <view class="o-grow">
+    <view class="o-row o-row--top">
+      <view class="o-grow o-txt-title o-notification-item__title">{{title}}</view>
+      <text class="o-txt-small o-notification-item__time">{{time}}</text>
+    </view>
+    <view class="o-txt-body o-notification-item__text {{_expanded ? 'o-notification-item__text--open' : ''}}">{{text}}</view>
+    <view wx:if="{{_long}}" class="o-link o-notification-item__more" catch:tap="onMore">{{_expanded ? 'Réduire' : 'Lire la suite'}}</view>
+  </view>
+</view>

package/registry/components/notification-item/notification-item.wxss

@@ -0,0 +1,47 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Notification (Figma "Notifications"): thumbnail, title, time, text with "Lire la suite", unread state. */
+.o-notification-item {
+    display: flex;
+    align-items: flex-start;
+    padding: 24rpx 32rpx;
+    border-bottom: 2rpx solid var(--o-scheme-outline-variant, #ddd);
+    background-color: var(--o-scheme-surface, #fff);
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-notification-item--unread {
+    background-color: var(--o-scheme-surface-variant, #eee);
+}
+
+.o-notification-item__thumb {
+    width: 80rpx;
+    height: 80rpx;
+    margin-right: 24rpx;
+}
+
+.o-notification-item__title {
+    font: var(--o-type-title-small, 500 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-notification-item__time {
+    flex: none;
+    margin-left: 16rpx;
+}
+
+.o-notification-item__text {
+    margin-top: 8rpx;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+}
+
+.o-notification-item__text--open {
+    display: block;
+}
+
+.o-notification-item__more {
+    margin-top: 8rpx;
+}

package/registry/components/notification-item/props.js

@@ -0,0 +1,10 @@
+// o-notification-item: Notification (Figma "Notifications"): thumbnail, title, time, text with "Lire la suite", unread state.
+const props = {
+  thumbnail: { type: String, value: '' },
+  icon: { type: String, value: 'notification' },
+  title: { type: String, value: '' },
+  time: { type: String, value: '' },
+  text: { type: String, value: '' },
+  unread: { type: Boolean, value: false },
+};
+export default props;

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

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