maxit-cli 0.1.0

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

@@ -0,0 +1,23 @@
+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}-bill-card`;
+
+let BillCard = class BillCard extends SuperComponent {
+  constructor() {
+    super(...arguments);
+    this.externalClasses = [`${prefix}-class`];
+    this.options = { multipleSlots: true };
+    this.properties = props;
+    this.data = { prefix, classPrefix: name };
+    this.methods = {
+      onLink() { this.triggerEvent('link'); },
+      onDownload() { this.triggerEvent('download'); },
+    };
+  }
+};
+BillCard = __decorate([wxComponent()], BillCard);
+export default BillCard;

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

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

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

@@ -0,0 +1,30 @@
+<view class="o-surface o-surface--outlined o-bill-card o-bill-card--{{status}} class {{prefix}}-class" style="{{style}} {{customStyle}}">
+  <view class="o-pad">
+    <view class="o-row o-row--top">
+      <view class="o-bill-card__icon">
+        <image wx:if="{{thumbnail}}" class="o-thumb__image" src="{{thumbnail}}" mode="aspectFill" />
+        <o-icon wx:else name="{{icon}}" />
+      </view>
+      <view class="o-grow">
+        <view wx:if="{{overline}}" class="o-txt-overline">{{overline}}</view>
+        <view class="o-txt-title o-txt-title--1">{{title}}</view>
+      </view>
+      <view wx:if="{{tag}}" class="o-pill o-pill--black">{{tag}}</view>
+    </view>
+    <view class="o-bill-card__rows">
+      <view wx:for="{{rows}}" wx:key="index" class="o-kv">
+        <text class="o-kv__label">{{item.label}}</text><text class="o-kv__value">{{item.value}}</text>
+      </view>
+    </view>
+    <view class="o-hr" />
+    <view class="o-row">
+      <view wx:if="{{linkText}}" class="o-link" bind:tap="onLink">{{linkText}}</view>
+      <o-icon wx:if="{{download}}" name="download" o-class="o-bill-card__download" bind:click="onDownload" />
+      <view class="o-grow" />
+      <view class="o-bill-card__amount">
+        <text class="o-amount">{{amount}}</text><text class="o-amount__currency">{{currency}}</text>
+      </view>
+      <view wx:if="{{amountTag}}" class="o-pill o-pill--yellow o-bill-card__tag">{{amountTag}}</view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,33 @@
+@import '../common/style/index.wxss';
+@import '../common/style/card.wxss';
+
+/* Bill card (Figma "Card_Bills"): header with tag, key/value lines, link, download, amount and status tag. */
+.o-bill-card__icon {
+    flex: none;
+    width: 64rpx;
+    height: 64rpx;
+    margin-right: 24rpx;
+    font-size: 64rpx;
+}
+
+.o-bill-card__rows {
+    margin-top: 24rpx;
+}
+
+.o-bill-card__download {
+    margin-left: 24rpx;
+    font-size: 44rpx;
+}
+
+.o-bill-card__amount {
+    padding-left: 24rpx;
+    border-left: 2rpx solid var(--o-scheme-outline-variant, #ddd);
+}
+
+.o-bill-card__amount .o-amount {
+    font-size: 36rpx;
+}
+
+.o-bill-card__tag {
+    margin-left: 16rpx;
+}

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

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

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

@@ -0,0 +1,18 @@
+// o-bill-card: Bill card (Figma "Card_Bills"): header with tag, key/value lines, link, download, amount and status tag.
+const props = {
+  // unpaid (link + download + amount) or paid
+  status: { type: String, value: 'unpaid' },
+  icon: { type: String, value: 'image' },
+  thumbnail: { type: String, value: '' },
+  overline: { type: String, value: '' },
+  title: { type: String, value: '' },
+  tag: { type: String, value: '' },
+  // [{ label, value }]
+  rows: { type: Array, value: [] },
+  linkText: { type: String, value: '' },
+  download: { type: Boolean, value: true },
+  amount: { type: String, value: '' },
+  currency: { type: String, value: 'FCFA' },
+  amountTag: { type: String, value: '' },
+};
+export default props;

package/registry/components/button/button.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{calcIcon}from"../common/utils";const{prefix:prefix}=config,name=`${prefix}-button`;let Button=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-icon`,`${prefix}-class-loading`],this.behaviors=["wx://form-field-button"],this.properties=props,this.options={multipleSlots:!0},this.data={prefix:prefix,className:"",classPrefix:name},this.observers={"theme, size, plain, block, shape, disabled, loading, variant"(){this.setClass()},icon(t){this.setData({_icon:calcIcon(t,"")})}},this.lifetimes={attached(){this.setClass()}},this.methods={setClass(){const t=[name,`${prefix}-class`,`${name}--${this.data.variant||"base"}`,`${name}--${this.data.theme||"default"}`,`${name}--${this.data.shape||"rectangle"}`,`${name}--size-${this.data.size||"medium"}`];this.data.block&&t.push(`${name}--block`),this.data.disabled&&t.push(`${name}--disabled`),this.data.ghost&&t.push(`${name}--ghost`),this.setData({className:t.join(" ")})},getuserinfo(t){this.triggerEvent("getuserinfo",t.detail)},contact(t){this.triggerEvent("contact",t.detail)},createliveactivity(t){this.triggerEvent("createliveactivity",t.detail)},getphonenumber(t){this.triggerEvent("getphonenumber",t.detail)},getrealtimephonenumber(t){this.triggerEvent("getrealtimephonenumber",t.detail)},error(t){this.triggerEvent("error",t.detail)},opensetting(t){this.triggerEvent("opensetting",t.detail)},launchapp(t){this.triggerEvent("launchapp",t.detail)},chooseavatar(t){this.triggerEvent("chooseavatar",t.detail)},agreeprivacyauthorization(t){this.triggerEvent("agreeprivacyauthorization",t.detail)},phoneoneclicklogin(t){this.triggerEvent("phoneoneclicklogin",t.detail)},handleTap(t){this.data.disabled||this.data.loading||this.triggerEvent("tap",t)}}}};Button=__decorate([wxComponent()],Button);export default Button;

package/registry/components/button/button.json

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

package/registry/components/button/button.wxml

@@ -0,0 +1 @@
+<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><button id="{{oId}}" style="{{_._style([style, customStyle])}}" data-custom="{{customDataset}}" class="class {{className}}" activity-type="{{activityType ? activityType : ''}}" entrance-path="{{entrancePath}}" form-type="{{disabled || loading ? '' : type}}" open-type="{{disabled || loading ? '' : openType}}" hover-stop-propagation="{{hoverStopPropagation}}" hover-start-time="{{hoverStartTime}}" hover-stay-time="{{hoverStayTime}}" lang="{{lang}}" need-show-entrance="{{needShowEntrance}}" session-from="{{sessionFrom}}" hover-class="{{disabled || loading ? '' : (hoverClass || classPrefix + '--hover')}}" send-message-title="{{sendMessageTitle}}" send-message-path="{{sendMessagePath}}" send-message-img="{{sendMessageImg}}" app-parameter="{{appParameter}}" show-message-card="{{showMessageCard}}" phone-number-no-quota-toast="{{phoneNumberNoQuotaToast}}" catch:tap="handleTap" bind:getuserinfo="getuserinfo" bind:contact="contact" bind:createliveactivity="createliveactivity" bind:getphonenumber="getphonenumber" bind:getrealtimephonenumber="getrealtimephonenumber" bind:error="error" bind:opensetting="opensetting" bind:launchapp="launchapp" bind:chooseavatar="chooseavatar" bind:agreeprivacyauthorization="agreeprivacyauthorization" bindphoneoneclicklogin="phoneoneclicklogin" aria-label="{{ariaLabel}}"><template wx:if="{{_icon}}" is="icon" data="{{oClass: classPrefix + '__icon ' + prefix + '-class-icon', ariaHidden: true, name: iconName, ..._icon}}"/><o-loading wx:if="{{loading}}" delay="{{loadingProps.delay || 0}}" duration="{{loadingProps.duration || 800}}" indicator="{{loadingProps.indicator || true}}" inheritColor="{{loadingProps.inheritColor || true}}" layout="{{loadingProps.layout || 'horizontal'}}" pause="{{loadingProps.pause || false}}" progress="{{loadingProps.progress || 0}}" reverse="{{loadingProps.reverse || false}}" size="{{loadingProps.size || '40rpx'}}" text="{{loadingProps.text || '' }}" theme="{{loadingProps.theme || 'circular'}}" loading o-class="{{classPrefix}}__loading {{classPrefix}}__loading--wrapper" o-class-indicator="{{classPrefix}}__loading--indicator {{prefix}}-class-loading"/><view class="{{classPrefix}}__content"><slot name="content"/><block wx:if="{{content}}">{{content}}</block><slot/></view><slot name="suffix"/></button>