maxit-cli 0.1.0

package/registry/components/slider/slider.wxss

@@ -0,0 +1,287 @@
+@import '../common/style/index.wxss';
+
+.o-slider {
+    width: 100%;
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    display: flex;
+    align-items: center;
+}
+
+.o-slider--disabled .o-slider__dot-value,
+.o-slider--disabled .o-slider__range-extreme,
+.o-slider--disabled .o-slider__scale-desc,
+.o-slider--disabled .o-slider__value {
+    color: var(--o-slider-disabled-text-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-slider--disabled .o-slider__dot {
+    background-color: var(--o-slider-dot-disabled-bg-color,#fff);
+    border-color: var(--o-slider-dot-disabled-border-color,#eeeeee);
+}
+
+.o-slider--top {
+    padding-top: 40rpx;
+}
+
+.o-slider__line {
+    position: absolute;
+    top: 0;
+    height: var(--o-slider-bar-height,8rpx);
+    border-radius: calc(var(--o-slider-bar-height,8rpx)/ 2);
+    background-color: var(--o-slider-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-slider__line--disabled {
+    background-color: var(--o-slider-disabled-color,var(--o-brand-color-disabled,var(--o-primary-color-3,#f9c599)));
+}
+
+.o-slider__line--capsule {
+    height: var(--o-slider-capsule-line-heihgt,36rpx);
+}
+
+.o-slider__line--capsule.o-slider__line--single {
+    border-top-left-radius: calc(var(--o-slider-capsule-line-heihgt,36rpx)/ 2);
+    border-bottom-left-radius: calc(var(--o-slider-capsule-line-heihgt,36rpx)/ 2);
+}
+
+.o-slider__dot {
+    border-radius: var(--o-radius-circle,50%);
+    border: 2rpx solid var(--o-slider-dot-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    position: absolute;
+    top: 50%;
+    right: 0;
+    transform: translate3d(50%,-50%,0);
+    z-index: 2;
+    background-color: var(--o-slider-dot-bg-color,#fff);
+    width: var(--o-slider-dot-size,40rpx);
+    height: var(--o-slider-dot-size,40rpx);
+    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));
+    box-sizing: border-box;
+}
+
+.o-slider__dot--left {
+    left: 0;
+    transform: translate3d(-50%,-50%,0);
+}
+
+.o-slider__dot-value {
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+    top: -52rpx;
+    text-align: center;
+    width: 96rpx;
+    height: 44rpx;
+}
+
+.o-slider__dot-value,
+.o-slider__range-extreme,
+.o-slider__value {
+    color: var(--o-slider-text-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-slider__dot-value--sr-only,
+.o-slider__range-extreme--sr-only,
+.o-slider__value--sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0,0,0,0);
+    white-space: nowrap;
+    clip-path: inset(50%);
+    border: 0;
+}
+
+.o-slider__dot-slider {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.o-slider__value--min {
+    margin-left: var(--o-spacer-2,32rpx);
+}
+
+.o-slider__value--max {
+    margin-right: var(--o-spacer-2,32rpx);
+}
+
+.o-slider__bar {
+    margin: var(--o-spacer,16rpx) var(--o-spacer-2,32rpx);
+    flex: 10;
+    background-clip: content-box;
+    height: var(--o-slider-bar-height,8rpx);
+    border-radius: calc(var(--o-slider-bar-height,8rpx)/ 2);
+    position: relative;
+    background-color: var(--o-slider-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-slider__bar--capsule {
+    height: var(--o-slider-capsule-bar-heihgt,48rpx);
+    border-radius: calc(var(--o-slider-capsule-bar-heihgt,48rpx)/ 2);
+    background-color: var(--o-slider-capsule-bar-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border: 6rpx solid var(--o-slider-capsule-bar-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    box-sizing: border-box;
+}
+
+.o-slider__bar--marks {
+    background-color: var(--o-slider-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-slider__bar--disabled {
+    background-color: var(--o-slider-default-color,var(--o-bg-color-component-disabled,var(--o-gray-color-2,#eee)));
+}
+
+.o-slider__range-extreme--min {
+    margin-left: var(--o-spacer-2,32rpx);
+    text-align: left;
+}
+
+.o-slider__range-extreme--max {
+    margin-right: var(--o-spacer-2,32rpx);
+    text-align: right;
+}
+
+.o-slider__scale-item {
+    background-color: var(--o-slider-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    width: var(--o-slider-bar-height,8rpx);
+    height: 16rpx;
+    width: 16rpx;
+    border-radius: var(--o-radius-circle,50%);
+    position: absolute;
+    top: 50%;
+    margin-top: calc(-1 * var(--o-spacer,16rpx)/ 2);
+    z-index: 1;
+}
+
+.o-slider__scale-item--active {
+    background-color: var(--o-slider-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-slider__scale-item--disabled {
+    background-color: var(--o-slider-default-color,var(--o-bg-color-component-disabled,var(--o-gray-color-2,#eee)));
+}
+
+.o-slider__scale-item--active.o-slider__scale-item--disabled {
+    background-color: var(--o-slider-disabled-color,var(--o-brand-color-disabled,var(--o-primary-color-3,#f9c599)));
+}
+
+.o-slider__scale-item--capsule {
+    height: var(--o-slider-capsule-line-heihgt,36rpx);
+    width: 4rpx;
+    border-radius: 0;
+    background-color: var(--o-slider-capsule-bar-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    margin-top: calc(-.5 * var(--o-slider-capsule-line-heihgt,36rpx));
+}
+
+.o-slider__scale-item--hidden {
+    background-color: transparent;
+}
+
+.o-slider__scale-desc {
+    position: absolute;
+    left: 50%;
+    color: var(--o-slider-text-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    transform: translateX(-50%);
+    bottom: 32rpx;
+}
+
+.o-slider__scale-desc--capsule {
+    bottom: 46rpx;
+}
+
+.o-slider--vertical {
+    --o-slider-bar-height: 400rpx;
+    height: var(--o-slider-bar-height,8rpx);
+    justify-content: center;
+    position: relative;
+}
+
+.o-slider--vertical .o-slider__bar {
+    flex: none;
+    height: 100%;
+    width: var(--o-slider-bar-width,8rpx);
+}
+
+.o-slider--vertical .o-slider__bar--capsule {
+    width: var(--o-slider-capsule-bar-width,48rpx);
+    border-radius: calc(var(--o-slider-capsule-bar-width,48rpx)/ 2);
+}
+
+.o-slider--vertical .o-slider__line {
+    width: 100%;
+    height: unset;
+    left: 0;
+    border-radius: calc(var(--o-slider-bar-width,8rpx)/ 2);
+}
+
+.o-slider--vertical .o-slider__line--capsule.o-slider__line--single {
+    border-top-left-radius: calc(var(--o-slider-capsule-line-heihgt,36rpx)/ 2);
+    border-top-right-radius: calc(var(--o-slider-capsule-line-heihgt,36rpx)/ 2);
+}
+
+.o-slider--vertical .o-slider__dot {
+    left: 50%;
+    top: 100%;
+    transform: translate(-50%,-50%);
+}
+
+.o-slider--vertical .o-slider__dot--left {
+    top: 0;
+    transform: translate(-50%,-50%);
+    left: 50%;
+}
+
+.o-slider--vertical .o-slider__dot--right {
+    left: 50%;
+    transform: translate(-50%,-50%);
+    top: 100%;
+}
+
+.o-slider--vertical .o-slider__dot-value {
+    left: 54rpx;
+    top: 50%;
+    transform: translate(0,-50%);
+    width: auto;
+}
+
+.o-slider--vertical .o-slider__range-extreme {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    margin: 0;
+}
+
+.o-slider--vertical .o-slider__range-extreme--min {
+    top: 0;
+}
+
+.o-slider--vertical .o-slider__range-extreme--max {
+    bottom: 0;
+}
+
+.o-slider--vertical .o-slider__scale-item {
+    left: 50%;
+    margin-top: 0;
+}
+
+.o-slider--vertical .o-slider__scale-item--capsule {
+    height: 4rpx;
+    width: var(--o-slider-capsule-line-heihgt,36rpx);
+}
+
+.o-slider--vertical .o-slider__scale-desc {
+    top: 50%;
+    transform: translateY(-50%);
+    bottom: unset;
+    left: 38rpx;
+}
+
+.o-slider--vertical .o-slider__scale-desc--capsule {
+    left: 52rpx;
+}
+

package/registry/components/slider/tool.js

@@ -0,0 +1 @@
+export const trimSingleValue=(r,e,i)=>r<e?e:r>i?i:r;export const trimValue=(r,e)=>{const{min:i,max:t,range:n}=e;return n&&Array.isArray(r)?(r[0]=trimSingleValue(r[0],i,t),r[1]=trimSingleValue(r[1],i,t),r[0]<=r[1]?r:[r[1],r[0]]):n?[i,t]:n?void 0:trimSingleValue(r,i,t)};

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

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

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

@@ -0,0 +1 @@
+const props={content:{type:String,value:""},extra:{type:String},icon:{type:String},status:{type:String,value:"default"},title:{type:String,value:""}};export default props;

package/registry/components/step-item/step-item.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-item`;let StepItem=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.relations={"../steps/steps":{type:"ancestor"}},this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-title`,`${prefix}-class-description`,`${prefix}-class-extra`],this.properties=props,this.data={classPrefix:name,prefix:prefix,index:0,isDot:!1,curStatus:"",layout:"vertical",isLastChild:!1,sequence:"positive"},this.observers={status(t){const{curStatus:e}=this.data;""!==e&&t!==e&&this.setData({curStatus:t})}},this.methods={updateStatus({current:t,currentStatus:e,index:s,theme:i,layout:o,items:r,sequence:a}){let p=this.data.status;"default"===p&&(s<Number(t)?p="finish":s===Number(t)&&(p=e)),this.setData({curStatus:p,index:s,isDot:"dot"===i,layout:o,theme:i,sequence:a,isLastChild:s===("positive"===a?r.length-1:0)})},onTap(){this.$parent.handleClick(this.data.index)}}}};StepItem=__decorate([wxComponent()],StepItem);export default StepItem;

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

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

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

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><wxs src="./step-item.wxs" module="t"/><view style="{{_._style([style, customStyle])}}" class="{{_.cls(classPrefix, [layout, ['readonly', readonly]])}} class {{prefix}}-class" bind:tap="onTap" aria-role="{{ariaRole || readonly ? 'option' : 'button'}}" aria-label="{{ariaLabel || t.getAriaLabel(index, title, content)}}" aria-current="{{curStatus == 'process'? 'step': ''}}"><view class="{{_.cls(classPrefix + '__anchor', [layout])}}" aria-hidden="true"><view wx:if="{{isDot}}" class="{{_.cls(classPrefix + '__dot', [curStatus])}}"/><view wx:elif="{{icon}}" class="{{_.cls(classPrefix + '__icon', [curStatus])}}"><slot wx:if="{{icon == 'slot'}}" name="icon"/><o-icon wx:else name="{{icon}}" size="44rpx"/></view><view wx:else class="{{_.cls(classPrefix + '__circle', [curStatus])}}"><o-icon wx:if="{{curStatus == 'finish'}}" name="check"/><o-icon wx:elif="{{curStatus == 'error'}}" name="close"/><block wx:else>{{index + 1}}</block></view></view><view class="{{_.cls(classPrefix + '__content', [layout, ['last', isLastChild]])}} {{prefix}}-class-content" aria-hidden="true"><slot/><view class="{{_.cls(classPrefix + '__title', [curStatus, layout])}} {{prefix}}-class-title"><block wx:if="{{title}}">{{ title }}</block><slot name="title"/><slot wx:if="{{layout === 'vertical'}}" name="title-right"/></view><view class="{{_.cls(classPrefix + '__description', [layout])}} {{prefix}}-class-description"><block wx:if="{{content}}">{{ content }}</block><slot name="content"/></view><view class="{{_.cls(classPrefix + '__extra', [layout])}} {{prefix}}-class-extra"><slot name="extra"/></view></view><view wx:if="{{!isLastChild}}" class="{{_.cls(classPrefix + '__line', [curStatus, layout, theme, sequence])}}" aria-hidden="true"/></view>

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

@@ -0,0 +1,7 @@
+function getAriaLabel(index, title, content) {
+  return '第' + (index + 1) + '步，' + title + '，' + content;
+}
+
+module.exports = {
+  getAriaLabel: getAriaLabel,
+};

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

@@ -0,0 +1,226 @@
+@import '../common/style/index.wxss';
+
+.o-steps-item {
+    flex: 1;
+    vertical-align: top;
+    position: relative;
+    display: flex;
+}
+
+.o-steps-item__circle--default {
+    color: var(--o-step-item-default-circle-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    background-color: var(--o-step-item-default-circle-bg,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-steps-item__title--default {
+    color: var(--o-step-item-default-title-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-steps-item__icon--default {
+    color: var(--o-step-item-default-icon-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-steps-item__dot--default {
+    border-color: var(--o-step-item-default-dot-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    background-color: var(--o-step-item-default-dot-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+}
+
+.o-steps-item__circle--process {
+    color: var(--o-step-item-process-circle-color,#000);
+    background-color: var(--o-step-item-process-circle-bg,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__title--process {
+    color: var(--o-step-item-process-title-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__icon--process {
+    color: var(--o-step-item-process-icon-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__dot--process {
+    border-color: var(--o-step-item-process-dot-border-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-step-item-process-dot-border-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__circle--finish {
+    color: var(--o-step-item-finish-circle-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-step-item-finish-circle-bg,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-steps-item__title--finish {
+    color: var(--o-step-item-finish-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-steps-item__icon--finish {
+    color: var(--o-step-item-finish-icon-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__dot--finish {
+    border-color: var(--o-step-item-finish-dot-border-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-step-item-finish-dot-border-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__circle--error {
+    color: var(--o-step-item-error-circle-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    background-color: var(--o-step-item-error-circle-bg,var(--o-error-color-1,#f9dedc));
+}
+
+.o-steps-item__title--error {
+    color: var(--o-step-item-error-title-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-steps-item__icon--error {
+    color: var(--o-step-item-error-icon-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-steps-item__dot--error {
+    border-color: var(--o-step-item-error-dot-border-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    background-color: var(--o-step-item-error-dot-border-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-steps-item--horizontal {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.o-steps-item--vertical {
+    margin-bottom: var(--o-spacer,16rpx);
+}
+
+.o-steps-item__anchor {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.o-steps-item__anchor--vertical {
+    width: var(--o-step-item-circle-size,44rpx);
+    height: var(--o-step-item-circle-size,44rpx);
+}
+
+.o-steps-item__circle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--o-step-item-circle-size,44rpx);
+    height: var(--o-step-item-circle-size,44rpx);
+    text-align: center;
+    border-radius: var(--o-radius-circle,50%);
+    font: var(--o-step-item-circle-text-font,var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-steps-item__icon {
+    z-index: 1;
+    vertical-align: top;
+    font-size: var(--o-font-size-base,28rpx);
+    position: relative;
+}
+
+.o-steps-item__dot {
+    width: var(--o-step-item-dot-size,16rpx);
+    height: var(--o-step-item-dot-size,16rpx);
+    border-radius: var(--o-radius-circle,50%);
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+}
+
+.o-steps-item__content {
+    text-align: center;
+}
+
+.o-steps-item__content--horizontal {
+    max-width: 80px;
+    margin-top: var(--o-spacer,16rpx);
+}
+
+.o-steps-item__content--vertical {
+    margin-left: var(--o-spacer,16rpx);
+    flex: 1;
+    padding-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-steps-item__content--vertical.o-steps-item__content--last {
+    padding-bottom: 0;
+}
+
+.o-steps-item__title {
+    position: relative;
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-steps-item__title--process {
+    font-weight: 600;
+}
+
+.o-steps-item__title--vertical {
+    text-align: left;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.o-steps-item__title+.o-steps-item__description:not(:empty) {
+    margin-top: calc(var(--o-spacer,16rpx)/ 2);
+}
+
+.o-steps-item__description {
+    color: var(--o-step-item-description-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-steps-item__description--vertical {
+    text-align: left;
+}
+
+.o-steps-item__extra:not(:empty) {
+    margin-top: var(--o-spacer,16rpx);
+}
+
+.o-steps-item__line {
+    background-color: var(--o-step-item-line-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    content: '';
+    display: block;
+    position: absolute;
+}
+
+.o-steps-item__line--horizontal {
+    height: 1px;
+    transform: translateY(-50%);
+    width: calc(100% - 32rpx - var(--o-step-item-circle-size,44rpx));
+    top: calc(var(--o-step-item-circle-size,44rpx)/ 2 + 1px);
+    left: calc(50% + var(--o-step-item-circle-size,44rpx)/ 2 + 16rpx);
+}
+
+.o-steps-item__line--horizontal.o-steps-item__line--dot {
+    top: calc(var(--o-step-item-dot-size,16rpx)/ 2);
+}
+
+.o-steps-item__line--finish,
+.o-steps-item__line--reverse.o-steps-item__line--process {
+    background-color: var(--o-step-item-finish-line-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-steps-item__line--vertical {
+    height: calc(100% - 32rpx - var(--o-step-item-circle-size,44rpx));
+    width: 1px;
+    transform: translateX(-50%);
+    left: calc(var(--o-step-item-circle-size,44rpx)/ 2);
+    top: calc(var(--o-step-item-circle-size,44rpx) + 16rpx);
+}
+
+.o-steps-item__line--vertical.o-steps-item__line--dot {
+    top: var(--o-step-item-circle-size,44rpx);
+    height: calc(100% - var(--o-step-item-circle-size,44rpx));
+}
+
+:host {
+    flex: 1;
+    vertical-align: top;
+    position: relative;
+    align-self: flex-start;
+    width: inherit;
+}
+

package/registry/components/stepper/index.js

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

package/registry/components/stepper/props.js

@@ -0,0 +1 @@
+const props={disableInput:{type:Boolean,value:!1},disabled:{type:null,value:void 0},inputWidth:{type:Number},integer:{type:Boolean,value:!0},max:{type:Number,value:100},min:{type:Number,value:0},size:{type:String,value:"medium"},step:{type:Number,value:1},theme:{type:String,value:"normal"},value:{type:null,value:null},defaultValue:{type:null,value:0}};export default props;

package/registry/components/stepper/stepper.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}-stepper`;let Stepper=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-input`,`${prefix}-class-minus`,`${prefix}-class-plus`],this.properties=Object.assign({},props),this.controlledProps=[{key:"value",event:"change"}],this.observers={value(e){this.preValue=Number(e),this.updateCurrentValue(this.format(this.preValue))}},this.data={currentValue:0,classPrefix:name,prefix:prefix},this.lifetimes={attached(){const{value:e,min:t}=this.properties;this.updateCurrentValue(e?Number(e):t)}},this.methods={isDisabled(e){const{min:t,max:r,disabled:s}=this.properties,{currentValue:i}=this.data;return!!s||("minus"===e&&i<=t||"plus"===e&&i>=r)},getLen(e){const t=e.toString();return-1===t.indexOf(".")?0:t.split(".")[1].length},add(e,t){const r=Math.max(this.getLen(e),this.getLen(t)),s=Math.pow(10,r),i=Math.round(e*s+t*s)/s;return r>0?i.toFixed(r):i},format(e){const{min:t,max:r,step:s}=this.properties,i=Math.max(this.getLen(s),this.getLen(String(e)));return Math.max(Math.min(r,e,Number.MAX_SAFE_INTEGER),t,Number.MIN_SAFE_INTEGER).toFixed(i)},setValue(e){const t=this.format(e),r=Number(t);this.updateCurrentValue(t),this.preValue!==r&&(this.preValue=r,this._trigger("change",{value:r}))},minusValue(){if(this.isDisabled("minus"))return this.triggerEvent("overlimit",{type:"minus"}),!1;const{currentValue:e,step:t}=this.data;this.setValue(this.add(e,-t))},plusValue(){if(this.isDisabled("plus"))return this.triggerEvent("overlimit",{type:"plus"}),!1;const{currentValue:e,step:t}=this.data;this.setValue(this.add(e,t))},filterIllegalChar(e){const t=String(e).replace(/[^0-9.]/g,""),r=t.indexOf(".");return this.properties.integer&&-1!==r?t.split(".")[0]:this.properties.integer||-1===r||r===t.lastIndexOf(".")?t:t.split(".",2).join(".")},updateCurrentValue(e){const t=Number(e);this.setData({currentValue:String(t)===String(e)?t:e})},handleFocus(e){const{value:t}=e.detail;this.triggerEvent("focus",{value:t})},handleInput(e){const{value:t}=e.detail;if(""===t)return;const r=this.filterIllegalChar(t);this.updateCurrentValue(r)},handleBlur(e){const{value:t}=e.detail,r=this.filterIllegalChar(t),s=this.format(r);this.setValue(s),this.triggerEvent("blur",{value:s})}}}};Stepper=__decorate([wxComponent()],Stepper);export default Stepper;

package/registry/components/stepper/stepper.json

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

package/registry/components/stepper/stepper.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{classPrefix}}--{{size}} class {{prefix}}-class"><view class="{{classPrefix}}__minus {{classPrefix}}__minus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disableMinus || currentValue <= min ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-minus" catchtap="minusValue" aria-label="{{'Diminuer de ' + step}}" aria-role="button" aria-disabled="{{disabled || disableMinus || currentValue <= min}}"><o-icon name="remove"/></view><view class="{{classPrefix}}__input--{{theme}} {{ disabled || disableInput ? classPrefix + '--' + theme + '-disabled': ''}}"><input style="{{inputWidth? 'width:' + inputWidth + 'px;': ''}}" class="{{classPrefix}}__input {{classPrefix}}__input--{{size}} {{prefix}}-class-input" disabled="{{ disabled || disableInput }}" type="{{ integer ? 'number' : 'digit' }}" value="{{ currentValue }}" catchinput="handleInput" catchfocus="handleFocus" catchblur="handleBlur"/></view><view class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-plus" catchtap="plusValue" aria-label="{{'Augmenter de ' + step}}" aria-role="button" aria-disabled="{{disabled || disablePlus|| currentValue >= max}}"><o-icon name="add"/></view></view>