luna-mobile-weapp 0.0.1

package/miniprogram_dist/button/index.wxml

@@ -0,0 +1,5 @@
+<button class="ln-button ln-button--{type} ln-button--{size}" disabled="{{disabled}}" class="{{round? 'is-round' : ''}}" class="{{plain? 'is-plain' : ''}}" class="{{disabled? 'is-disabled' : ''}}" bindtap="onclick">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}  </block>
+</button>

package/miniprogram_dist/button/index.wxss

@@ -0,0 +1 @@
+.ln-button{appearance:none;-webkit-appearance:none;outline:none;margin:0;padding:0;background:none;border:none;line-height:inherit}.ln-button::after{display:none}.ln-button{display:inline-flex;align-items:center;justify-content:center;height:72rpx;padding:0 32rpx;font-size:28rpx;font-weight:500;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:16rpx;background-color:rgba(0,0,0,0);color:#303133;cursor:pointer;user-select:none;transition:background-color .25s,border-color .25s,color .25s}.ln-button--default{color:#303133;background-color:#fff;border-color:#cdd0d6}.ln-button--default:active:not(:disabled),.ln-button--default.is-active{color:#0062ff;background-color:#e6eeff;border-color:#0062ff}.ln-button--default.is-plain{background-color:rgba(0,0,0,0)}.ln-button--default.is-plain:active:not(:disabled),.ln-button--default.is-plain.is-active{color:#0062ff;border-color:#0062ff}.ln-button--primary{background-color:#0062ff;border-color:#0062ff;color:#fff}.ln-button--primary:active:not(:disabled),.ln-button--primary.is-active{background-color:#0044b8;border-color:#0044b8}.ln-button--primary.is-plain{color:#0062ff;background-color:#f2f6ff;border-color:#ccdfff}.ln-button--primary.is-plain:active:not(:disabled),.ln-button--primary.is-plain.is-active{color:#fff;background-color:#0044b8;border-color:#0044b8}.ln-button--success{background-color:#31c27c;border-color:#31c27c;color:#fff}.ln-button--success:active:not(:disabled),.ln-button--success.is-active{background-color:#279b63;border-color:#279b63}.ln-button--success.is-plain{color:#31c27c;background-color:#eaf9f2;border-color:#c1edd8}.ln-button--success.is-plain:active:not(:disabled),.ln-button--success.is-plain.is-active{color:#fff;background-color:#279b63;border-color:#279b63}.ln-button--warning{background-color:#ff974a;border-color:#ff974a;color:#fff}.ln-button--warning:active:not(:disabled),.ln-button--warning.is-active{background-color:#cc793b;border-color:#cc793b}.ln-button--warning.is-plain{color:#ff974a;background-color:#fff5ed;border-color:#ffe0c9}.ln-button--warning.is-plain:active:not(:disabled),.ln-button--warning.is-plain.is-active{color:#fff;background-color:#cc793b;border-color:#cc793b}.ln-button--danger{background-color:#fc5a5a;border-color:#fc5a5a;color:#fff}.ln-button--danger:active:not(:disabled),.ln-button--danger.is-active{background-color:#ba2b2e;border-color:#ba2b2e}.ln-button--danger.is-plain{color:#fc5a5a;background-color:#fff1f0;border-color:#ffccc7}.ln-button--danger.is-plain:active:not(:disabled),.ln-button--danger.is-plain.is-active{color:#fff;background-color:#ba2b2e;border-color:#ba2b2e}.ln-button--info{background-color:#92929d;border-color:#92929d;color:#fff}.ln-button--info:active:not(:disabled),.ln-button--info.is-active{background-color:#63666f;border-color:#63666f}.ln-button--info.is-plain{color:#92929d;background-color:#f4f6fa;border-color:#d1d5db}.ln-button--info.is-plain:active:not(:disabled),.ln-button--info.is-plain.is-active{color:#fff;background-color:#63666f;border-color:#63666f}.ln-button--large{height:88rpx;padding:0 40rpx;font-size:34rpx}.ln-button--small{height:56rpx;padding:0 24rpx;font-size:26rpx}.ln-button.is-round{border-radius:19998rpx}.ln-button.is-disabled{opacity:.5;cursor:not-allowed}.ln-button[disabled]{opacity:.5}.ln-button[disabled].ln-button--default{background-color:#fff;color:#303133;border-color:#cdd0d6}.ln-button[disabled].ln-button--primary{background-color:#0062ff;border-color:#0062ff;color:#fff}.ln-button[disabled].ln-button--success{background-color:#31c27c;border-color:#31c27c;color:#fff}.ln-button[disabled].ln-button--warning{background-color:#ff974a;border-color:#ff974a;color:#fff}.ln-button[disabled].ln-button--danger{background-color:#fc5a5a;border-color:#fc5a5a;color:#fff}.ln-button[disabled].ln-button--info{background-color:#92929d;border-color:#92929d;color:#fff}.ln-button[disabled].is-plain.ln-button--default{background-color:rgba(0,0,0,0);color:#303133;border-color:#cdd0d6}.ln-button[disabled].is-plain.ln-button--primary{color:#0062ff;background-color:#f2f6ff;border-color:#ccdfff}.ln-button[disabled].is-plain.ln-button--success{color:#31c27c;background-color:#eaf9f2;border-color:#c1edd8}.ln-button[disabled].is-plain.ln-button--warning{color:#ff974a;background-color:#fff5ed;border-color:#ffe0c9}.ln-button[disabled].is-plain.ln-button--danger{color:#fc5a5a;background-color:#fff1f0;border-color:#ffccc7}.ln-button[disabled].is-plain.ln-button--info{color:#92929d;background-color:#f4f6fa;border-color:#d1d5db}.dark .ln-button::after{display:none}.dark .ln-button.ln-button--default{color:#e5eaf3;background-color:hsla(0,0%,100%,.08);border-color:#58585b}.dark .ln-button.ln-button--default:active:not(:disabled),.dark .ln-button.ln-button--default.is-active{color:#0062ff;background-color:rgba(0,98,255,.16);border-color:#0062ff}.dark .ln-button.ln-button--default.is-plain{background-color:rgba(0,0,0,0);border-color:#58585b}.dark .ln-button.ln-button--default.is-plain:active:not(:disabled),.dark .ln-button.ln-button--default.is-plain.is-active{color:#0062ff;background-color:rgba(0,0,0,0);border-color:#0062ff}.dark .ln-button.ln-button--primary{background-color:#0062ff;border-color:#0062ff;color:#fff}.dark .ln-button.ln-button--primary:active:not(:disabled),.dark .ln-button.ln-button--primary.is-active{background-color:#66a0ff;border-color:#66a0ff}.dark .ln-button.ln-button--primary.is-plain{color:#66a0ff;background-color:rgba(0,98,255,.12);border-color:rgba(0,98,255,.4)}.dark .ln-button.ln-button--primary.is-plain:active:not(:disabled),.dark .ln-button.ln-button--primary.is-plain.is-active{color:#fff;background-color:#66a0ff;border-color:#66a0ff}.dark .ln-button.ln-button--success{background-color:#31c27c;border-color:#31c27c;color:#fff}.dark .ln-button.ln-button--success:active:not(:disabled),.dark .ln-button.ln-button--success.is-active{background-color:#6fd4a3;border-color:#6fd4a3}.dark .ln-button.ln-button--success.is-plain{color:#6fd4a3;background-color:rgba(49,194,124,.12);border-color:rgba(49,194,124,.4)}.dark .ln-button.ln-button--success.is-plain:active:not(:disabled),.dark .ln-button.ln-button--success.is-plain.is-active{color:#fff;background-color:#6fd4a3;border-color:#6fd4a3}.dark .ln-button.ln-button--warning{background-color:#ff974a;border-color:#ff974a;color:#fff}.dark .ln-button.ln-button--warning:active:not(:disabled),.dark .ln-button.ln-button--warning.is-active{background-color:#ffb680;border-color:#ffb680}.dark .ln-button.ln-button--warning.is-plain{color:#ffb680;background-color:rgba(255,151,74,.12);border-color:rgba(255,151,74,.4)}.dark .ln-button.ln-button--warning.is-plain:active:not(:disabled),.dark .ln-button.ln-button--warning.is-plain.is-active{color:#fff;background-color:#ffb680;border-color:#ffb680}.dark .ln-button.ln-button--danger{background-color:#fc5a5a;border-color:#fc5a5a;color:#fff}.dark .ln-button.ln-button--danger:active:not(:disabled),.dark .ln-button.ln-button--danger.is-active{background-color:#ff9c9e;border-color:#ff9c9e}.dark .ln-button.ln-button--danger.is-plain{color:#ff9c9e;background-color:rgba(252,90,90,.12);border-color:rgba(252,90,90,.4)}.dark .ln-button.ln-button--danger.is-plain:active:not(:disabled),.dark .ln-button.ln-button--danger.is-plain.is-active{color:#fff;background-color:#ff9c9e;border-color:#ff9c9e}.dark .ln-button.ln-button--info{background-color:#92929d;border-color:#92929d;color:#fff}.dark .ln-button.ln-button--info:active:not(:disabled),.dark .ln-button.ln-button--info.is-active{background-color:#afadbc;border-color:#afadbc}.dark .ln-button.ln-button--info.is-plain{color:#afadbc;background-color:rgba(146,146,157,.12);border-color:rgba(146,146,157,.4)}.dark .ln-button.ln-button--info.is-plain:active:not(:disabled),.dark .ln-button.ln-button--info.is-plain.is-active{color:#fff;background-color:#afadbc;border-color:#afadbc}.dark .ln-button[disabled].ln-button--default{background-color:hsla(0,0%,100%,.08);color:#6b6f76}.dark .ln-button[disabled].is-plain{background-color:rgba(0,0,0,0)}

package/miniprogram_dist/captcha/index.js

@@ -0,0 +1,37 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    verify: {
+      type: null,
+    },
+    expireIn: {
+      type: Number,
+      value: 60000,
+    },
+    onverify: {
+      type: null,
+    },
+    onerror: {
+      type: null,
+    },
+    onexpire: {
+      type: null,
+    },
+  },
+
+  data: {
+    phase: 'idle',
+    token: '',
+  },
+
+  methods: {
+    handleClick(e) {
+      // 用户定义的处理函数
+    },
+    __handler_keydown(e) {
+      ((e: KeyboardEvent) => e.key === 'Enter' && handleClick()).call(this, e);
+    },
+  },
+
+});

package/miniprogram_dist/captcha/index.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "styleIsolation": "isolated",
+  "usingComponents": {
+    "icon": "../icon/index",
+    "loading": "../loading/index"
+  }
+}

package/miniprogram_dist/captcha/index.wxml

@@ -0,0 +1,38 @@
+<view class="ln-captcha" role="button" tabindex="0" class="{{phase === 'idle'? 'is-idle' : ''}}" class="{{phase === 'success'? 'is-success' : ''}}" class="{{phase === 'fail'? 'is-fail' : ''}}" bindtap="handleClick" bindkeydown="__handler_1">
+  <view class="ln-captcha__icon">
+    <block wx:if="{{phase === 'idle'}}">
+      <icon icon="{{ShieldCheck}}" size="{{24}}" />
+    </block>
+    <block wx:elif="{{phase === 'checking'}}">
+      <loading size="small" />
+    </block>
+    <block wx:elif="{{phase === 'success'}}">
+      <icon icon="{{CircleCheck}}" size="{{24}}" />
+    </block>
+    <block wx:elif="{{phase === 'fail'}}">
+      <icon icon="{{CircleX}}" size="{{24}}" />
+{{/if}}    </block>
+  </view>
+  <view class="ln-captcha__content" class="{{phase === 'fail'? 'is-fail' : ''}}">
+    <text class="ln-captcha__title">
+      <block wx:if="{{phase === 'idle'}}">
+点击完成安全验证      </block>
+      <block wx:elif="{{phase === 'checking'}}">
+验证中，请稍候      </block>
+      <block wx:elif="{{phase === 'success'}}">
+验证通过      </block>
+      <block wx:elif="{{phase === 'fail'}}">
+验证未通过{{/if}}      </block>
+    </text>
+    <text class="ln-captcha__desc">
+      <block wx:if="{{phase === 'success' && token}}">
+{{token.slice(0, 20)}}…      </block>
+      <block wx:elif="{{phase === 'fail'}}">
+请点击重新尝试      </block>
+      <block wx:elif="{{phase === 'checking'}}">
+正在核验，请勿关闭页面      </block>
+      <block wx:else>
+保护您的账号安全      </block>
+    </text>
+  </view>
+</view>

package/miniprogram_dist/captcha/index.wxss

@@ -0,0 +1 @@
+.ln-captcha{display:flex;align-items:center;padding:24rpx 32rpx;background-color:#fff;border-radius:16rpx;font-size:28rpx;line-height:48rpx;cursor:pointer;user-select:none;overflow:hidden;outline:none}.ln-captcha:focus-visible{outline:4rpx solid #0062ff;outline-offset:-4rpx}.ln-captcha__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80rpx;height:80rpx;line-height:0;border-radius:50%;margin-right:24rpx;background-color:#f2f6ff;color:#0062ff}.ln-captcha.is-idle .ln-captcha__icon{animation:ln-captcha-ripple .8s cubic-bezier(0.2, 0, 0.4, 1) .1s}.ln-captcha__content{flex:1;min-width:0}.ln-captcha__content.is-fail{animation:ln-captcha-shake .45s ease}.ln-captcha__title{display:block;line-height:1.2;color:#303133;font-size:28rpx;font-weight:500}.ln-captcha__desc{display:block;margin-top:4rpx;line-height:1.2;font-size:26rpx;color:#909399}.ln-captcha.is-success{cursor:default}.ln-captcha.is-success .ln-captcha__icon{background-color:#eaf9f2;color:#31c27c}.ln-captcha.is-success .ln-captcha__title{color:#31c27c}.ln-captcha.is-fail .ln-captcha__icon{background-color:#fff1f0;color:#fc5a5a}.ln-captcha.is-fail .ln-captcha__title{color:#fc5a5a}.dark .ln-captcha{background-color:#1d1e1f}.dark .ln-captcha .ln-captcha__icon{background-color:rgba(0,98,255,.15);color:#0062ff}.dark .ln-captcha .ln-captcha__icon .ln-icon{color:#0062ff}.dark .ln-captcha .ln-captcha__title{color:#e5eaf3}.dark .ln-captcha .ln-captcha__desc{color:#a3a6ad}.dark .ln-captcha.is-success .ln-captcha__icon{background-color:rgba(49,194,124,.15);color:#31c27c}.dark .ln-captcha.is-success .ln-captcha__icon .ln-icon{color:#31c27c}.dark .ln-captcha.is-success .ln-captcha__title{color:#31c27c}.dark .ln-captcha.is-fail .ln-captcha__icon{background-color:rgba(252,90,90,.15);color:#fc5a5a}.dark .ln-captcha.is-fail .ln-captcha__icon .ln-icon{color:#fc5a5a}.dark .ln-captcha.is-fail .ln-captcha__title{color:#fc5a5a}@keyframes ln-captcha-ripple{0%{box-shadow:0 0 0 0 rgba(0,98,255,.12)}100%{box-shadow:0 0 0 600rpx rgba(0,98,255,0)}}@keyframes ln-captcha-shake{0%{transform:translateX(0);opacity:0}12%{transform:translateX(0);opacity:1}25%{transform:translateX(-14rpx)}42%{transform:translateX(12rpx)}58%{transform:translateX(-8rpx)}72%{transform:translateX(6rpx)}86%{transform:translateX(-1px)}100%{transform:translateX(0);opacity:1}}

package/miniprogram_dist/card/index.js

@@ -0,0 +1,30 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    title: {
+      type: null,
+    },
+    extra: {
+      type: null,
+    },
+    shadow: {
+      type: String,
+      value: 'always',
+    },
+    bordered: {
+      type: Boolean,
+      value: false,
+    },
+    header: {
+      type: null,
+    },
+    footer: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+});

package/miniprogram_dist/card/index.json

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

package/miniprogram_dist/card/index.wxml

@@ -0,0 +1,27 @@
+<view class="ln-card" class="{{shadow === 'never'? 'ln-card--shadow-never' : ''}}" class="{{bordered? 'ln-card--bordered' : ''}}">
+  <block wx:if="{{title || extra || header}}">
+    <view class="ln-card__header">
+      <block wx:if="{{header}}">
+        <slot name="header" />
+      </block>
+      <block wx:else>
+        <text class="ln-card__title">
+{{title}}        </text>
+        <block wx:if="{{extra}}">
+          <text class="ln-card__extra">
+{{extra}}          </text>
+{{/if}}{{/if}}        </block>
+      </block>
+    </view>
+{{/if}}    <view class="ln-card__body">
+      <block wx:if="{{children}}">
+        <slot />
+{{/if}}      </block>
+    </view>
+    <block wx:if="{{footer}}">
+      <view class="ln-card__footer">
+        <slot name="footer" />
+      </view>
+{{/if}}    </block>
+  </block>
+</view>

package/miniprogram_dist/card/index.wxss

@@ -0,0 +1 @@
+.ln-card{background-color:#fff;border-radius:16rpx;overflow:hidden;box-shadow:none}.ln-card__header{display:flex;align-items:center;justify-content:space-between;padding:32rpx;border-bottom:1px solid #e4e7ed}.ln-card__title{font-size:32rpx;font-weight:500;color:#303133}.ln-card__extra{font-size:26rpx;color:#909399}.ln-card__body{padding:32rpx}.ln-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:16rpx;padding:16rpx 32rpx;border-top:1px solid #e4e7ed}.ln-card--shadow-never{box-shadow:none}.ln-card--bordered{border:1px solid #e4e7ed;box-shadow:none}.dark .ln-card{background-color:#1d1e1f;box-shadow:none}.dark .ln-card .ln-card__header{border-color:hsla(0,0%,100%,.08)}.dark .ln-card .ln-card__title{color:#e5eaf3}.dark .ln-card .ln-card__extra{color:#a3a6ad}.dark .ln-card .ln-card__footer{border-color:hsla(0,0%,100%,.08)}

package/miniprogram_dist/category-menu/index.js

@@ -0,0 +1,42 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    categories: {
+      type: Array,
+      value: [],
+    },
+    active: {
+      type: Number,
+      value: 0,
+    },
+    onchange: {
+      type: null,
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: active
+      this.__bind_active = function(e) {
+        self.setData({ active: e.detail.value });
+        self.triggerEvent('update:active', e.detail.value);
+      };
+    },
+  },
+
+  methods: {
+    __handler_click(e) {
+      (() => { active = i; onchange?.(i); }).call(this, e);
+    },
+    item.onclick(e) {
+      // 用户定义的处理函数
+    },
+    __bind_active(e) {
+      this.setData({ active: e.detail.value });
+      this.triggerEvent('update:active', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/category-menu/index.json

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

package/miniprogram_dist/category-menu/index.wxml

@@ -0,0 +1,23 @@
+<view class="ln-category-menu">
+  <view class="ln-category-menu__sidebar">
+    <block wx:for="{{categories}}" wx:for-item="cat" wx:for-index="i">
+      <button type="button" class="ln-category-menu__tab" class="{{active === i? 'is-active' : ''}}" bindtap="__handler_1">
+{{cat.label}}      </button>
+    </block>
+  </view>
+  <view class="ln-category-menu__content">
+    <block wx:if="{{categories[active]?.children}}">
+      <view class="ln-category-menu__grid">
+        <block wx:for="{{categories[active].children}}" wx:for-item="item">
+          <button type="button" class="ln-category-menu__item" bindtap="item.onclick">
+            <block wx:if="{{item.image}}">
+              <image class="ln-category-menu__img" src="{{item.image}}" alt="{{item.label}}" />
+{{/if}}              <text class="ln-category-menu__label">
+{{item.label}}              </text>
+            </block>
+          </button>
+        </block>
+      </view>
+{{/if}}    </block>
+  </view>
+</view>

package/miniprogram_dist/category-menu/index.wxss

@@ -0,0 +1 @@
+.ln-category-menu{display:flex;height:100%}.ln-category-menu__sidebar{flex-shrink:0;width:176rpx;overflow-y:auto;background:#f5f7fa}.ln-category-menu__tab{display:block;width:100%;padding:24rpx 16rpx;font-size:26rpx;color:#606266;border:none;background:none;text-align:left;cursor:pointer}.ln-category-menu__tab.is-active{background:#fff;color:#0062ff;font-weight:500;position:relative}.ln-category-menu__tab.is-active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rpx;height:32rpx;background:#0062ff;border-radius:0 4rpx 4rpx 0}.ln-category-menu__content{flex:1;overflow-y:auto;padding:32rpx}.ln-category-menu__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32rpx}.ln-category-menu__item{display:flex;flex-direction:column;align-items:center;gap:8rpx;border:none;background:none;cursor:pointer;padding:0}.ln-category-menu__img{width:96rpx;height:96rpx;border-radius:12rpx;object-fit:cover}.ln-category-menu__label{font-size:24rpx;color:#303133}.dark .ln-category-menu .ln-category-menu__sidebar{background:#141415}.dark .ln-category-menu .ln-category-menu__tab{color:#cfd3dc}.dark .ln-category-menu .ln-category-menu__tab.is-active{background:#1d1e1f;color:#0062ff}.dark .ln-category-menu .ln-category-menu__label{color:#e5eaf3}

package/miniprogram_dist/cell/index.js

@@ -0,0 +1,48 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    title: {
+      type: String,
+      value: '',
+    },
+    desc: {
+      type: String,
+      value: '',
+    },
+    value: {
+      type: String,
+      value: '',
+    },
+    icon: {
+      type: null,
+    },
+    clickable: {
+      type: Boolean,
+      value: false,
+    },
+    borderless: {
+      type: Boolean,
+      value: false,
+    },
+    onclick: {
+      type: null,
+    },
+    prefix: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  methods: {
+    __handler_keydown(e) {
+      (clickable ? (e: KeyboardEvent) => e.key === 'Enter' && onclick?.() : undefined).call(this, e);
+    },
+    onclick(e) {
+      // 用户定义的处理函数
+    },
+  },
+
+});

package/miniprogram_dist/cell/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "isolated",
+  "usingComponents": {
+    "icon": "../icon/index"
+  }
+}

package/miniprogram_dist/cell/index.wxml

@@ -0,0 +1,35 @@
+<!--  svelte-ignore a11y_no_noninteractive_tabindex  -->
+<view class="ln-cell" role="{{clickable ? 'button' : undefined}}" tabindex="{{clickable ? 0 : undefined}}" class="{{clickable? 'is-clickable' : ''}}" class="{{borderless? 'is-borderless' : ''}}" bindkeydown="__handler_1" bindtap="onclick">
+  <block wx:if="{{icon}}">
+    <text class="ln-cell__icon">
+      <icon icon="{{icon}}" size="{{20}}" />
+    </text>
+  </block>
+  <block wx:elif="{{prefix}}">
+    <text class="ln-cell__icon">
+      <slot name="prefix" />
+    </text>
+{{/if}}    <view class="ln-cell__content">
+      <view class="ln-cell__title">
+        <block wx:if="{{children}}">
+          <slot />
+        </block>
+        <block wx:else>
+{{title}}        </block>
+      </view>
+      <block wx:if="{{desc}}">
+        <view class="ln-cell__desc">
+{{desc}}        </view>
+{{/if}}      </block>
+    </view>
+    <block wx:if="{{value}}">
+      <text class="ln-cell__value">
+{{value}}      </text>
+{{/if}}      <block wx:if="{{clickable}}">
+        <text class="ln-cell__arrow">
+          <icon icon="{{ChevronRight}}" size="{{16}}" />
+        </text>
+{{/if}}      </block>
+    </block>
+  </block>
+</view>

package/miniprogram_dist/cell/index.wxss

@@ -0,0 +1 @@
+.ln-cell{display:flex;align-items:center;padding:24rpx 32rpx;background-color:#fff;font-size:28rpx;line-height:48rpx;overflow:hidden;position:relative}.ln-cell__icon{flex-shrink:0;display:inline-flex;align-items:center;margin-right:16rpx;color:#909399}.ln-cell__content{flex:1;min-width:0}.ln-cell__title{color:#303133;font-size:28rpx;font-weight:500}.ln-cell__desc{margin-top:4rpx;font-size:26rpx;color:#909399}.ln-cell__value{flex-shrink:0;margin-left:16rpx;color:#909399;font-size:28rpx;text-align:right}.ln-cell__arrow{flex-shrink:0;display:inline-flex;align-items:center;margin-left:8rpx;color:#a8abb2;width:32rpx;height:32rpx}.ln-cell.is-clickable{cursor:pointer}.dark .ln-cell{background-color:#1d1e1f}.dark .ln-cell .ln-cell__title{color:#e5eaf3}.dark .ln-cell .ln-cell__desc{color:#a3a6ad}.dark .ln-cell .ln-cell__value{color:#a3a6ad}.dark .ln-cell .ln-cell__arrow{color:#6b6f76}.ln-cell-group{border-radius:16rpx;overflow:hidden;background-color:#fff;margin-bottom:32rpx}.ln-cell-group__title{padding:32rpx 32rpx 16rpx;font-size:26rpx;color:#909399}.dark .ln-cell-group{background-color:#1d1e1f}.dark .ln-cell-group .ln-cell-group__title{color:#a3a6ad}

package/miniprogram_dist/cell-group/index.js

@@ -0,0 +1,13 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    title: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+});

package/miniprogram_dist/cell-group/index.json

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

package/miniprogram_dist/cell-group/index.wxml

@@ -0,0 +1,9 @@
+<view class="ln-cell-group">
+  <block wx:if="{{title}}">
+    <view class="ln-cell-group__title">
+{{title}}    </view>
+{{/if}}    <block wx:if="{{children}}">
+      <slot />
+{{/if}}    </block>
+  </block>
+</view>

package/miniprogram_dist/cell-group/index.wxss

@@ -0,0 +1 @@
+.ln-cell{display:flex;align-items:center;padding:24rpx 32rpx;background-color:#fff;font-size:28rpx;line-height:48rpx;overflow:hidden;position:relative}.ln-cell__icon{flex-shrink:0;display:inline-flex;align-items:center;margin-right:16rpx;color:#909399}.ln-cell__content{flex:1;min-width:0}.ln-cell__title{color:#303133;font-size:28rpx;font-weight:500}.ln-cell__desc{margin-top:4rpx;font-size:26rpx;color:#909399}.ln-cell__value{flex-shrink:0;margin-left:16rpx;color:#909399;font-size:28rpx;text-align:right}.ln-cell__arrow{flex-shrink:0;display:inline-flex;align-items:center;margin-left:8rpx;color:#a8abb2;width:32rpx;height:32rpx}.ln-cell.is-clickable{cursor:pointer}.dark .ln-cell{background-color:#1d1e1f}.dark .ln-cell .ln-cell__title{color:#e5eaf3}.dark .ln-cell .ln-cell__desc{color:#a3a6ad}.dark .ln-cell .ln-cell__value{color:#a3a6ad}.dark .ln-cell .ln-cell__arrow{color:#6b6f76}.ln-cell-group{border-radius:16rpx;overflow:hidden;background-color:#fff;margin-bottom:32rpx}.ln-cell-group__title{padding:32rpx 32rpx 16rpx;font-size:26rpx;color:#909399}.dark .ln-cell-group{background-color:#1d1e1f}.dark .ln-cell-group .ln-cell-group__title{color:#a3a6ad}

package/miniprogram_dist/checkbox/index.js

@@ -0,0 +1,50 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    checked: {
+      type: Boolean,
+      value: false,
+    },
+    indeterminate: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    size: {
+      type: String,
+      value: 'medium',
+    },
+    onchange: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: checked
+      this.__bind_checked = function(e) {
+        self.setData({ checked: e.detail.value });
+        self.triggerEvent('update:checked', e.detail.value);
+      };
+    },
+  },
+
+  methods: {
+    toggle(e) {
+      // 用户定义的处理函数
+    },
+    __bind_checked(e) {
+      this.setData({ checked: e.detail.value });
+      this.triggerEvent('update:checked', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/checkbox/index.json

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

package/miniprogram_dist/checkbox/index.wxml

@@ -0,0 +1,17 @@
+<button type="button" class="ln-checkbox {size !== 'medium' ? `ln-checkbox--${size}` : ''}" disabled="{{disabled}}" class="{{checked? 'is-checked' : ''}}" class="{{indeterminate? 'is-indeterminate' : ''}}" class="{{disabled? 'is-disabled' : ''}}" bindtap="toggle">
+  <text class="ln-checkbox__inner">
+    <svg class="ln-checkbox__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+      <block wx:if="{{indeterminate}}">
+        <line x1="5" y1="12" x2="19" y2="12" />
+      </block>
+      <block wx:else>
+        <polyline points="20 6 9 17 4 12" />
+      </block>
+    </svg>
+  </text>
+  <block wx:if="{{children}}">
+    <text class="ln-checkbox__label">
+      <slot />
+    </text>
+{{/if}}  </block>
+</button>

package/miniprogram_dist/checkbox/index.wxss

@@ -0,0 +1 @@
+.ln-checkbox{display:inline-flex;align-items:center;cursor:pointer;user-select:none;font-size:28rpx;font-family:inherit;color:#303133;line-height:64rpx;min-height:64rpx;margin-right:40rpx;padding:0;border:none;background:none;white-space:nowrap}.ln-checkbox--small{font-size:26rpx}.ln-checkbox--small .ln-checkbox__inner{width:32rpx;height:32rpx}.ln-checkbox--small .ln-checkbox__icon{width:24rpx;height:24rpx}.ln-checkbox--large{font-size:34rpx}.ln-checkbox--large .ln-checkbox__inner{width:48rpx;height:48rpx}.ln-checkbox--large .ln-checkbox__icon{width:36rpx;height:36rpx}.ln-checkbox__inner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40rpx;height:40rpx;border:1px solid #e4e7ed;border-radius:50%;background-color:#fff;transition:border-color .2s,background-color .2s;color:#fff;box-sizing:border-box}.ln-checkbox__icon{width:28rpx;height:28rpx;transform:scale(0);transition:transform .2s}.ln-checkbox.is-disabled{cursor:not-allowed;opacity:.5}.ln-checkbox.is-checked .ln-checkbox__inner{background-color:#0062ff;border-color:#0062ff}.ln-checkbox.is-checked .ln-checkbox__icon{transform:scale(1)}.ln-checkbox.is-indeterminate .ln-checkbox__inner{background-color:#0062ff;border-color:#0062ff}.ln-checkbox.is-indeterminate .ln-checkbox__icon{transform:scale(1)}.ln-checkbox__label{margin-left:16rpx;color:#303133}.ln-checkbox.is-disabled{cursor:not-allowed;opacity:.5}.dark .ln-checkbox .ln-checkbox__inner{background-color:#1d1e1f;border-color:color-mix(in oklab, #2c2d2e 70%, #a3a6ad)}.dark .ln-checkbox.is-checked .ln-checkbox__inner,.dark .ln-checkbox.is-indeterminate .ln-checkbox__inner{background-color:#0062ff;border-color:#0062ff}.dark .ln-checkbox .ln-checkbox__label{color:#e5eaf3}

package/miniprogram_dist/circle-progress/index.js

@@ -0,0 +1,52 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    percentage: {
+      type: Number,
+      value: 0,
+    },
+    size: {
+      type: Number,
+      value: 100,
+    },
+    strokeWidth: {
+      type: Number,
+      value: 4,
+    },
+    color: {
+      type: String,
+      value: '#0062FF',
+    },
+    trackColor: {
+      type: String,
+      value: '#e4e7ed',
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  data: {
+    pct: undefined,
+    radius: undefined,
+    circumference: undefined,
+    offset: undefined,
+  },
+
+  observers: {
+    'percentage': function() {
+      this.setData({ pct: Math.min(100, Math.max(0, percentage)) });
+    },
+    'strokeWidth, size': function() {
+      this.setData({ radius: (size - strokeWidth) / 2 });
+    },
+    'radius': function() {
+      this.setData({ circumference: 2 * Math.PI * radius });
+    },
+    'pct, circumference': function() {
+      this.setData({ offset: circumference * (1 - pct / 100) });
+    },
+  },
+
+});

package/miniprogram_dist/circle-progress/index.json

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

package/miniprogram_dist/circle-progress/index.wxml

@@ -0,0 +1,13 @@
+<view class="ln-circle-progress" style="width:{size}px;height:{size}px;--cp-track:{trackColor};--cp-color:{color}">
+  <svg viewBox="0 0 {size} {size}" width="{{size}}" height="{{size}}">
+    <circle class="ln-circle-progress__track" cx="{{size / 2}}" cy="{{size / 2}}" r="{{radius}}" stroke="var(--cp-track)" stroke-width="{{strokeWidth}}" fill="none" />
+    <circle class="ln-circle-progress__path" cx="{{size / 2}}" cy="{{size / 2}}" r="{{radius}}" stroke="var(--cp-color)" stroke-width="{{strokeWidth}}" fill="none" stroke-linecap="round" stroke-dasharray="{{circumference}}" stroke-dashoffset="{{offset}}" transform="rotate(-90 {size / 2} {size / 2})" />
+  </svg>
+  <view class="ln-circle-progress__text">
+    <block wx:if="{{children}}">
+      <slot />
+    </block>
+    <block wx:else>
+{{pct}}%    </block>
+  </view>
+</view>

package/miniprogram_dist/circle-progress/index.wxss

@@ -0,0 +1 @@
+.ln-circle-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.ln-circle-progress svg{display:block;width:100%;height:100%}.ln-circle-progress__path{transition:stroke-dashoffset .3s ease}.ln-circle-progress__text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:28rpx;font-weight:500;color:#303133}.dark .ln-circle-progress{--cp-track: #363637 !important}.dark .ln-circle-progress .ln-circle-progress__text{color:#e5eaf3}

package/miniprogram_dist/collapse/index.js

@@ -0,0 +1,31 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    active: {
+      type: null,
+    },
+    accordion: {
+      type: Boolean,
+      value: false,
+    },
+    children: {
+      type: null,
+    },
+    onchange: {
+      type: null,
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: active
+      this.__bind_active = function(e) {
+        self.setData({ active: e.detail.value });
+        self.triggerEvent('update:active', e.detail.value);
+      };
+    },
+  },
+
+});

package/miniprogram_dist/collapse/index.json

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

package/miniprogram_dist/collapse/index.wxml

@@ -0,0 +1,5 @@
+<view class="ln-collapse">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}  </block>
+</view>

package/miniprogram_dist/collapse/index.wxss

@@ -0,0 +1 @@
+.ln-collapse{border-radius:16rpx;overflow:hidden;background-color:#fff;border:1px solid #e4e7ed}.dark .ln-collapse{background-color:#1d1e1f;border-color:hsla(0,0%,100%,.08)}.ln-collapse-item+.ln-collapse-item{border-top:1px solid #e4e7ed}.dark .ln-collapse-item+.ln-collapse-item{border-top-color:hsla(0,0%,100%,.08)}.ln-collapse-item__header{display:flex;align-items:center;justify-content:space-between;padding:24rpx 32rpx;cursor:pointer;user-select:none;background:#fff;outline:none}.ln-collapse-item__title{flex:1;font-size:28rpx;font-weight:500;color:#303133}.ln-collapse-item__arrow{display:inline-flex;color:#a8abb2;transition:transform .2s}.ln-collapse-item.is-active .ln-collapse-item__arrow{transform:rotate(90deg)}.ln-collapse-item__wrap{overflow:hidden;border-top:1px solid #e4e7ed}.ln-collapse-item__content{padding:0 32rpx 24rpx;font-size:28rpx;color:#606266}.ln-collapse-item.is-bordered{border:1px solid #e4e7ed;border-radius:16rpx;overflow:hidden}.ln-collapse-item.is-disabled .ln-collapse-item__header{cursor:not-allowed}.ln-collapse-item.is-disabled .ln-collapse-item__title{color:#c0c4cc}.dark .ln-collapse-item.is-bordered{border-color:hsla(0,0%,100%,.08)}.dark .ln-collapse-item .ln-collapse-item__header{background:#1d1e1f}.dark .ln-collapse-item .ln-collapse-item__title{color:#e5eaf3}.dark .ln-collapse-item .ln-collapse-item__arrow{color:#6b6f76}.dark .ln-collapse-item .ln-collapse-item__wrap{border-top-color:hsla(0,0%,100%,.08)}.dark .ln-collapse-item .ln-collapse-item__content{color:#cfd3dc}.dark .ln-collapse-item.is-disabled .ln-collapse-item__title{color:#6b6f76}

package/miniprogram_dist/collapse-item/index.js

@@ -0,0 +1,42 @@
+// import from 'svelte/transition'
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    name: {
+      type: null,
+    },
+    title: {
+      type: String,
+      value: '',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    active: {
+      type: Boolean,
+      value: false,
+    },
+    bordered: {
+      type: Boolean,
+      value: false,
+    },
+    ontoggle: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  methods: {
+    toggle(e) {
+      // 用户定义的处理函数
+    },
+    __handler_keydown(e) {
+      ((e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); } }).call(this, e);
+    },
+  },
+
+});