maxit-cli 0.1.0

package/registry/components/check-tag/check-tag.wxss

@@ -0,0 +1,275 @@
+@import '../common/style/index.wxss';
+
+.o-tag {
+    display: inline-flex;
+    align-items: center;
+    border: 2rpx solid transparent;
+    box-sizing: border-box;
+    border-radius: var(--o-tag-square-border-radius,8rpx);
+    user-select: none;
+    vertical-align: middle;
+}
+
+.o-tag__text {
+    word-wrap: normal;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.o-tag__icon {
+    display: flex;
+    align-items: center;
+}
+
+.o-tag__icon:not(:empty)+.o-tag__text:not(:empty) {
+    margin-left: calc(var(--o-spacer,16rpx)/ 2);
+}
+
+.o-tag--small {
+    padding: var(--o-tag-small-padding,2rpx 10rpx);
+    font: var(--o-tag-small-font,var(--o-font-body-extraSmall,20rpx / 32rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-tag--small .o-icon,
+.o-tag--small .o-icon-close {
+    font-size: var(--o-tag-small-icon-size,24rpx);
+}
+
+.o-tag--medium {
+    padding: var(--o-tag-medium-padding,2rpx 14rpx);
+    font: var(--o-tag-medium-font,var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-tag--medium .o-icon,
+.o-tag--medium .o-icon-close {
+    font-size: var(--o-tag-medium-icon-size,28rpx);
+}
+
+.o-tag--large {
+    padding: var(--o-tag-large-padding,calc(var(--o-spacer,16rpx)/ 4) 14rpx);
+    font: var(--o-tag-large-font,var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-tag--large .o-icon,
+.o-tag--large .o-icon-close {
+    font-size: var(--o-tag-large-icon-size,32rpx);
+}
+
+.o-tag--extra-large {
+    padding: var(--o-tag-extra-large-padding,var(--o-spacer,16rpx) 30rpx);
+    font: var(--o-tag-extra-large-font,var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-tag--extra-large .o-icon,
+.o-tag--extra-large .o-icon-close {
+    font-size: var(--o-tag-extra-large-icon-size,32rpx);
+}
+
+.o-tag.o-tag--square {
+    border-radius: var(--o-tag-square-border-radius,8rpx);
+}
+
+.o-tag.o-tag--round {
+    border-radius: var(--o-tag-round-border-radius,var(--o-radius-round,999px));
+}
+
+.o-tag.o-tag--mark {
+    border-radius: 0 var(--o-tag-mark-border-radius,var(--o-tag-round-border-radius,var(--o-radius-round,999px))) var(--o-tag-mark-border-radius,var(--o-tag-round-border-radius,var(--o-radius-round,999px))) 0;
+}
+
+.o-tag--dark.o-tag--default {
+    color: var(--o-text-color-anti,var(--o-font-white-1,#fff));
+    border-color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    background-color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-tag--dark.o-tag--primary {
+    color: var(--o-tag-primary-text-color,#000);
+    border-color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-tag--dark.o-tag--success {
+    color: var(--o-text-color-anti,var(--o-font-white-1,#fff));
+    border-color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    background-color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+}
+
+.o-tag--dark.o-tag--warning {
+    color: var(--o-text-color-anti,var(--o-font-white-1,#fff));
+    border-color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    background-color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+}
+
+.o-tag--dark.o-tag--danger {
+    color: var(--o-text-color-anti,var(--o-font-white-1,#fff));
+    border-color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    background-color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-tag--dark.o-tag--default {
+    color: var(--o-tag-default-font-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-tag--outline.o-tag--default {
+    color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border-color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    background-color: var(--o-tag-default-light-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-tag--outline.o-tag--primary {
+    color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    border-color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-tag-primary-light-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-tag--outline.o-tag--success {
+    color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    border-color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    background-color: var(--o-tag-success-light-color,var(--o-success-color-1,#eaf7ee));
+}
+
+.o-tag--outline.o-tag--warning {
+    color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    border-color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    background-color: var(--o-tag-warning-light-color,var(--o-warning-color-1,#fff1e9));
+}
+
+.o-tag--outline.o-tag--danger {
+    color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    border-color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    background-color: var(--o-tag-danger-light-color,var(--o-error-color-1,#f9dedc));
+}
+
+.o-tag--outline.o-tag--default {
+    color: var(--o-tag-default-font-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-tag--outline.o-tag--default {
+    background-color: var(--o-tag-outline-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-tag--outline.o-tag--primary {
+    background-color: var(--o-tag-outline-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-tag--outline.o-tag--success {
+    background-color: var(--o-tag-outline-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-tag--outline.o-tag--warning {
+    background-color: var(--o-tag-outline-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-tag--outline.o-tag--danger {
+    background-color: var(--o-tag-outline-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-tag--light.o-tag--default {
+    color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border-color: var(--o-tag-default-light-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+    background-color: var(--o-tag-default-light-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-tag--light.o-tag--primary {
+    color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    border-color: var(--o-tag-primary-light-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+    background-color: var(--o-tag-primary-light-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-tag--light.o-tag--success {
+    color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    border-color: var(--o-tag-success-light-color,var(--o-success-color-1,#eaf7ee));
+    background-color: var(--o-tag-success-light-color,var(--o-success-color-1,#eaf7ee));
+}
+
+.o-tag--light.o-tag--warning {
+    color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    border-color: var(--o-tag-warning-light-color,var(--o-warning-color-1,#fff1e9));
+    background-color: var(--o-tag-warning-light-color,var(--o-warning-color-1,#fff1e9));
+}
+
+.o-tag--light.o-tag--danger {
+    color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    border-color: var(--o-tag-danger-light-color,var(--o-error-color-1,#f9dedc));
+    background-color: var(--o-tag-danger-light-color,var(--o-error-color-1,#f9dedc));
+}
+
+.o-tag--light.o-tag--default {
+    color: var(--o-tag-default-font-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-tag--light-outline.o-tag--default {
+    color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border-color: var(--o-tag-default-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    background-color: var(--o-tag-default-light-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-tag--light-outline.o-tag--primary {
+    color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    border-color: var(--o-tag-primary-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-tag-primary-light-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-tag--light-outline.o-tag--success {
+    color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    border-color: var(--o-tag-success-color,var(--o-success-color,var(--o-success-color-5,#028702)));
+    background-color: var(--o-tag-success-light-color,var(--o-success-color-1,#eaf7ee));
+}
+
+.o-tag--light-outline.o-tag--warning {
+    color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    border-color: var(--o-tag-warning-color,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+    background-color: var(--o-tag-warning-light-color,var(--o-warning-color-1,#fff1e9));
+}
+
+.o-tag--light-outline.o-tag--danger {
+    color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    border-color: var(--o-tag-danger-color,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+    background-color: var(--o-tag-danger-light-color,var(--o-error-color-1,#f9dedc));
+}
+
+.o-tag--light-outline.o-tag--default {
+    color: var(--o-tag-default-font-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    border-color: var(--o-component-border,var(--o-gray-color-4,#dddddd));
+}
+
+.o-tag.o-tag--closable.o-tag--disabled {
+    cursor: not-allowed;
+    color: var(--o-tag-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+    background-color: var(--o-tag-disabled-background-color,var(--o-bg-color-component-disabled,var(--o-gray-color-2,#eee)));
+    border-color: var(--o-tag-disabled-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+}
+
+.o-tag--dark.o-tag--default {
+    color: var(--o-tag-default-fill-text-color,#1c1b1f);
+}
+
+.o-tag--dark.o-tag--warning,
+.o-tag--outline.o-tag--warning,
+.o-tag--light.o-tag--warning,
+.o-tag--light-outline.o-tag--warning {
+    color: var(--o-tag-warning-text-color,var(--o-static-on-canary,#000));
+}
+
+.o-tag.o-tag--checkable {
+    height: var(--o-chip-height,64rpx);
+    padding: 0 var(--o-chip-padding-horizontal,32rpx);
+    border-radius: 999px;
+    border: 2rpx solid var(--o-chip-border-color,var(--o-scheme-outline,#8d8d8d));
+    background-color: var(--o-chip-bg-color,var(--o-scheme-surface,#fff));
+    color: var(--o-chip-text-color,var(--o-scheme-on-surface,#1c1b1f));
+    font: var(--o-chip-font,500 28rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-tag.o-tag--checkable.o-tag--checked {
+    border-color: transparent;
+    background-color: var(--o-chip-selected-bg-color,var(--o-scheme-secondary-container,#ffe2c9));
+    color: var(--o-chip-selected-text-color,var(--o-scheme-on-secondary-container,#000));
+}
+
+.o-tag.o-tag--checkable.o-tag--disabled {
+    opacity: .38;
+}
+

package/registry/components/check-tag/index.js

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

package/registry/components/check-tag/props.js

@@ -0,0 +1 @@
+const props={checked:{type:Boolean,value:null},defaultChecked:{type:Boolean},closable:{type:Boolean,value:!1},content:{type:null},disabled:{type:Boolean,value:!1},icon:{type:null},shape:{type:String,value:"square"},size:{type:String,value:"medium"},variant:{type:String,value:"dark"}};export default props;

package/registry/components/checkbox/checkbox.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}-checkbox`;let CheckBox=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-label`,`${prefix}-class-icon`,`${prefix}-class-content`,`${prefix}-class-border`],this.behaviors=["wx://form-field"],this.relations={"../checkbox-group/checkbox-group":{type:"ancestor",linked(e){const{value:t,disabled:s,borderless:a,direction:i}=e.data,c=new Set(t),o=c.has(this.data.value),d={_disabled:null==this.data.disabled?s:this.data.disabled,direction:i};a&&(d.borderless=!0),d.checked=this.data.checked||o,this.data.checked&&e.updateValue(this.data),this.data.checkAll&&(d.checked=c.size>0),this.setData(d)}}},this.options={multipleSlots:!0},this.properties=Object.assign(Object.assign({},Props),{theme:{type:String,value:"default"},oId:{type:String}}),this.data={prefix:prefix,classPrefix:name,direction:"vertical",_disabled:!1},this.observers={disabled(e){this.setData({_disabled:e})}},this.controlledProps=[{key:"checked",event:"change"}],this.methods={handleTap(e){const{_disabled:t,readonly:s,contentDisabled:a}=this.data,{target:i}=e.currentTarget.dataset;if(t||s||"text"===i&&a)return;const{value:c,label:o}=this.data,d=!this.data.checked,r=this.$parent;r?r.updateValue(Object.assign(Object.assign({},this.data),{checked:d,item:{label:o,value:c,checked:d}})):this._trigger("change",{context:{value:c,label:o},checked:d})},setDisabled(e){this.setData({_disabled:this.data.disabled||e})}}}};CheckBox=__decorate([wxComponent()],CheckBox);export default CheckBox;

package/registry/components/checkbox/checkbox.json

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

package/registry/components/checkbox/checkbox.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view id="{{oId}}" style="{{_._style([style, customStyle])}}" class="{{_.cls(classPrefix, [placement, theme, direction, ['checked', checked], ['block', block], ['disabled', _disabled]])}} class {{prefix}}-class" aria-role="checkbox" aria-checked="{{checked ? (indeterminate ? 'mixed' : true) : false}}" aria-disabled="{{_disabled ? true : false}}" mut-bind:tap="handleTap" tabindex="{{tabindex}}"><view wx:if="{{theme == 'default'}}" class="{{_.cls(classPrefix + '__icon', [placement, ['checked', checked], ['disabled', _disabled]])}} {{prefix}}-class-icon"><slot name="icon" wx:if="{{icon === 'slot'}}"/><view wx:elif="{{_.isArray(icon)}}" class="{{classPrefix}}__icon"><image src="{{checked ? indeterminate && icon[2] ? icon[2] : icon[0] : icon[1]}}" class="{{classPrefix}}__icon-image"/></view><block wx:else><o-icon wx:if="{{checked && (icon == 'circle' || icon == 'rectangle')}}" name="{{indeterminate ? ('minus-' + icon + '-filled') : ('check-' + icon + '-filled')}}" class="{{classPrefix}}__icon-wrapper"/><o-icon wx:if="{{checked && icon == 'line'}}" name="{{indeterminate ? ('minus-' + icon + '-filled') : 'check'}}" class="{{classPrefix}}__icon-wrapper"/><view wx:elif="{{!checked && (icon == 'circle' || icon == 'rectangle')}}" class="{{_.cls(classPrefix + '__icon-' + icon, [['disabled', _disabled]])}}"/><view wx:if="{{!checked && icon == 'line'}}" class="placeholder"></view></block></view><view class="{{classPrefix}}__content" data-target="text" mut-bind:tap="handleTap"><view class="{{_.cls(classPrefix + '__title', [['disabled', _disabled], ['checked', checked]])}} {{prefix}}-class-label" style="-webkit-line-clamp:{{maxLabelRow}}"><block wx:if="{{label}}">{{label}}</block><slot/><slot name="label"/></view><view class="{{_.cls(classPrefix + '__description', [['disabled', _disabled]])}} {{prefix}}-class-content" style="-webkit-line-clamp:{{maxContentRow}}"><block wx:if="{{content}}">{{content}}</block><slot name="content"/></view></view><view wx:if="{{theme == 'default' && !borderless}}" class="{{_.cls(classPrefix + '__border', [placement])}} {{prefix}}-class-border"/></view>

package/registry/components/checkbox/checkbox.wxss

@@ -0,0 +1,230 @@
+@import '../common/style/index.wxss';
+
+.o-checkbox {
+    display: inline-flex;
+    vertical-align: middle;
+    position: relative;
+    background: var(--o-checkbox-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-checkbox:focus {
+    outline: 0;
+}
+
+.o-checkbox--block {
+    display: flex;
+    padding: var(--o-checkbox-vertical-padding,var(--o-spacer-2,32rpx));
+}
+
+.o-checkbox--horizontal {
+    padding: 0;
+    margin-right: var(--o-spacer-2,32rpx);
+}
+
+.o-checkbox--right {
+    flex-direction: row-reverse;
+}
+
+.o-checkbox .limit-title-row {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.o-checkbox .image-center {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.o-checkbox__icon-left {
+    margin-right: 20rpx;
+    width: 40rpx;
+}
+
+.o-checkbox__icon-right {
+    right: 0;
+    display: contents;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.o-checkbox__icon-image {
+    width: var(--o-checkbox-icon-size,48rpx);
+    height: var(--o-checkbox-icon-size,48rpx);
+    vertical-align: top;
+}
+
+.o-checkbox__icon {
+    position: relative;
+    display: block;
+    width: var(--o-checkbox-icon-size,48rpx);
+    height: var(--o-checkbox-icon-size,48rpx);
+    color: var(--o-checkbox-icon-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    font-size: var(--o-checkbox-icon-size,48rpx);
+    margin-top: calc((var(--o-checkbox-title-line-height,var(--o-line-height-title-medium,48rpx)) - var(--o-checkbox-icon-size,48rpx))/ 2);
+}
+
+.o-checkbox__icon:empty {
+    display: none;
+}
+
+.o-checkbox__icon--checked {
+    color: var(--o-checkbox-icon-checked-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-checkbox__icon--disabled {
+    cursor: not-allowed;
+    color: var(--o-checkbox-icon-disabled-color,var(--o-brand-color-disabled,var(--o-primary-color-3,#f9c599)));
+}
+
+.o-checkbox__icon--left {
+    margin-right: var(--o-spacer,16rpx);
+}
+
+.o-checkbox__icon-circle {
+    width: calc((var(--o-checkbox-icon-size,48rpx) - 4rpx) * 2);
+    height: calc((var(--o-checkbox-icon-size,48rpx) - 4rpx) * 2);
+    border: calc(4rpx * 2) solid var(--o-checkbox-icon-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    border-radius: var(--o-radius-circle,50%);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%) scale(.5);
+    box-sizing: border-box;
+}
+
+.o-checkbox__icon-circle--disabled {
+    background: var(--o-checkbox-icon-disabled-bg-color,var(--o-bg-color-component-disabled,var(--o-gray-color-2,#eee)));
+}
+
+.o-checkbox__icon-rectangle {
+    width: calc((var(--o-checkbox-icon-size,48rpx) - 4rpx * 2) * 2);
+    height: calc((var(--o-checkbox-icon-size,48rpx) - 4rpx * 2) * 2);
+    border: calc(4rpx * 2) solid var(--o-checkbox-icon-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%) scale(.5);
+    box-sizing: border-box;
+}
+
+.o-checkbox__icon-rectangle--disabled {
+    background: var(--o-checkbox-icon-disabled-bg-color,var(--o-bg-color-component-disabled,var(--o-gray-color-2,#eee)));
+}
+
+.o-checkbox__icon-line::after,
+.o-checkbox__icon-line::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 5rpx;
+    border-radius: 2rpx;
+    background: var(--o-checkbox-icon-checked-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    transform-origin: top center;
+}
+
+.o-checkbox__icon-line::before {
+    height: 16rpx;
+    left: 8rpx;
+    top: 22rpx;
+    transform: rotate(-45deg);
+}
+
+.o-checkbox__icon-line::after {
+    height: 26rpx;
+    right: 8rpx;
+    top: 14rpx;
+    transform: rotate(45deg);
+}
+
+.o-checkbox__icon-line--disabled::after,
+.o-checkbox__icon-line--disabled::before {
+    background: var(--o-checkbox-icon-disabled-color,var(--o-brand-color-disabled,var(--o-primary-color-3,#f9c599)));
+}
+
+.o-checkbox__content {
+    flex: 1;
+}
+
+.o-checkbox__title {
+    color: var(--o-checkbox-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    font: var(--o-checkbox-title-font,var(--o-font-body-large,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    line-height: var(--o-checkbox-title-line-height,var(--o-line-height-title-medium,48rpx));
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.o-checkbox__title--disabled {
+    color: var(--o-checkbox-title-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-checkbox__description {
+    color: var(--o-checkbox-description-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    font: var(--o-checkbox-description-font,var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+}
+
+.o-checkbox__description--disabled {
+    color: var(--o-checkbox-description-disabled-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-checkbox__title+.o-checkbox__description:not(:empty) {
+    margin-top: calc(var(--o-spacer,16rpx)/ 2);
+}
+
+.o-checkbox__border {
+    position: absolute;
+    bottom: 0;
+    left: 96rpx;
+    right: 0;
+    height: 1px;
+    background: var(--o-checkbox-border-color,var(--o-component-stroke,var(--o-gray-color-3,#dddddd)));
+    transform: scaleY(.5);
+}
+
+.o-checkbox__border--right {
+    left: 32rpx;
+}
+
+.o-checkbox--tag {
+    font-size: var(--o-font-size-base,28rpx);
+    padding-top: var(--o-spacer,16rpx);
+    padding-bottom: var(--o-spacer,16rpx);
+    text-align: center;
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+    border-radius: var(--o-radius-default,12rpx);
+}
+
+.o-checkbox--tag.o-checkbox--checked {
+    color: var(--o-checkbox-tag-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    background-color: var(--o-checkbox-tag-active-bg-color,var(--o-brand-color-light,var(--o-primary-color-1,#fef3eb)));
+}
+
+.o-checkbox--tag .o-checkbox__title--checked {
+    color: var(--o-checkbox-tag-active-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+}
+
+.o-checkbox--tag .o-checkbox__content {
+    margin-right: 0;
+}
+
+.o-checkbox__icon--checked {
+    z-index: 0;
+}
+
+.o-checkbox__icon--checked::before {
+    content: '';
+    position: absolute;
+    top: 22%;
+    left: 22%;
+    right: 22%;
+    bottom: 22%;
+    z-index: -1;
+    background-color: var(--o-checkbox-icon-mark-color,var(--o-scheme-on-primary,#000));
+}
+

package/registry/components/checkbox/index.js

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

package/registry/components/checkbox/props.js

@@ -0,0 +1 @@
+const props={block:{type:Boolean,value:!0},borderless:{type:null,value:void 0},checkAll:{type:Boolean,value:!1},checked:{type:Boolean,value:null},defaultChecked:{type:Boolean,value:!1},content:{type:String},contentDisabled:{type:Boolean},disabled:{type:null,value:void 0},icon:{type:null,value:"rectangle"},indeterminate:{type:Boolean,value:!1},label:{type:String},maxContentRow:{type:Number,value:5},maxLabelRow:{type:Number,value:3},name:{type:String,value:""},placement:{type:String,value:"left"},readonly:{type:null,value:void 0},value:{type:null}};export default props;

package/registry/components/checkbox-group/checkbox-group.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}-checkbox-group`;let CheckBoxGroup=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.behaviors=["wx://form-field"],this.relations={"../checkbox/checkbox":{type:"descendant"}},this.data={prefix:prefix,classPrefix:name,checkboxOptions:[]},this.properties=props,this.observers={value(){this.updateChildren()},options(){this.initWithOptions()},disabled(e){var t;(null===(t=this.data.options)||void 0===t?void 0:t.length)?this.initWithOptions():this.getChildren().forEach(t=>{t.setDisabled(e)})},direction(e){this.getChildren().forEach(t=>{t.setData({direction:e})})}},this.lifetimes={ready(){this.setCheckall()}},this.controlledProps=[{key:"value",event:"change"}],this.$checkAll=null,this.methods={getChildren(){let e=this.$children;return e.length||(e=this.selectAllComponents(`.${prefix}-checkbox-option`)),e||[]},updateChildren(){const e=this.getChildren(),{value:t}=this.data;e.length>0&&(e.forEach(e=>{!e.data.checkAll&&e.setData({checked:null==t?void 0:t.includes(e.data.value)})}),e.some(e=>e.data.checkAll)&&this.setCheckall())},updateValue({value:e,checked:t,checkAll:i,item:l,indeterminate:a}){let{value:s}=this.data;const{max:n}=this.data,c=new Set(this.getChildren().map(e=>e.data.value));if(s=s.filter(e=>c.has(e)),!n||!t||s.length!==n){if(i){const e=this.getChildren();s=!t&&a?e.filter(({data:e})=>!(e.disabled&&!s.includes(e.value))).map(e=>e.data.value):e.filter(({data:e})=>e.disabled?s.includes(e.value):t&&!e.checkAll).map(({data:e})=>e.value)}else if(t)s=s.concat(e);else{const t=s.findIndex(t=>t===e);s.splice(t,1)}this._trigger("change",{value:s,context:l})}},initWithOptions(){const{options:e,value:t,keys:i}=this.data;if(!(null==e?void 0:e.length)||!Array.isArray(e))return;const l=e.map(e=>{var l,a,s;return["number","string"].includes(typeof e)?{label:`${e}`,value:e,checked:null==t?void 0:t.includes(e)}:Object.assign(Object.assign({},e),{label:e[null!==(l=null==i?void 0:i.label)&&void 0!==l?l:"label"],value:e[null!==(a=null==i?void 0:i.value)&&void 0!==a?a:"value"],checked:null==t?void 0:t.includes(e[null!==(s=null==i?void 0:i.value)&&void 0!==s?s:"value"])})});this.setData({checkboxOptions:l})},handleInnerChildChange(e){var t;const{item:i}=e.target.dataset,{checked:l}=e.detail,a={};i.checkAll&&(a.indeterminate=null===(t=this.$checkAll)||void 0===t?void 0:t.data.indeterminate),this.updateValue(Object.assign(Object.assign(Object.assign({},i),{checked:l,item:i}),a))},setCheckall(){const e=this.getChildren();if(this.$checkAll||(this.$checkAll=e.find(e=>e.data.checkAll)),!this.$checkAll)return;const{value:t}=this.data,i=new Set(null==t?void 0:t.filter(e=>e!==this.$checkAll.data.value)),l=e.every(e=>!!e.data.checkAll||i.has(e.data.value));this.$checkAll.setData({checked:i.size>0,indeterminate:!l})}}}};CheckBoxGroup=__decorate([wxComponent()],CheckBoxGroup);export default CheckBoxGroup;

package/registry/components/checkbox-group/checkbox-group.json

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

package/registry/components/checkbox-group/checkbox-group.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view class="{{_.cls(classPrefix, [direction])}} class {{prefix}}-class" style="{{_._style([style, customStyle])}}"><slot/><block wx:for="{{checkboxOptions}}" wx:key="value"><o-checkbox class="{{prefix}}-checkbox-option" data-item="{{item}}" label="{{item.label || item.text || ''}}" value="{{item.value == null ? '' : item.value}}" block="{{item.block || true}}" check-all="{{item.checkAll || false}}" checked="{{item.checked || false}}" content="{{item.content || ''}}" content-disabled="{{item.contentDisabled || false}}" icon="{{item.icon || 'rectangle'}}" indeterminate="{{item.indeterminate || false}}" disabled="{{ item.disabled == null ? disabled : item.disabled }}" max-content-row="{{item.maxContentRow || 5}}" max-label-row="{{item.maxLabelRow || 3}}" name="{{item.name || ''}}" borderless="{{borderless}}" readonly="{{item.readonly || false}}" bind:change="handleInnerChildChange" placement="{{item.placement || 'left'}}"/></block></view>

package/registry/components/checkbox-group/checkbox-group.wxss

@@ -0,0 +1,7 @@
+@import '../common/style/index.wxss';
+
+.o-checkbox-group--horizontal {
+    display: flex;
+    flex-wrap: wrap;
+}
+

package/registry/components/checkbox-group/index.js

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

package/registry/components/checkbox-group/props.js

@@ -0,0 +1 @@
+const props={borderless:{type:Boolean,value:!1},direction:{type:String,value:"vertical"},disabled:{type:null,value:void 0},keys:{type:Object},max:{type:Number,value:void 0},name:{type:String,value:""},options:{type:Array,value:[]},readonly:{type:null,value:void 0},value:{type:Array,value:null},defaultValue:{type:Array,value:[]}};export default props;

package/registry/components/collapse/collapse.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}-collapse`;let Collapse=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.relations={"../collapse-panel/collapse-panel":{type:"descendant"}},this.controlledProps=[{key:"value",event:"change"}],this.properties=props,this.data={prefix:prefix,classPrefix:name},this.observers={"value, expandMutex "(){this.updateExpanded()}},this.methods={updateExpanded(){this.$children.forEach(e=>{e.updateExpanded(this.properties.value)})},switch(e){const{expandMutex:t,value:o}=this.properties;let p=[];p=o.indexOf(e)>-1?o.filter(t=>t!==e):t?[e]:o.concat(e),this._trigger("change",{value:p})}}}};Collapse=__decorate([wxComponent()],Collapse);export default Collapse;

package/registry/components/collapse/collapse.json

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

package/registry/components/collapse/collapse.wxml

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

package/registry/components/collapse/collapse.wxss

@@ -0,0 +1,8 @@
+@import '../common/style/index.wxss';
+
+.o-collapse--card {
+    margin: 0 var(--o-spacer-2,32rpx);
+    border-radius: var(--o-radius-large,18rpx);
+    overflow: hidden;
+}
+

package/registry/components/collapse/index.js

@@ -0,0 +1 @@
+export{default as Collapse}from"./collapse";export*from"./props";

package/registry/components/collapse/props.js

@@ -0,0 +1 @@
+const props={defaultExpandAll:{type:Boolean,value:!1},disabled:{type:Boolean},expandIcon:{type:Boolean,value:!0},expandMutex:{type:Boolean,value:!1},theme:{type:String,value:"default"},value:{type:Array,value:null},defaultValue:{type:Array,value:[]}};export default props;

package/registry/components/collapse-panel/collapse-panel.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";const{prefix:prefix}=config,name=`${prefix}-collapse-panel`;let CollapsePanel=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-header`],this.options={multipleSlots:!0},this.relations={"../collapse/collapse":{type:"ancestor",linked(e){const{value:t,expandIcon:a,disabled:s}=e.properties;this.setData({ultimateExpandIcon:null==this.properties.expandIcon?a:this.properties.expandIcon,ultimateDisabled:null==this.properties.disabled?s:this.properties.disabled}),this.updateExpanded(t)}}},this.properties=props,this.data={prefix:prefix,expanded:!1,classPrefix:name,classBasePrefix:prefix,ultimateExpandIcon:!1,ultimateDisabled:!1},this.observers={disabled(e){this.setData({ultimateDisabled:!!e})}},this.methods={updateExpanded(e=[]){if(!this.$parent)return;const{value:t}=this.properties,{defaultExpandAll:a}=this.$parent.data,s=a?!this.data.expanded:e.includes(t);s!==this.properties.expanded&&(this.setData({expanded:s}),this.updateStyle(s))},updateStyle(e){return getRect(this,`.${name}__content`).then(e=>e.height).then(t=>{const a=wx.createAnimation({duration:0,timingFunction:"ease-in-out"});e?a.height(t).top(0).step({duration:300}).height("auto").step():a.height(t).top(1).step({duration:1}).height(0).step({duration:300}),this.setData({animation:a.export()})})},onClick(){const{ultimateDisabled:e}=this.data,{value:t}=this.properties;e||(this.$parent.data.defaultExpandAll?this.updateExpanded():this.$parent.switch(t))}}}};CollapsePanel=__decorate([wxComponent()],CollapsePanel);export default CollapsePanel;

package/registry/components/collapse-panel/collapse-panel.json

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

package/registry/components/collapse-panel/collapse-panel.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle])}}" class="class {{classPrefix}} {{classPrefix}}--{{placement}} {{prefix}}-class"><view class="{{classPrefix}}__title" aria-role="button" aria-expanded="{{expanded}}" aria-disabled="{{ultimateDisabled}}" bind:tap="onClick"><o-cell title="{{header}}" note="{{headerRightContent}}" bordered="{{false}}" left-icon="{{headerLeftIcon}}" right-icon="{{ ultimateExpandIcon ? (expanded ? 'chevron-up' : 'chevron-down') : '' }}" o-class="{{_.cls(classPrefix + '__header', [placement, ['expanded', expanded]])}} {{prefix}}-class-header" o-class-title="class-title {{ultimateDisabled ? 'class-title--disabled' : ''}}" o-class-note="class-note {{ultimateDisabled ? 'class-note--disabled' : ''}}" o-class-left-icon="class-left-icon {{ultimateDisabled ? 'class-left-icon--disabled' : ''}}" o-class-right-icon="class-right-icon {{classPrefix}}__arrow--{{placement}} {{ultimateDisabled ? 'class-right-icon--disabled' : ''}}" o-class-hover="class-header-hover"><slot name="header-left-icon" slot="left-icon"/><slot name="header" slot="title"/><slot name="header-right-content" slot="note"/><slot name="expand-icon" slot="right-icon"/></o-cell></view><view class="{{classPrefix}}__wrapper" animation="{{animation}}" aria-hidden="{{expanded ? '' : true}}"><view class="{{_.cls(classPrefix + '__content', [['disabled', ultimateDisabled], ['expanded', expanded], placement])}} {{prefix}}-class-content">{{content}}<slot/><slot name="content"/></view></view></view>