luna-mobile-weapp 0.0.1

package/miniprogram_dist/share-panel/index.js

@@ -0,0 +1,70 @@
+// import from 'svelte/transition'
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    visible: {
+      type: Boolean,
+      value: false,
+    },
+    title: {
+      type: String,
+      value: '分享到',
+    },
+    channels: {
+      type: Array,
+      value: [],
+    },
+    cancelText: {
+      type: String,
+      value: '取消',
+    },
+    onselect: {
+      type: null,
+    },
+    oncancel: {
+      type: null,
+    },
+  },
+
+  data: {
+    cached: undefined,
+    items: undefined,
+  },
+
+  observers: {
+    'visible, cached, channels': function() {
+      this.setData({ items: visible ? channels : cached });
+    },
+  },
+
+  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);
+      };
+      // $effect #1
+      if (visible && channels.length) cached = channels;;
+    },
+  },
+
+  methods: {
+    close(e) {
+      // 用户定义的处理函数
+    },
+    __handler_click(e) {
+      (() => { onselect?.(ch); close(); }).call(this, e);
+    },
+    close(e) {
+      // 用户定义的处理函数
+    },
+    __bind_visible(e) {
+      this.setData({ visible: e.detail.value });
+      this.triggerEvent('update:visible', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/share-panel/index.json

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

package/miniprogram_dist/share-panel/index.wxml

@@ -0,0 +1,25 @@
+<block wx:if="{{visible}}">
+  <view class="ln-overlay" role="presentation" bindtap="close">
+  </view>
+{{/if}}  <block wx:if="{{visible}}">
+    <view class="ln-share-panel">
+      <block wx:if="{{title}}">
+        <view class="ln-share-panel__title">
+{{title}}        </view>
+{{/if}}        <view class="ln-share-panel__grid">
+          <block wx:for="{{items}}" wx:for-item="ch" wx:key="ch.key">
+            <button type="button" class="ln-share-panel__item" bindtap="__handler_1">
+              <text class="ln-share-panel__icon">
+                <icon icon="{{ch.icon}}" size="{{32}}" />
+              </text>
+              <text class="ln-share-panel__name">
+{{ch.name}}              </text>
+            </button>
+          </block>
+        </view>
+        <button type="button" class="ln-share-panel__cancel" bindtap="close">
+{{cancelText}}        </button>
+      </block>
+    </view>
+{{/if}}  </block>
+</block>

package/miniprogram_dist/share-panel/index.wxss

@@ -0,0 +1 @@
+.ln-share-panel{position:fixed;bottom:0;left:0;right:0;z-index:2001;background:#fff;border-radius:32rpx 32rpx 0 0;padding-bottom:env(safe-area-inset-bottom)}.ln-share-panel__title{text-align:center;padding:32rpx;font-size:28rpx;color:#909399}.ln-share-panel__grid{display:flex;flex-wrap:wrap;padding:0 32rpx 32rpx;gap:32rpx}.ln-share-panel__item{display:flex;flex-direction:column;align-items:center;gap:16rpx;width:120rpx;border:none;background:none;cursor:pointer;padding:0}.ln-share-panel__icon{width:96rpx;height:96rpx;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:50%;color:#303133}.ln-share-panel__name{font-size:24rpx;color:#606266}.ln-share-panel__cancel{display:block;width:100%;padding:32rpx 0;border:none;border-top:1px solid #ebeef5;background:none;font-size:28rpx;color:#303133;cursor:pointer}.dark .ln-share-panel{background:#1d1e1f}.dark .ln-share-panel .ln-share-panel__title{color:#a3a6ad}.dark .ln-share-panel .ln-share-panel__icon{background:#2c2d2e;color:#e5eaf3}.dark .ln-share-panel .ln-share-panel__name{color:#cfd3dc}.dark .ln-share-panel .ln-share-panel__cancel{border-color:hsla(0,0%,100%,.08);color:#e5eaf3}.dark .ln-share-panel{background:#1d1e1f}.dark .ln-share-panel__title{color:#a3a6ad}.dark .ln-share-panel__icon{background:#2c2d2e;color:#e5eaf3}.dark .ln-share-panel__name{color:#cfd3dc}.dark .ln-share-panel__cancel{border-color:hsla(0,0%,100%,.08);color:#e5eaf3}

package/miniprogram_dist/skeleton/index.js

@@ -0,0 +1,27 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    rows: {
+      type: Number,
+      value: 3,
+    },
+    avatar: {
+      type: Boolean,
+      value: false,
+    },
+    title: {
+      type: Boolean,
+      value: true,
+    },
+    animated: {
+      type: Boolean,
+      value: true,
+    },
+    loading: {
+      type: Boolean,
+      value: true,
+    },
+  },
+
+});

package/miniprogram_dist/skeleton/index.json

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

package/miniprogram_dist/skeleton/index.wxml

@@ -0,0 +1,30 @@
+<block wx:if="{{loading}}">
+  <view class="ln-skeleton" class="{{animated? 'is-animated' : ''}}">
+    <block wx:if="{{avatar}}">
+      <view class="ln-skeleton__with-avatar">
+        <view class="ln-skeleton__avatar">
+        </view>
+        <view class="ln-skeleton__body">
+          <block wx:if="{{title}}">
+            <view class="ln-skeleton__title">
+            </view>
+{{/if}}            <block wx:for="{{Array(rows)}}" wx:for-item="_">
+              <view class="ln-skeleton__paragraph">
+              </view>
+            </block>
+          </block>
+        </view>
+      </view>
+    </block>
+    <block wx:else>
+      <block wx:if="{{title}}">
+        <view class="ln-skeleton__title">
+        </view>
+{{/if}}        <block wx:for="{{Array(rows)}}" wx:for-item="_">
+          <view class="ln-skeleton__paragraph">
+          </view>
+        </block>
+{{/if}}      </block>
+    </block>
+  </view>
+{{/if}}</block>

package/miniprogram_dist/skeleton/index.wxss

@@ -0,0 +1 @@
+.ln-skeleton{width:100%;padding:32rpx;background-color:#fff;border-radius:16rpx}.ln-skeleton__item{height:32rpx;margin-bottom:32rpx;background-color:#f2f3f5;border-radius:4rpx}.ln-skeleton__with-avatar{display:flex;gap:24rpx}.ln-skeleton__body{flex:1}.ln-skeleton__avatar{width:80rpx;height:80rpx;border-radius:50%;background-color:#f2f3f5;flex-shrink:0}.ln-skeleton__title{height:40rpx;width:40%;margin-bottom:32rpx;background-color:#f2f3f5;border-radius:4rpx}.ln-skeleton__paragraph{height:32rpx;margin-bottom:16rpx;background-color:#f2f3f5;border-radius:4rpx}.ln-skeleton__paragraph:last-child{width:60%}.ln-skeleton.is-animated .ln-skeleton__item,.ln-skeleton.is-animated .ln-skeleton__avatar,.ln-skeleton.is-animated .ln-skeleton__title,.ln-skeleton.is-animated .ln-skeleton__paragraph{animation:ln-skeleton-pulse 1.5s ease-in-out infinite}.dark .ln-skeleton{background-color:#1d1e1f}.dark .ln-skeleton .ln-skeleton__item,.dark .ln-skeleton .ln-skeleton__avatar,.dark .ln-skeleton .ln-skeleton__title,.dark .ln-skeleton .ln-skeleton__paragraph{background-color:#2c2d2e}@keyframes ln-skeleton-pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}

package/miniprogram_dist/slider/index.js

@@ -0,0 +1,78 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    value: {
+      type: Number,
+      value: 0,
+    },
+    min: {
+      type: Number,
+      value: 0,
+    },
+    max: {
+      type: Number,
+      value: 100,
+    },
+    step: {
+      type: Number,
+      value: 1,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    showValue: {
+      type: Boolean,
+      value: false,
+    },
+    activeColor: {
+      type: String,
+      value: '',
+    },
+    onchange: {
+      type: null,
+    },
+  },
+
+  data: {
+    pct: undefined,
+  },
+
+  observers: {
+    'min, max, value': function() {
+      this.setData({ pct: ((value - min) / (max - min)) * 100 });
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $bindable: value
+      this.__bind_value = function(e) {
+        self.setData({ value: e.detail.value });
+        self.triggerEvent('update:value', e.detail.value);
+      };
+    },
+  },
+
+  methods: {
+    onDown(e) {
+      // 用户定义的处理函数
+    },
+    onMove(e) {
+      // 用户定义的处理函数
+    },
+    onUp(e) {
+      // 用户定义的处理函数
+    },
+    onUp(e) {
+      // 用户定义的处理函数
+    },
+    __bind_value(e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('update:value', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/slider/index.json

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

package/miniprogram_dist/slider/index.wxml

@@ -0,0 +1,13 @@
+<view class="ln-slider" class="{{disabled? 'is-disabled' : ''}}">
+<!--  svelte-ignore a11y_no_noninteractive_element_interactions  -->
+  <view class="ln-slider__track" role="slider" aria-valuemin="{{min}}" aria-valuemax="{{max}}" aria-valuenow="{{value}}" tabindex="{{disabled ? -1 : 0}}" this="{{trackEl}}" bindchange="__bind_trackEl" bindpointerdown="onDown" bindpointermove="onMove" bindpointerup="onUp" bindpointercancel="onUp">
+    <view class="ln-slider__bar" style="width:{pct}%;{activeColor ? `background-color:${activeColor}` : ''}">
+    </view>
+    <view class="ln-slider__thumb" style="left:{pct}%">
+    </view>
+  </view>
+  <block wx:if="{{showValue}}">
+    <text class="ln-slider__value">
+{{value}}    </text>
+{{/if}}  </block>
+</view>

package/miniprogram_dist/slider/index.wxss

@@ -0,0 +1 @@
+.ln-slider{display:flex;align-items:center;gap:16rpx;padding:16rpx 0}.ln-slider__track{position:relative;flex:1;height:8rpx;background-color:#f0f2f5;border-radius:19998rpx;cursor:pointer;touch-action:none}.ln-slider__bar{position:absolute;left:0;top:0;height:100%;background-color:#0062ff;border-radius:19998rpx}.ln-slider__thumb{position:absolute;top:50%;width:40rpx;height:40rpx;margin-left:-20rpx;margin-top:-20rpx;background-color:#fff;border:1px solid #0062ff;border-radius:50%;box-shadow:0 4rpx 8rpx rgba(0,0,0,.12),0 0 12rpx rgba(0,0,0,.04)}.ln-slider__value{font-size:26rpx;color:#909399;min-width:48rpx;text-align:right}.ln-slider.is-disabled{opacity:.5;pointer-events:none}.dark .ln-slider .ln-slider__track{background-color:#2c2d2e}.dark .ln-slider .ln-slider__thumb{background-color:#fff;border-color:#0062ff}.dark .ln-slider .ln-slider__value{color:#a3a6ad}

package/miniprogram_dist/steps/index.js

@@ -0,0 +1,19 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    items: {
+      type: Array,
+      value: [],
+    },
+    active: {
+      type: Number,
+      value: 0,
+    },
+    direction: {
+      type: String,
+      value: 'horizontal',
+    },
+  },
+
+});

package/miniprogram_dist/steps/index.json

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

package/miniprogram_dist/steps/index.wxml

@@ -0,0 +1,27 @@
+<view class="ln-steps" class="{{direction === 'vertical'? 'ln-steps--vertical' : ''}}">
+  <block wx:for="{{items}}" wx:for-item="item" wx:for-index="i">
+    <view class="ln-step" class="{{i === active? 'is-active' : ''}}" class="{{i < active? 'is-finish' : ''}}">
+      <view class="ln-step__head">
+        <text class="ln-step__icon">
+          <block wx:if="{{i < active}}">
+            <icon icon="{{Check}}" size="{{14}}" strokeWidth="{{3}}" />
+          </block>
+          <block wx:else>
+{{i + 1}}          </block>
+        </text>
+        <block wx:if="{{i < items.length - 1}}">
+          <text class="ln-step__line">
+          </text>
+{{/if}}        </block>
+      </view>
+      <view class="ln-step__content">
+        <view class="ln-step__title">
+{{item.title}}        </view>
+        <block wx:if="{{item.desc}}">
+          <view class="ln-step__desc">
+{{item.desc}}          </view>
+{{/if}}        </block>
+      </view>
+    </view>
+  </block>
+</view>

package/miniprogram_dist/steps/index.wxss

@@ -0,0 +1 @@
+.ln-steps{display:flex;width:100%}.ln-steps--vertical{flex-direction:column}.ln-steps--vertical .ln-step{flex:none;flex-direction:row;align-items:flex-start}.ln-steps--vertical .ln-step__head{flex-direction:column;align-items:center}.ln-steps--vertical .ln-step__line{width:4rpx;height:48rpx;margin:8rpx 0}.ln-steps--vertical .ln-step__content{margin-top:0;margin-left:16rpx;padding-bottom:32rpx}.ln-step{flex:1;display:flex;flex-direction:column;position:relative}.ln-step__head{display:flex;align-items:center;width:100%}.ln-step__icon{display:flex;align-items:center;justify-content:center;width:48rpx;height:48rpx;min-width:48rpx;border-radius:50%;background-color:#dcdfe6;color:#fff;font-size:26rpx;font-weight:500;flex-shrink:0}.ln-step__line{flex:1;height:4rpx;margin:0 8rpx;background-color:#dcdfe6}.ln-step__content{margin-top:8rpx;width:48rpx;text-align:center}.ln-step__title{font-size:26rpx;color:#909399;font-weight:400;line-height:1.3;white-space:nowrap}.ln-step__desc{margin-top:8rpx;font-size:24rpx;color:#a8abb2}.ln-step.is-active .ln-step__icon{background-color:#0062ff}.ln-step.is-active .ln-step__title{color:#0062ff;font-weight:500}.ln-step.is-finish .ln-step__icon{background-color:#0062ff}.ln-step.is-finish .ln-step__line{background-color:#0062ff}.ln-step.is-finish .ln-step__title{color:#303133}.dark .ln-step .ln-step__icon{background-color:#58585b}.dark .ln-step .ln-step__title{color:#a3a6ad}.dark .ln-step .ln-step__desc{color:#6b6f76}.dark .ln-step .ln-step__line{background-color:#58585b}.dark .ln-step.is-active .ln-step__icon,.dark .ln-step.is-finish .ln-step__icon{background-color:#0062ff}.dark .ln-step.is-finish .ln-step__line{background-color:#0062ff}.dark .ln-step.is-active .ln-step__title{color:#0062ff}.dark .ln-step.is-finish .ln-step__title{color:#e5eaf3}

package/miniprogram_dist/sticky/index.js

@@ -0,0 +1,18 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    offsetTop: {
+      type: Number,
+      value: 0,
+    },
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+});

package/miniprogram_dist/sticky/index.json

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

package/miniprogram_dist/sticky/index.wxml

@@ -0,0 +1,5 @@
+<view class="ln-sticky" style="position:sticky;top:{offsetTop}px;z-index:{zIndex}">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}  </block>
+</view>

package/miniprogram_dist/swipe-action/index.js

@@ -0,0 +1,38 @@
+// import from 'svelte'
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    rightActions: {
+      type: Array,
+      value: [],
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  data: {
+    maxW: 0,
+  },
+
+  methods: {
+    onTouchStart(e) {
+      // 用户定义的处理函数
+    },
+    onTouchMove(e) {
+      // 用户定义的处理函数
+    },
+    onTouchEnd(e) {
+      // 用户定义的处理函数
+    },
+    __handler_click(e) {
+      (() => { action.onclick?.(); close(); activeInstance = null; }).call(this, e);
+    },
+  },
+
+});

package/miniprogram_dist/swipe-action/index.json

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

package/miniprogram_dist/swipe-action/index.wxml

@@ -0,0 +1,14 @@
+<view class="ln-swipe-action" class="{{disabled? 'is-disabled' : ''}}">
+<!--  svelte-ignore a11y_no_static_element_interactions  -->
+  <view class="ln-swipe-action__content" style="transform:translateX({offset.current}px)" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd">
+    <block wx:if="{{children}}">
+      <slot />
+{{/if}}    </block>
+  </view>
+  <view class="ln-swipe-action__actions" this="{{actionsEl}}" bindchange="__bind_actionsEl">
+    <block wx:for="{{rightActions}}" wx:for-item="action">
+      <button class="ln-swipe-action__btn" style="background:{action.bg || '#FC5A5A'};color:{action.color || '#fff'}" bindtap="__handler_1">
+{{action.text}}      </button>
+    </block>
+  </view>
+</view>

package/miniprogram_dist/swipe-action/index.wxss

@@ -0,0 +1 @@
+.ln-swipe-action{position:relative;overflow:hidden}.ln-swipe-action__content{position:relative;z-index:1;background-color:#fff}.ln-swipe-action__actions{position:absolute;top:0;right:0;bottom:0;display:flex}.ln-swipe-action__btn{display:flex;align-items:center;justify-content:center;padding:0 40rpx;height:100%;border:none;white-space:nowrap;font-size:28rpx;color:#fff;background-color:#fc5a5a;cursor:pointer}.ln-swipe-action.is-disabled{opacity:.5;pointer-events:none}.dark .ln-swipe-action .ln-swipe-action__content{background-color:#1d1e1f}

package/miniprogram_dist/switch/index.js

@@ -0,0 +1,86 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    checked: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    activeIcon: {
+      type: null,
+    },
+    inactiveIcon: {
+      type: null,
+    },
+    activeText: {
+      type: null,
+    },
+    inactiveText: {
+      type: null,
+    },
+    thumbIcon: {
+      type: null,
+    },
+    activeThumbIcon: {
+      type: null,
+    },
+    inactiveThumbIcon: {
+      type: null,
+    },
+    onchange: {
+      type: null,
+    },
+  },
+
+  data: {
+    hasTrackDecor: undefined,
+    hasThumbDecor: undefined,
+    currentThumbIcon: undefined,
+  },
+
+  observers: {
+    'inactiveIcon, inactiveText, activeIcon, activeText': function() {
+      this.setData({ hasTrackDecor: !!(activeIcon || inactiveIcon || activeText || inactiveText) });
+    },
+    'activeThumbIcon, inactiveThumbIcon, thumbIcon': function() {
+      this.setData({ hasThumbDecor: !!(thumbIcon || activeThumbIcon || inactiveThumbIcon) });
+    },
+    'activeThumbIcon, inactiveThumbIcon, thumbIcon, checked': function() {
+      this.setData({ currentThumbIcon: if (activeThumbIcon && checked) return activeThumbIcon;
+if (inactiveThumbIcon && !checked) return inactiveThumbIcon;
+return thumbIcon ?? 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: {
+    vibrate(e) {
+      // 用户定义的处理函数
+    },
+    toggle(e) {
+      // 用户定义的处理函数
+    },
+    __handler_keydown(e) {
+      ((e: KeyboardEvent) => (e.key === ' ' || e.key === 'Enter') && (e.preventDefault(), toggle())).call(this, e);
+    },
+    __bind_checked(e) {
+      this.setData({ checked: e.detail.value });
+      this.triggerEvent('update:checked', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/switch/index.json

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

package/miniprogram_dist/switch/index.wxml

@@ -0,0 +1,31 @@
+<button type="button" class="ln-switch" role="switch" aria-checked="{{checked}}" disabled="{{disabled}}" class="{{checked? 'is-active' : ''}}" class="{{disabled? 'is-disabled' : ''}}" class="{{hasTrackDecor && !hasThumbDecor? 'is-has-icons' : ''}}" class="{{hasThumbDecor? 'is-has-thumb-icon' : ''}}" bindtouchstart="vibrate" bindtap="toggle" bindkeydown="__handler_1">
+  <text class="ln-switch__track">
+    <block wx:if="{{hasTrackDecor && !hasThumbDecor}}">
+      <text class="ln-switch__inner">
+        <block wx:if="{{activeIcon}}">
+          <text class="ln-switch__inner-icon ln-switch__inner-icon--active">
+            <icon icon="{{activeIcon}}" size="{{14}}" />
+          </text>
+        </block>
+        <block wx:elif="{{activeText}}">
+          <text class="ln-switch__inner-text ln-switch__inner-text--active">
+{{activeText}}          </text>
+{{/if}}          <block wx:if="{{inactiveIcon}}">
+            <text class="ln-switch__inner-icon ln-switch__inner-icon--inactive">
+              <icon icon="{{inactiveIcon}}" size="{{14}}" />
+            </text>
+          </block>
+          <block wx:elif="{{inactiveText}}">
+            <text class="ln-switch__inner-text ln-switch__inner-text--inactive">
+{{inactiveText}}            </text>
+{{/if}}          </block>
+        </block>
+      </text>
+{{/if}}      <text class="ln-switch__thumb">
+        <block wx:if="{{currentThumbIcon}}">
+          <icon icon="{{currentThumbIcon}}" size="{{12}}" class="ln-switch__thumb-icon" />
+{{/if}}        </block>
+      </text>
+    </block>
+  </text>
+</button>

package/miniprogram_dist/switch/index.wxss

@@ -0,0 +1 @@
+.ln-switch{position:relative;display:inline-flex;align-items:center;border:none;background:none;padding:0;cursor:pointer;user-select:none;outline:none;font-family:inherit;height:48rpx}.ln-switch__track{position:relative;width:80rpx;height:48rpx;border-radius:24rpx;background-color:#dcdfe6;transition:background-color .3s cubic-bezier(0.4, 0, 0.2, 1)}.ln-switch .ln-switch__inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-evenly;pointer-events:none}.ln-switch .ln-switch__inner-icon{display:inline-flex;align-items:center;justify-content:center;width:32rpx;height:32rpx;color:#909399;opacity:.9;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s cubic-bezier(0.4, 0, 0.2, 1)}.ln-switch .ln-switch__inner-icon--active{opacity:0;transform:translate3d(-12rpx, 0, 0)}.ln-switch .ln-switch__inner-icon--inactive{opacity:1;transform:translate3d(0, 0, 0)}.ln-switch .ln-switch__inner-text{display:inline-flex;align-items:center;font-size:20rpx;line-height:1;color:#909399;opacity:.9;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap}.ln-switch .ln-switch__inner-text--active{opacity:0;transform:translate3d(-12rpx, 0, 0)}.ln-switch .ln-switch__inner-text--inactive{opacity:1;transform:translate3d(0, 0, 0)}.ln-switch__thumb{position:absolute;top:4rpx;left:4rpx;width:40rpx;height:40rpx;background-color:#fff;border-radius:50%;box-shadow:0 4rpx 8rpx rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1);transform:translate3d(0, 0, 0);will-change:transform}.ln-switch .ln-switch__thumb-icon{display:flex;color:#909399;transition:color .3s}.ln-switch.is-has-icons .ln-switch__track{width:96rpx}.ln-switch.is-has-icons.is-active .ln-switch__thumb{transform:translate3d(48rpx, 0, 0)}.ln-switch.is-active .ln-switch__track{background-color:#0062ff}.ln-switch.is-active .ln-switch__thumb{transform:translate3d(32rpx, 0, 0)}.ln-switch.is-active .ln-switch__inner-icon,.ln-switch.is-active .ln-switch__inner-text{color:hsla(0,0%,100%,.92)}.ln-switch.is-active .ln-switch__inner-icon--active{opacity:1;transform:translate3d(0, 0, 0)}.ln-switch.is-active .ln-switch__inner-icon--inactive{opacity:0;transform:translate3d(12rpx, 0, 0)}.ln-switch.is-active .ln-switch__inner-text--active{opacity:1;transform:translate3d(0, 0, 0)}.ln-switch.is-active .ln-switch__inner-text--inactive{opacity:0;transform:translate3d(12rpx, 0, 0)}.ln-switch.is-active .ln-switch__thumb-icon{color:#0062ff}.ln-switch.is-disabled{opacity:.5;cursor:not-allowed}.dark .ln-switch .ln-switch__track{background-color:#58585b}.dark .ln-switch .ln-switch__thumb{background-color:#fff;box-shadow:0 4rpx 12rpx rgba(0,0,0,.35)}.dark .ln-switch .ln-switch__inner-icon,.dark .ln-switch .ln-switch__inner-text{color:#a3a6ad}.dark .ln-switch .ln-switch__thumb-icon{color:#a3a6ad}.dark .ln-switch.is-active .ln-switch__track{background-color:#0062ff}.dark .ln-switch.is-active .ln-switch__inner-icon,.dark .ln-switch.is-active .ln-switch__inner-text{color:hsla(0,0%,100%,.92)}.dark .ln-switch.is-active .ln-switch__thumb-icon{color:#0062ff}

package/miniprogram_dist/tabbar/index.js

@@ -0,0 +1,41 @@
+// import from 'svelte'
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    active: {
+      type: Number,
+      value: 0,
+    },
+    fixed: {
+      type: Boolean,
+      value: true,
+    },
+    bordered: {
+      type: Boolean,
+      value: true,
+    },
+    safeArea: {
+      type: Boolean,
+      value: true,
+    },
+    onchange: {
+      type: null,
+    },
+    children: {
+      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/tabbar/index.json

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

package/miniprogram_dist/tabbar/index.wxml

@@ -0,0 +1,5 @@
+<view class="ln-tabbar" role="tablist" class="{{fixed? 'is-fixed' : ''}}" class="{{bordered? 'is-bordered' : ''}}" class="{{safeArea? 'is-safe-area' : ''}}">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}  </block>
+</view>

package/miniprogram_dist/tabbar/index.wxss

@@ -0,0 +1 @@
+.ln-tabbar{position:relative;display:flex;align-items:stretch;height:100rpx;background-color:#fff}.ln-tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16rpx;padding:0;border:none;background:none;cursor:pointer;color:#909399;transition:color .2s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ln-tabbar__item.is-active{color:#0062ff}.ln-tabbar__icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:0}.ln-tabbar__label{font-size:20rpx;line-height:1}.ln-tabbar.is-fixed{position:fixed;bottom:0;left:0;right:0;z-index:200}.ln-tabbar.is-bordered::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#e4e7ed;transform:scaleY(0.5);transform-origin:top}.ln-tabbar.is-safe-area{padding-bottom:env(safe-area-inset-bottom);height:calc(100rpx + env(safe-area-inset-bottom))}.dark .ln-tabbar{background-color:#1d1e1f}.dark .ln-tabbar .ln-tabbar__item{color:#a3a6ad}.dark .ln-tabbar .ln-tabbar__item.is-active{color:#0062ff}.dark .ln-tabbar.is-bordered::before{background-color:hsla(0,0%,100%,.08)}