maxit-cli 0.1.0

package/registry/components/progress/progress.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><wxs src="./progress.wxs" module="_this"/><view style="{{_._style([style, customStyle])}}" class="{{classPrefix}} class"><view wx:if="{{theme === _this.PRO_THEME.LINE}}" class="{{classPrefix }}--thin {{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class"><view aria-role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{computedProgress}}" aria-label="{{ ariaLabel || (isIOS ? _this.getIOSAriaLabel(status) : _this.getAndroidAriaLabel(status))  }}" aria-live="polite" class="{{classPrefix }}__bar" style="height: {{heightBar}}px;border-radius: {{heightBar}}px;background-color: {{bgColorBar}}"><view class="{{classPrefix }}__inner {{prefix}}-class-bar" style="background: {{colorBar}}; width: {{computedProgress + '%'}}"></view></view><view wx:if="{{label}}" class="{{classPrefix}}__info {{prefix}}-class-label" aria-hidden="{{ true }}"><template wx:if="{{_.includes(_this.STATUS, status)}}" is="icon" data="{{oClass: classPrefix + '__icon', size:'44rpx', name: _this.LINE_STATUS_ICON[status]}}"></template><text wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text></view><slot name="label"/></view><view aria-role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{computedProgress}}" aria-label="{{ ariaLabel || (isIOS ? _this.getIOSAriaLabel(status) : _this.getAndroidAriaLabel(status))  }}" aria-live="polite" wx:if="{{theme === _this.PRO_THEME.PLUMP}}" class="{{classPrefix}}__bar {{classPrefix}}--plump {{computedProgress > 10 ? classPrefix + '--over-ten': classPrefix + '--under-ten'}} {{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class" style="height: {{heightBar}}px;border-radius: {{heightBar}}px;background-color: {{bgColorBar}}"><view class="{{classPrefix}}__inner {{prefix}}-class-bar" style="background: {{colorBar}}; width: {{computedProgress}}%"><view wx:if="{{label && computedProgress > 10}}" class="{{classPrefix }}__info {{prefix}}-class-label"><text>{{ _.isString(label)? label: computedProgress + '%' }}</text></view><slot wx:if="{{computedProgress > 10}}" name="label"/></view><view wx:if="{{label && computedProgress <= 10}}" class="{{ classPrefix }}__info {{prefix}}-class-label" aria-hidden="{{ true }}"><text>{{ _.isString(label)? label: computedProgress + '%' }}</text></view><slot wx:if="{{computedProgress <= 10}}" name="label"/></view><view wx:if="{{theme === _this.PRO_THEME.CIRCLE}}" class="{{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class"><view aria-role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{computedProgress}}" aria-label="{{ ariaLabel || (isIOS ? _this.getIOSAriaLabel(status) : _this.getAndroidAriaLabel(status))  }}" aria-live="polite" class="{{_.cls(classPrefix + '__canvas--circle', [size])}}" style="{{_this.getCircleStyle(size, heightBar)}}; background-image: conic-gradient(from var(--o-progress-circle-from), {{colorCircle || _this.STATUS_COLOR[status] || 'var(--o-progress-inner-bg-color)'}} {{computedProgress}}%, {{bgColorBar || 'var(--o-progress-track-bg-color)'}} 0%);"><view class="{{classPrefix}}__canvas--inner {{prefix}}-class-bar"><view wx:if="{{label}}" class="{{classPrefix}}__info {{prefix}}-class-label" aria-hidden="{{ true }}"><template wx:if="{{_.includes(_this.STATUS, status)}}" is="icon" data="{{oClass: classPrefix + '__icon', size:'96rpx', name: _this.CIRCLE_STATUS_ICON[status]}}"></template><text wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text></view><slot name="label"/></view></view></view></view>

package/registry/components/progress/progress.wxs

@@ -0,0 +1,80 @@
+var utils = require('../common/utils.wxs');
+
+var STATUS = ['success', 'error', 'warning'];
+var STATUS_TEXT = ['success', 'error', 'warning', 'active'];
+
+var PRO_THEME = {
+  LINE: 'line',
+  PLUMP: 'plump',
+  CIRCLE: 'circle',
+};
+
+var STATUS_COLOR = {
+  success: '#00a870',
+  error: '#e34d59',
+  warning: '#ed7b2f',
+};
+
+var LINE_STATUS_ICON = {
+  success: 'check-circle-filled',
+  error: 'error-circle-filled',
+  warning: 'error-circle-filled',
+};
+
+var CIRCLE_STATUS_ICON = {
+  success: 'check',
+  error: 'close',
+  warning: 'error',
+};
+
+/**
+ *
+ * 1. getIOSAriaLabel， getAndroidAriaLabel 两个函数的初衷是处理progress异常情况的文案识别。
+ * 2. iOS可以识别%，而安卓不会识别%，如 80， iOS可以识别成 80%， 而安卓只会80，因此android部分做了一个% 拼接，后续看是否有更好的方案去解决。
+ * 3. 安卓 talkback 版本为 8.1.0.278818032 ，只会读一次 80， 最新版本talkback 会读 80.0, 80。（目前也是一个痛点，啰嗦了）
+ *
+ */
+
+function getIOSAriaLabel(status) {
+  if (status === 'error') {
+    return 'Échec';
+  }
+  if (status === 'warning') {
+    return 'Anomalie';
+  }
+  return '';
+}
+
+function getAndroidAriaLabel(status) {
+  if (status === 'error') {
+    return '%' + ', échec';
+  }
+  if (status === 'warning') {
+    return '%' + ', anomalie';
+  }
+  return '%';
+}
+
+function getCircleStyle(size, strokeWidth) {
+  var styles = {
+    '--o-progress-stroke-circle-width': utils.addUnit(strokeWidth),
+  };
+
+  if (!utils.includes(['default', 'micro'], size)) {
+    styles['--o-progress-circle-width'] = utils.addUnit(size);
+  }
+
+  return utils._style(styles);
+}
+
+module.exports = {
+  STATUS: STATUS,
+  STATUS_TEXT: STATUS_TEXT,
+  PRO_THEME: PRO_THEME,
+  STATUS_COLOR: STATUS_COLOR,
+  LINE_STATUS_ICON: LINE_STATUS_ICON,
+  CIRCLE_STATUS_ICON: CIRCLE_STATUS_ICON,
+  getAndroidAriaLabel: getAndroidAriaLabel,
+  getIOSAriaLabel: getIOSAriaLabel,
+  getCircleStyle: getCircleStyle,
+};

package/registry/components/progress/progress.wxss

@@ -0,0 +1,161 @@
+@import '../common/style/index.wxss';
+
+.o-progress {
+    --o-progress-inner-bg-color: var(--o-brand-color, var(--o-primary-color-7, #f16e00));
+    --o-progress-track-bg-color: var(--o-bg-color-component, var(--o-gray-color-3, #dddddd));
+    --o-progress-circle-from: 0deg;
+}
+
+.o-progress__inner {
+    position: relative;
+    height: 100%;
+    background: var(--o-progress-inner-bg-color,var(--o-brand-color,var(--o-primary-color-7,#f16e00)));
+    border-radius: var(--o-radius-round,999px);
+    transition: all var(--o-anim-duration-base,.2s) var(--o-anim-time-fn-easing,cubic-bezier(.38,0,.24,1));
+}
+
+.o-progress__bar {
+    width: 100%;
+    height: var(--o-progress-line-stroke-width,12rpx);
+    overflow: hidden;
+    background: var(--o-progress-track-bg-color,var(--o-bg-color-component,var(--o-gray-color-3,#dddddd)));
+    border-radius: var(--o-radius-round,999px);
+}
+
+.o-progress__info {
+    padding-left: var(--o-spacer,16rpx);
+    box-sizing: border-box;
+    color: var(--o-progress-info-dark-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    white-space: nowrap;
+    display: inline-flex;
+}
+
+.o-progress--thin {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.o-progress--thin .o-progress__icon {
+    font-size: calc(var(--o-font-size-base,28rpx) + 2px);
+}
+
+.o-progress--plump {
+    height: var(--o-progress-stroke-plump-width,40rpx);
+    border-radius: calc(var(--o-progress-stroke-plump-width,40rpx)/ 2);
+    display: flex;
+    align-items: center;
+}
+
+.o-progress--plump .o-progress__info {
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-progress--over-ten .o-progress__info {
+    position: absolute;
+    top: 50%;
+    right: var(--o-spacer,16rpx);
+    color: var(--o-progress-info-light-color,var(--o-text-color-anti,var(--o-font-white-1,#fff)));
+    transform: translateY(-50%);
+}
+
+.o-progress--under-ten .o-progress__info,
+.o-progress--under-ten .o-progress__inner {
+    display: inline-block;
+}
+
+.o-progress--under-ten .o-progress__info {
+    vertical-align: top;
+}
+
+.o-progress__canvas--circle {
+    position: relative;
+    width: var(--o-progress-circle-width,224rpx);
+    height: var(--o-progress-circle-width,224rpx);
+    border-radius: var(--o-radius-circle,50%);
+}
+
+.o-progress__canvas--circle .o-progress__canvas--inner {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    width: calc(100% - var(--o-progress-stroke-circle-width,12rpx)*2);
+    height: calc(100% - var(--o-progress-stroke-circle-width,12rpx)*2);
+    border-radius: var(--o-radius-circle,50%);
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--o-progress-circle-inner-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-progress__canvas--circle .o-progress__info {
+    margin: 0;
+    padding: 0;
+    font: var(--o-progress-circle-label-font,var(--o-font-title-extraLarge,600 40rpx / 56rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial)));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+.o-progress__canvas--circle--micro {
+    --o-progress-circle-width: 48rpx;
+    --o-progress-stroke-circle-width: 4rpx;
+    --o-progress-circle-icon-size: 40rpx;
+}
+
+.o-progress--status--active .o-progress__inner::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    content: '';
+    animation: progress-active-animation 2s cubic-bezier(.23,.99,.86,.2) infinite;
+    background: var(--o-progress-inner-bg-color-active,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    opacity: .2;
+}
+
+.o-progress--status--success .o-progress__inner {
+    background: var(--o-progress-inner-bg-color-success,var(--o-success-color,var(--o-success-color-5,#028702)));
+}
+
+.o-progress--status--success .o-progress__icon {
+    color: var(--o-success-color,var(--o-success-color-5,#028702));
+}
+
+.o-progress--status--warning .o-progress__inner {
+    background: var(--o-progress-inner-bg-color-warning,var(--o-warning-color,var(--o-warning-color-5,#e37318)));
+}
+
+.o-progress--status--warning .o-progress__icon {
+    color: var(--o-warning-color,var(--o-warning-color-5,#e37318));
+}
+
+.o-progress--status--error .o-progress__inner {
+    background: var(--o-progress-inner-bg-color-error,var(--o-error-color,var(--o-error-color-6,#cd3c14)));
+}
+
+.o-progress--status--error .o-progress__icon {
+    color: var(--o-error-color,var(--o-error-color-6,#cd3c14));
+}
+
+@keyframes progress-active-animation {
+    0% {
+        width: 0;
+        opacity: .1;
+    }
+    35% {
+        width: 50%;
+        opacity: .4;
+    }
+    100% {
+        width: 100%;
+        opacity: 0;
+    }
+}
+

package/registry/components/progress/props.js

@@ -0,0 +1 @@
+const props={color:{type:null,value:""},label:{type:null,value:!0},percentage:{type:Number,value:0},size:{type:null,value:"default"},status:{type:String},strokeWidth:{type:null},theme:{type:String,value:"line"},trackColor:{type:String,value:""}};export default props;

package/registry/components/progress/utils.js

@@ -0,0 +1 @@
+import{__rest}from"../common/tslib";export function getBackgroundColor(r){if("string"==typeof r)return r;if(Array.isArray(r))return r[0]&&"#"===r[0][0]&&r.unshift("90deg"),`linear-gradient( ${r.join(",")} )`;const{from:t,to:e,direction:n="to right"}=r,i=__rest(r,["from","to","direction"]);let o=Object.keys(i);if(o.length){o=o.sort((r,t)=>parseFloat(r.substr(0,r.length-1))-parseFloat(t.substr(0,t.length-1)));return`linear-gradient(${n}, ${o.map(r=>`${i[r]} ${r}`).join(",")})`}return`linear-gradient(${n}, ${t}, ${e})`}

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

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

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

@@ -0,0 +1,13 @@
+// o-purchase-card: Purchase detail card (Figma "Purchase Detail card"): service, event or favorite.
+const props = {
+  // service | event | favorite
+  type: { type: String, value: 'service' },
+  thumbnail: { type: String, value: '' },
+  title: { type: String, value: '' },
+  subtitle: { type: String, value: '' },
+  // Left text of the bottom line (status, date)
+  info: { type: String, value: '' },
+  link: { type: String, value: '' },
+  favorite: { type: Boolean, value: true },
+};
+export default props;

package/registry/components/purchase-card/purchase-card.js

@@ -0,0 +1,40 @@
+import { __decorate } from '../common/tslib';
+import { SuperComponent, wxComponent } from '../common/src/index';
+import config from '../common/config';
+import props from './props';
+
+const { prefix } = config;
+const name = `${prefix}-purchase-card`;
+
+// Derived data, recomputed when a property changes and once when attached
+// (the runtime may skip observers for initial property values).
+const observers = {
+  favorite(value) { this.setData({ _favorite: value }); },
+};
+
+let PurchaseCard = class PurchaseCard extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name, _favorite: true };
+    this.observers = observers;
+    this.lifetimes = {
+      attached() {
+        Object.keys(observers).forEach((key) => observers[key].call(this, this.properties[key]));
+      },
+    };
+    this.methods = {
+      onMenu() { this.triggerEvent('menu'); },
+      onLink() { this.triggerEvent('link'); },
+      onFavorite() {
+        const favorite = !this.data._favorite;
+        this.setData({ _favorite: favorite });
+        this.triggerEvent('favorite-change', { favorite });
+      },
+    };
+  }
+};
+PurchaseCard = __decorate([wxComponent()], PurchaseCard);
+export default PurchaseCard;

package/registry/components/purchase-card/purchase-card.json

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

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

@@ -0,0 +1,22 @@
+<view class="o-surface o-surface--outlined o-purchase-card class {{prefix}}-class" style="{{style}} {{customStyle}}">
+  <view class="o-pad">
+    <view class="o-row o-row--top">
+      <view class="o-thumb o-purchase-card__thumb">
+        <image wx:if="{{thumbnail}}" class="o-thumb__image" src="{{thumbnail}}" mode="aspectFill" />
+      </view>
+      <view class="o-grow">
+        <view class="o-txt-title">{{title}}</view>
+        <view wx:if="{{subtitle}}" class="o-txt-small">{{subtitle}}</view>
+      </view>
+      <o-icon wx:if="{{type === 'favorite'}}" name="{{_favorite ? 'heart-filled' : 'heart'}}" o-class="o-purchase-card__heart" bind:click="onFavorite" />
+      <o-icon wx:else name="more" o-class="o-purchase-card__menu" bind:click="onMenu" />
+    </view>
+    <block wx:if="{{type !== 'favorite' && (info || link)}}">
+      <view class="o-hr" />
+      <view class="o-row">
+        <view class="o-grow o-txt-small">{{info}}</view>
+        <view wx:if="{{link}}" class="o-link" bind:tap="onLink">{{link}}</view>
+      </view>
+    </block>
+  </view>
+</view>

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

@@ -0,0 +1,19 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Purchase detail card (Figma "Purchase Detail card"): service, event or favorite. */
+.o-purchase-card__thumb {
+    width: 80rpx;
+    height: 80rpx;
+    margin-right: 24rpx;
+}
+
+.o-purchase-card__menu,
+.o-purchase-card__heart {
+    margin-left: 16rpx;
+    font-size: 44rpx;
+}
+
+.o-purchase-card__heart {
+    color: var(--o-scheme-primary, #f16e00);
+}

package/registry/components/qrcode/components/qrcode-canvas/props.js

@@ -0,0 +1 @@
+import{DEFAULT_MARGIN_SIZE,DEFAULT_NEED_MARGIN,DEFAULT_BACKGROUND_COLOR,DEFAULT_FRONT_COLOR}from"../../../common/shared/qrcode/utils";export default{value:{type:String,value:""},icon:{type:String,value:""},size:{type:Number,value:160},iconSize:{type:null,value:40},level:{type:String,value:"M"},bgColor:{type:String,value:DEFAULT_BACKGROUND_COLOR},color:{type:String,value:DEFAULT_FRONT_COLOR},includeMargin:{type:Boolean,value:DEFAULT_NEED_MARGIN},marginSize:{type:Number,value:DEFAULT_MARGIN_SIZE}};

package/registry/components/qrcode/components/qrcode-canvas/qrcode-canvas.js

@@ -0,0 +1 @@
+import{__awaiter,__decorate}from"../../../common/tslib";import props from"./props";import useQRCode from"../../hooks/useQRCode";import{SuperComponent,wxComponent}from"../../../common/src/index";import{DEFAULT_MINVERSION,excavateModules}from"../../../common/shared/qrcode/utils";let QRCode=class extends SuperComponent{constructor(){super(...arguments),this.properties=props,this.lifetimes={ready(){this.checkDefaultValue(),this.initCanvas()}},this.observers={"**":function(){this.checkDefaultValue(),this.initCanvas()}},this.methods={initCanvas(){return __awaiter(this,void 0,void 0,function*(){this.createSelectorQuery().select("#qrcodeCanvas").fields({node:!0,size:!0}).exec(e=>__awaiter(this,void 0,void 0,function*(){var t;if(!(null===(t=e[0])||void 0===t?void 0:t.node))return;const i=e[0].node,o=i.getContext("2d");yield this.drawQrcode(i,o)}))})},drawQrcode(e,t){var i;return __awaiter(this,void 0,void 0,function*(){if(!t)return;const{value:o,icon:r,size:a,iconSize:l,level:s,bgColor:n,color:c,includeMargin:d,marginSize:h}=this.properties,u=this.getSizeProp(l);try{const l=useQRCode({value:o,level:s,minVersion:DEFAULT_MINVERSION,includeMargin:d,marginSize:h,size:a,imageSettings:r?{src:r,width:u.width,height:u.height,excavate:!0}:void 0}),g=wx.getWindowInfo().pixelRatio||1;e.width=a*g,e.height=a*g;const m=a*g/l.numCells;t.scale(m,m),t.fillStyle=n,t.fillRect(0,0,l.numCells,l.numCells);let v=l.cells;if(r&&(null===(i=l.calculatedImageSettings)||void 0===i?void 0:i.excavation)&&(v=excavateModules(l.cells,l.calculatedImageSettings.excavation)),t.fillStyle=c,v.forEach((e,i)=>{e.forEach((e,o)=>{e&&t.fillRect(o+l.margin,i+l.margin,1.05,1.05)})}),r&&l.calculatedImageSettings){const i=e.createImage();yield new Promise((e,t)=>{i.onload=e,i.onerror=t,i.src=this.properties.icon}),t.drawImage(i,l.calculatedImageSettings.x+l.margin,l.calculatedImageSettings.y+l.margin,l.calculatedImageSettings.w,l.calculatedImageSettings.h)}this.triggerEvent("drawCompleted")}catch(e){this.triggerEvent("drawError",{error:e})}})},getSizeProp:e=>e?"number"==typeof e?{width:e,height:e}:{width:e.width,height:e.height}:{width:0,height:0},checkDefaultValue(){const e={bgColor:"",color:""};let t=!1;const{bgColor:i,color:o}=this.properties,{bgColor:r,color:a}=props;""===i&&r.value&&(e.bgColor=r.value,t=!0),""===o&&a.value&&(e.color=a.value,t=!0),t&&this.setData(e)},getCanvasNode(){return new Promise(e=>{this.createSelectorQuery().select("#qrcodeCanvas").fields({node:!0,size:!0}).exec(t=>{var i;e(null===(i=t[0])||void 0===i?void 0:i.node)})})}}}};QRCode=__decorate([wxComponent()],QRCode);export default QRCode;

package/registry/components/qrcode/components/qrcode-canvas/qrcode-canvas.json

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

package/registry/components/qrcode/components/qrcode-canvas/qrcode-canvas.wxml

@@ -0,0 +1 @@
+<canvas type="2d" class="o-qrcode__canvas class" id="qrcodeCanvas"></canvas>

package/registry/components/qrcode/components/qrcode-canvas/qrcode-canvas.wxss

@@ -0,0 +1,10 @@
+@import '../../../common/style/index.wxss';
+
+canvas {
+    width: 100%;
+    height: 100%;
+    align-self: stretch;
+    min-width: 0;
+    flex: auto;
+}
+

package/registry/components/qrcode/components/qrcode-status/props.js

@@ -0,0 +1 @@
+export default{status:{type:String,value:""},locale:{type:Object,value:{expiredText:"QR code expiré",refreshText:"Actualiser",scannedText:"Scanné"}},statusRender:{type:Boolean,value:!1}};

package/registry/components/qrcode/components/qrcode-status/qrcode-status.js

@@ -0,0 +1 @@
+import{__decorate}from"../../../common/tslib";import props from"./props";import config from"../../../common/config";import{SuperComponent,wxComponent}from"../../../common/src/index";const{prefix:prefix}=config,name=`${prefix}-qrcode`;let QRCode=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.properties=Object.assign(Object.assign({},props),{statusRender:{type:Boolean,value:!1}}),this.data={prefix:prefix,classPrefix:name,isSkyline:!1},this.lifetimes={attached(){this.setData({isSkyline:"skyline"===this.renderer})}},this.methods={handleRefresh(){this.triggerEvent("refresh")}}}};QRCode=__decorate([wxComponent()],QRCode);export default QRCode;

package/registry/components/qrcode/components/qrcode-status/qrcode-status.json

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

package/registry/components/qrcode/components/qrcode-status/qrcode-status.wxml

@@ -0,0 +1 @@
+<block wx:if="{{statusRender}}"><slot name="statusRender"/></block><block wx:else><view wx:if="{{status === 'expired'}}" class="{{prefix}}-expired"><view class="{{prefix}}-expired__text">{{locale.expiredText}}<view class="{{prefix}}-expired__button" bindtap="handleRefresh"><o-icon name="refresh" size="36rpx"/>{{locale.refreshText}}</view></view></view><view wx:elif="{{status === 'loading'}}" class="{{prefix}}-loading-container"><o-loading size="64rpx" theme="{{isSkyline ? 'spinner' : 'circular'}}"/></view><view wx:elif="{{status === 'scanned'}}" class="{{prefix}}-scanned"><o-icon name="check-circle-filled" class="{{prefix}}-scanned__icon" size="44rpx"/>{{locale.scannedText}}</view></block>

package/registry/components/qrcode/components/qrcode-status/qrcode-status.wxss

@@ -0,0 +1,32 @@
+@import '../../../common/style/index.wxss';
+
+.o-expired__text {
+    color: var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f));
+    font-weight: 600;
+}
+
+.o-expired__button {
+    display: flex;
+    color: var(--o-brand-color,var(--o-primary-color-7,#f16e00));
+    box-shadow: none;
+    cursor: pointer;
+    column-gap: 8px;
+    align-items: center;
+    height: 32px;
+    transition: all .2s cubic-bezier(.215,.61,.355,1);
+}
+
+.o-expired__button:hover {
+    color: var(--o-brand-color-active,var(--o-primary-color-8,#cd5e00));
+}
+
+.o-scanned {
+    display: flex;
+    column-gap: 8px;
+    align-items: center;
+}
+
+.o-scanned__icon {
+    color: var(--o-success-color,var(--o-success-color-5,#028702));
+}
+

package/registry/components/qrcode/hooks/useQRCode.js

@@ -0,0 +1 @@
+import{QrCode,QrSegment}from"../../common/shared/qrcode/qrcodegen";import{ERROR_LEVEL_MAP,getImageSettings,getMarginSize}from"../../common/shared/qrcode/utils";const useQRCode=e=>{const{value:t,level:n,minVersion:r,includeMargin:g,marginSize:o,imageSettings:m,size:i}=e,s=(()=>{const e=QrSegment.makeSegments(t);return QrCode.encodeSegments(e,ERROR_LEVEL_MAP[n],r)})(),a=s.getModules(),d=getMarginSize(g,o),c=getImageSettings(a,i,d,m);return{cells:a,margin:d,numCells:a.length+2*d,calculatedImageSettings:c,qrcode:s}};export default useQRCode;

package/registry/components/qrcode/index.js

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

package/registry/components/qrcode/props.js

@@ -0,0 +1 @@
+const props={bgColor:{type:String,value:""},borderless:{type:Boolean,value:!1},color:{type:String,value:""},icon:{type:String,value:""},iconSize:{type:null,value:40},level:{type:String,value:"M"},size:{type:Number,value:160},status:{type:String,value:"active"},value:{type:String,value:""}};export default props;

package/registry/components/qrcode/qrcode.js

@@ -0,0 +1 @@
+import{__awaiter,__decorate}from"../common/tslib";import props from"./props";import config from"../common/config";import{SuperComponent,wxComponent}from"../common/src/index";import usingConfig from"../common/mixins/using-config";const{prefix:prefix}=config,componentName="qrcode";let QRCode=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[usingConfig({componentName:"qrcode"})],this.externalClasses=[`${prefix}-class`,`${prefix}-class-canvas`],this.options={multipleSlots:!0},this.properties=Object.assign(Object.assign({},props),{statusRender:{type:Boolean,value:!1}}),this.data={prefix:prefix,showMask:!1,classPrefix:`${prefix}-qrcode`,canvasReady:!1},this.lifetimes={ready(){return __awaiter(this,void 0,void 0,function*(){const e=this.selectComponent("#qrcodeCanvas"),s=yield e.getCanvasNode();this.setData({canvasNode:s})})},attached(){this.setData({showMask:"active"!==this.properties.status})}},this.observers={status:function(e){this.setData({showMask:"active"!==e})}},this.methods={init(){const e=this.selectComponent("#qrcodeCanvas");e&&e.initCanvas()},handleDrawCompleted(){this.setData({canvasReady:!0})},handleDrawError(e){console.error("Échec du dessin du QR code",e)},handleRefresh(){this.triggerEvent("refresh")},handleDownload(){return __awaiter(this,void 0,void 0,function*(){this.data.canvasNode?wx.canvasToTempFilePath({canvas:this.data.canvasNode,success:e=>{wx.saveImageToPhotosAlbum({filePath:e.tempFilePath})},fail:e=>{console.error("canvasToTempFilePath failed",e)}},this):console.error("Élément canvas introuvable")})}}}};QRCode=__decorate([wxComponent()],QRCode);export default QRCode;

package/registry/components/qrcode/qrcode.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"qrcode-canvas":"./components/qrcode-canvas/qrcode-canvas","qrcode-status":"./components/qrcode-status/qrcode-status"}}

package/registry/components/qrcode/qrcode.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle])}} width:{{size}}px; height: {{size}}px; background-color: {{bgColor}};" class="{{classPrefix}} {{borderless ? prefix+'-'+'borderless' : ''}} class {{prefix}}-class"><qrcode-canvas id="qrcodeCanvas" class="{{prefix}}-class-canvas" size="{{size}}" value="{{value}}" level="{{level}}" color="{{color}}" bg-color="{{bgColor}}" icon="{{icon}}" icon-size="{{iconSize}}" bind:drawError="handleDrawError" bind:drawCompleted="handleDrawCompleted"></qrcode-canvas><block wx:if="{{showMask && canvasReady}}"><view class="{{prefix}}-mask"><qrcode-status status="{{status}}" bind:refresh="handleRefresh" status-render="{{statusRender}}" locale="{{globalConfig}}"><slot name="statusRender" slot="statusRender"></slot></qrcode-status></view></block></view>

package/registry/components/qrcode/qrcode.wxss

@@ -0,0 +1,36 @@
+@import '../common/style/index.wxss';
+
+.o-qrcode {
+    position: relative;
+    display: flex;
+    box-sizing: border-box;
+    background-color: var(--o-bg-color-container,var(--o-font-white-1,#fff));
+    padding: var(--o-spacer-1,24rpx);
+    border-radius: var(--o-radius-default,12rpx);
+    border: 1px solid var(--o-component-border,var(--o-gray-color-4,#dddddd));
+}
+
+.o-qrcode.o-borderless {
+    border-color: transparent;
+}
+
+.o-qrcode .o-mask {
+    left: 0;
+    top: 0;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    z-index: 300;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    color: var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f));
+    background-color: var(--o-mask-background,rgba(255,255,255,.96));
+    text-align: center;
+    border-radius: var(--o-radius-default,12rpx);
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+

package/registry/components/quick-action/index.js

@@ -0,0 +1,2 @@
+export * from './props';
+export * from './quick-action';

package/registry/components/quick-action/props.js

@@ -0,0 +1,10 @@
+// o-quick-action: Quick action (Figma "Quick actions"): gray icon tile with a label, big illustration tile or dark banner.
+const props = {
+  // tile | big | banner
+  variant: { type: String, value: 'tile' },
+  icon: { type: String, value: 'image' },
+  image: { type: String, value: '' },
+  label: { type: String, value: '' },
+  badge: { type: String, value: '' },
+};
+export default props;

package/registry/components/quick-action/quick-action.js

@@ -0,0 +1,22 @@
+import { __decorate } from '../common/tslib';
+import { SuperComponent, wxComponent } from '../common/src/index';
+import config from '../common/config';
+import props from './props';
+
+const { prefix } = config;
+const name = `${prefix}-quick-action`;
+
+let QuickAction = class QuickAction extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name };
+    this.methods = {
+      onTap() { this.triggerEvent('click'); },
+    };
+  }
+};
+QuickAction = __decorate([wxComponent()], QuickAction);
+export default QuickAction;

package/registry/components/quick-action/quick-action.json

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

package/registry/components/quick-action/quick-action.wxml

@@ -0,0 +1,15 @@
+<view class="o-quick-action o-quick-action--{{variant}} class {{prefix}}-class" style="{{style}} {{customStyle}}" bind:tap="onTap">
+  <block wx:if="{{variant === 'banner'}}">
+    <view class="o-quick-action__banner-deco" />
+    <o-icon name="{{icon}}" o-class="o-quick-action__banner-icon" />
+    <text class="o-quick-action__banner-label">{{label}}</text>
+  </block>
+  <block wx:else>
+    <view class="o-quick-action__box">
+      <image wx:if="{{image}}" class="o-thumb__image" src="{{image}}" mode="aspectFill" />
+      <o-icon wx:else name="{{icon}}" />
+      <view wx:if="{{badge}}" class="o-quick-action__badge">{{badge}}</view>
+    </view>
+    <text class="o-quick-action__label">{{label}}</text>
+  </block>
+</view>

package/registry/components/quick-action/quick-action.wxss

@@ -0,0 +1,80 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Quick action (Figma "Quick actions"): gray icon tile with a label, big illustration tile or dark banner. */
+.o-quick-action {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--o-scheme-on-surface, #1c1b1f);
+}
+
+.o-quick-action__box {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 112rpx;
+    height: 112rpx;
+    border-radius: 24rpx;
+    background-color: var(--o-scheme-surface-variant, #eee);
+    color: var(--o-scheme-on-surface-variant, #444748);
+    font-size: 64rpx;
+}
+
+.o-quick-action--big .o-quick-action__box {
+    width: 100%;
+    height: 320rpx;
+}
+
+.o-quick-action__badge {
+    position: absolute;
+    top: -8rpx;
+    right: -8rpx;
+    min-width: 32rpx;
+    height: 32rpx;
+    padding: 0 8rpx;
+    box-sizing: border-box;
+    border-radius: 999px;
+    background-color: var(--o-static-canary, #fc0);
+    color: var(--o-static-on-canary, #000);
+    text-align: center;
+    font: var(--o-type-label-small, 500 22rpx / 32rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-quick-action__label {
+    margin-top: 8rpx;
+    text-align: center;
+    font: var(--o-type-label-medium, 500 24rpx / 32rpx var(--o-font-family, Roboto, Arial));
+}
+
+.o-quick-action--banner {
+    flex-direction: row;
+    height: 160rpx;
+    padding: 0 32rpx;
+    overflow: hidden;
+    border-radius: 24rpx;
+    background-color: var(--o-static-primary-fixed, #242424);
+    color: #fff;
+}
+
+.o-quick-action__banner-deco {
+    position: absolute;
+    right: -40rpx;
+    top: -40rpx;
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 50%;
+    background-color: var(--o-scheme-primary, #f16e00);
+    opacity: .8;
+}
+
+.o-quick-action__banner-icon {
+    margin-right: 16rpx;
+    font-size: 64rpx;
+}
+
+.o-quick-action__banner-label {
+    font: var(--o-type-title-medium, 500 32rpx / 48rpx var(--o-font-family, Roboto, Arial));
+}

package/registry/components/radio/index.js

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

package/registry/components/radio/props.js

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