maxit-cli 0.1.0

package/registry/components/text/text.wxss

@@ -0,0 +1,151 @@
+@import '../common/style/index.wxss';
+
+.o-typography {
+    color: var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f));
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin: var(--o-spacer-2,32rpx) 0;
+}
+
+.o-typography--h1 {
+    font: var(--o-font-headline-large,600 72rpx / 88rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-4,64rpx);
+    margin-bottom: var(--o-spacer-3,48rpx);
+}
+
+.o-typography--h2 {
+    font: var(--o-font-headline-medium,600 56rpx / 72rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-4,64rpx);
+    margin-bottom: var(--o-spacer-3,48rpx);
+}
+
+.o-typography--h3 {
+    font: var(--o-font-headline-small,600 48rpx / 64rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-4,64rpx);
+    margin-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-typography--h4 {
+    font: var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-3,48rpx);
+    margin-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-typography--h5 {
+    font: var(--o-font-title-medium,600 32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-3,48rpx);
+    margin-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-typography--h6 {
+    font: var(--o-font-title-small,600 28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-typography strong,
+.o-typography--strong {
+    font-weight: 600;
+}
+
+.o-typography mark,
+.o-typography--mark {
+    background-color: #fcdf47;
+}
+
+.o-typography code,
+.o-typography--code {
+    border-radius: var(--o-radius-default,12rpx);
+    border: 1px solid var(--o-component-border,var(--o-gray-color-4,#dddddd));
+    margin: 0 var(--o-spacer,16rpx);
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+    padding: 0 var(--o-spacer,16rpx);
+    transition: background-color .2s;
+    white-space: nowrap;
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    font-family: Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei;
+    display: inline-block;
+}
+
+.o-typography kbd,
+.o-typography--keyboard {
+    border-radius: var(--o-radius-default,12rpx);
+    border: 1px solid var(--o-component-border,var(--o-gray-color-4,#dddddd));
+    margin: 0 calc(var(--o-spacer,16rpx)/ 2);
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+    padding: 0 var(--o-spacer,16rpx);
+    box-shadow: 0 1px 0 0 var(--o-component-border,var(--o-gray-color-4,#dddddd));
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    font-family: Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei;
+    display: inline-block;
+}
+
+.o-typography--disabled {
+    color: var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26)));
+    cursor: not-allowed;
+}
+
+.o-typography--success {
+    color: var(--o-success-color,var(--o-success-color-5,#028702));
+}
+
+.o-typography--warning {
+    color: var(--o-warning-color,var(--o-warning-color-5,#e37318));
+}
+
+.o-typography--error {
+    color: var(--o-error-color,var(--o-error-color-6,#cd3c14));
+}
+
+.o-typography--secondary {
+    color: var(--o-text-color-secondary,var(--o-font-gray-2,#444748));
+}
+
+.o-typography .o-icon-copy,
+.o-typography-ellipsis-symbol {
+    color: var(--o-brand-color,var(--o-primary-color-7,#f16e00));
+    cursor: pointer;
+}
+
+.o-typography .o-icon-checked {
+    color: var(--o-success-color,var(--o-success-color-5,#028702));
+}
+
+.o-typography i,
+.o-typography--italic {
+    font-style: italic;
+}
+
+.o-typography u,
+.o-typography--underline {
+    text-decoration: underline;
+}
+
+.o-typography del,
+.o-typography--delete {
+    text-decoration: line-through;
+}
+
+.o-typography__ellipsis-wrapper {
+    display: flex;
+    align-items: flex-end;
+}
+
+.o-typography__ellipsis-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+}
+
+.o-typography-ellipsis-symbol {
+    text-decoration: none;
+    white-space: nowrap;
+    flex: 1;
+}
+
+.o-typography__copy {
+    display: inline-flex;
+    align-items: center;
+    margin-left: var(--o-spacer,16rpx);
+    flex-shrink: 0;
+}
+

package/registry/components/textarea/index.js

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

package/registry/components/textarea/props.js

@@ -0,0 +1 @@
+const props={variant:{type:String,value:"outlined"},size:{type:String,value:"medium"},adjustPosition:{type:Boolean,value:!0},allowInputOverMax:{type:Boolean,value:!1},autofocus:{type:Boolean,value:!1},autosize:{type:null,value:!1},bordered:{type:Boolean,value:!1},confirmHold:{type:Boolean,value:!1},confirmType:{type:String,value:"return"},cursor:{type:Number,value:-1},cursorColor:{type:String,value:"#f16e00"},cursorSpacing:{type:Number,value:0},disableDefaultPadding:{type:Boolean,value:!1},disabled:{type:null,value:void 0},fixed:{type:Boolean,value:!1},focus:{type:Boolean,value:!1},holdKeyboard:{type:Boolean,value:!1},indicator:{type:Boolean,value:!1},label:{type:String},maxcharacter:{type:Number},maxlength:{type:Number,value:-1},placeholder:{type:String,value:void 0},placeholderClass:{type:String,value:"textarea-placeholder"},placeholderStyle:{type:String,value:""},readonly:{type:null,value:void 0},selectionEnd:{type:Number,value:-1},selectionStart:{type:Number,value:-1},showConfirmBar:{type:Boolean,value:!0},value:{type:null,value:null},defaultValue:{type:null}};export default props;

package/registry/components/textarea/textarea.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{getCharacterLength}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-textarea`;let Textarea=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.behaviors=["wx://form-field"],this.externalClasses=[`${prefix}-class`,`${prefix}-class-textarea`,`${prefix}-class-label`,`${prefix}-class-indicator`],this.properties=props,this.data={prefix:prefix,classPrefix:name,count:0},this.observers={value(e){this.updateCount(null!=e?e:this.properties.defaultValue)}},this.lifetimes={ready(){var e;const{value:t,defaultValue:a}=this.properties;this.updateValue(null!==(e=null!=t?t:a)&&void 0!==e?e:"")}},this.methods={updateCount(e){const{maxcharacter:t,maxlength:a}=this.properties,{count:r}=this.calculateValue(e,t,a);this.setData({count:r})},updateValue(e){const{maxcharacter:t,maxlength:a}=this.properties,{value:r,count:s}=this.calculateValue(e,t,a);this.setData({value:r,count:s})},calculateValue(e,t,a){const{allowInputOverMax:r}=this.properties;if(t>0&&!Number.isNaN(t)){const{length:a,characters:s}=getCharacterLength("maxcharacter",e,r?1/0:t);return{value:s,count:a}}if(a>0&&!Number.isNaN(a)){const{length:t,characters:s}=getCharacterLength("maxlength",e,r?1/0:a);return{value:s,count:t}}return{value:e,count:e?String(e).length:0}},onInput(e){const{value:t,cursor:a}=e.detail;this.updateValue(t),this.triggerEvent("change",{value:this.data.value,cursor:a})},onFocus(e){this.setData({_focused:!0}),this.triggerEvent("focus",Object.assign({},e.detail))},onBlur(e){this.setData({_focused:!1}),this.triggerEvent("blur",Object.assign({},e.detail))},onConfirm(e){this.triggerEvent("enter",Object.assign({},e.detail))},onLineChange(e){this.triggerEvent("line-change",Object.assign({},e.detail))},onKeyboardHeightChange(e){this.triggerEvent("keyboardheightchange",e.detail)}}}};Textarea=__decorate([wxComponent()],Textarea);export default Textarea;

package/registry/components/textarea/textarea.json

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

package/registry/components/textarea/textarea.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><wxs src="./textarea.wxs" module="_this"/><view style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{bordered? classPrefix + '--border' : ''}} {{variant === 'outlined' ? classPrefix + '--outlined ' + classPrefix + '--size-' + size : ''}} {{_focused ? classPrefix + '--focused' : ''}} class {{prefix}}-class"><view class="{{classPrefix}}__label {{prefix}}-class-label"><block wx:if="{{label}}">{{ label }}</block><slot name="label"/></view><view class="{{classPrefix}}__wrapper"><textarea class="{{classPrefix}}__wrapper-inner {{disabled? prefix + '-is-disabled' : ''}} {{prefix}}-class-textarea" style="{{_this.textareaStyle(autosize)}}" maxlength="{{allowInputOverMax ? -1 : maxlength}}" disabled="{{disabled || readonly}}" placeholder="{{placeholder}}" placeholder-class="{{classPrefix}}__placeholder {{placeholderClass}}" placeholder-style="{{placeholderStyle}}" value="{{value}}" auto-height="{{!!autosize}}" auto-focus="{{autofocus}}" fixed="{{fixed}}" focus="{{focus}}" cursor="{{cursor}}" cursor-spacing="{{cursorSpacing}}" cursor-color="{{cursorColor}}" adjust-position="{{adjustPosition}}" confirm-type="{{confirmType}}" confirm-hold="{{confirmHold}}" disable-default-padding="{{disableDefaultPadding}}" show-confirm-bar="{{showConfirmBar}}" selection-start="{{selectionStart}}" selection-end="{{selectionEnd}}" hold-keyboard="{{holdKeyboard}}" bindinput="onInput" bindfocus="onFocus" bindblur="onBlur" bindconfirm="onConfirm" bindlinechange="onLineChange" bind:keyboardheightchange="onKeyboardHeightChange"/><view wx:if="{{indicator && (maxcharacter > 0 || maxlength > 0 )}}" class="{{classPrefix}}__indicator {{prefix}}-class-indicator">{{count}} / {{maxcharacter || maxlength}}</view></view></view>

package/registry/components/textarea/textarea.wxs

@@ -0,0 +1,15 @@
+var utils = require('../common/utils.wxs');
+
+function textareaStyle(autosize) {
+  if (autosize && autosize.constructor === 'Object') {
+    return utils._style({
+      'min-height': utils.addUnit(autosize.minHeight),
+      'max-height': utils.addUnit(autosize.maxHeight),
+    });
+  }
+  return '';
+}
+
+module.exports = {
+  textareaStyle: textareaStyle,
+};

package/registry/components/textarea/textarea.wxss

@@ -0,0 +1,151 @@
+@import '../common/style/index.wxss';
+
+.o-textarea {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    padding: var(--o-textarea-padding,var(--o-spacer-2,32rpx));
+    background-color: var(--o-textarea-background-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+}
+
+.o-textarea__label:not(:empty) {
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    color: var(--o-textarea-label-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+    flex-shrink: 0;
+    padding-bottom: var(--o-spacer,16rpx);
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.o-textarea__wrapper {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    flex: 1 1 auto;
+    overflow: hidden;
+}
+
+.o-textarea__wrapper-inner {
+    flex: 1 1 auto;
+    box-sizing: border-box;
+    width: inherit;
+    min-width: 0;
+    min-height: 20px;
+    margin: 0;
+    padding: 0;
+    text-align: left;
+    background-color: transparent;
+    border: 0;
+    resize: none;
+    font: var(--o-font-body-large,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    color: var(--o-textarea-text-color,var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f)));
+}
+
+.o-textarea__placeholder {
+    color: var(--o-textarea-placeholder-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea__indicator:not(:empty) {
+    flex-shrink: 0;
+    color: var(--o-textarea-indicator-text-color,var(--o-text-color-placeholder,var(--o-font-gray-3,#8d8d8d)));
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    text-align: right;
+    padding-top: var(--o-spacer,16rpx);
+}
+
+.o-textarea--border {
+    border-radius: var(--o-textarea-border-radius,var(--o-radius-default,12rpx));
+    position: relative;
+}
+
+.o-textarea--border::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2rpx solid var(--o-textarea-border-color,var(--o-component-border,var(--o-gray-color-4,#dddddd)));
+    border-radius: inherit;
+    pointer-events: none;
+}
+
+.o-textarea .o-is-disabled {
+    color: var(--o-textarea-disabled-text-color,var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26))));
+}
+
+.o-textarea--outlined {
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    margin: var(--o-textarea-outlined-label-offset,20rpx) 0 0;
+    overflow: visible;
+    border: var(--o-textarea-outlined-border-width,2rpx) solid var(--o-textarea-outlined-border-color,#dddddd);
+    border-radius: var(--o-textarea-outlined-radius,16rpx);
+}
+
+.o-textarea--outlined .o-textarea__label:not(:empty) {
+    position: absolute;
+    top: 0;
+    left: var(--o-textarea-outlined-label-left,24rpx);
+    transform: translateY(-50%);
+    max-width: calc(100% - 48rpx);
+    margin: 0;
+    padding: 0 12rpx;
+    background-color: var(--o-textarea-bg-color,var(--o-bg-color-container,var(--o-font-white-1,#fff)));
+    color: var(--o-textarea-outlined-label-color,var(--o-text-color-primary,#000));
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.o-textarea--outlined.o-textarea--size-small {
+    padding: var(--o-textarea-small-padding,20rpx 24rpx);
+}
+
+.o-textarea--outlined.o-textarea--size-small .o-textarea__label:not(:empty) {
+    font: var(--o-textarea-small-label-font,24rpx / 36rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea--outlined.o-textarea--size-small .o-textarea__wrapper-inner,
+.o-textarea--outlined.o-textarea--size-small .o-textarea__placeholder {
+    font: var(--o-textarea-small-font,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea--outlined.o-textarea--size-medium {
+    padding: var(--o-textarea-medium-padding,32rpx 32rpx);
+}
+
+.o-textarea--outlined.o-textarea--size-medium .o-textarea__label:not(:empty) {
+    font: var(--o-textarea-medium-label-font,28rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea--outlined.o-textarea--size-medium .o-textarea__wrapper-inner,
+.o-textarea--outlined.o-textarea--size-medium .o-textarea__placeholder {
+    font: var(--o-textarea-medium-font,32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea--outlined.o-textarea--size-large {
+    padding: var(--o-textarea-large-padding,40rpx 32rpx);
+}
+
+.o-textarea--outlined.o-textarea--size-large .o-textarea__label:not(:empty) {
+    font: var(--o-textarea-large-label-font,32rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea--outlined.o-textarea--size-large .o-textarea__wrapper-inner,
+.o-textarea--outlined.o-textarea--size-large .o-textarea__placeholder {
+    font: var(--o-textarea-large-font,36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-textarea--outlined.o-textarea--focused {
+    border-color: var(--o-brand-color,#f16e00);
+    box-shadow: inset 0 0 0 calc(var(--o-input-outlined-focus-width,4rpx) - 2rpx) var(--o-brand-color,#f16e00);
+}
+
+.o-textarea--outlined.o-textarea--focused .o-textarea__label:not(:empty) {
+    color: var(--o-brand-color,#f16e00);
+}
+

package/registry/components/ticket/index.js

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

package/registry/components/ticket/props.js

@@ -0,0 +1,19 @@
+// o-ticket: Event / invitation ticket (Figma "Ticket"): header, name and price, perforated separator, QR code.
+const props = {
+  // event (with ticket name and price) or invitation
+  type: { type: String, value: 'event' },
+  thumbnail: { type: String, value: '' },
+  title: { type: String, value: '' },
+  subtitle: { type: String, value: '' },
+  meta: { type: String, value: '' },
+  subtitle2: { type: String, value: '' },
+  nameLabel: { type: String, value: 'Billet' },
+  name: { type: String, value: '' },
+  priceLabel: { type: String, value: 'Prix' },
+  amount: { type: String, value: '' },
+  currency: { type: String, value: 'FCFA' },
+  code: { type: String, value: '' },
+  number: { type: String, value: '' },
+  numberLabel: { type: String, value: 'Numéro du billet' },
+};
+export default props;

package/registry/components/ticket/ticket.js

@@ -0,0 +1,19 @@
+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}-ticket`;
+
+let Ticket = class Ticket extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name };
+  }
+};
+Ticket = __decorate([wxComponent()], Ticket);
+export default Ticket;

package/registry/components/ticket/ticket.json

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

package/registry/components/ticket/ticket.wxml

@@ -0,0 +1,31 @@
+<view class="o-surface o-surface--outlined o-ticket class {{prefix}}-class" style="{{style}} {{customStyle}}">
+  <view class="o-pad">
+    <view class="o-row o-row--top">
+      <view class="o-thumb">
+        <image wx:if="{{thumbnail}}" class="o-thumb__image" src="{{thumbnail}}" mode="aspectFill" />
+        <o-icon wx:else name="image" />
+      </view>
+      <view class="o-grow o-ticket__heading">
+        <view class="o-txt-title">{{title}}</view>
+        <view wx:if="{{subtitle}}" class="o-txt-body">{{subtitle}}</view>
+        <view wx:if="{{meta}}" class="o-txt-meta">{{meta}}</view>
+        <view wx:if="{{subtitle2}}" class="o-txt-body">{{subtitle2}}</view>
+      </view>
+    </view>
+    <view wx:if="{{type === 'event'}}" class="o-row o-ticket__info">
+      <view class="o-grow">
+        <view class="o-txt-body">{{nameLabel}}</view>
+        <view class="o-ticket__value">{{name}}</view>
+      </view>
+      <view class="o-ticket__right">
+        <view class="o-txt-body">{{priceLabel}}</view>
+        <view class="o-ticket__value">{{amount}} <text class="o-amount__currency">{{currency}}</text></view>
+      </view>
+    </view>
+  </view>
+  <view class="o-ticket__cut" />
+  <view class="o-ticket__code">
+    <o-qrcode wx:if="{{code}}" value="{{code}}" size="{{140}}" borderless />
+    <view wx:if="{{number}}" class="o-txt-body o-ticket__number">{{numberLabel}} : {{number}}</view>
+  </view>
+</view>

package/registry/components/ticket/ticket.wxss

@@ -0,0 +1,57 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Event / invitation ticket (Figma "Ticket"): header, name and price, perforated separator, QR code. */
+.o-ticket__heading {
+    margin-left: 24rpx;
+}
+
+.o-ticket__info {
+    margin-top: 40rpx;
+}
+
+.o-ticket__right {
+    text-align: right;
+}
+
+.o-ticket__value {
+    font: var(--o-type-body-large, 400 32rpx / 48rpx var(--o-font-family, Roboto, Arial));
+}
+
+/* Perforated line with two half-circle notches cut into the card edges */
+.o-ticket__cut {
+    position: relative;
+    margin: 8rpx 32rpx;
+    border-top: 2rpx dashed var(--o-scheme-outline-variant, #ddd);
+}
+
+.o-ticket__cut::before,
+.o-ticket__cut::after {
+    content: '';
+    position: absolute;
+    top: -18rpx;
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 50%;
+    border: 2rpx solid var(--o-scheme-outline-variant, #ddd);
+    background-color: var(--o-ticket-notch-color, var(--o-scheme-background, #fff));
+}
+
+.o-ticket__cut::before {
+    left: -50rpx;
+}
+
+.o-ticket__cut::after {
+    right: -50rpx;
+}
+
+.o-ticket__code {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 32rpx;
+}
+
+.o-ticket__number {
+    margin-top: 16rpx;
+}

package/registry/components/title/index.js

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

package/registry/components/title/props.js

@@ -0,0 +1 @@
+const props={content:{type:String},ellipsis:{type:null,value:!1},level:{type:String,value:"h1"}};export default props;

package/registry/components/title/title.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 usingConfig from"../common/mixins/using-config";const{prefix:prefix}=config,componentName="typography";let Title=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[usingConfig({componentName:"typography"})],this.externalClasses=[`${prefix}-class`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:`${prefix}-typography`,isExpanded:!1},this.methods={onExpand(){this.setData({isExpanded:!0});const{ellipsis:e}=this.properties;"object"==typeof e&&this.triggerEvent("expand",{expanded:!0})},onCollapse(){this.setData({isExpanded:!1});const{ellipsis:e}=this.properties;"object"==typeof e&&this.triggerEvent("expand",{expanded:!1})}}}};Title=__decorate([wxComponent()],Title);export default Title;

package/registry/components/title/title.json

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

package/registry/components/title/title.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><wxs src="../common/typography/typography.wxs" module="_this"/><import src="../common/typography/ellipsis.wxml"/><view class="{{classPrefix}} {{classPrefix}}--{{level}} {{prefix}}-class {{_this.wrapperClass(classPrefix, ellipsis)}}" style="{{_._style([style, customStyle])}}"><view wx:if="{{ellipsis}}" class="{{classPrefix}}__ellipsis-content" style="{{_this.ellipsisStyle(ellipsis, isExpanded)}}"><text wx:if="{{content}}">{{content}}</text><slot wx:else/></view><block wx:else><text wx:if="{{content}}">{{content}}</text><slot wx:else/></block><template is="ellipsis-toggle" data="{{ellipsis, isExpanded, classPrefix, globalConfig}}"/></view>

package/registry/components/title/title.wxss

@@ -0,0 +1,151 @@
+@import '../common/style/index.wxss';
+
+.o-typography {
+    color: var(--o-text-color-primary,var(--o-font-gray-1,#1c1b1f));
+    font: var(--o-font-body-medium,28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin: var(--o-spacer-2,32rpx) 0;
+}
+
+.o-typography--h1 {
+    font: var(--o-font-headline-large,600 72rpx / 88rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-4,64rpx);
+    margin-bottom: var(--o-spacer-3,48rpx);
+}
+
+.o-typography--h2 {
+    font: var(--o-font-headline-medium,600 56rpx / 72rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-4,64rpx);
+    margin-bottom: var(--o-spacer-3,48rpx);
+}
+
+.o-typography--h3 {
+    font: var(--o-font-headline-small,600 48rpx / 64rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-4,64rpx);
+    margin-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-typography--h4 {
+    font: var(--o-font-title-large,600 36rpx / 52rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-3,48rpx);
+    margin-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-typography--h5 {
+    font: var(--o-font-title-medium,600 32rpx / 48rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    margin-top: var(--o-spacer-3,48rpx);
+    margin-bottom: var(--o-spacer-2,32rpx);
+}
+
+.o-typography--h6 {
+    font: var(--o-font-title-small,600 28rpx / 44rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+}
+
+.o-typography strong,
+.o-typography--strong {
+    font-weight: 600;
+}
+
+.o-typography mark,
+.o-typography--mark {
+    background-color: #fcdf47;
+}
+
+.o-typography code,
+.o-typography--code {
+    border-radius: var(--o-radius-default,12rpx);
+    border: 1px solid var(--o-component-border,var(--o-gray-color-4,#dddddd));
+    margin: 0 var(--o-spacer,16rpx);
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+    padding: 0 var(--o-spacer,16rpx);
+    transition: background-color .2s;
+    white-space: nowrap;
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    font-family: Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei;
+    display: inline-block;
+}
+
+.o-typography kbd,
+.o-typography--keyboard {
+    border-radius: var(--o-radius-default,12rpx);
+    border: 1px solid var(--o-component-border,var(--o-gray-color-4,#dddddd));
+    margin: 0 calc(var(--o-spacer,16rpx)/ 2);
+    background-color: var(--o-bg-color-secondarycontainer,var(--o-gray-color-1,#eeeeee));
+    padding: 0 var(--o-spacer,16rpx);
+    box-shadow: 0 1px 0 0 var(--o-component-border,var(--o-gray-color-4,#dddddd));
+    font: var(--o-font-body-small,24rpx / 40rpx var(--o-font-family,Roboto,PingFang SC,Microsoft YaHei,Arial));
+    font-family: Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei;
+    display: inline-block;
+}
+
+.o-typography--disabled {
+    color: var(--o-text-color-disabled,var(--o-font-gray-4,rgba(0,0,0,.26)));
+    cursor: not-allowed;
+}
+
+.o-typography--success {
+    color: var(--o-success-color,var(--o-success-color-5,#028702));
+}
+
+.o-typography--warning {
+    color: var(--o-warning-color,var(--o-warning-color-5,#e37318));
+}
+
+.o-typography--error {
+    color: var(--o-error-color,var(--o-error-color-6,#cd3c14));
+}
+
+.o-typography--secondary {
+    color: var(--o-text-color-secondary,var(--o-font-gray-2,#444748));
+}
+
+.o-typography .o-icon-copy,
+.o-typography-ellipsis-symbol {
+    color: var(--o-brand-color,var(--o-primary-color-7,#f16e00));
+    cursor: pointer;
+}
+
+.o-typography .o-icon-checked {
+    color: var(--o-success-color,var(--o-success-color-5,#028702));
+}
+
+.o-typography i,
+.o-typography--italic {
+    font-style: italic;
+}
+
+.o-typography u,
+.o-typography--underline {
+    text-decoration: underline;
+}
+
+.o-typography del,
+.o-typography--delete {
+    text-decoration: line-through;
+}
+
+.o-typography__ellipsis-wrapper {
+    display: flex;
+    align-items: flex-end;
+}
+
+.o-typography__ellipsis-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+}
+
+.o-typography-ellipsis-symbol {
+    text-decoration: none;
+    white-space: nowrap;
+    flex: 1;
+}
+
+.o-typography__copy {
+    display: inline-flex;
+    align-items: center;
+    margin-left: var(--o-spacer,16rpx);
+    flex-shrink: 0;
+}
+

package/registry/components/toast/index.js

@@ -0,0 +1 @@
+import{__rest}from"../common/tslib";import{getInstance}from"../common/utils";function Toast(t){var o;const{context:s,selector:e="#o-toast"}=t,n=__rest(t,["context","selector"]),a=getInstance(s,e);a&&a.show(Object.assign(Object.assign({},n),{duration:null!==(o=n.duration)&&void 0!==o?o:2e3}))}function showToast(t={}){Toast(t)}function hideToast(t={}){const{context:o,selector:s="#o-toast"}=t,e=getInstance(o,s);e&&e.hide()}export{Toast as default,showToast,hideToast};

package/registry/components/toast/props.js

@@ -0,0 +1 @@
+const props={direction:{type:String,value:"row"},duration:{type:Number,value:2e3},icon:{type:null},message:{type:String},overlayProps:{type:Object},placement:{type:String,value:"middle"},preventScrollThrough:{type:Boolean,value:!1},showOverlay:{type:Boolean,value:!1},theme:{type:String},usingCustomNavbar:{type:Boolean,value:!1}};export default props;

package/registry/components/toast/toast.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 transition from"../common/mixins/transition";import{calcIcon}from"../common/utils";import useCustomNavbar from"../common/mixins/using-custom-navbar";const{prefix:prefix}=config,name=`${prefix}-toast`;let Toast=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`],this.options={multipleSlots:!0},this.behaviors=[transition(),useCustomNavbar],this.hideTimer=null,this.data={prefix:prefix,classPrefix:name,typeMapIcon:""},this.properties=props,this.lifetimes={detached(){this.destroyed()}},this.pageLifetimes={hide(){this.hide()}},this.methods={show(e){this.hideTimer&&clearTimeout(this.hideTimer);const i={loading:"loading",success:"check-circle",warning:"error-circle",error:"close-circle"}[null==e?void 0:e.theme],t={direction:props.direction.value,duration:props.duration.value,icon:props.icon.value,message:props.message.value,placement:props.placement.value,preventScrollThrough:props.preventScrollThrough.value,theme:props.theme.value,close:null},o=Object.assign(Object.assign(Object.assign({},t),e),{visible:!0,isLoading:"loading"===(null==e?void 0:e.theme),_icon:calcIcon(null!=i?i:e.icon)}),{duration:s}=o;this.setData(o),s>0&&(this.hideTimer=setTimeout(()=>{this.hide()},s))},hide(){var e,i;this.data.visible&&(this.setData({visible:!1}),null===(i=null===(e=this.data)||void 0===e?void 0:e.close)||void 0===i||i.call(e),this.triggerEvent("close"))},destroyed(){this.hideTimer&&(clearTimeout(this.hideTimer),this.hideTimer=null),this.triggerEvent("destory")},loop(){}}}};Toast=__decorate([wxComponent()],Toast);export default Toast;

package/registry/components/toast/toast.json

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