maxit-cli 0.1.0

package/registry/components/guide/content.wxml

@@ -0,0 +1 @@
+<import src="../common/template/button.wxml"/><template name="content"><slot wx:if="{{!title && !body}}" name="content-{{current}}"/><block wx:else><view class="{{prefix}}-class-tooltip"><view wx:if="{{title}}" class="{{prefix}}-class-title {{classPrefix}}__title--{{modeType}}">{{title}}</view><slot wx:else name="title-{{current}}"/><view wx:if="{{body}}" class="{{prefix}}-class-body {{classPrefix}}__body--{{modeType}}">{{body}}</view><slot wx:else name="body-{{current}}"/></view><view wx:if="{{current !== -1}}" class="{{prefix}}-class-footer {{classPrefix}}__footer {{classPrefix}}__footer--{{modeType}}"><template is="button" wx:if="{{current < steps.length - 1 && !hideSkip}}" data="{{...skipButton}}"/><template is="button" wx:elif="{{current === steps.length - 1 && !hideBack}}" data="{{...backButton}}"/><template is="button" wx:if="{{current < steps.length - 1}}" data="{{...nextButton}}"/><template is="button" wx:else data="{{...finishButton}}"/></view></block></template>

package/registry/components/guide/guide.js

@@ -0,0 +1 @@
+import{__awaiter,__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import props from"./props";import config from"../common/config";import{isFunction,isNumeric}from"../common/validator";import{debounce,getRect,rpx2px,styles,unitConvert,nextTick,systemInfo}from"../common/utils";import usingConfig from"../common/mixins/using-config";const{prefix:prefix}=config,componentName="guide";let Guide=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[usingConfig({componentName:"guide"})],this.externalClasses=[`${prefix}-class`,`${prefix}-class-reference`,`${prefix}-class-popover`,`${prefix}-class-tooltip`,`${prefix}-class-title`,`${prefix}-class-body`,`${prefix}-class-footer`,`${prefix}-class-skip`,`${prefix}-class-next`,`${prefix}-class-back`,`${prefix}-class-finish`],this.properties=props,this.options={pureDataPattern:/^_/,multipleSlots:!0},this.data={prefix:prefix,classPrefix:`${prefix}-guide`,visible:!1,_current:-1,_steps:[],buttonProps:{},referenceStyle:"",popoverStyle:"",title:"",body:"",nonOverlay:!1,modeType:""},this.controlledProps=[{key:"current",event:"change"}],this.observers={"steps, current, showOverlay"(){return __awaiter(this,void 0,void 0,function*(){this._init()})}},this.lifetimes={created(){this._init=debounce(()=>this.init(),20),this._getPlacement=this.getPlacement()},attached(){this._init()}},this.methods={init(){var t,e,i,s,o,n,a;return __awaiter(this,void 0,void 0,function*(){const{steps:r,current:p}=this.properties,{_steps:l,_current:h}=this.data,c=r[p];if(!c)return this.setData({visible:!1});const u="dialog"===(null!==(t=c.mode)&&void 0!==t?t:this.data.mode)?"dialog":"popover",x=null!==(e=c.showOverlay)&&void 0!==e?e:this.data.showOverlay;if(this.setData({nonOverlay:!x,modeType:u}),r!==l||p!==h)if("popover"===u){const t=yield("string"==typeof c.element?new Promise(e=>{const t=getCurrentPages(),i=t[t.length-1];(i&&i.createSelectorQuery?i.createSelectorQuery():wx.createSelectorQuery()).select(c.element).boundingClientRect(e).exec()}):isFunction(c.element)?c.element():null);if(!t)return console.warn("[o-guide] élément introuvable :",c.element);const e=rpx2px(null!==(i=c.highlightPadding)&&void 0!==i?i:this.data.highlightPadding),n={top:`${t.top-e}px`,right:`${systemInfo.windowWidth-t.right-e}px`,left:`${t.left-e}px`,width:`${t.width+2*e}px`,height:`${t.height+2*e}px`};this.setData({_steps:this.data.steps,_current:this.data.current,visible:!0,referenceStyle:styles(n),title:null!==(s=c.title)&&void 0!==s?s:"",body:null!==(o=c.body)&&void 0!==o?o:"",buttonProps:this.buttonProps(c,"popover")});const a=yield this.placementOffset(c,n);this.setData({popoverStyle:a})}else this.setData({_steps:this.data.steps,_current:this.data.current,visible:!0,title:null!==(n=c.title)&&void 0!==n?n:"",body:null!==(a=c.body)&&void 0!==a?a:"",buttonProps:this.buttonProps(c,"dialog")})})},placementOffset({placement:t,offset:e},i){var s,o;return __awaiter(this,void 0,void 0,function*(){const{classPrefix:n}=this.data;yield nextTick();const a=yield getRect(this,`.${n}__container`).catch(()=>({width:0,height:0})),r=null===(o=(s=this._getPlacement)[t])||void 0===o?void 0:o.call(s,a,i,e);return styles(Object.assign({position:"absolute"},r))})},buttonProps(t,e){var i,s,o,n;const{classPrefix:a,globalConfig:r}=this.data;let p=null!==(i=t.skipButtonProps)&&void 0!==i?i:this.data.skipButtonProps;const l="popover"===e?"extra-small":"medium";p=Object.assign(Object.assign({theme:"light",content:r.skip,size:l},p),{oClass:`${prefix}-class-skip ${a}__button ${(null==p?void 0:p.class)||""}`,type:"skip"});let h=null!==(s=t.nextButtonProps)&&void 0!==s?s:this.data.nextButtonProps;h=Object.assign(Object.assign({theme:"primary",content:r.next,size:l},h),{oClass:`${prefix}-class-next ${a}__button ${(null==h?void 0:h.class)||""}`,type:"next"}),h=Object.assign(Object.assign({},h),{content:this.buttonContent(h)});let c=null!==(o=t.backButtonProps)&&void 0!==o?o:this.data.backButtonProps;c=Object.assign(Object.assign({theme:"light",content:r.back,size:l},c),{oClass:`${prefix}-class-back ${a}__button ${(null==c?void 0:c.class)||""}`,type:"back"});let u=null!==(n=t.finishButtonProps)&&void 0!==n?n:this.data.finishButtonProps;return u=Object.assign(Object.assign({theme:"primary",content:r.finish,size:l},u),{oClass:`${prefix}-class-finish ${a}__button ${(null==u?void 0:u.class)||""}`,type:"finish"}),u=Object.assign(Object.assign({},u),{content:this.buttonContent(u)}),{skipButton:p,nextButton:h,backButton:c,finishButton:u}},renderCounter(){const{steps:t,current:e,counter:i}=this.data,s=t.length,o=e+1,n=isFunction(i)?i({total:s,current:o}):i;return i?n:`(${o}/${s})`},buttonContent(t){const{hideCounter:e}=this.data;return`${t.content.replace(/ \(.*?\)/,"")} ${e?"":this.renderCounter()}`},onTplButtonTap(t){const{type:e}=t.target.dataset,i={e:t,current:this.data.current,total:this.data.steps.length};switch(e){case"next":this.triggerEvent("next-step-click",Object.assign({next:this.data.current+1},i)),this.setData({current:this.data.current+1});break;case"skip":this.triggerEvent("skip",i),this.setData({current:-1});break;case"back":this.triggerEvent("back",i),this.setData({current:0});break;case"finish":this.triggerEvent("finish",i),this.setData({current:-1})}this.triggerEvent("change",{current:this.data.current})},getPlacement(){const t=rpx2px(32),e=t=>unitConvert(isNumeric(null==t?void 0:t[0])?`${null==t?void 0:t[0]}rpx`:(null==t?void 0:t[0])||0),i=t=>unitConvert(isNumeric(null==t?void 0:t[1])?`${null==t?void 0:t[1]}rpx`:(null==t?void 0:t[1])||0),s=t=>parseFloat(t.left),o=t=>parseFloat(t.right),n=t=>parseFloat(t.top),a=t=>parseFloat(t.height),r=t=>parseFloat(t.width);return{center:(o,p,l)=>({top:`${Math.max(a(p)+n(p)+t+i(l),1)}px`,left:`${Math.max(r(p)/2+s(p)-o.width/2+e(l),1)}px`}),bottom:(o,p,l)=>({top:`${Math.max(a(p)+n(p)+t+i(l),1)}px`,left:`${Math.max(r(p)/2+s(p)-o.width/2+e(l),1)}px`}),"bottom-left":(o,r,p)=>({top:`${Math.max(a(r)+n(r)+t+i(p),1)}px`,left:`${Math.max(s(r)+e(p),1)}px`}),"bottom-right":(s,r,p)=>({top:`${Math.max(a(r)+n(r)+t+i(p),1)}px`,right:`${Math.max(o(r)-e(p),1)}px`}),left:(s,p,l)=>({top:`${Math.max(a(p)/2+n(p)-s.height/2+i(l),1)}px`,right:`${Math.max(r(p)+o(p)+t-e(l),1)}px`}),"left-top":(s,a,p)=>({top:`${Math.max(n(a)+i(p),1)}px`,right:`${Math.max(r(a)+o(a)+t-e(p),1)}px`}),"left-bottom":(s,p,l)=>({top:`${Math.max(n(p)+a(p)-s.height-i(l),1)}px`,right:`${Math.max(r(p)+o(p)+t-e(l),1)}px`}),right:(o,p,l)=>({top:`${Math.max(a(p)/2+n(p)-o.height/2+i(l),1)}px`,left:`${Math.max(s(p)+r(p)+t+e(l),1)}px`}),"right-top":(o,a,p)=>({top:`${Math.max(n(a)+i(p),1)}px`,left:`${Math.max(s(a)+r(a)+t+e(p),1)}px`}),"right-bottom":(o,p,l)=>({top:`${Math.max(n(p)+a(p)-o.height-i(l),1)}px`,left:`${Math.max(s(p)+r(p)+t+e(l),1)}px`}),top:(o,a,p)=>({top:`${Math.max(n(a)-o.height-t+i(p),1)}px`,left:`${Math.max(r(a)/2+s(a)-o.width/2+e(p),1)}px`}),"top-left":(o,a,r)=>({top:`${Math.max(n(a)-o.height-t+i(r),1)}px`,left:`${Math.max(s(a)+e(r),1)}px`}),"top-right":(s,a,r)=>({top:`${Math.max(n(a)-s.height-t+i(r),1)}px`,right:`${Math.max(o(a)-e(r),1)}px`})}}}}};Guide=__decorate([wxComponent()],Guide);export default Guide;

package/registry/components/guide/guide.json

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

package/registry/components/guide/guide.wxml

@@ -0,0 +1 @@
+<import src="./content.wxml"/><o-overlay wx:if="{{modeType === 'popover'}}" visible="{{visible}}" using-custom-navbar="{{usingCustomNavbar}}" background-color="transparent" z-index="{{zIndex}}"><view class="class {{prefix}}-class {{classPrefix}}"><view class="{{prefix}}-class-reference {{classPrefix}}__reference {{nonOverlay ? classPrefix + '__reference--nonoverlay' : ''}}" style="{{referenceStyle}}"/><view class="{{prefix}}-class-popover {{classPrefix}}__container {{title || body ? classPrefix + '__container--' + modeType : ''}}" style="{{popoverStyle}}"><template is="content" data="{{ prefix, classPrefix, title, body, steps, current, modeType, hideSkip, hideBack, ...buttonProps }}"/></view></view></o-overlay><o-popup wx:elif="{{modeType === 'dialog'}}" visible="{{visible}}" show-overlay="{{!nonOverlay}}" using-custom-navbar="{{usingCustomNavbar}}" z-index="{{zIndex}}" placement="center"><view class="class {{prefix}}-class {{classPrefix}}"><view class="{{prefix}}-class-popover {{classPrefix}}__container {{title || body ? classPrefix + '__container--' + modeType : ''}}"><template is="content" data="{{ prefix, classPrefix, title, body, steps, current, modeType, hideSkip, ...buttonProps }}"/></view></view></o-popup>

package/registry/components/guide/guide.wxss

@@ -0,0 +1,79 @@
+@import '../common/style/index.wxss';
+
+.o-guide__reference {
+    position: absolute;
+    box-shadow: 0 0 0 0 var(--o-guide-reference-mask-color,var(--o-font-gray-2,#444748)),var(--o-guide-reference-mask-color,var(--o-font-gray-2,#444748)) 0 0 0 5000px;
+    border-radius: var(--o-guide-reference-border-radius,var(--o-radius-default,12rpx));
+    transition: all var(--o-anim-duration-base,.2s) var(--o-anim-time-fn-ease-out,cubic-bezier(0,0,.15,1));
+}
+
+.o-guide__reference--nonoverlay {
+    box-shadow: none;
+    border: var(--o-guide-reference-border,4rpx solid var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-guide__container {
+    display: inline-block;
+}
+
+.o-guide__container--popover {
+    background-color: var(--o-guide-popover-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    border: var(--o-guide-popover-border,2rpx solid var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    border-radius: var(--o-guide-popover-border-radius,var(--o-radius-large,18rpx));
+    box-shadow: var(--o-guide-popover-shadow,var(--o-shadow-3,0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)));
+    padding: var(--o-guide-popover-padding,var(--o-spacer-2,32rpx));
+    min-width: var(--o-guide-popover-min-width,480rpx);
+    max-width: var(--o-guide-popover-max-width,540rpx);
+}
+
+.o-guide__container--dialog {
+    background-color: var(--o-guide-popover-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    border-radius: var(--o-guide-dialog-border-radius,var(--o-radius-extraLarge,24rpx));
+    padding: var(--o-guide-dialog-padding,var(--o-spacer-3,48rpx) 0);
+    width: var(--o-guide-dialog-width,622rpx);
+}
+
+.o-guide__title--popover {
+    text-align: var(--o-guide-popover-title-text-align,left);
+    color: var(--o-guide-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    font: var(--o-guide-popover-title-font,var(--o-font-title-medium,600 32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-guide__title--dialog {
+    text-align: var(--o-guide-dialog-title-text-align,center);
+    color: var(--o-guide-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    font: var(--o-guide-dialog-title-font,var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-guide__body--popover {
+    margin-top: var(--o-guide-popover-body-margin-top,calc(var(--o-spacer,16rpx)/ 2));
+    text-align: var(--o-guide-popover-body-text-align,left);
+    color: var(--o-guide-body-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+    font: var(--o-guide-popover-body-font,var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-guide__body--dialog {
+    margin-top: var(--o-guide-dialog-body-margin-top,var(--o-spacer,16rpx));
+    text-align: var(--o-guide-dialog-body-text-align,center);
+    color: var(--o-guide-body-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+    font: var(--o-guide-dialog-body-font,var(--o-font-body-large,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-guide__footer {
+    text-align: var(--o-guide-footer-text-align,right);
+    margin-top: var(--o-guide-footer-margin-top,var(--o-spacer-3,48rpx));
+}
+
+.o-guide__footer .o-guide__button+.o-guide__button {
+    margin-left: var(--o-guide-footer-button-space,var(--o-spacer-1,24rpx));
+}
+
+.o-guide__footer--dialog {
+    display: flex;
+    padding: var(--o-guide-dialog-footer-button-padding,0 var(--o-spacer-3,48rpx));
+}
+
+.o-guide__footer--dialog .o-guide__button:last-child {
+    flex-grow: 1;
+}
+

package/registry/components/guide/index.js

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

package/registry/components/guide/props.js

@@ -0,0 +1 @@
+const props={backButtonProps:{type:Object},counter:{type:null},current:{type:Number,value:null},defaultCurrent:{type:Number},finishButtonProps:{type:Object},hideBack:{type:Boolean,value:!1},hideCounter:{type:Boolean,value:!1},hideSkip:{type:Boolean,value:!1},highlightPadding:{type:Number,value:16},mode:{type:String,value:"popover"},nextButtonProps:{type:Object},showOverlay:{type:Boolean,value:!0},skipButtonProps:{type:Object},steps:{type:Array},usingCustomNavbar:{type:Boolean,value:!1},zIndex:{type:Number,value:999999}};export default props;

package/registry/components/icon/icon.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{styles,addUnit,getRect}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-icon`;let Icon=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.properties=props,this.data={componentPrefix:prefix,classPrefix:name,isImage:!1,iconStyle:void 0},this.observers={"name, color, size, style"(){this.setIconStyle()}},this.methods={onTap(t){this.triggerEvent("click",t.detail)},setIconStyle(){const{name:t,color:e,size:o,classPrefix:i}=this.data,s=-1!==t.indexOf("/"),n=null!==o&&""!==o?addUnit(o):void 0,r=e?{color:e}:{},c=o?{"font-size":n}:{},a=Object.assign(Object.assign({},r),c);this.setData({isImage:s},()=>__awaiter(this,void 0,void 0,function*(){if(s){let t=n;t||(yield getRect(this,`.${i}`).then(e=>{t=addUnit(null==e?void 0:e.height)}).catch(()=>{})),a.width=t,a.height=t}this.setData({iconStyle:`${styles(a)}`})}))}}}};Icon=__decorate([wxComponent()],Icon);export default Icon;

package/registry/components/icon/icon.json

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

package/registry/components/icon/icon.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view class="{{ prefix ? prefix : classPrefix}} class {{componentPrefix}}-class" style="{{_._style([iconStyle, style, customStyle])}}" bind:tap="onTap" aria-hidden="{{ariaHidden}}" aria-label="{{ariaLabel}}" aria-role="{{ariaRole}}"><view wx:if="{{ isImage }}" class="{{classPrefix}}--image"><image src="{{ name }}" mode="aspectFit" class="{{classPrefix}}__image"/></view><label wx:if="{{ _.isValidIconName(name) && !isImage }}" class="{{ prefix ? prefix : classPrefix }}-{{ name}} {{ classPrefix }}-base"></label></view>