maxit-cli 0.1.0

package/registry/components/picker-item/picker-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"./props";const{prefix:prefix}=config,name=`${prefix}-picker-item`,ANIMATION_DURATION_BASE=300,ANIMATION_DURATION_MAX=600,INERTIA_TIME=300,INERTIA_DISTANCE=15,VIRTUAL_SCROLL_CONFIG={ENABLE_THRESHOLD:100,BUFFER_COUNT:8,THROTTLE_TIME:16,FAST_SCROLL_BUFFER:12,FAST_SCROLL_THRESHOLD:50},range=function(t,e,i){return Math.min(Math.max(t,e),i)},momentum=(t,e)=>{let i=t;return i=Math.abs(i/e)/.005*(i<0?-1:1),i};let PickerItem=class extends SuperComponent{constructor(){super(...arguments),this.relations={"../picker/picker":{type:"ancestor"}},this.options={multipleSlots:!0},this.externalClasses=[`${prefix}-class`],this.properties=Object.assign(Object.assign({},props),{useSlots:{type:Boolean,value:!0}}),this.observers={"options, keys"(){this.update()}},this.data={prefix:prefix,classPrefix:name,offset:0,duration:0,value:"",curIndex:0,columnIndex:0,keys:{},formatOptions:props.options.value,enableVirtualScroll:!1,visibleOptions:[],virtualStartIndex:0,virtualOffsetY:0,totalHeight:0,itemHeight:40,visibleItemCount:5,wrapperPaddingY:72},this.lifetimes={created(){this.StartY=0,this.StartOffset=0,this.startTime=0,this._animationTimer=null},detached(){this._animationTimer&&(clearInterval(this._animationTimer),this._animationTimer=null)}},this.methods={onClickItem(t){const{index:e}=t.currentTarget.dataset,{itemHeight:i}=this.data,a=range(e,0,this.getCount()-1);a!==this._selectedIndex&&this.setData({offset:-a*i,curIndex:a,duration:200}),this.updateSelected(a,!0)},onTouchStart(t){this.StartY=t.touches[0].clientY,this.StartOffset=this.data.offset,this.startTime=Date.now(),this.setData({duration:0})},onTouchMove(t){const{StartY:e,StartOffset:i}=this,{itemHeight:a}=this.data,n=t.touches[0].clientY-e,s=range(i+n,-(this.getCount()-1)*a,0);this.setData({offset:s})},onTouchEnd(t){const{offset:e,itemHeight:i,enableVirtualScroll:a,formatOptions:n}=this.data,{startTime:s}=this;if(e===this.StartOffset)return;let o=0;const r=t.changedTouches[0].clientY-this.StartY,l=Date.now()-s;l<300&&Math.abs(r)>15&&(o=momentum(r,l));const d=range(e+o,-this.getCount()*i,0),h=range(Math.round(-d/i),0,this.getCount()-1),u=-h*i,m=Math.abs(u-e)/i,c=Math.min(600,300+30*m),f=Math.abs(o)>3*i?VIRTUAL_SCROLL_CONFIG.FAST_SCROLL_BUFFER:VIRTUAL_SCROLL_CONFIG.BUFFER_COUNT;this._animationTimer&&(clearInterval(this._animationTimer),this._animationTimer=null);const p={offset:u,duration:c,curIndex:h};if(a){const t=Math.floor(Math.abs(e)/i),a=h,s=Math.min(t,a),o=Math.max(t,a),r=Math.max(0,s-f),l=Math.min(n.length,o+this.data.visibleItemCount+f);p.visibleOptions=n.slice(r,l),p.virtualStartIndex=r,p.virtualOffsetY=r*i}this.setData(p,()=>{if(a){const t=this.computeVirtualRange(u,n.length,i,!1);this.setData({visibleOptions:n.slice(t.startIndex,t.endIndex),virtualStartIndex:t.startIndex,virtualOffsetY:t.startIndex*i})}}),h!==this._selectedIndex&&this.updateSelected(h,!0)},formatOption:(t,e,i)=>"function"!=typeof i?t:t.map(t=>i(t,e)),updateSelected(t,e){var i,a,n;const{columnIndex:s,keys:o,formatOptions:r}=this.data;this._selectedIndex=t,this._selectedValue=null===(i=r[t])||void 0===i?void 0:i[null==o?void 0:o.value],this._selectedLabel=null===(a=r[t])||void 0===a?void 0:a[null==o?void 0:o.label],e&&(null===(n=this.$parent)||void 0===n||n.triggerColumnChange({index:t,column:s}))},update(){var t;const{options:e,value:i,keys:a,format:n,columnIndex:s,itemHeight:o,visibleItemCount:r}=this.data,l=this.formatOption(e,s,n),d=l.length,h=d>=VIRTUAL_SCROLL_CONFIG.ENABLE_THRESHOLD;let u=-1;if(d>500){u=null!==(t=new Map(l.map((t,e)=>[t[null==a?void 0:a.value],e])).get(i))&&void 0!==t?t:-1}else u=l.findIndex(t=>t[null==a?void 0:a.value]===i);const m=u>0?u:0,c={formatOptions:l,offset:-m*o,curIndex:m,enableVirtualScroll:h,totalHeight:d*o,wrapperPaddingY:(r-1)/2*o};if(h){const t=this.computeVirtualRange(-m*o,d,o);c.visibleOptions=l.slice(t.startIndex,t.endIndex),c.virtualStartIndex=t.startIndex,c.virtualOffsetY=t.startIndex*o}else c.visibleOptions=l,c.virtualStartIndex=0,c.virtualOffsetY=0;this.setData(c,()=>{this.updateSelected(m,!1)})},computeVirtualRange(t,e,i,a=!1){const n=Math.abs(t),{BUFFER_COUNT:s,FAST_SCROLL_BUFFER:o}=VIRTUAL_SCROLL_CONFIG,{visibleItemCount:r}=this.data,l=a?o:s,d=Math.floor(n/i);return{startIndex:Math.max(0,d-l),endIndex:Math.min(e,d+r+l)}},updateVisibleOptions(t,e=!1){const{formatOptions:i,itemHeight:a,enableVirtualScroll:n}=this.data;if(!n)return;const s=void 0!==t?t:this.data.offset,o=this.computeVirtualRange(s,i.length,a,e);o.startIndex===this.data.virtualStartIndex&&o.endIndex===this.data.virtualStartIndex+this.data.visibleOptions.length||this.setData({visibleOptions:i.slice(o.startIndex,o.endIndex),virtualStartIndex:o.startIndex,virtualOffsetY:o.startIndex*a})},getCount(){var t,e;return null===(e=null===(t=this.data)||void 0===t?void 0:t.options)||void 0===e?void 0:e.length},getCurrentSelected(){var t,e;const{offset:i,itemHeight:a,formatOptions:n,keys:s}=this.data,o=Math.max(0,Math.min(Math.round(-i/a),this.getCount()-1));return{index:o,value:null===(t=n[o])||void 0===t?void 0:t[null==s?void 0:s.value],label:null===(e=n[o])||void 0===e?void 0:e[null==s?void 0:s.label]}}}}};PickerItem=__decorate([wxComponent()],PickerItem);export default PickerItem;

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

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

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

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle, 'height:' + itemHeight * visibleItemCount + 'px'])}}" class="{{_.cls(classPrefix + '__group', [])}} class {{prefix}}-class" bind:touchstart="onTouchStart" catch:touchmove="onTouchMove" bind:touchend="onTouchEnd" bind:touchcancel="onTouchEnd"><view class="{{classPrefix}}__wrapper" style="transition: transform {{ duration }}ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, {{ offset }}px, 0); padding: {{ wrapperPaddingY }}px 0"><view wx:if="{{enableVirtualScroll}}" style="height: {{totalHeight}}px; position: relative;"><view style="position: absolute; top: {{virtualOffsetY}}px; left: 0; right: 0;"><view class="{{_.cls(classPrefix + '__item', [['active', curIndex == (virtualStartIndex + index)]])}}" style="height: {{itemHeight}}px" wx:for="{{visibleOptions}}" wx:key="value" wx:for-item="option" data-index="{{ virtualStartIndex + index }}" bind:tap="onClickItem"><o-icon wx:if="{{option[keys.icon]}}" class="{{classPrefix}}__item-icon" name="{{option[keys.icon]}}"/><text class="{{classPrefix}}__item-label">{{option[keys.label]}}</text><slot wx:if="{{useSlots}}" name="label-suffix--{{virtualStartIndex + index}}"></slot></view></view></view><block wx:else><view class="{{_.cls(classPrefix + '__item', [['active', curIndex == index]])}}" style="height: {{itemHeight}}px" wx:for="{{visibleOptions}}" wx:key="value" wx:for-item="option" data-index="{{ index }}" bind:tap="onClickItem"><o-icon wx:if="{{option[keys.icon]}}" class="{{classPrefix}}__item-icon" name="{{option[keys.icon]}}"/><text class="{{classPrefix}}__item-label">{{option[keys.label]}}</text><slot wx:if="{{useSlots}}" name="label-suffix--{{index}}"></slot></view></block></view></view>

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

@@ -0,0 +1,41 @@
+@import '../common/style/index.wxss';
+
+:host {
+    display: flex;
+}
+
+.o-picker-item__group {
+    overflow: hidden;
+    flex: 1;
+    z-index: 1;
+}
+
+.o-picker-item__wrapper {
+    will-change: transform;
+}
+
+.o-picker-item__item {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--o-picker-item-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+    font-size: var(--o-picker-item-font-size,var(--o-font-size-m,32rpx));
+    contain: layout style paint;
+}
+
+.o-picker-item__item-icon {
+    font-size: var(--o-font-size-l,36rpx);
+    margin-right: var(--o-spacer,16rpx);
+}
+
+.o-picker-item__item-label {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.o-picker-item__item--active {
+    color: var(--o-picker-item-active-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    font-weight: 600;
+}
+

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

@@ -0,0 +1 @@
+const props={format:{type:null},options:{type:Array,value:[]}};export default props;

package/registry/components/popover/index.js

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

package/registry/components/popover/popover.js

@@ -0,0 +1 @@
+import{__awaiter,__decorate,__rest}from"../common/tslib";import{getWindowInfo}from"../common/wechat";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{debounce}from"../common/utils";import transition from"../common/mixins/transition";import pageScrollMixin from"../common/mixins/page-scroll";delete props.visible;const{prefix:prefix}=config,name=`${prefix}-popover`;let Popover=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[transition(),pageScrollMixin()],this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-trigger`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:name,_placement:"top",contentStyle:"",arrowStyle:""},this.controlledProps=[{key:"visible",event:"visible-change"}],this.observers={visible(t){null!=t&&this.updateVisible(t)},"placement, realVisible"(t){t&&this.computePosition()}},this.methods={onScroll(){this.data.realVisible&&debounce(()=>this.computePosition(),100)},updateVisible(t){t!==this.data.visible&&this.setData({visible:t},()=>{this._trigger("visible-change",{visible:t})})},onOverlayTap(){this.properties.closeOnClickOutside&&this.updateVisible(!1)},getToward(t){const e=["top","bottom"],i=["left","right"];return{isHorizontal:e.find(e=>t.includes(e)),isVertical:i.find(e=>t.includes(e)),isBase:[...e,...i].find(e=>e===t),isEnd:t.includes("end")}},calcArrowStyle(t,e,i){const{isHorizontal:o,isVertical:s,isBase:r,isEnd:n}=this.getToward(t);if(r)return"";const{width:l,left:a}=e,{width:c,height:p}=i,{windowWidth:h}=getWindowInfo();if(o){const t=n?Math.min(l+a,c):Math.min(h-a,c);return n?`left:${t-28}px;`:`right:${t-28}px;`}if(s){const t=p-28;return n?`top:${t}px;`:`bottom:${t}px;top:unset;`}return""},calcContentPosition(t,e,i){let o=0,s=0;const r=t.startsWith("top"),n=t.startsWith("bottom"),l=t.startsWith("left"),a=t.startsWith("right");r?o=e.top-i.height:n?o=e.top+e.height:l?s=e.left-i.width:a?s=e.left+e.width:o=e.top-i.height;const c=t.includes("start"),p=t.includes("end");let h;return h=c?"start":p?"end":"center",(r||n)&&(s=this.alignCrossAxis(e.left,e.width,i.width,h)),(l||a)&&(o=this.alignCrossAxis(e.top,e.height,i.height,h)),{top:o,left:s}},alignCrossAxis:(t,e,i,o)=>"start"===o?t:"end"===o?t+e-i:t+e/2-i/2,calcPlacement(t,e,i,o){return new Promise(s=>{const r=this.selectOwnerComponent().createSelectorQuery();r.select(`.${name}-wrapper--fixed`).boundingClientRect(),r.exec(r=>{const[n]=r;n&&t&&(i=n);const{isHorizontal:l,isVertical:a}=this.getToward(e),{width:c,height:p}=o,{left:h,top:m,right:d,bottom:f}=i;let g=!0;const{windowWidth:u,windowHeight:w}=getWindowInfo();let x=e;l?e.startsWith("top")?g=m-p>=0:e.startsWith("bottom")&&(g=f+p<=w):a&&(e.startsWith("left")?g=h-c>=0:e.startsWith("right")&&(g=d+c<=u)),g||(l?x=e.startsWith("top")?e.replace("top","bottom"):e.replace("bottom","top"):a&&(x=e.startsWith("left")?e.replace("left","right"):e.replace("right","left")));const b=this.calcContentPosition(x,i,o);s(Object.assign({placement:x},b))})})},computePosition(){return __awaiter(this,void 0,void 0,function*(){const{placement:t}=this.data,e=t.replace(/-(left|top)$/,"-start").replace(/-(right|bottom)$/,"-end");this.setData({_placement:e});const i=this.createSelectorQuery();i.select(`#${name}-wrapper`).boundingClientRect(),i.select(`#${name}-content`).boundingClientRect(),i.selectViewport().scrollOffset(),i.exec(t=>__awaiter(this,void 0,void 0,function*(){const[i,o,s]=t;if(!i||!o)return;const r=this.properties.fixed,n=yield this.calcPlacement(r,e,i,o),{placement:l}=n,a=__rest(n,["placement"]);this.setData({_placement:l});const{scrollTop:c=0,scrollLeft:p=0}=s||{},h=r?a.top:a.top+c,m=r?a.left:a.left+p,d=`top:${Math.max(h,0)}px;left:${Math.max(m,0)}px;`,f=this.calcArrowStyle(e,i,o);this.setData({contentStyle:d,arrowStyle:f})}))})}}}};Popover=__decorate([wxComponent()],Popover);export default Popover;

package/registry/components/popover/popover.json

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

package/registry/components/popover/popover.wxml

@@ -0,0 +1 @@
+<view id="{{classPrefix}}-wrapper" class="{{classPrefix}}__wrapper"><slot/></view><o-overlay id="popover-overlay" wx:if="{{realVisible && closeOnClickOutside}}" visible="{{true}}" z-index="11000" duration="0" background-color="rgba(0,0,0,0)" bind:tap="onOverlayTap"/><view wx:if="{{realVisible}}" id="{{classPrefix}}-content" style="{{style}} {{contentStyle}} {{customStyle}}" class="class {{classPrefix}} {{transitionClass}} {{prefix}}-class {{classPrefix}}--placement-{{_placement}} {{fixed ? classPrefix + '--fixed' : ''}}"><view class="{{classPrefix}}__content {{classPrefix}}--{{theme}} {{prefix}}-class-content {{showArrow ? classPrefix + '__content--arrow' : ''}}"><slot name="content"/><view wx:if="{{content}}">{{content}}</view><view wx:if="{{showArrow}}" class="{{classPrefix}}__arrow" style="{{arrowStyle}}"></view></view></view>

package/registry/components/popover/popover.wxss

@@ -0,0 +1,336 @@
+@import '../common/style/index.wxss';
+
+.o-popover__wrapper {
+    display: inline-block;
+}
+
+.o-popover {
+    position: absolute;
+    z-index: 11500;
+    overflow: visible;
+    transition: .2s ease-in-out all;
+}
+
+.o-popover--fixed {
+    position: fixed;
+}
+
+.o-popover__content {
+    position: relative;
+    padding: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+    border-radius: var(--o-radius-default,12rpx);
+    box-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));
+    font-size: var(--o-font-size-m,32rpx);
+    line-height: var(--o-line-height-title-medium,48rpx);
+    border-radius: 6px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    word-break: break-all;
+}
+
+.o-popover__arrow {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-color: transparent;
+    border-width: 16rpx;
+}
+
+.o-popover .o-popover--dark {
+    color: var(--o-popover-dark-color,var(--o-text-color-anti,var(--o-font-white-1,#fff)));
+    background: var(--o-popover-dark-bg-color,var(--o-font-gray-1,#1c1b1f));
+}
+
+.o-popover .o-popover--dark .o-popover__arrow {
+    color: var(--o-popover-dark-bg-color,var(--o-font-gray-1,#1c1b1f));
+}
+
+.o-popover .o-popover--light {
+    color: var(--o-popover-light-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    background: var(--o-popover-light-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-popover .o-popover--light .o-popover__arrow {
+    color: var(--o-popover-light-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-popover .o-popover--brand {
+    color: var(--o-popover-brand-color,var(--o-primary-color-7,#f16e00));
+    background: var(--o-popover-brand-bg-color,var(--o-primary-color-1,#fef3eb));
+}
+
+.o-popover .o-popover--brand .o-popover__arrow {
+    color: var(--o-popover-brand-bg-color,var(--o-primary-color-1,#fef3eb));
+}
+
+.o-popover .o-popover--success {
+    color: var(--o-popover-success-color,var(--o-success-color-5,#028702));
+    background: var(--o-popover-success-bg-color,var(--o-success-color-1,#eaf7ee));
+}
+
+.o-popover .o-popover--success .o-popover__arrow {
+    color: var(--o-popover-success-bg-color,var(--o-success-color-1,#eaf7ee));
+}
+
+.o-popover .o-popover--warning {
+    color: var(--o-popover-warning-color,var(--o-warning-color-5,#e37318));
+    background: var(--o-popover-warning-bg-color,var(--o-warning-color-1,#fff1e9));
+}
+
+.o-popover .o-popover--warning .o-popover__arrow {
+    color: var(--o-popover-warning-bg-color,var(--o-warning-color-1,#fff1e9));
+}
+
+.o-popover .o-popover--error {
+    color: var(--o-popover-error-color,var(--o-error-color-6,#cd3c14));
+    background: var(--o-popover-error-bg-color,var(--o-error-color-1,#f9dedc));
+}
+
+.o-popover .o-popover--error .o-popover__arrow {
+    color: var(--o-popover-error-bg-color,var(--o-error-color-1,#f9dedc));
+}
+
+.o-popover.o-fade-enter-to {
+    opacity: 1;
+    visibility: visible;
+}
+
+.o-popover.o-fade-enter,
+.o-popover.o-fade-leave-to {
+    opacity: 0;
+    visibility: hidden;
+}
+
+.o-popover.o-popover--placement-top .o-popover__content,
+.o-popover.o-popover--placement-top-end .o-popover__content,
+.o-popover.o-popover--placement-top-start .o-popover__content {
+    margin-bottom: var(--o-spacer,16rpx);
+}
+
+.o-popover.o-popover--placement-top .o-popover__content--arrow,
+.o-popover.o-popover--placement-top-end .o-popover__content--arrow,
+.o-popover.o-popover--placement-top-start .o-popover__content--arrow {
+    margin-bottom: var(--o-spacer-1,24rpx);
+}
+
+.o-popover.o-popover--placement-bottom .o-popover__content,
+.o-popover.o-popover--placement-bottom-end .o-popover__content,
+.o-popover.o-popover--placement-bottom-start .o-popover__content {
+    margin-top: var(--o-spacer,16rpx);
+}
+
+.o-popover.o-popover--placement-bottom .o-popover__content--arrow,
+.o-popover.o-popover--placement-bottom-end .o-popover__content--arrow,
+.o-popover.o-popover--placement-bottom-start .o-popover__content--arrow {
+    margin-top: var(--o-spacer-1,24rpx);
+}
+
+.o-popover.o-popover--placement-left .o-popover__content,
+.o-popover.o-popover--placement-left-end .o-popover__content,
+.o-popover.o-popover--placement-left-start .o-popover__content {
+    margin-right: var(--o-spacer,16rpx);
+}
+
+.o-popover.o-popover--placement-left .o-popover__content--arrow,
+.o-popover.o-popover--placement-left-end .o-popover__content--arrow,
+.o-popover.o-popover--placement-left-start .o-popover__content--arrow {
+    margin-right: var(--o-spacer-1,24rpx);
+}
+
+.o-popover.o-popover--placement-right .o-popover__content,
+.o-popover.o-popover--placement-right-end .o-popover__content,
+.o-popover.o-popover--placement-right-start .o-popover__content {
+    margin-left: var(--o-spacer,16rpx);
+}
+
+.o-popover.o-popover--placement-right .o-popover__content--arrow,
+.o-popover.o-popover--placement-right-end .o-popover__content--arrow,
+.o-popover.o-popover--placement-right-start .o-popover__content--arrow {
+    margin-left: var(--o-spacer-1,24rpx);
+}
+
+.o-popover.o-popover--placement-top .o-popover__arrow,
+.o-popover.o-popover--placement-top-end .o-popover__arrow,
+.o-popover.o-popover--placement-top-start .o-popover__arrow {
+    bottom: 0;
+    border-top-color: currentColor;
+    border-bottom-width: 0;
+    margin-bottom: calc(16rpx * -1);
+}
+
+.o-popover.o-popover--placement-top {
+    transform-origin: 50% 100%;
+}
+
+.o-popover.o-popover--placement-top .o-popover__arrow {
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.o-popover.o-popover--placement-top-start {
+    transform-origin: 0 100%;
+}
+
+.o-popover.o-popover--placement-top-start .o-popover__arrow {
+    left: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-top-end {
+    transform-origin: 100% 100%;
+}
+
+.o-popover.o-popover--placement-top-end .o-popover__arrow {
+    right: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-bottom .o-popover__arrow,
+.o-popover.o-popover--placement-bottom-end .o-popover__arrow,
+.o-popover.o-popover--placement-bottom-start .o-popover__arrow {
+    top: 0;
+    border-top-width: 0;
+    border-bottom-color: currentColor;
+    margin-top: calc(16rpx * -1);
+}
+
+.o-popover.o-popover--placement-bottom {
+    transform-origin: 50% 0;
+}
+
+.o-popover.o-popover--placement-bottom .o-popover__arrow {
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.o-popover.o-popover--placement-bottom-start {
+    transform-origin: 0 0;
+}
+
+.o-popover.o-popover--placement-bottom-start .o-popover__arrow {
+    left: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-bottom-end {
+    transform-origin: 100% 0;
+}
+
+.o-popover.o-popover--placement-bottom-end .o-popover__arrow {
+    right: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-left .o-popover__arrow,
+.o-popover.o-popover--placement-left-end .o-popover__arrow,
+.o-popover.o-popover--placement-left-start .o-popover__arrow {
+    right: 0;
+    border-right-width: 0;
+    border-left-color: currentColor;
+    margin-right: calc(16rpx * -1);
+}
+
+.o-popover.o-popover--placement-left {
+    transform-origin: 100% 50%;
+}
+
+.o-popover.o-popover--placement-left .o-popover__arrow {
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.o-popover.o-popover--placement-left-start {
+    transform-origin: 100% 0;
+}
+
+.o-popover.o-popover--placement-left-start .o-popover__arrow {
+    top: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-left-end {
+    transform-origin: 100% 100%;
+}
+
+.o-popover.o-popover--placement-left-end .o-popover__arrow {
+    bottom: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-right .o-popover__arrow,
+.o-popover.o-popover--placement-right-end .o-popover__arrow,
+.o-popover.o-popover--placement-right-start .o-popover__arrow {
+    left: 0;
+    border-right-color: currentColor;
+    border-left-width: 0;
+    margin-left: calc(16rpx * -1);
+}
+
+.o-popover.o-popover--placement-right {
+    transform-origin: 0 50%;
+}
+
+.o-popover.o-popover--placement-right .o-popover__arrow {
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.o-popover.o-popover--placement-right-start {
+    transform-origin: 0 0;
+}
+
+.o-popover.o-popover--placement-right-start .o-popover__arrow {
+    top: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.o-popover.o-popover--placement-right-end {
+    transform-origin: 0 100%;
+}
+
+.o-popover.o-popover--placement-right-end .o-popover__arrow {
+    bottom: var(--o-popover-padding,var(--o-spacer-1,24rpx));
+}
+
+.content-placement-top .o-popover.o-popover--placement-top .o-popover__content,
+.content-placement-top .o-popover.o-popover--placement-top-end .o-popover__content,
+.content-placement-top .o-popover.o-popover--placement-top-start .o-popover__content {
+    margin-bottom: var(--o-spacer,16rpx);
+}
+
+.content-placement-top .o-popover.o-popover--placement-top .o-popover__content--arrow,
+.content-placement-top .o-popover.o-popover--placement-top-end .o-popover__content--arrow,
+.content-placement-top .o-popover.o-popover--placement-top-start .o-popover__content--arrow {
+    margin-bottom: var(--o-spacer-1,24rpx);
+}
+
+.content-placement-bottom .o-popover.o-popover--placement-bottom .o-popover__content,
+.content-placement-bottom .o-popover.o-popover--placement-bottom-end .o-popover__content,
+.content-placement-bottom .o-popover.o-popover--placement-bottom-start .o-popover__content {
+    margin-top: var(--o-spacer,16rpx);
+}
+
+.content-placement-bottom .o-popover.o-popover--placement-bottom .o-popover__content--arrow,
+.content-placement-bottom .o-popover.o-popover--placement-bottom-end .o-popover__content--arrow,
+.content-placement-bottom .o-popover.o-popover--placement-bottom-start .o-popover__content--arrow {
+    margin-top: var(--o-spacer-1,24rpx);
+}
+
+.content-placement-left .o-popover.o-popover--placement-left .o-popover__content,
+.content-placement-left .o-popover.o-popover--placement-left-end .o-popover__content,
+.content-placement-left .o-popover.o-popover--placement-left-start .o-popover__content {
+    margin-right: var(--o-spacer,16rpx);
+}
+
+.content-placement-left .o-popover.o-popover--placement-left .o-popover__content--arrow,
+.content-placement-left .o-popover.o-popover--placement-left-end .o-popover__content--arrow,
+.content-placement-left .o-popover.o-popover--placement-left-start .o-popover__content--arrow {
+    margin-right: var(--o-spacer-1,24rpx);
+}
+
+.content-placement-right .o-popover.o-popover--placement-right .o-popover__content,
+.content-placement-right .o-popover.o-popover--placement-right-end .o-popover__content,
+.content-placement-right .o-popover.o-popover--placement-right-start .o-popover__content {
+    margin-left: var(--o-spacer,16rpx);
+}
+
+.content-placement-right .o-popover.o-popover--placement-right .o-popover__content--arrow,
+.content-placement-right .o-popover.o-popover--placement-right-end .o-popover__content--arrow,
+.content-placement-right .o-popover.o-popover--placement-right-start .o-popover__content--arrow {
+    margin-left: var(--o-spacer-1,24rpx);
+}
+

package/registry/components/popover/props.js

@@ -0,0 +1 @@
+const props={closeOnClickOutside:{type:Boolean,value:!0},content:{type:String},fixed:{type:Boolean,value:!1},placement:{type:String,value:"top"},showArrow:{type:Boolean,value:!0},theme:{type:String,value:"dark"},visible:{type:Boolean,value:null},defaultVisible:{type:Boolean}};export default props;

package/registry/components/popup/index.js

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

package/registry/components/popup/popup.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 transition from"../common/mixins/transition";import useCustomNavbar from"../common/mixins/using-custom-navbar";delete props.visible;const{prefix:prefix}=config,name=`${prefix}-popup`;let Popup=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`],this.behaviors=[transition(),useCustomNavbar],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:name},this.methods={handleOverlayClick(){const{closeOnOverlayClick:e}=this.properties;e&&this.triggerEvent("visible-change",{visible:!1,trigger:"overlay"})},handleClose(){this.triggerEvent("visible-change",{visible:!1,trigger:"close-btn"})}}}};Popup=__decorate([wxComponent()],Popup);export default Popup;

package/registry/components/popup/popup.json

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

package/registry/components/popup/popup.wxml

@@ -0,0 +1 @@
+<wxs src="./popup.wxs" module="popup"/><wxs src="../common/utils.wxs" module="_"/><view wx:if="{{realVisible}}" style="{{_._style([popup.getPopupStyles(zIndex, distanceTop, placement, duration), style, customStyle])}}" class="{{_.cls(classPrefix, [placement])}} {{transitionClass}} class {{prefix}}-class" bind:transitionend="onTransitionEnd"><view data-prevention="{{preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false)}}" bind:touchmove="{{popup.onContentTouchMove}}" class="{{classPrefix}}__content {{prefix}}-class-content"><slot name="content"/><slot/><view class="{{classPrefix}}__close" bind:tap="handleClose"><o-icon name="close" wx:if="{{closeBtn}}" size="64rpx"/><slot name="close-btn" class="{{classPrefix}}-slot"/></view></view></view><o-overlay id="popup-overlay" wx:if="{{showOverlay}}" visible="{{visible}}" usingCustomNavbar="{{usingCustomNavbar}}" z-index="{{overlayProps && overlayProps.zIndex || 11000}}" duration="{{overlayProps && overlayProps.duration || duration || 300}}" background-color="{{overlayProps && overlayProps.backgroundColor || ''}}" prevent-scroll-through="{{preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false)}}" bind:tap="handleOverlayClick" custom-style="{{overlayProps && overlayProps.style || ''}}"/>

package/registry/components/popup/popup.wxs

@@ -0,0 +1,21 @@
+function getPopupStyles(zIndex, distanceTop, placement, duration) {
+  var zIndexStyle = zIndex ? 'z-index:' + zIndex + ';' : '';
+  if ((placement === 'top' || placement === 'left' || placement === 'right') && distanceTop) {
+    zIndexStyle = zIndexStyle + 'top:' + distanceTop + 'px;' + '--o-popup-distance-top:' + distanceTop + 'px;';
+  }
+  if (duration) {
+    zIndexStyle = zIndexStyle + '--o-popup-transition:all ' + duration + 'ms ease;';
+  }
+  return zIndexStyle;
+}
+
+function onContentTouchMove(e) {
+  if (e.target && e.target.dataset.prevention) {
+    return false;
+  }
+}
+
+module.exports = {
+  getPopupStyles: getPopupStyles,
+  onContentTouchMove: onContentTouchMove,
+};

package/registry/components/popup/popup.wxss

@@ -0,0 +1,96 @@
+@import '../common/style/index.wxss';
+
+.o-popup {
+    position: fixed;
+    z-index: 11500;
+    max-height: calc(100vh - var(--o-popup-distance-top,0));
+    transition: var(--o-popup-transition,all 300ms ease);
+    background-color: var(--o-popup-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-popup__content {
+    position: relative;
+    height: 100%;
+    z-index: 1;
+}
+
+.o-popup__close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 20rpx;
+    line-height: 1;
+    color: var(--o-popup-close-btn-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-popup--top {
+    top: 0;
+    left: 0;
+    width: 100%;
+    border-bottom-left-radius: var(--o-popup-border-radius,var(--o-radius-extraLarge,24rpx));
+    border-bottom-right-radius: var(--o-popup-border-radius,var(--o-radius-extraLarge,24rpx));
+}
+
+.o-popup--bottom {
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    border-top-left-radius: var(--o-popup-border-radius,var(--o-radius-extraLarge,24rpx));
+    border-top-right-radius: var(--o-popup-border-radius,var(--o-radius-extraLarge,24rpx));
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+}
+
+.o-popup--left {
+    top: 0;
+    left: 0;
+    height: 100%;
+}
+
+.o-popup--right {
+    top: 0;
+    right: 0;
+    height: 100%;
+}
+
+.o-popup--center {
+    top: 50%;
+    left: 50%;
+    transform: scale(1) translate3d(-50%,-50%,0);
+    transform-origin: 0 0;
+    border-radius: var(--o-popup-border-radius,var(--o-radius-extraLarge,24rpx));
+}
+
+.o-popup.o-fade-enter.o-popup--top,
+.o-popup.o-fade-leave-to.o-popup--top {
+    transform: translateY(-100%);
+    transform-origin: 0 0;
+}
+
+.o-popup.o-fade-enter.o-popup--bottom,
+.o-popup.o-fade-leave-to.o-popup--bottom {
+    transform: translateY(100%);
+}
+
+.o-popup.o-fade-enter.o-popup--left,
+.o-popup.o-fade-leave-to.o-popup--left {
+    transform: translateX(-100%);
+}
+
+.o-popup.o-fade-enter.o-popup--right,
+.o-popup.o-fade-leave-to.o-popup--right {
+    transform: translateX(100%);
+}
+
+.o-popup.o-fade-enter.o-popup--center,
+.o-popup.o-fade-leave-to.o-popup--center {
+    transform: scale(.6) translate3d(-50%,-50%,0);
+    opacity: 0;
+}
+
+.o-popup.o-dialog-enter.o-popup--center,
+.o-popup.o-dialog-leave-to.o-popup--center {
+    transform: scale(.6) translate3d(-50%,-50%,0);
+    opacity: 0;
+}
+

package/registry/components/popup/props.js

@@ -0,0 +1 @@
+const props={closeBtn:{type:Boolean},closeOnOverlayClick:{type:Boolean,value:!0},content:{type:String},duration:{type:Number,value:240},overlayProps:{type:Object,value:{}},placement:{type:String,value:"top"},preventScrollThrough:{type:Boolean,value:!0},showOverlay:{type:Boolean,value:!0},usingCustomNavbar:{type:Boolean,value:!1},visible:{type:Boolean,value:null},defaultVisible:{type:Boolean},zIndex:{type:Number,value:11500}};export default props;

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

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

package/registry/components/post-item/post-item.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}-post-item`;
+
+let PostItem = class PostItem extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name, statusLabels: { published: 'Publié', pending: 'En attente', rejected: 'Refusé' }, statusColors: { published: 'green', pending: 'yellow', rejected: 'red' } };
+    this.methods = {
+      onTap() { this.triggerEvent('click'); },
+    };
+  }
+};
+PostItem = __decorate([wxComponent()], PostItem);
+export default PostItem;

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

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

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

@@ -0,0 +1,5 @@
+<view class="o-post-item class {{prefix}}-class" style="{{style}} {{customStyle}}" bind:tap="onTap">
+  <image wx:if="{{image}}" class="o-post-item__image" src="{{image}}" mode="aspectFill" />
+  <o-icon wx:else name="image" o-class="o-post-item__placeholder" />
+  <view wx:if="{{status}}" class="o-pill o-pill--{{statusColors[status]}} o-post-item__status">{{statusLabels[status]}}</view>
+</view>

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

@@ -0,0 +1,37 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Post (Figma "Posts"): square picture with a publication status. */
+.o-post-item {
+    position: relative;
+    display: block;
+    padding-top: 100%;
+    border-radius: 16rpx;
+    overflow: hidden;
+    background-color: var(--o-scheme-surface-variant, #eee);
+}
+
+.o-post-item__image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.o-post-item__placeholder {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 64rpx;
+    color: var(--o-scheme-surface, #fff);
+}
+
+.o-post-item__status {
+    position: absolute;
+    top: 12rpx;
+    left: 12rpx;
+    height: 40rpx;
+    padding: 0 12rpx;
+}

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

@@ -0,0 +1,7 @@
+// o-post-item: Post (Figma "Posts"): square picture with a publication status.
+const props = {
+  image: { type: String, value: '' },
+  // '' | published | pending | rejected
+  status: { type: String, value: '' },
+};
+export default props;

package/registry/components/progress/index.js

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

package/registry/components/progress/progress.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{getBackgroundColor}from"./utils";import{unitConvert,isIOS as isIOSValidator}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-progress`;let Progress=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-bar`,`${prefix}-class-label`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:name,colorBar:"",heightBar:"",computedStatus:"",computedProgress:0,isIOS:!1},this.observers={percentage(o){o=Math.max(0,Math.min(o,100)),this.setData({computedStatus:100===o?"success":"",computedProgress:o})},color(o){this.setData({colorBar:getBackgroundColor(o),colorCircle:"object"==typeof o?"":o})},strokeWidth(o){if(!o)return"";this.setData({heightBar:unitConvert(o)})},trackColor(o){this.setData({bgColorBar:o})}}}attached(){const o=isIOSValidator();this.setData({isIOS:o})}};Progress=__decorate([wxComponent()],Progress);export default Progress;

package/registry/components/progress/progress.json

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