maxit-cli 0.1.0

package/registry/components/details-card/details-card.wxml

@@ -0,0 +1,37 @@
+<view class="o-details-card o-details-card--{{size}} class {{prefix}}-class" style="{{style}} {{customStyle}}">
+  <view class="o-details-card__media" bind:tap="onTap">
+    <image wx:if="{{image}}" class="o-details-card__image" src="{{image}}" mode="aspectFill" />
+    <o-icon wx:else name="image" o-class="o-details-card__placeholder" />
+    <view wx:if="{{mediaTitle || tag}}" class="o-details-card__header">
+      <view class="o-grow">
+        <view class="o-details-card__media-title">{{mediaTitle}}</view>
+        <view wx:if="{{mediaSubtitle}}" class="o-details-card__media-subtitle">{{mediaSubtitle}}</view>
+      </view>
+      <view wx:if="{{tag}}" class="o-pill o-pill--black">{{tag}}</view>
+    </view>
+    <view wx:if="{{play}}" class="o-details-card__play" catch:tap="onPlay"><o-icon name="play" /></view>
+    <view wx:if="{{_dots.length}}" class="o-details-card__dots">
+      <view wx:for="{{_dots}}" wx:key="*this" class="o-details-card__dot {{item === current ? 'o-details-card__dot--active' : ''}}" />
+    </view>
+  </view>
+  <view class="o-row o-row--top o-details-card__content">
+    <view class="o-thumb o-details-card__thumb">
+      <image wx:if="{{thumbnail}}" class="o-thumb__image" src="{{thumbnail}}" mode="aspectFill" />
+    </view>
+    <view class="o-grow">
+      <view class="o-txt-title o-details-card__title">{{title}}</view>
+      <view wx:if="{{subtitle}}" class="o-txt-small">{{subtitle}}</view>
+    </view>
+  </view>
+  <view wx:if="{{buttonText}}" class="o-details-card__action">
+    <o-button theme="primary" block bind:tap="onButton">{{buttonText}}</o-button>
+  </view>
+  <view wx:if="{{secondaryButtonText}}" class="o-details-card__action">
+    <o-button variant="outline" block bind:tap="onSecondary">{{secondaryButtonText}}</o-button>
+  </view>
+  <view wx:if="{{priceFrom || link}}" class="o-details-card__price">
+    <view wx:if="{{priceFrom}}" class="o-txt-small">{{priceFrom}}</view>
+    <view wx:if="{{link}}" class="o-link" bind:tap="onLink">{{link}}</view>
+  </view>
+  <view wx:if="{{info}}" class="o-details-card__info"><o-icon name="info-circle-filled" /><text>{{info}}</text></view>
+</view>

package/registry/components/details-card/details-card.wxss

@@ -0,0 +1,119 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Card details (Figma "Card details" and "Card details_large"): big media, thumbnail, title, actions. */
+.o-details-card {
+    display: block;
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-details-card__media {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 336rpx;
+    border-radius: 24rpx;
+    overflow: hidden;
+    background-color: var(--o-scheme-surface-variant, #eee);
+}
+
+.o-details-card__image {
+    width: 100%;
+    height: 100%;
+}
+
+.o-details-card__placeholder {
+    font-size: 160rpx;
+    color: var(--o-scheme-surface, #fff);
+}
+
+.o-details-card--large .o-details-card__media {
+    background: linear-gradient(180deg, #3e3e3e 0%, #eee 70%);
+}
+
+.o-details-card__header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: flex-start;
+    padding: 24rpx;
+    color: #fff;
+}
+
+.o-details-card__media-title {
+    font: var(--o-type-title-small, 500 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-details-card__media-subtitle {
+    font: var(--o-type-body-small, 400 24rpx / 32rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-details-card__play {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 96rpx;
+    height: 96rpx;
+    border-radius: 50%;
+    background-color: #fff;
+    color: #000;
+    font-size: 56rpx;
+}
+
+.o-details-card__dots {
+    position: absolute;
+    bottom: 16rpx;
+    display: flex;
+    gap: 8rpx;
+}
+
+.o-details-card__dot {
+    width: 12rpx;
+    height: 12rpx;
+    border-radius: 6rpx;
+    background-color: rgba(255, 255, 255, .8);
+}
+
+.o-details-card__dot--active {
+    width: 32rpx;
+    background-color: var(--o-scheme-primary, #f16e00);
+}
+
+.o-details-card__content {
+    margin-top: 24rpx;
+}
+
+.o-details-card__thumb {
+    width: 64rpx;
+    height: 64rpx;
+    margin-right: 24rpx;
+}
+
+.o-details-card__title {
+    font: var(--o-type-title-small, 500 28rpx / 40rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-details-card__action {
+    margin-top: 24rpx;
+}
+
+.o-details-card__price {
+    margin-top: 16rpx;
+    text-align: center;
+}
+
+.o-details-card__info {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-top: 24rpx;
+    padding: 24rpx;
+    border-radius: 8rpx;
+    background-color: var(--o-scheme-tertiary-container, #e7efff);
+    color: var(--o-scheme-tertiary, #085ebd);
+    font: var(--o-type-body-small, 400 24rpx / 32rpx var(--o-font-family, Roboto, Arial));
+}

package/registry/components/details-card/index.js

@@ -0,0 +1,2 @@
+export * from './props';
+export * from './details-card';

package/registry/components/details-card/props.js

@@ -0,0 +1,22 @@
+// o-details-card: Card details (Figma "Card details" and "Card details_large"): big media, thumbnail, title, actions.
+const props = {
+  // small: picture + title, large: media with header / play / dots, button and price line
+  size: { type: String, value: 'small' },
+  image: { type: String, value: '' },
+  mediaTitle: { type: String, value: '' },
+  mediaSubtitle: { type: String, value: '' },
+  tag: { type: String, value: '' },
+  play: { type: Boolean, value: false },
+  // Number of carousel dots (0: none) and active one
+  dots: { type: Number, value: 0 },
+  current: { type: Number, value: 0 },
+  thumbnail: { type: String, value: '' },
+  title: { type: String, value: '' },
+  subtitle: { type: String, value: '' },
+  buttonText: { type: String, value: '' },
+  secondaryButtonText: { type: String, value: '' },
+  priceFrom: { type: String, value: '' },
+  link: { type: String, value: '' },
+  info: { type: String, value: '' },
+};
+export default props;

package/registry/components/dialog/dialog.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{toCamel}from"../common/utils";import{isObject}from"../common/validator";import useCustomNavbar from"../common/mixins/using-custom-navbar";const{prefix:prefix}=config,name=`${prefix}-dialog`;let Dialog=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[useCustomNavbar],this.options={multipleSlots:!0},this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-confirm`,`${prefix}-class-cancel`,`${prefix}-class-action`],this.properties=props,this.data={prefix:prefix,classPrefix:name,buttonVariant:"text"},this.observers={"confirmBtn, cancelBtn"(t,e){const{prefix:o,classPrefix:i,buttonLayout:n}=this.data,s={buttonVariant:"text"},r=[t,e].some(t=>isObject(t)&&t.variant&&"text"!==t.variant),a={confirm:t,cancel:e},c=[`${i}__button`],l=[];r?(s.buttonVariant="base",c.push(`${i}__button--${n}`)):(c.push(`${i}__button--text`),l.push(`${i}-button`)),Object.keys(a).forEach(t=>{const e=a[t],n={block:!0,rootClass:[...c,`${i}__button--${t}`],oClass:[...l,`${o}-class-${t}`],variant:s.buttonVariant,openType:""};"cancel"===t&&"base"===s.buttonVariant&&(n.theme="light"),s[`_${t}`]="string"==typeof e?Object.assign(Object.assign({},n),{content:e}):e&&"object"==typeof e?Object.assign(Object.assign({},n),e):null}),this.setData(Object.assign({},s))}},this.methods={onTplButtonTap(t){var e,o,i;const n=t.type,{type:s,extra:r}=t.target.dataset,a=this.data[`_${s}`],c=`bind${n}`;if("action"===s)return void this.onActionTap(r);if("function"==typeof a[c]){a[c](t)&&this.close()}if(!!!a.openType&&["confirm","cancel"].includes(s)&&(null===(e=this[toCamel(`on-${s}`)])||void 0===e||e.call(this,s)),"tap"!==n){const e=(null===(i=null===(o=t.detail)||void 0===o?void 0:o.errMsg)||void 0===i?void 0:i.indexOf("ok"))>-1;this.triggerEvent(e?"open-type-event":"open-type-error-event",t.detail)}},onConfirm(){this.triggerEvent("confirm"),this._onConfirm&&(this._onConfirm({trigger:"confirm"}),this.close())},onCancel(){const t={trigger:"cancel"};this.triggerEvent("cancel"),this.triggerEvent("close",t),this._onCancel&&(this._onCancel(t),this.close())},onClose(){var t;const e={trigger:"close-btn"};this.triggerEvent("close",e),null===(t=this._onCancel)||void 0===t||t.call(this,e),this.close()},close(){this.setData({visible:!1})},overlayClick(){var t;if(this.triggerEvent("overlay-click"),this.properties.closeOnOverlayClick){const e={trigger:"overlay"};this.triggerEvent("close",e),null===(t=this._onCancel)||void 0===t||t.call(this,e),this.close()}},onActionTap(t){this.triggerEvent("action",{index:t}),this._onAction&&(this._onAction({index:t}),this.close())},openValueCBHandle(t){this.triggerEvent("open-type-event",t.detail)},openValueErrCBHandle(t){this.triggerEvent("open-type-error-event",t.detail)}}}};Dialog=__decorate([wxComponent()],Dialog);export default Dialog;

package/registry/components/dialog/dialog.json

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

package/registry/components/dialog/dialog.wxml

@@ -0,0 +1 @@
+<import src="../common/template/button.wxml"/><import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><wxs src="./dialog.wxs" module="_this"/><o-popup name="dialog" style="{{_._style([style, customStyle])}}" class="class" o-class="{{classPrefix}}__wrapper" visible="{{visible}}" showOverlay="{{showOverlay}}" closeOnOverlayClick="{{closeOnOverlayClick}}" preventScrollThrough="{{preventScrollThrough}}" overlayProps="{{overlayProps}}" zIndex="{{zIndex}}" placement="center" usingCustomNavbar="{{usingCustomNavbar}}" bind:visible-change="overlayClick"><view slot="content" class="{{classPrefix}} {{prefix}}-class"><slot name="top"/><view wx:if="{{closeBtn}}" class="{{classPrefix}}__close-btn" bind:tap="onClose"><template wx:if="{{_.isObject(closeBtn)}}" is="icon" data="{{ name: 'close', size: 22, ...closeBtn }}"/><o-icon wx:else name="close" size="44rpx"/></view><view class="{{classPrefix}}__content {{prefix}}-class-content"><view wx:if="{{title}}" class="{{classPrefix}}__header">{{title}}</view><slot name="title"/><view wx:if="{{content}}" class="{{classPrefix}}__body"><text class="{{classPrefix}}__body-text">{{content}}</text></view><slot name="content"/></view><slot name="middle"/><view class="{{_.cls(classPrefix + '__footer', [['column', buttonLayout === 'vertical'], ['full', buttonVariant == 'text' && actions.length == 0]])}}"><block wx:if="{{actions}}"><block wx:for="{{actions}}" wx:key="index"><template is="button" data="{{block: true, type: 'action', extra: index, oClass: prefix + '-class-action', rootClass: _this.getActionClass(classPrefix, buttonLayout), ...item }}"/></block></block><slot name="actions"/><block wx:if="{{_cancel}}"><template is="button" data="{{type: 'cancel', ..._cancel }}"/></block><slot name="cancel-btn"/><block wx:if="{{_confirm}}"><template is="button" data="{{type: 'confirm', theme: 'primary', ..._confirm}}"/></block><slot name="confirm-btn"/></view></view></o-popup>

package/registry/components/dialog/dialog.wxs

@@ -0,0 +1,13 @@
+module.exports.getTypeof = function (obj) {
+  return typeof obj;
+};
+
+module.exports.getActionClass = function (prefix, buttonLayout) {
+  var cls = [prefix + '__button', prefix + '__button--action'];
+
+  if (buttonLayout) {
+    cls.push(prefix + '__button--' + buttonLayout);
+  }
+
+  return cls.join(' ');
+};

package/registry/components/dialog/dialog.wxss

@@ -0,0 +1,123 @@
+@import '../common/style/index.wxss';
+
+.o-dialog {
+    overflow: hidden;
+    width: var(--o-dialog-width,622rpx);
+    border-radius: var(--o-dialog-border-radius,var(--o-radius-extraLarge,24rpx));
+    background-color: var(--o-bg-color-container,var(--o-font-white-1,#fff));
+}
+
+.o-dialog__wrapper {
+    --o-popup-border-radius: var(--o-dialog-border-radius, var(--o-radius-extraLarge, 24rpx));
+}
+
+.o-dialog__close-btn {
+    position: absolute;
+    top: var(--o-spacer,16rpx);
+    right: var(--o-spacer,16rpx);
+    color: var(--o-dialog-close-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    z-index: 1;
+}
+
+.o-dialog__content {
+    padding-top: var(--o-spacer-3,48rpx);
+    padding-right: var(--o-spacer-3,48rpx);
+    padding-bottom: 0;
+    padding-left: var(--o-spacer-3,48rpx);
+    max-height: var(--o-dialog-body-max-height,912rpx);
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    font-size: var(--o-font-size-m,32rpx);
+}
+
+.o-dialog__content:empty {
+    display: none;
+}
+
+.o-dialog__header {
+    text-align: center;
+    font: var(--o-dialog-title-font,var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    color: var(--o-dialog-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-dialog__header+.o-dialog__body {
+    margin-top: var(--o-spacer,16rpx);
+}
+
+.o-dialog__body {
+    overflow-y: scroll;
+    text-align: center;
+    -webkit-overflow-scrolling: touch;
+    font: var(--o-dialog-content-font,var(--o-font-body-large,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    color: var(--o-dialog-content-color,var(--o-text-color-secondary,var(--o-font-gray-2,#444748)));
+}
+
+.o-dialog__body-text {
+    word-wrap: break-word;
+}
+
+.o-dialog__body--left {
+    text-align: left;
+}
+
+.o-dialog__body--right {
+    text-align: right;
+}
+
+.o-dialog__footer {
+    display: flex;
+    padding: var(--o-spacer-3,48rpx);
+}
+
+.o-dialog__footer--column {
+    flex-flow: column-reverse;
+}
+
+.o-dialog__footer--column .o-dialog__button {
+    width: 100%;
+}
+
+.o-dialog__footer--full {
+    padding: var(--o-spacer-4,64rpx) 0 0;
+}
+
+.o-dialog__button {
+    position: relative;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.o-dialog__button--horizontal+.o-dialog__button--horizontal {
+    margin-left: var(--o-spacer-1,24rpx);
+}
+
+.o-dialog__button--vertical+.o-dialog__button--vertical {
+    margin-bottom: var(--o-spacer-1,24rpx);
+}
+
+.o-dialog__button--text {
+    flex: 1;
+    --o-button-border-radius: 0;
+    --o-button-medium-height: 112rpx;
+    border-radius: 0;
+}
+
+.o-dialog__button--text:before {
+    content: ' ';
+    position: absolute;
+    box-sizing: border-box;
+    top: 0;
+    left: 0;
+    border-top: 1px solid var(--o-border-level-1-color,var(--o-gray-color-3,#dddddd));
+    border-left: 1px solid var(--o-border-level-1-color,var(--o-gray-color-3,#dddddd));
+    transform: scale(.5);
+    transform-origin: 0 0;
+    width: 200%;
+    height: 200%;
+    border-radius: 0;
+}
+

package/registry/components/dialog/index.js

@@ -0,0 +1 @@
+import{__rest}from"../common/tslib";import props from"./props";import{getInstance}from"../common/utils";const defaultOptions={actions:[],buttonLayout:props.buttonLayout.value,cancelBtn:props.cancelBtn.value,closeOnOverlayClick:props.closeOnOverlayClick.value,confirmBtn:props.confirmBtn.value,content:"",preventScrollThrough:props.preventScrollThrough.value,showOverlay:props.showOverlay.value,title:"",visible:props.visible.value};export default{alert(t){const e=Object.assign({},t),{context:s,selector:o="#o-dialog"}=e,n=__rest(e,["context","selector"]),c=getInstance(s,o);return c?new Promise(t=>{const e=Object.assign(Object.assign(Object.assign({},defaultOptions),c.properties),n);c.setData(Object.assign(Object.assign({cancelBtn:""},e),{visible:!0})),c._onConfirm=t}):Promise.reject()},confirm(t){const e=Object.assign({},t),{context:s,selector:o="#o-dialog"}=e,n=__rest(e,["context","selector"]),c=getInstance(s,o);return c?new Promise((t,e)=>{const s=Object.assign(Object.assign(Object.assign({},defaultOptions),c.properties),n);c.setData(Object.assign(Object.assign({},s),{visible:!0})),c._onConfirm=t,c._onCancel=e}):Promise.reject()},close(t){const{context:e,selector:s="#o-dialog"}=Object.assign({},t),o=getInstance(e,s);return o?(o.close(),Promise.resolve()):Promise.reject()},action(t){const e=Object.assign({},t),{context:s,selector:o="#o-dialog"}=e,n=__rest(e,["context","selector"]),c=getInstance(s,o);if(!c)return Promise.reject();const{buttonLayout:r="vertical",actions:i=c.properties.actions}=t,a="vertical"===r?7:3;return(!i||"object"==typeof i&&(0===i.length||i.length>a))&&console.warn(`Nombre d'actions conseillé : de 1 à ${a}`),new Promise(t=>{const e=Object.assign(Object.assign(Object.assign({},defaultOptions),c.properties),n);c.setData(Object.assign(Object.assign({},e),{buttonLayout:r,visible:!0})),c._onAction=t})}};

package/registry/components/dialog/props.js

@@ -0,0 +1 @@
+const props={actions:{type:Array},buttonLayout:{type:String,value:"horizontal"},cancelBtn:{type:null},closeBtn:{type:null,value:!1},closeOnOverlayClick:{type:Boolean,value:!1},confirmBtn:{type:null},content:{type:String},overlayProps:{type:Object,value:{}},preventScrollThrough:{type:Boolean,value:!0},showOverlay:{type:Boolean,value:!0},title:{type:String},usingCustomNavbar:{type:Boolean,value:!1},visible:{type:Boolean},zIndex:{type:Number,value:11500}};export default props;

package/registry/components/divider/divider.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}-divider`;let Divider=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:name},this.observers={lineColor(){this.setStyle()}},this.methods={setStyle(){const{lineColor:e}=this.properties,o=""+(e?`border-color: ${e};`:"");this.setData({dividerStyle:o})}}}};Divider=__decorate([wxComponent()],Divider);export default Divider;

package/registry/components/divider/divider.json

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

package/registry/components/divider/divider.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view class="{{layout==='vertical'? classPrefix + '--vertical-center' : ''}}"><view class="{{classPrefix}} class {{prefix}}-class {{classPrefix}}--{{layout}} {{classPrefix}}--{{align}} {{dashed? classPrefix + '--dashed' : ''}}" style="{{_._style([dividerStyle, style, customStyle])}}"><view class="{{prefix}}-class-content {{classPrefix}}__content"><view wx:if="{{content}}">{{content}}</view><slot wx:else name="content"/></view></view></view>

package/registry/components/divider/divider.wxss

@@ -0,0 +1,69 @@
+@import '../common/style/index.wxss';
+
+.o-divider {
+    display: flex;
+    color: var(--o-divider-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border-color: var(--o-divider-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border-style: var(--o-divider-content-line-style,solid);
+    border-width: 0;
+}
+
+.o-divider::after,
+.o-divider::before {
+    content: '';
+    display: block;
+    flex: 1;
+    box-sizing: border-box;
+    border: inherit;
+    border-color: inherit;
+    border-style: inherit;
+}
+
+.o-divider--horizontal {
+    align-items: center;
+    margin: var(--o-divider-horizontal-margin,20rpx) 0;
+}
+
+.o-divider--horizontal::after,
+.o-divider--horizontal::before {
+    border-top-width: var(--o-divider-border-width,2rpx);
+    transform: scaleY(.5);
+    transform-origin: center;
+}
+
+.o-divider--horizontal .o-divider__content:not(:empty) {
+    margin: 0 var(--o-divider-content-margin,var(--o-spacer-1,24rpx));
+}
+
+.o-divider--vertical {
+    flex-direction: column;
+    height: 28rpx;
+    margin: 0 var(--o-divider-vertical-margin,var(--o-spacer,16rpx));
+}
+
+.o-divider--vertical::after,
+.o-divider--vertical::before {
+    border-left-width: var(--o-divider-border-width,2rpx);
+    transform: scaleX(.5);
+    transform-origin: center;
+}
+
+.o-divider--vertical-center {
+    align-items: center;
+    height: 100%;
+}
+
+.o-divider--dashed {
+    border-style: dashed;
+}
+
+.o-divider__content {
+    font: var(--o-divider-content-font,var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    color: var(--o-divider-content-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+}
+
+.o-divider--left::before,
+.o-divider--right::after {
+    max-width: 60rpx;
+}
+

package/registry/components/divider/index.js

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

package/registry/components/divider/props.js

@@ -0,0 +1 @@
+const props={align:{type:String,value:"center"},content:{type:String},dashed:{type:Boolean,value:!1},layout:{type:String,value:"horizontal"}};export default props;

package/registry/components/drawer/drawer.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 useCustomNavbar from"../common/mixins/using-custom-navbar";const{prefix:prefix}=config,name=`${prefix}-drawer`;let Drawer=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[useCustomNavbar],this.externalClasses=[],this.options={multipleSlots:!0},this.properties=props,this.data={classPrefix:name},this.methods={onVisibleChange({detail:e}){const{visible:t}=e,{showOverlay:r}=this.data;this.setData({visible:t}),t||this.triggerEvent("close",{trigger:"overlay"}),r&&this.triggerEvent("overlay-click",{visible:t})},onItemClick(e){const{index:t,item:r}=e.currentTarget.dataset;this.triggerEvent("item-click",{index:t,item:r})}}}};Drawer=__decorate([wxComponent()],Drawer);export default Drawer;

package/registry/components/drawer/drawer.json

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

package/registry/components/drawer/drawer.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><o-popup wx:if="{{!destroyOnClose || visible}}" style="{{_._style([style, customStyle])}}" class="class" visible="{{visible}}" z-index="{{zIndex}}" using-custom-navbar="{{usingCustomNavbar}}" placement="{{placement == 'right' ? 'right' : 'left'}}" show-overlay="{{showOverlay}}" overlay-props="{{overlayProps}}" close-on-click-overlay="{{closeOnOverlayClick}}" bind:visible-change="onVisibleChange"><view class="{{classPrefix}}"><slot name="title"/><view wx:if="{{title}}" class="{{classPrefix}}__title">{{title}}</view><scroll-view class="{{classPrefix}}__sidebar" scroll-y type="list"><view class="{{classPrefix}}__sidebar-item" hover-class="{{classPrefix}}--hover" hover-start-time="{{0}}" hover-stay-time="{{100}}" wx:for="{{items}}" wx:item="item" wx:key="index" data-item="{{item}}" data-index="{{index}}" aria-role="{{ ariaRole || 'button' }}" aria-label="{{item.title}}" bindtap="onItemClick"><view aria-hidden="{{true}}" wx:if="{{item.icon}}" class="{{classPrefix}}__sidebar-item-icon"><o-icon name="{{item.icon}}"/></view><view class="{{classPrefix}}__sidebar-item-title">{{item.title}}</view></view></scroll-view><view class="{{classPrefix}}__footer"><slot/><slot name="footer"/></view></view></o-popup>

package/registry/components/drawer/drawer.wxss

@@ -0,0 +1,75 @@
+@import '../common/style/index.wxss';
+
+.o-drawer {
+    background: var(--o-drawer-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    width: var(--o-drawer-width,560rpx);
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.o-drawer--hover {
+    background-color: var(--o-drawer-hover-color,var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee)));
+}
+
+.o-drawer__title {
+    font: var(--o-drawer-title-font,var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    padding: var(--o-spacer-3,48rpx) var(--o-spacer-2,32rpx) var(--o-spacer,16rpx);
+    color: var(--o-drawer-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-drawer__sidebar {
+    height: var(--o-drawer-sidebar-height,70vh);
+}
+
+.o-drawer__sidebar-item {
+    display: flex;
+    align-items: center;
+    position: relative;
+    padding-top: var(--o-drawer-item-padding,var(--o-spacer-2,32rpx));
+    padding-right: 0;
+    padding-bottom: var(--o-drawer-item-padding,var(--o-spacer-2,32rpx));
+    padding-left: var(--o-drawer-item-padding,var(--o-spacer-2,32rpx));
+    font: var(--o-font-body-large,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-drawer__sidebar-item::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: unset;
+    bottom: 0;
+    left: unset;
+    right: unset;
+    background-color: var(--o-drawer-border-color,var(--o-border-level-1-color,var(--o-gray-color-3,#dddddd)));
+}
+
+.o-drawer__sidebar-item::after {
+    height: 1px;
+    left: 0;
+    right: 0;
+    transform: scaleY(.5);
+}
+
+.o-drawer__sidebar-item::after {
+    left: var(--o-drawer-item-padding,var(--o-spacer-2,32rpx));
+}
+
+.o-drawer__sidebar-item-title {
+    flex: 1;
+    color: var(--o-drawer-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-drawer__sidebar-item-icon {
+    padding-right: var(--o-spacer,16rpx);
+    color: var(--o-drawer-item-icon-color,var(--o-drawer-title-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f))));
+    font-size: var(--o-drawer-item-icon-size,48rpx);
+}
+
+.o-drawer__footer {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: var(--o-drawer-footer-padding-bottom,40rpx);
+}
+

package/registry/components/drawer/index.js

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

package/registry/components/drawer/props.js

@@ -0,0 +1 @@
+const props={closeOnOverlayClick:{type:Boolean,value:!0},destroyOnClose:{type:Boolean,value:!1},items:{type:Array},overlayProps:{type:Object,value:{}},placement:{type:String,value:"right"},showOverlay:{type:Boolean,value:!0},title:{type:String},usingCustomNavbar:{type:Boolean,value:!1},visible:{type:Boolean,value:!1},zIndex:{type:Number,value:11500}};export default props;

package/registry/components/dropdown-item/dropdown-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";import menuProps from"../dropdown-menu/props";import{getRect}from"../common/utils";import usingConfig from"../common/mixins/using-config";const{prefix:prefix}=config,parentComponentName="dropdown-menu",componentName="dropdown-item";let DropdownMenuItem=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[usingConfig({componentName:"dropdown-menu"})],this.options={multipleSlots:!0},this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-column`,`${prefix}-class-column-item`,`${prefix}-class-column-item-label`,`${prefix}-class-footer`],this.properties=props,this.data={prefix:prefix,classPrefix:`${prefix}-${componentName}`,show:!1,top:0,maskHeight:0,initValue:null,hasChanged:!1,duration:menuProps.duration.value,zIndex:menuProps.zIndex.value,overlay:menuProps.showOverlay.value,labelAlias:"label",valueAlias:"value",computedLabel:"",firstCheckedValue:""},this.relations={"../dropdown-menu/dropdown-menu":{type:"ancestor",linked(e){const{zIndex:t,duration:o,showOverlay:a}=e.properties;this.setData({zIndex:t,duration:o,showOverlay:a})}}},this.controlledProps=[{key:"value",event:"change"}],this.observers={keys(e){this.setData({labelAlias:e.label||"label",valueAlias:e.value||"value"})},value(e){const{options:t,labelAlias:o,valueAlias:a}=this.data;if(this.data.multiple&&!Array.isArray(e))throw TypeError("value doit être un tableau (mode multiple)");const s=t.find(t=>t[a]===e);s?this.setData({computedLabel:s[o]}):this.setData({computedLabel:""})},"label, computedLabel, disabled"(){var e;null===(e=this.$parent)||void 0===e||e.getAllItems()},show(e){e&&this.getParentBottom(()=>{this.setData({wrapperVisible:!0})})}},this.methods={closeDropdown(){var e;null===(e=this.$parent)||void 0===e||e.setData({activeIdx:-1}),this.setData({show:!1}),this.triggerEvent("close")},getParentBottom(e){getRect(this.$parent,`#${prefix}-bar`).then(t=>{this.setData({top:t.bottom,maskHeight:t.top},e)})},handleTreeClick(e){const{level:t,value:o}=e.currentTarget.dataset,{value:a}=this.data;a[t]=o,this._trigger("change",{value:a})},handleRadioChange(e){const{value:t}=e.detail;if(this._trigger("change",{value:t}),this.data.multiple){const e=this.data.options.find(e=>t.includes(e.value));e&&(this.data.firstCheckedValue=e.value)}else this.closeDropdown()},handleMaskClick(){var e;(null===(e=this.$parent)||void 0===e?void 0:e.properties.closeOnClickOverlay)&&this.closeDropdown()},handleReset(){this._trigger("change",{value:[]}),this._trigger("reset")},handleConfirm(){this._trigger("confirm",{value:this.data.value}),this.closeDropdown(),this.setData({firstCheckedValue:this.data.firstCheckedValue})},onLeaved(){this.setData({wrapperVisible:!1})}}}};DropdownMenuItem=__decorate([wxComponent()],DropdownMenuItem);export default DropdownMenuItem;

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

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

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

@@ -0,0 +1 @@
+<wxs module="_this" src="./index.wxs"/><wxs module="_" src="../common/utils.wxs"/><view wx:if="{{wrapperVisible}}" class="{{classPrefix}} class {{prefix}}-class" style="{{_._style([_this.getStyles(top, zIndex), style, customStyle])}}"><view class="{{ classPrefix }}__mask" hidden="{{!show}}" style="{{_._style(['height:' + maskHeight + 'px', style, customStyle])}}" bind:tap="handleMaskClick" catchtouchmove="closeDropdown"></view><o-popup visible="{{show}}" z-index="{{zIndex + 1}}" duration="{{duration}}" show-overlay="{{showOverlay}}" custom-style="position: absolute" overlay-props="{{ { style: 'position: absolute' } }}" bind:leaved="onLeaved" bind:visible-change="handleMaskClick" o-class="{{classPrefix}}__popup-host" o-class-content="{{classPrefix}}__content {{prefix}}-class-content"><view class="{{classPrefix}}__body"><scroll-view wx:if="{{!multiple && options && options.length > 0}}" class="{{classPrefix}}__scroll" scroll-y scroll-into-view="id_{{value}}"><o-radio-group class="{{classPrefix}}__radio {{prefix}}-class-column" o-class="{{classPrefix}}__radio-group" style="grid-template-columns: repeat({{optionsColumns}}, 1fr)" value="{{value}}" bind:change="handleRadioChange"><view wx:for="{{options}}" wx:key="index" id="id_{{item[valueAlias]}}"><o-radio placement="{{placement}}" tabindex="0" icon="line" class="{{classPrefix}}__radio-item {{prefix}}-class-column-item" o-class="radio" o-class-label="{{prefix}}-class-column-item-label" value="{{item[valueAlias]}}" label="{{item[labelAlias]}}" disabled="{{item.disabled}}"/></view></o-radio-group></scroll-view><scroll-view wx:if="{{multiple && options && options.length > 0}}" class="{{classPrefix}}__scroll" scroll-y scroll-into-view="id_{{firstCheckedValue}}"><o-checkbox-group class="{{classPrefix}}__checkbox {{prefix}}-class-column" o-class="{{classPrefix}}__checkbox-group" style="grid-template-columns: repeat({{optionsColumns}}, 1fr)" value="{{value ? value : []}}" bind:change="handleRadioChange"><view wx:for="{{options}}" wx:key="index" id="id_{{item[valueAlias]}}"><o-checkbox tabindex="0" class="{{classPrefix}}__checkbox-item {{prefix}}-class-column-item" theme="tag" value="{{item[valueAlias]}}" label="{{item[labelAlias]}}" disabled="{{item.disabled}}"></o-checkbox></view></o-checkbox-group></scroll-view><slot/></view><view class="{{classPrefix}}__footer {{prefix}}-class-footer"><slot name="footer"/><block wx:if="{{multiple}}"><o-button block class="{{classPrefix}}__footer-btn {{classPrefix}}__reset-btn" theme="light" content="{{globalConfig.reset}}" disabled="{{value.length == 0}}" bindtap="handleReset"/><o-button block class="{{classPrefix}}__footer-btn {{classPrefix}}__confirm-btn" theme="primary" content="{{globalConfig.confirm}}" disabled="{{value.length == 0}}" bindtap="handleConfirm"/></block></view></o-popup></view>