maxit-cli 0.1.0

package/registry/components/stepper/stepper.wxss

@@ -0,0 +1,130 @@
+@import '../common/style/index.wxss';
+
+.o-stepper {
+    display: flex;
+    align-items: center;
+    color: var(--o-stepper-input-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-stepper__input {
+    margin: 0 calc(var(--o-spacer,16rpx)/ 2);
+    text-align: center;
+    vertical-align: top;
+    height: inherit;
+    min-height: inherit;
+}
+
+.o-stepper__minus,
+.o-stepper__plus {
+    padding: calc(var(--o-spacer,16rpx)/ 2);
+    box-sizing: border-box;
+}
+
+.o-stepper__input,
+.o-stepper__minus-icon,
+.o-stepper__plus-icon {
+    color: inherit;
+}
+
+.o-stepper__input--filled,
+.o-stepper__input--normal,
+.o-stepper__input--outline {
+    height: inherit;
+    box-sizing: border-box;
+}
+
+.o-stepper--small {
+    height: 40rpx;
+    font-size: var(--o-font-size-xs,var(--o-font-size,20rpx));
+}
+
+.o-stepper--medium {
+    height: 48rpx;
+    font-size: var(--o-font-size-s,24rpx);
+}
+
+.o-stepper--large {
+    height: 56rpx;
+    font-size: var(--o-font-size-m,32rpx);
+}
+
+.o-stepper__input--small {
+    width: 68rpx;
+}
+
+.o-stepper__input--medium {
+    height: 48rpx;
+    width: 76rpx;
+}
+
+.o-stepper__input--large {
+    width: 90rpx;
+}
+
+.o-stepper__icon--small {
+    width: 40rpx;
+    height: 40rpx;
+    font-size: 24rpx;
+}
+
+.o-stepper__icon--medium {
+    width: 48rpx;
+    height: 48rpx;
+    font-size: 32rpx;
+}
+
+.o-stepper__icon--large {
+    width: 56rpx;
+    height: 56rpx;
+    font-size: 40rpx;
+}
+
+.o-stepper__minus--outline,
+.o-stepper__plus--outline {
+    border: 2rpx solid var(--o-stepper-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+}
+
+.o-stepper__input--outline {
+    border: none;
+    border-top: 2rpx solid var(--o-stepper-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    border-bottom: 2rpx solid var(--o-stepper-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+}
+
+.o-stepper__minus--filled,
+.o-stepper__minus--outline {
+    border-radius: 0;
+    border-top-left-radius: var(--o-stepper-border-radius,var(--o-radius-small,6rpx));
+    border-bottom-left-radius: var(--o-stepper-border-radius,var(--o-radius-small,6rpx));
+}
+
+.o-stepper__plus--filled,
+.o-stepper__plus--outline {
+    border-radius: 0;
+    border-top-right-radius: var(--o-stepper-border-radius,var(--o-radius-small,6rpx));
+    border-bottom-right-radius: var(--o-stepper-border-radius,var(--o-radius-small,6rpx));
+}
+
+.o-stepper__minus--filled,
+.o-stepper__plus--filled {
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+}
+
+.o-stepper__input--filled {
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+    margin: 0 calc(var(--o-spacer,16rpx)/ 2);
+}
+
+.o-stepper__input--filled .o-stepper__input {
+    margin: 0;
+}
+
+.o-stepper--normal-disabled {
+    color: var(--o-stepper-input-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-stepper--filled-disabled,
+.o-stepper--outline-disabled {
+    color: var(--o-stepper-input-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+    background-color: var(--o-stepper-input-disabled-bg,var(--o-bg-color-component-disabled,var(--o-gray-color-2,#eee)));
+}
+

package/registry/components/steps/index.js

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

package/registry/components/steps/props.js

@@ -0,0 +1 @@
+const props={current:{type:null,value:null},defaultCurrent:{type:null},currentStatus:{type:String,value:"process"},layout:{type:String,value:"horizontal"},readonly:{type:null,value:void 0},sequence:{type:String,value:"positive"},theme:{type:String,value:"default"}};export default props;

package/registry/components/steps/steps.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{wxComponent,SuperComponent}from"../common/src/index";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-steps`;let Steps=class extends SuperComponent{constructor(){super(...arguments),this.relations={"../step-item/step-item":{type:"descendant",linked(e){this.updateChildren();const{readonly:t}=this.data;e.setData({readonly:t})},unlinked(){this.updateLastChid()}}},this.externalClasses=[`${prefix}-class`],this.properties=props,this.controlledProps=[{key:"current",event:"change"}],this.data={prefix:prefix,classPrefix:name},this.observers={"current, theme, sequence"(){this.updateChildren()}},this.methods={updateChildren(){const e=this.$children;e.forEach((t,s)=>{t.updateStatus(Object.assign({index:s,items:e},this.data))})},updateLastChid(){const e=this.$children;e.forEach((t,s)=>t.setData({isLastChild:s===e.length-1}))},handleClick(e){if(!this.data.readonly){const t=this.data.current;this._trigger("change",{previous:t,current:e})}}}}};Steps=__decorate([wxComponent()],Steps);export default Steps;

package/registry/components/steps/steps.json

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

package/registry/components/steps/steps.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle])}}" class="{{_.cls(classPrefix, [layout, ['readonly', readonly], sequence])}} class {{prefix}}-class"><slot/></view>

package/registry/components/steps/steps.wxss

@@ -0,0 +1,27 @@
+@import '../common/style/index.wxss';
+
+:host {
+    display: flex;
+}
+
+.o-step--vertical {
+    padding-right: var(--o-spacer-2,32rpx);
+}
+
+.o-steps {
+    display: flex;
+    width: 100%;
+}
+
+.o-steps--vertical {
+    flex-direction: column;
+}
+
+.o-steps--reverse {
+    flex-direction: row-reverse;
+}
+
+.o-steps--vertical.o-steps--reverse {
+    flex-direction: column-reverse;
+}
+

package/registry/components/sticky/index.js

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

package/registry/components/sticky/props.js

@@ -0,0 +1 @@
+const props={container:{type:null},disabled:{type:Boolean,value:!1},offsetTop:{type:null,value:0},zIndex:{type:Number,value:99}};export default props;

package/registry/components/sticky/sticky.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import props from"./props";import config from"../common/config";import pageScrollMixin from"../common/mixins/page-scroll";import{getRect}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-sticky`,ContainerClass=`.${name}`;let Sticky=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`],this.properties=props,this.behaviors=[pageScrollMixin()],this.observers={"offsetTop, disabled, container"(){this.onScroll()}},this.data={prefix:prefix,classPrefix:name,containerStyle:"",contentStyle:""},this.methods={onScroll(t){const{scrollTop:e}=t||{},{container:i,offsetTop:o,disabled:s}=this.properties;s?this.setDataAfterDiff({isFixed:!1,transform:0}):(this.scrollTop=e||this.scrollTop,"function"!=typeof i?getRect(this,ContainerClass).then(t=>{t&&(o>=t.top?(this.setDataAfterDiff({isFixed:!0,height:t.height}),this.transform=0):this.setDataAfterDiff({isFixed:!1}))}):Promise.all([getRect(this,ContainerClass),this.getContainerRect()]).then(([t,e])=>{t&&e&&(o+t.height>e.height+e.top?this.setDataAfterDiff({isFixed:!1,transform:e.height-t.height}):o>=t.top?this.setDataAfterDiff({isFixed:!0,height:t.height,transform:0}):this.setDataAfterDiff({isFixed:!1,transform:0}))}))},setDataAfterDiff(t){const{offsetTop:e}=this.properties,{containerStyle:i,contentStyle:o}=this.data,{isFixed:s,height:r,transform:n}=t;wx.nextTick(()=>{let t="",a="";if(s&&(t+=`height:${r}px;`,a+=`position:fixed;top:${e}px;left:0;right:0;`),n){const t=`translate3d(0, ${n}px, 0)`;a+=`-webkit-transform:${t};transform:${t};`}i===t&&o===a||this.setData({containerStyle:t,contentStyle:a}),this.triggerEvent("scroll",{scrollTop:this.scrollTop,isFixed:s})})},getContainerRect(){const t=this.properties.container();return new Promise(e=>t.boundingClientRect(e).exec())}}}ready(){this.onScroll()}};Sticky=__decorate([wxComponent()],Sticky);export default Sticky;

package/registry/components/sticky/sticky.json

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

package/registry/components/sticky/sticky.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view class="{{classPrefix}} class {{prefix}}-class" style="{{_._style(['z-index:' + zIndex, containerStyle, style, customStyle])}}"><view class="{{classPrefix}}__content {{prefix}}-class-content" style="{{_._style(['z-index:' + zIndex, contentStyle]) }}"><slot/></view></view>

package/registry/components/sticky/sticky.wxss

@@ -0,0 +1,6 @@
+@import '../common/style/index.wxss';
+
+.o-sticky {
+    position: relative;
+}
+

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

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

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

@@ -0,0 +1,8 @@
+// o-story-item: Story (Figma "Story Carousel"): round picture with an orange ring (gray once seen) and a label.
+const props = {
+  image: { type: String, value: '' },
+  icon: { type: String, value: 'image' },
+  label: { type: String, value: '' },
+  seen: { type: Boolean, value: false },
+};
+export default props;

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

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

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

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

@@ -0,0 +1,9 @@
+<view class="o-story-item class {{prefix}}-class" style="{{style}} {{customStyle}}" bind:tap="onTap">
+  <view class="o-story-item__ring {{seen ? 'o-story-item__ring--seen' : ''}}">
+    <view class="o-story-item__picture">
+      <image wx:if="{{image}}" class="o-thumb__image" src="{{image}}" mode="aspectFill" />
+      <o-icon wx:else name="{{icon}}" />
+    </view>
+  </view>
+  <text class="o-story-item__label">{{label}}</text>
+</view>

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

@@ -0,0 +1,43 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Story (Figma "Story Carousel"): round picture with an orange ring (gray once seen) and a label. */
+.o-story-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 144rpx;
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-story-item__ring {
+    padding: 4rpx;
+    border-radius: 50%;
+    border: 4rpx solid var(--o-scheme-primary, #f16e00);
+}
+
+.o-story-item__ring--seen {
+    border-color: var(--o-scheme-outline-variant, #ddd);
+}
+
+.o-story-item__picture {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 112rpx;
+    height: 112rpx;
+    border-radius: 50%;
+    overflow: hidden;
+    background-color: var(--o-scheme-surface-variant, #eee);
+    font-size: 48rpx;
+}
+
+.o-story-item__label {
+    width: 100%;
+    margin-top: 8rpx;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font: var(--o-type-label-medium, 500 24rpx / 32rpx var(--o-font-family, Roboto, Arial));
+}

package/registry/components/swipe-cell/index.js

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

package/registry/components/swipe-cell/props.js

@@ -0,0 +1 @@
+const props={disabled:{type:Boolean},left:{type:Array},opened:{type:null,value:!1},right:{type:Array}};export default props;

package/registry/components/swipe-cell/swipe-cell.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{getRect}from"../common/utils";import{getObserver}from"../common/wechat";let ARRAY=[];const{prefix:prefix}=config,name=`${prefix}-swipe-cell`,ContainerClass=`.${name}`;let SwiperCell=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,wrapperStyle:"",closed:!0,classPrefix:name,skipMove:!1},this.observers={"left, right"(){this.setSwipeWidth()}},this.lifetimes={attached(){ARRAY.push(this)},ready(){this.setSwipeWidth()},detached(){ARRAY=ARRAY.filter(e=>e!==this)}}}setSwipeWidth(){Promise.all([getRect(this,`${ContainerClass}__left`),getRect(this,`${ContainerClass}__right`)]).then(([e,t])=>{0!==e.width||0!==t.width||this._hasObserved||(this._hasObserved=!0,getObserver(this,`.${name}`).then(()=>{this.setSwipeWidth()})),this.setData({leftWidth:e.width,rightWidth:t.width})})}skipMove(){this.data.skipMove||this.setData({skipMove:!0})}catchMove(){this.data.skipMove&&this.setData({skipMove:!1})}open(){this.setData({opened:!0})}close(){this.setData({opened:!1})}closeOther(){ARRAY.filter(e=>e!==this).forEach(e=>e.close())}onTap(){this.close()}onActionTap(e){const{currentTarget:{dataset:{action:t}}}=e;this.triggerEvent("click",t)}};SwiperCell=__decorate([wxComponent()],SwiperCell);export default SwiperCell;

package/registry/components/swipe-cell/swipe-cell.json

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

package/registry/components/swipe-cell/swipe-cell.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="./swipe-cell.wxs" module="swipe"></wxs><wxs src="../common/utils.wxs" module="_"/><view class="class {{prefix}}-class {{classPrefix}}" style="{{_._style([style, customStyle])}}" data-key="cell" bind:tap="onTap" bind:touchstart="{{disabled || swipe.startDrag}}" bind:touchmove="{{skipMove ? '' : disabled || swipe.onDrag}}" bind:touchend="{{skipMove ? '' : disabled || swipe.endDrag}}" bind:touchcancel="{{disabled || swipe.endDrag}}" opened="{{opened}}" change:opened="{{swipe.onOpenedChange}}" leftWidth="{{leftWidth}}" rightWidth="{{rightWidth}}" change:leftWidth="{{swipe.initLeftWidth}}" change:rightWidth="{{swipe.initRightWidth}}"><view id="wrapper"><view class="{{classPrefix}}__left" data-key="left"><slot name="left"/><view wx:for="{{left}}" class="{{classPrefix}}__content {{item.className}}" style="{{item.style}}" wx:key="index" data-action="{{item}}" bind:tap="onActionTap"><template wx:if="{{item.icon}}" is="icon" data="{{oClass: classPrefix + '__icon', name: item.icon, ...item.icon}}"></template><text wx:if="{{item.text}}" class="{{classPrefix}}__text">{{item.text}}</text></view></view><slot/><view class="{{classPrefix}}__right" data-key="right"><slot name="right"/><view wx:for="{{right}}" class="{{classPrefix}}__content {{item.className}}" style="{{item.style}}" wx:key="index" data-action="{{item}}" bind:tap="onActionTap"><template wx:if="{{item.icon}}" is="icon" data="{{oClass: classPrefix + '__icon', name: item.icon, ...item.icon}}"></template><text wx:if="{{item.text}}" class="{{classPrefix}}__text">{{item.text}}</text></view></view></view></view>

package/registry/components/swipe-cell/swipe-cell.wxs

@@ -0,0 +1,185 @@
+var THRESHOLD = 0.3;
+var MIN_DISTANCE = 10;
+var owner;
+var state;
+
+var getState = function (ownerInstance) {
+  owner = ownerInstance;
+  state = owner.getState();
+  state.leftWidth = state.leftWidth || 0;
+  state.rightWidth = state.rightWidth || 0;
+  state.offset = state.offset || 0;
+  state.startOffset = state.startOffset || 0;
+  state.opened = state.opened || false;
+};
+
+var initRightWidth = function (newVal, oldVal, ownerInstance) {
+  getState(ownerInstance);
+  state.rightWidth = newVal;
+  initOpen(ownerInstance);
+};
+
+var initLeftWidth = function (newVal, oldVal, ownerInstance) {
+  getState(ownerInstance);
+  state.leftWidth = newVal;
+  initOpen(ownerInstance);
+};
+
+var initOpen = function (ownerInstance) {
+  getState(ownerInstance);
+  if (state.opened.constructor === 'Boolean') {
+    // opened为boolean类型，判断默认打开
+    if (state.opened && state.rightWidth > 0) {
+      swipeMove(-state.rightWidth);
+    } else if (state.opened && state.leftWidth > 0) {
+      swipeMove(state.leftWidth);
+    }
+  }
+
+  if (state.opened.constructor === 'Array') {
+    // opened为array类型，判断默认打开，同时设定左右action时优先打开右边
+    if (state.opened[1] && state.rightWidth > 0) {
+      swipeMove(-state.rightWidth);
+    } else if (state.opened[0] && state.leftWidth > 0) {
+      swipeMove(state.leftWidth);
+    }
+  }
+};
+
+var resetTouchStatus = function () {
+  state.direction = '';
+  state.deltaX = 0;
+  state.deltaY = 0;
+  state.offsetX = 0;
+  state.offsetY = 0;
+};
+
+var touchMove = function (event) {
+  var touchPoint = event.touches[0];
+  state.deltaX = touchPoint.clientX - state.startX;
+  state.deltaY = touchPoint.clientY - state.startY;
+  state.offsetX = Math.abs(state.deltaX);
+  state.offsetY = Math.abs(state.deltaY);
+  state.direction = state.direction || getDirection(state.offsetX, state.offsetY);
+};
+
+var getDirection = function (x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+  return '';
+};
+
+var range = function (num, min, max) {
+  return Math.min(Math.max(num, min), max);
+};
+
+var swipeMove = function (_offset) {
+  if (_offset === undefined) _offset = 0;
+  state.offset = range(_offset, -state.rightWidth, +state.leftWidth);
+  var transform = 'translate3d(' + state.offset + 'px, 0, 0)';
+  var transition = state.dragging ? 'none' : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
+  owner.selectComponent('#wrapper').setStyle({
+    '-webkit-transform': transform,
+    '-webkit-transition': transition,
+    transform: transform,
+    transition: transition,
+  });
+};
+
+var close = function () {
+  swipeMove(0);
+};
+
+var onCloseChange = function (newVal, oldVal, ownerInstance) {
+  getState(ownerInstance);
+  if (newVal === oldVal) return;
+  if (newVal) {
+    close();
+  }
+};
+
+var onOpenedChange = function (newVal, oldVal, ownerInstance) {
+  getState(ownerInstance);
+  state.opened = newVal;
+  if (newVal === oldVal) return;
+  if (!newVal) {
+    close();
+  }
+};
+
+var touchStart = function (event) {
+  resetTouchStatus();
+  state.startOffset = state.offset;
+  var touchPoint = event.touches[0];
+  state.startX = touchPoint.clientX;
+  state.startY = touchPoint.clientY;
+  owner.callMethod('closeOther');
+};
+
+var startDrag = function (event, ownerInstance) {
+  ownerInstance.callMethod('catchMove');
+  getState(ownerInstance);
+  touchStart(event);
+};
+
+var onDrag = function (event, ownerInstance) {
+  getState(ownerInstance);
+  touchMove(event);
+  if (state.direction === 'vertical') {
+    ownerInstance.callMethod('skipMove');
+  }
+  if (state.direction !== 'horizontal') {
+    return;
+  }
+  if (!state.dragging) {
+    ownerInstance.triggerEvent('dragstart');
+  }
+  state.dragging = true;
+  swipeMove(state.startOffset + state.deltaX);
+  return false;
+};
+
+var open = function (position) {
+  var _offset = position === 'left' ? +state.leftWidth : -state.rightWidth;
+  owner.callMethod('open', { position: position });
+  swipeMove(_offset);
+};
+
+var endDrag = function (event, ownerInstance) {
+  getState(ownerInstance);
+  state.dragging = false;
+  // 左/右侧有可滑动区域，且当前不是已open状态，且滑动幅度超过阈值时open左/右侧（滚动到该侧的最边上）
+  if (
+    +state.rightWidth > 0 &&
+    -state.startOffset < +state.rightWidth &&
+    -state.offset > +state.rightWidth * THRESHOLD
+  ) {
+    open('right');
+  } else if (
+    +state.leftWidth > 0 &&
+    state.startOffset < +state.leftWidth &&
+    state.offset > +state.leftWidth * THRESHOLD
+  ) {
+    open('left');
+  } else {
+    // 仅在有发生侧滑的情况下自动关闭（由js控制是否异步关闭）
+    if (state.startOffset !== state.offset) {
+      close();
+    }
+  }
+  ownerInstance.triggerEvent('dragend');
+};
+
+module.exports = {
+  initLeftWidth: initLeftWidth,
+  initRightWidth: initRightWidth,
+  startDrag: startDrag,
+  onDrag: onDrag,
+  endDrag: endDrag,
+  onCloseChange: onCloseChange,
+  onOpenedChange: onOpenedChange,
+};

package/registry/components/swipe-cell/swipe-cell.wxss

@@ -0,0 +1,40 @@
+@import '../common/style/index.wxss';
+
+.o-swipe-cell {
+    position: relative;
+    overflow: hidden;
+}
+
+.o-swipe-cell__left,
+.o-swipe-cell__right {
+    position: absolute;
+    top: 0;
+    height: 100%;
+}
+
+.o-swipe-cell__left {
+    left: 0;
+    transform: translate3d(-100%,0,0);
+}
+
+.o-swipe-cell__right {
+    right: 0;
+    transform: translate3d(100%,0,0);
+}
+
+.o-swipe-cell__content {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 var(--o-spacer-2,32rpx);
+}
+
+.o-swipe-cell__icon {
+    font-size: var(--o-font-size-xl,40rpx);
+}
+
+.o-swipe-cell__icon+.o-swipe-cell__text:not(:empty) {
+    margin-left: var(--o-spacer,16rpx);
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+

package/registry/components/swiper/index.js

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

package/registry/components/swiper/index.wxs

@@ -0,0 +1,25 @@
+function isPrev(current, index, list) {
+  return (current - 1 + list.length) % list.length === index;
+}
+
+function isNext(current, index, list) {
+  return (current + 1 + list.length) % list.length === index;
+}
+
+function getImageClass(prefix, current, index, list) {
+  var arr = [prefix + '-swiper__image-host', prefix + '-swiper__image', prefix + '-class-image'];
+
+  if (isPrev(current, index, list)) {
+    arr.push(prefix + '-class-prev-image');
+  }
+
+  if (isNext(current, index, list)) {
+    arr.push(prefix + '-class-next-image');
+  }
+
+  return arr.join(' ');
+}
+
+module.exports.isPrev = isPrev;
+module.exports.isNext = isNext;
+module.exports.getImageClass = getImageClass;

package/registry/components/swiper/props.js

@@ -0,0 +1 @@
+const props={autoplay:{type:Boolean,value:!0},current:{type:Number,value:0},direction:{type:String,value:"horizontal"},displayMultipleItems:{type:Number,value:1},duration:{type:Number,value:300},easingFunction:{type:String,value:"default"},height:{type:null,value:192},imageProps:{type:Object},interval:{type:Number,value:5e3},list:{type:Array},loop:{type:Boolean,value:!0},navigation:{type:null,value:!0},nextMargin:{type:null,value:0},paginationPosition:{type:String,value:"bottom"},previousMargin:{type:null,value:0},snapToEdge:{type:Boolean,value:!1}};export default props;

package/registry/components/swiper/swiper.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}-swiper`;let Swiper=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-nav`,`${prefix}-class-image`,`${prefix}-class-prev-image`,`${prefix}-class-next-image`],this.options={multipleSlots:!0,pureDataPattern:/^_/},this.properties=props,this.observers={navCurrent(t){this.updateNav(t)}},this.$nav=null,this.relations={"../swiper-nav/swiper-nav":{type:"descendant"}},this.data={prefix:prefix,classPrefix:name,_source:""},this.lifetimes={ready(){const{current:t}=this.properties;this.setData({navCurrent:t})}},this.methods={updateNav(t){var e;if(this.data.navigation)return;const r=null===(e=this.getRelationNodes("./swiper-nav"))||void 0===e?void 0:e[0];if(!r)return;const{direction:i,paginationPosition:n,list:s}=this.properties;r.setData({current:t,total:s.length,direction:i,paginationPosition:n})},onTap(t){const{index:e}=t.currentTarget.dataset;this.triggerEvent("click",{index:e})},onChange(t){const{current:e,source:r}=t.detail;r&&(this.setData({navCurrent:e,_source:r}),this.triggerEvent("change",{current:e,source:r}))},onAnimationFinish(t){const{current:e,source:r}=t.detail;this.triggerEvent("animationfinish",{current:e,source:r||this.data._source})},onNavBtnChange(t){const{dir:e,source:r}=t.detail;this.doNavBtnChange(e,r)},doNavBtnChange(t,e){const{current:r,list:i,loop:n}=this.data,s=i.length;let o="next"===t?r+1:r-1;o=n?"next"===t?(r+1)%s:(r-1+s)%s:o<0||o>=s?r:o,o!==r&&(this.setData({current:o,_source:e}),this.triggerEvent("change",{current:o,source:e}))},onImageLoad(t){this.triggerEvent("image-load",{index:t.target.dataset.custom})}}}};Swiper=__decorate([wxComponent()],Swiper);export default Swiper;

package/registry/components/swiper/swiper.json

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

package/registry/components/swiper/swiper.wxml

@@ -0,0 +1 @@
+<wxs src="./index.wxs" module="_this"/><wxs src="../common/utils.wxs" module="_"/><import src="../common/template/image.wxml"/><view class="class {{prefix}}-class {{classPrefix}}" style="{{_._style([style, customStyle])}}"><swiper class="{{classPrefix}}-host" autoplay="{{autoplay}}" current="{{current}}" interval="{{interval}}" duration="{{duration}}" circular="{{loop}}" vertical="{{direction == 'vertical'}}" easing-function="{{easingFunction}}" previous-margin="{{previousMargin}}" next-margin="{{nextMargin}}" snap-to-edge="{{snapToEdge}}" display-multiple-items="{{displayMultipleItems}}" style="height: {{_.addUnit(height)}}" bindchange="onChange" bindanimationfinish="onAnimationFinish"><swiper-item wx:for="{{list}}" wx:key="index" class="{{_.cls(classPrefix + '__item', [['preview', _this.isPrev(navCurrent, index, list)], ['next', _this.isNext(navCurrent, index, list)]])}}" data-index="{{index}}" bind:tap="onTap" aria-hidden="{{navCurrent !== index}}" aria-role="image" aria-label="{{_.isObject(item) ? item.ariaLabel : ''}}"><template is="image" data="{{oClass: _this.getImageClass(prefix, navCurrent, index, list), style: 'height: ' + _.addUnit(height), src: _.isObject(item) ? item.value : item, mode: 'aspectFill', dataset: index, ...imageProps, bindload: 'onImageLoad' }}"/></swiper-item></swiper><o-swiper-nav wx:if="{{navigation}}" o-class="{{prefix}}-class-nav" type="{{navigation.type || 'dots'}}" current="{{navCurrent || 0}}" total="{{list.length || 0}}" direction="{{direction || 'horizontal'}}" pagination-position="{{paginationPosition || 'bottom'}}" min-show-num="{{navigation.minShowNum || 2}}" show-controls="{{navigation.showControls || false}}" bind:nav-btn-change="onNavBtnChange"/><slot name="navigation"/><slot name="nav"/></view>

package/registry/components/swiper/swiper.wxss

@@ -0,0 +1,28 @@
+@import '../common/style/index.wxss';
+
+.o-swiper {
+    position: relative;
+}
+
+.o-swiper-host {
+    border-radius: var(--o-swiper-radius,var(--o-radius-large,18rpx));
+    overflow: hidden;
+    transform: translateY(0);
+}
+
+.o-swiper__item {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding: var(--o-swiper-item-padding,0);
+}
+
+.o-swiper__image {
+    width: 100%;
+    transition: all .3s ease;
+}
+
+.o-swiper__image-host {
+    width: 100%;
+}
+

package/registry/components/swiper-nav/index.js

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

package/registry/components/swiper-nav/props.js

@@ -0,0 +1 @@
+const props={current:{type:Number,value:0},direction:{type:String,value:"horizontal"},minShowNum:{type:Number,value:2},paginationPosition:{type:String,value:"bottom"},showControls:{type:Boolean,value:!1},total:{type:Number,value:0},type:{type:String,value:"dots"}};export default props;

package/registry/components/swiper-nav/swiper-nav.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";const{prefix:prefix}=config,name=`${prefix}-swiper-nav`;let SwiperNav=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.properties={current:{type:Number,value:0},total:{type:Number,value:0},type:{type:String,value:"dots"},minShowNum:{type:Number,value:2},showControls:{type:Boolean,value:!1},direction:{type:String,value:"horizontal"},paginationPosition:{type:String,value:"bottom"}},this.relations={"../swiper/swiper":{type:"ancestor"}},this.data={prefix:prefix,classPrefix:name},this.methods={nav(e){var t;const{dir:r}=e.target.dataset;this.triggerEvent("nav-btn-change",{dir:r,source:"nav"}),this.$parent&&(null===(t=this.$parent)||void 0===t||t.doNavBtnChange(r,"nav"))}}}};SwiperNav=__decorate([wxComponent()],SwiperNav);export default SwiperNav;

package/registry/components/swiper-nav/swiper-nav.json

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

package/registry/components/swiper-nav/swiper-nav.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view wx:if="{{showControls}}" class="class {{prefix}}-class {{classPrefix}}__btn" style="{{_._style([style, customStyle])}}"><view class="{{classPrefix}}__btn--prev" bind:tap="nav" data-dir="prev" aria-role="button" aria-label="Image précédente"/><view class="{{classPrefix}}__btn--next" bind:tap="nav" data-dir="next" aria-role="button" aria-label="Image suivante"/></view><view wx:if="{{total >= minShowNum}}" style="{{_._style([style, customStyle])}}" class="class {{prefix}}-class {{classPrefix}} {{classPrefix}}--{{direction}} {{classPrefix}}__{{type}} {{classPrefix}}--{{paginationPosition}}"><block wx:if="{{ type === 'dots' || type === 'dots-bar'}}"><view wx:for="{{total}}" wx:for-index="idx" wx:key="idx" class="{{_.cls(classPrefix + '__' + type + '-item', [['active', current === idx], direction])}}"/></block><block wx:if="{{ type === 'fraction'}}">{{current + 1}}/{{total}}</block></view>