luna-mobile-weapp 0.0.1

package/miniprogram_dist/action-sheet/index.js

@@ -0,0 +1,59 @@
+// import from 'svelte/transition'
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    visible: {
+      type: Boolean,
+      value: false,
+    },
+    title: {
+      type: null,
+    },
+    actions: {
+      type: Array,
+      value: [],
+    },
+    cancelText: {
+      type: String,
+      value: '取消',
+    },
+    onselect: {
+      type: null,
+    },
+    oncancel: {
+      type: null,
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: visible
+      this.__bind_visible = function(e) {
+        self.setData({ visible: e.detail.value });
+        self.triggerEvent('update:visible', e.detail.value);
+      };
+    },
+  },
+
+  methods: {
+    close(e) {
+      // 用户定义的处理函数
+    },
+    __handler_click(e) {
+      (() => select(action, i)).call(this, e);
+    },
+    __handler_keydown(e) {
+      ((e: KeyboardEvent) => (e.key === 'Enter' || e.key === ' ') && select(action, i)).call(this, e);
+    },
+    close(e) {
+      // 用户定义的处理函数
+    },
+    __bind_visible(e) {
+      this.setData({ visible: e.detail.value });
+      this.triggerEvent('update:visible', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/action-sheet/index.json

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

package/miniprogram_dist/action-sheet/index.wxml

@@ -0,0 +1,18 @@
+<block wx:if="{{visible}}">
+  <view class="ln-overlay" role="presentation" bindtap="close">
+  </view>
+  <view class="ln-action-sheet">
+    <block wx:if="{{title}}">
+      <view class="ln-action-sheet__header">
+{{title}}      </view>
+{{/if}}      <block wx:for="{{actions}}" wx:for-item="action" wx:for-index="i">
+        <view class="ln-action-sheet__item" role="button" tabindex="{{action.disabled ? -1 : 0}}" aria-disabled="{{action.disabled}}" class="{{action.disabled? 'is-disabled' : ''}}" style="color: {{action.color}}" bindtap="__handler_1" bindkeydown="__handler_2">
+{{action.text}}        </view>
+      </block>
+      <button class="ln-action-sheet__cancel" bindtap="close">
+{{cancelText}}      </button>
+      <view class="ln-action-sheet__safe-area">
+      </view>
+    </block>
+  </view>
+{{/if}}</block>

package/miniprogram_dist/action-sheet/index.wxss

@@ -0,0 +1 @@
+.ln-action-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2001;background-color:#fff;border-radius:32rpx 32rpx 0 0}.ln-action-sheet__header{padding:32rpx;text-align:center;font-size:26rpx;color:#909399;border-bottom:1px solid #e4e7ed}.ln-action-sheet__item{display:flex;align-items:center;justify-content:center;height:100rpx;font-size:32rpx;color:#0062ff;cursor:pointer;width:100%}.ln-action-sheet__item:active{background-color:#f5f7fa}.ln-action-sheet__item+.ln-action-sheet__item{border-top:1px solid #e4e7ed}.ln-action-sheet__item.is-disabled{color:#c0c4cc;cursor:not-allowed;pointer-events:none}.ln-action-sheet__cancel{display:flex;align-items:center;justify-content:center;height:100rpx;font-size:32rpx;color:#303133;cursor:pointer;background-color:#fff;border:none;border-top:16rpx solid #ebeef5;width:100%}.ln-action-sheet__cancel:active{background-color:#f5f7fa}.ln-action-sheet__safe-area{height:env(safe-area-inset-bottom)}.ln-action-sheet.is-danger{color:#fc5a5a}.dark .ln-action-sheet{background-color:#1d1e1f}.dark .ln-action-sheet .ln-action-sheet__header{color:#a3a6ad;border-color:hsla(0,0%,100%,.08)}.dark .ln-action-sheet .ln-action-sheet__item{color:#0062ff;border-color:hsla(0,0%,100%,.08)}.dark .ln-action-sheet .ln-action-sheet__item:active{background-color:#363637}.dark .ln-action-sheet .ln-action-sheet__item.is-disabled{color:#6b6f76}.dark .ln-action-sheet .ln-action-sheet__cancel{background-color:#1d1e1f;color:#e5eaf3;border-top-color:#141415}.dark .ln-action-sheet .ln-action-sheet__cancel:active{background-color:#363637}

package/miniprogram_dist/address-edit/index.js

@@ -0,0 +1,130 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    name: {
+      type: String,
+      value: '',
+    },
+    phone: {
+      type: String,
+      value: '',
+    },
+    province: {
+      type: String,
+      value: '',
+    },
+    city: {
+      type: String,
+      value: '',
+    },
+    district: {
+      type: String,
+      value: '',
+    },
+    detail: {
+      type: String,
+      value: '',
+    },
+    isDefault: {
+      type: Boolean,
+      value: false,
+    },
+    showDelete: {
+      type: Boolean,
+      value: false,
+    },
+    onsave: {
+      type: null,
+    },
+    ondelete: {
+      type: null,
+    },
+  },
+
+  data: {
+    errors: undefined,
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: name
+      this.__bind_name = function(e) {
+        self.setData({ name: e.detail.value });
+        self.triggerEvent('update:name', e.detail.value);
+      };
+      // $bindable: phone
+      this.__bind_phone = function(e) {
+        self.setData({ phone: e.detail.value });
+        self.triggerEvent('update:phone', e.detail.value);
+      };
+      // $bindable: province
+      this.__bind_province = function(e) {
+        self.setData({ province: e.detail.value });
+        self.triggerEvent('update:province', e.detail.value);
+      };
+      // $bindable: city
+      this.__bind_city = function(e) {
+        self.setData({ city: e.detail.value });
+        self.triggerEvent('update:city', e.detail.value);
+      };
+      // $bindable: district
+      this.__bind_district = function(e) {
+        self.setData({ district: e.detail.value });
+        self.triggerEvent('update:district', e.detail.value);
+      };
+      // $bindable: detail
+      this.__bind_detail = function(e) {
+        self.setData({ detail: e.detail.value });
+        self.triggerEvent('update:detail', e.detail.value);
+      };
+      // $bindable: isDefault
+      this.__bind_isDefault = function(e) {
+        self.setData({ isDefault: e.detail.value });
+        self.triggerEvent('update:isDefault', e.detail.value);
+      };
+    },
+  },
+
+  methods: {
+    __handler_click(e) {
+      (() => isDefault = !isDefault).call(this, e);
+    },
+    save(e) {
+      // 用户定义的处理函数
+    },
+    ondelete(e) {
+      // 用户定义的处理函数
+    },
+    __bind_name(e) {
+      this.setData({ name: e.detail.value });
+      this.triggerEvent('update:name', e.detail.value);
+    },
+    __bind_phone(e) {
+      this.setData({ phone: e.detail.value });
+      this.triggerEvent('update:phone', e.detail.value);
+    },
+    __bind_province(e) {
+      this.setData({ province: e.detail.value });
+      this.triggerEvent('update:province', e.detail.value);
+    },
+    __bind_city(e) {
+      this.setData({ city: e.detail.value });
+      this.triggerEvent('update:city', e.detail.value);
+    },
+    __bind_district(e) {
+      this.setData({ district: e.detail.value });
+      this.triggerEvent('update:district', e.detail.value);
+    },
+    __bind_detail(e) {
+      this.setData({ detail: e.detail.value });
+      this.triggerEvent('update:detail', e.detail.value);
+    },
+    __bind_isDefault(e) {
+      this.setData({ isDefault: e.detail.value });
+      this.triggerEvent('update:isDefault', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/address-edit/index.json

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

package/miniprogram_dist/address-edit/index.wxml

@@ -0,0 +1,63 @@
+<view class="ln-address-edit">
+  <text class="ln-address-edit__field">
+    <text class="ln-address-edit__label">
+姓名    </text>
+    <input class="ln-address-edit__input" placeholder="请填写姓名" value="{{name}}" bindinput="__bind_name" />
+    <block wx:if="{{errors.name}}">
+      <text class="ln-address-edit__error">
+{{errors.name}}      </text>
+{{/if}}    </block>
+  </text>
+  <text class="ln-address-edit__field">
+    <text class="ln-address-edit__label">
+手机号    </text>
+    <input class="ln-address-edit__input" type="tel" placeholder="请填写手机号" value="{{phone}}" bindinput="__bind_phone" />
+    <block wx:if="{{errors.phone}}">
+      <text class="ln-address-edit__error">
+{{errors.phone}}      </text>
+{{/if}}    </block>
+  </text>
+  <text class="ln-address-edit__field">
+    <text class="ln-address-edit__label">
+省份    </text>
+    <input class="ln-address-edit__input" placeholder="省" value="{{province}}" bindinput="__bind_province" />
+  </text>
+  <text class="ln-address-edit__field">
+    <text class="ln-address-edit__label">
+城市    </text>
+    <input class="ln-address-edit__input" placeholder="市" value="{{city}}" bindinput="__bind_city" />
+  </text>
+  <text class="ln-address-edit__field">
+    <text class="ln-address-edit__label">
+区县    </text>
+    <input class="ln-address-edit__input" placeholder="区/县" value="{{district}}" bindinput="__bind_district" />
+  </text>
+  <text class="ln-address-edit__field">
+    <text class="ln-address-edit__label">
+详细地址    </text>
+    <textarea class="ln-address-edit__textarea" placeholder="街道、楼牌号等" value="{{detail}}" bindinput="__bind_detail">
+    </textarea>
+    <block wx:if="{{errors.detail}}">
+      <text class="ln-address-edit__error">
+{{errors.detail}}      </text>
+{{/if}}    </block>
+  </text>
+  <view class="ln-address-edit__switch">
+    <text>
+设为默认地址    </text>
+    <button type="button" class="ln-switch" aria-label="设为默认地址" class="{{isDefault? 'is-active' : ''}}" bindtap="__handler_1">
+      <text class="ln-switch__track">
+        <text class="ln-switch__thumb">
+        </text>
+      </text>
+    </button>
+  </view>
+  <view class="ln-address-edit__actions">
+    <button type="button" class="ln-address-edit__save" bindtap="save">
+保存    </button>
+    <block wx:if="{{showDelete}}">
+      <button type="button" class="ln-address-edit__delete" bindtap="ondelete">
+删除地址      </button>
+{{/if}}    </block>
+  </view>
+</view>

package/miniprogram_dist/address-edit/index.wxss

@@ -0,0 +1 @@
+.ln-address-edit{padding:32rpx}.ln-address-edit__field{display:flex;align-items:flex-start;flex-direction:column;padding:16rpx 0}.ln-address-edit__label{font-size:26rpx;color:#909399;margin-bottom:8rpx}.ln-address-edit__input{width:100%;padding:16rpx;border:1px solid #dcdfe6;border-radius:12rpx;font-size:28rpx;color:#303133;outline:none}.ln-address-edit__input:focus{border-color:#0062ff}.ln-address-edit__textarea{width:100%;padding:16rpx;border:1px solid #dcdfe6;border-radius:12rpx;font-size:28rpx;color:#303133;outline:none}.ln-address-edit__textarea:focus{border-color:#0062ff}.ln-address-edit__textarea{min-height:128rpx;resize:vertical}.ln-address-edit__error{font-size:24rpx;color:#fc5a5a;margin-top:8rpx}.ln-address-edit__switch{display:flex;align-items:center;justify-content:space-between;padding:32rpx 0;font-size:28rpx;color:#303133}.ln-address-edit__actions{display:flex;flex-direction:column;gap:16rpx;margin-top:32rpx}.ln-address-edit__save{width:100%;padding:24rpx 0;background:#0062ff;color:#fff;border:none;border-radius:19998rpx;font-size:28rpx;cursor:pointer}.ln-address-edit__delete{width:100%;padding:24rpx 0;background:none;color:#fc5a5a;border:none;font-size:28rpx;cursor:pointer}.dark .ln-address-edit .ln-address-edit__input,.dark .ln-address-edit .ln-address-edit__textarea{background:#2c2d2e;border-color:hsla(0,0%,100%,.08);color:#e5eaf3}.dark .ln-address-edit .ln-address-edit__label{color:#a3a6ad}.dark .ln-address-edit .ln-address-edit__switch{color:#e5eaf3}

package/miniprogram_dist/address-list/index.js

@@ -0,0 +1,57 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    list: {
+      type: Array,
+      value: [],
+    },
+    selectedId: {
+      type: String,
+      value: '',
+    },
+    onselect: {
+      type: null,
+    },
+    onedit: {
+      type: null,
+    },
+    ondelete: {
+      type: null,
+    },
+    onadd: {
+      type: null,
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: selectedId
+      this.__bind_selectedId = function(e) {
+        self.setData({ selectedId: e.detail.value });
+        self.triggerEvent('update:selectedId', e.detail.value);
+      };
+    },
+  },
+
+  methods: {
+    __handler_click(e) {
+      (() => { selectedId = item.id; onselect?.(item); }).call(this, e);
+    },
+    __handler_click(e) {
+      ((e: MouseEvent) => { e.stopPropagation(); onedit?.(item); }).call(this, e);
+    },
+    __handler_click(e) {
+      ((e: MouseEvent) => { e.stopPropagation(); ondelete?.(item); }).call(this, e);
+    },
+    onadd(e) {
+      // 用户定义的处理函数
+    },
+    __bind_selectedId(e) {
+      this.setData({ selectedId: e.detail.value });
+      this.triggerEvent('update:selectedId', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/address-list/index.json

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

package/miniprogram_dist/address-list/index.wxml

@@ -0,0 +1,37 @@
+<view class="ln-address-list">
+  <block wx:for="{{list}}" wx:for-item="item">
+<!--  svelte-ignore a11y_no_static_element_interactions  -->
+<!--  svelte-ignore a11y_click_events_have_key_events  -->
+    <view class="ln-address-list__item" class="{{item.id === selectedId? 'is-selected' : ''}}" bindtap="__handler_1">
+      <view class="ln-address-list__radio" class="{{item.id === selectedId? 'is-checked' : ''}}">
+        <text class="ln-address-list__check-inner">
+          <svg class="ln-address-list__check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="20 6 9 17 4 12" />
+          </svg>
+        </text>
+      </view>
+      <view class="ln-address-list__content">
+        <view class="ln-address-list__head">
+          <text class="ln-address-list__name">
+{{item.name}}          </text>
+          <text class="ln-address-list__phone">
+{{item.phone}}          </text>
+          <block wx:if="{{item.isDefault}}">
+            <text class="ln-address-list__tag">
+默认            </text>
+{{/if}}          </block>
+        </view>
+        <view class="ln-address-list__addr">
+{{item.address}}        </view>
+      </view>
+      <view class="ln-address-list__actions">
+        <button type="button" class="ln-address-list__edit" bindtap="__handler_2">
+编辑        </button>
+        <button type="button" class="ln-address-list__del" bindtap="__handler_3">
+删除        </button>
+      </view>
+    </view>
+  </block>
+  <button type="button" class="ln-address-list__add" bindtap="onadd">
++ 新增地址  </button>
+</view>

package/miniprogram_dist/address-list/index.wxss

@@ -0,0 +1 @@
+.ln-address-list__item{display:flex;align-items:flex-start;padding:32rpx;border-bottom:1px solid #ebeef5;cursor:pointer}.ln-address-list__item.is-selected .ln-address-list__radio{color:#0062ff}.ln-address-list__radio{flex-shrink:0;width:40rpx;height:40rpx;display:flex;align-items:center;justify-content:center;margin-right:16rpx;align-self:flex-start;margin-top:0}.ln-address-list__radio.is-checked .ln-address-list__check-inner{background-color:#0062ff;border-color:#0062ff}.ln-address-list__radio.is-checked .ln-address-list__check-icon{transform:scale(1)}.ln-address-list__check-inner{display:inline-flex;align-items:center;justify-content:center;width:32rpx;height:32rpx;border:1px solid #e4e7ed;border-radius:50%;background-color:#fff;transition:border-color .2s,background-color .2s;color:#fff;box-sizing:border-box}.ln-address-list__check-icon{width:20rpx;height:20rpx;transform:scale(0);transition:transform .2s}.ln-address-list__content{flex:1;min-width:0}.ln-address-list__head{display:flex;align-items:center;gap:16rpx}.ln-address-list__name{font-size:28rpx;font-weight:500;color:#303133}.ln-address-list__phone{font-size:26rpx;color:#909399}.ln-address-list__tag{font-size:20rpx;padding:1px 8rpx;background:#e6eeff;color:#0062ff;border-radius:4rpx}.ln-address-list__addr{font-size:26rpx;color:#909399;margin-top:8rpx;line-height:1.4}.ln-address-list__actions{flex-shrink:0;display:flex;align-self:flex-start;gap:32rpx;margin-left:16rpx}.ln-address-list__edit{border:none;background:none;font-size:26rpx;cursor:pointer;padding:0;color:#0062ff}.ln-address-list__del{border:none;background:none;font-size:26rpx;cursor:pointer;padding:0;color:#fc5a5a}.ln-address-list__add{display:block;width:calc(100% - 64rpx);margin:32rpx auto;padding:24rpx 0;background:#0062ff;color:#fff;border:none;border-radius:19998rpx;font-size:28rpx;cursor:pointer;text-align:center}.dark .ln-address-list .ln-address-list__item{border-color:hsla(0,0%,100%,.08)}.dark .ln-address-list .ln-address-list__name{color:#e5eaf3}.dark .ln-address-list .ln-address-list__phone{color:#a3a6ad}.dark .ln-address-list .ln-address-list__addr{color:#a3a6ad}.dark .ln-address-list .ln-address-list__tag{background:color-mix(in oklab, #0062FF 15%, #1d1e1f);color:#0062ff}.dark .ln-address-list .ln-address-list__check-inner{background-color:#1d1e1f;border-color:hsla(0,0%,100%,.08)}.dark .ln-address-list .ln-address-list__radio.is-checked .ln-address-list__check-inner{background-color:#0062ff;border-color:#0062ff}.dark .ln-address-list .ln-address-list__del{color:#fc5a5a}.dark .ln-address-list .ln-address-list__add{background:#0062ff;color:#fff}

package/miniprogram_dist/aside/index.js

@@ -0,0 +1,17 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    width: {
+      type: null,
+    },
+    class: className: {
+      type: null,
+      value: '',
+    },
+    children: {
+      type: null,
+    },
+  },
+
+});

package/miniprogram_dist/aside/index.json

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

package/miniprogram_dist/aside/index.wxml

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

package/miniprogram_dist/aside/index.wxss

@@ -0,0 +1 @@
+.ln-container{display:flex;flex-direction:column;box-sizing:border-box;min-height:100vh;min-height:100dvh;max-width:1500rpx;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;transition:background-color .3s,color .3s}.dark .ln-container{background-color:#141415;color:#e5eaf3}.ln-header{position:fixed;top:0;left:0;right:0;max-width:1500rpx;margin:0 auto;flex-shrink:0;z-index:100;background-color:#fff;will-change:transform;transform:translateZ(0)}.dark .ln-header{background-color:#1d1e1f}.ln-main{display:block;flex:1;box-sizing:border-box;min-width:0;overflow-x:clip;padding:32rpx;padding-top:120rpx;background-color:#f2f3f5}.dark .ln-main{background-color:#141415}.ln-main--slide-right{animation:ln-slide-right 300ms ease both}.ln-main--slide-left{animation:ln-slide-left 300ms ease both}@keyframes ln-slide-right{from{transform:translateX(120rpx)}to{transform:translateX(0)}}@keyframes ln-slide-left{from{transform:translateX(-120rpx)}to{transform:translateX(0)}}.ln-footer{display:flex;align-items:center;box-sizing:border-box;flex-shrink:0;height:100rpx;padding:0 32rpx;background-color:#fff;border-top:.10rpx solid #e4e7ed}.dark .ln-footer{background-color:#1d1e1f;border-top-color:hsla(0,0%,100%,.08);color:#e5eaf3}.ln-aside{display:flex;flex-direction:column;box-sizing:border-box;flex-shrink:0;width:var(--ln-aside-width, 400rpx);overflow:hidden;background-color:#fff;border-right:.10rpx solid #e4e7ed}.dark .ln-aside{background-color:#1d1e1f;border-right-color:hsla(0,0%,100%,.08);color:#e5eaf3}

package/miniprogram_dist/avatar/index.js

@@ -0,0 +1,35 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    src: {
+      type: null,
+    },
+    alt: {
+      type: String,
+      value: '',
+    },
+    size: {
+      type: String,
+      value: 'default',
+    },
+    shape: {
+      type: String,
+      value: 'circle',
+    },
+    text: {
+      type: null,
+    },
+  },
+
+  data: {
+    error: false,
+  },
+
+  methods: {
+    __handler_error(e) {
+      (() => error = true).call(this, e);
+    },
+  },
+
+});

package/miniprogram_dist/avatar/index.json

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

package/miniprogram_dist/avatar/index.wxml

@@ -0,0 +1,13 @@
+<view class="ln-avatar" class="{{size === 'large'? 'ln-avatar--large' : ''}}" class="{{size === 'small'? 'ln-avatar--small' : ''}}" class="{{shape === 'square'? 'ln-avatar--square' : ''}}">
+  <block wx:if="{{src && !error}}">
+    <image class="ln-avatar__img" src="{{src}}" alt="{{alt}}" binderror="__handler_1" />
+  </block>
+  <block wx:elif="{{text}}">
+    <text class="ln-avatar__text">
+{{text}}    </text>
+  </block>
+  <block wx:else>
+    <text class="ln-avatar__text">
+👤    </text>
+  </block>
+</view>

package/miniprogram_dist/avatar/index.wxss

@@ -0,0 +1 @@
+.ln-avatar{display:inline-flex;align-items:center;justify-content:center;width:80rpx;height:80rpx;border-radius:50%;background-color:#c0c4cc;color:#fff;font-size:32rpx;overflow:hidden}.ln-avatar__img{width:100%;height:100%;object-fit:cover}.ln-avatar__text{font-weight:500;line-height:1}.ln-avatar--large{width:112rpx;height:112rpx;font-size:40rpx}.ln-avatar--small{width:56rpx;height:56rpx;font-size:26rpx}.ln-avatar--square{border-radius:12rpx}.dark .ln-avatar{background-color:#58585b}

package/miniprogram_dist/back-top/index.js

@@ -0,0 +1,38 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    visibilityHeight: {
+      type: Number,
+      value: 200,
+    },
+    right: {
+      type: Number,
+      value: 16,
+    },
+    bottom: {
+      type: Number,
+      value: 40,
+    },
+  },
+
+  data: {
+    visible: false,
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $effect #1
+      window.addEventListener('scroll', onScroll, { passive: true });
+return () => window.removeEventListener('scroll', onScroll);;
+    },
+  },
+
+  methods: {
+    scrollToTop(e) {
+      // 用户定义的处理函数
+    },
+  },
+
+});

package/miniprogram_dist/back-top/index.json

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

package/miniprogram_dist/back-top/index.wxml

@@ -0,0 +1,5 @@
+<block wx:if="{{visible}}">
+  <button class="ln-back-top" style="right:{right}px;bottom:{bottom}px" aria-label="返回顶部" type="button" bindtap="scrollToTop">
+    <icon icon="{{ChevronUp}}" size="{{20}}" />
+  </button>
+{{/if}}</block>

package/miniprogram_dist/back-top/index.wxss

@@ -0,0 +1 @@
+.ln-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:80rpx;height:80rpx;border-radius:50%;background-color:#fff;box-shadow:0 4rpx 8rpx rgba(0,0,0,.12),0 0 12rpx rgba(0,0,0,.04);border:1px solid #e4e7ed;color:#909399;cursor:pointer;z-index:200;padding:0}.ln-back-top:active{background-color:#f5f7fa}.dark .ln-back-top{background-color:#2c2d2e;border-color:hsla(0,0%,100%,.08);color:#a3a6ad}.dark .ln-back-top:active{background-color:#363637}

package/miniprogram_dist/badge/index.js

@@ -0,0 +1,35 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    value: {
+      type: null,
+    },
+    max: {
+      type: Number,
+      value: 99,
+    },
+    dot: {
+      type: Boolean,
+      value: false,
+    },
+    hidden: {
+      type: Boolean,
+      value: false,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  data: {
+    display: undefined,
+  },
+
+  observers: {
+    'value, max': function() {
+      this.setData({ display: typeof value === 'number' && max && value > max ? `${max}+` : `${value ?? ''}` });
+    },
+  },
+
+});

package/miniprogram_dist/badge/index.json

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

package/miniprogram_dist/badge/index.wxml

@@ -0,0 +1,9 @@
+<view class="ln-badge" class="{{dot? 'is-dot' : ''}}">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}    <block wx:if="{{!hidden && (dot || value !== undefined)}}">
+      <text class="ln-badge__content">
+{{dot ? '' : display}}      </text>
+{{/if}}    </block>
+  </block>
+</view>

package/miniprogram_dist/badge/index.wxss

@@ -0,0 +1 @@
+.ln-badge{position:relative;display:inline-flex}.ln-badge__content{position:absolute;top:0;right:0;transform:translate(50%, -50%);display:flex;align-items:center;justify-content:center;min-width:32rpx;height:32rpx;padding:0 8rpx;font-size:20rpx;font-weight:500;color:#fff;background-color:#fc5a5a;border-radius:19998rpx;white-space:nowrap;box-sizing:border-box;z-index:1}.ln-badge.is-dot .ln-badge__content{min-width:16rpx;width:16rpx;height:16rpx;padding:0;border-radius:50%}.ln-badge.is-fixed .ln-badge__content{position:absolute}

package/miniprogram_dist/button/index.js

@@ -0,0 +1,39 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    type: {
+      type: String,
+      value: 'default',
+    },
+    size: {
+      type: String,
+      value: 'medium',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    round: {
+      type: Boolean,
+      value: false,
+    },
+    plain: {
+      type: Boolean,
+      value: false,
+    },
+    onclick: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  methods: {
+    onclick(e) {
+      // 用户定义的处理函数
+    },
+  },
+
+});

package/miniprogram_dist/button/index.json

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