luna-mobile-weapp 0.0.1

package/miniprogram_dist/collapse-item/index.json

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

package/miniprogram_dist/collapse-item/index.wxml

@@ -0,0 +1,18 @@
+<view class="ln-collapse-item" class="{{active? 'is-active' : ''}}" class="{{disabled? 'is-disabled' : ''}}" class="{{bordered? 'is-bordered' : ''}}">
+  <view class="ln-collapse-item__header" role="button" tabindex="{{disabled ? -1 : 0}}" bindtap="toggle" bindkeydown="__handler_1">
+    <text class="ln-collapse-item__title">
+{{title}}    </text>
+    <text class="ln-collapse-item__arrow">
+      <icon icon="{{ChevronRight}}" size="{{16}}" />
+    </text>
+  </view>
+  <block wx:if="{{active}}">
+    <view class="ln-collapse-item__wrap">
+      <view class="ln-collapse-item__content">
+        <block wx:if="{{children}}">
+          <slot />
+{{/if}}        </block>
+      </view>
+    </view>
+{{/if}}  </block>
+</view>

package/miniprogram_dist/collapse-item/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/common/runtime.js

@@ -0,0 +1,234 @@
+/**
+ * sveltemp 运行时桥接层
+ * 将 Svelte 5 Runes 响应式模型桥接到小程序 setData 机制
+ * 体积目标: < 5KB (minified)
+ */
+
+// ============================================================
+// 1. 响应式代理 — 拦截 $state 变量的赋值，自动触发 setData
+// ============================================================
+
+/**
+ * 创建响应式代理
+ * @param {Object} ctx - 小程序组件/页面实例 (this)
+ * @param {Object} initialData - 初始 data 对象
+ * @returns {Proxy} 代理对象
+ */
+function createReactiveProxy(ctx, initialData) {
+  const pending = {};
+  let timer = null;
+
+  const handler = {
+    set(target, key, value) {
+      target[key] = value;
+      pending[key] = value;
+
+      // 批量合并 setData 调用（微任务级别）
+      if (!timer) {
+        timer = setTimeout(() => {
+          if (Object.keys(pending).length > 0) {
+            ctx.setData(Object.assign({}, pending));
+            // 清空 pending
+            Object.keys(pending).forEach(k => delete pending[k]);
+          }
+          timer = null;
+        }, 0);
+      }
+
+      return true;
+    },
+
+    get(target, key) {
+      return target[key];
+    }
+  };
+
+  return new Proxy(initialData, handler);
+}
+
+// ============================================================
+// 2. 批量 setData — 合并多次 setData 为一次调用
+// ============================================================
+
+const batchQueue = new Map();
+
+/**
+ * 批量 setData
+ * @param {Object} ctx - 小程序实例
+ * @param {Object} data - 要更新的数据
+ * @param {Function} [callback] - 回调
+ */
+function batchSetData(ctx, data, callback) {
+  const id = ctx.__sveltempId || (ctx.__sveltempId = ++batchIdCounter);
+
+  if (!batchQueue.has(id)) {
+    batchQueue.set(id, { ctx, data: {}, callbacks: [] });
+
+    // 下一个微任务执行
+    Promise.resolve().then(() => {
+      const batch = batchQueue.get(id);
+      if (batch) {
+        batchQueue.delete(id);
+        batch.ctx.setData(batch.data, () => {
+          batch.callbacks.forEach(cb => cb && cb());
+        });
+      }
+    });
+  }
+
+  const batch = batchQueue.get(id);
+  Object.assign(batch.data, data);
+  if (callback) {
+    batch.callbacks.push(callback);
+  }
+}
+
+let batchIdCounter = 0;
+
+// ============================================================
+// 3. 跨平台 API 适配器
+// ============================================================
+
+/**
+ * 获取当前平台的全局 API 对象
+ */
+function getApi() {
+  /* eslint-disable no-undef */
+  if (typeof wx !== 'undefined') return wx;
+  if (typeof my !== 'undefined') return my;
+  if (typeof swan !== 'undefined') return swan;
+  if (typeof qq !== 'undefined') return qq;
+  if (typeof tt !== 'undefined') return tt;
+  /* eslint-enable no-undef */
+  throw new Error('[sveltemp-runtime] 未检测到小程序环境');
+}
+
+const api = getApi();
+
+/**
+ * 统一的 API 调用封装
+ * 处理各平台 API 差异（回调风格 vs Promise 风格）
+ */
+function callApi(name, options) {
+  return new Promise((resolve, reject) => {
+    const fn = api[name];
+    if (!fn) {
+      reject(new Error(`API ${name} 不存在`));
+      return;
+    }
+
+    fn(Object.assign({}, options, {
+      success: (res) => {
+        if (options && options.success) options.success(res);
+        resolve(res);
+      },
+      fail: (err) => {
+        if (options && options.fail) options.fail(err);
+        reject(err);
+      },
+      complete: (res) => {
+        if (options && options.complete) options.complete(res);
+      }
+    }));
+  });
+}
+
+// ============================================================
+// 4. 导航 API 统一封装
+// ============================================================
+
+const router = {
+  push(url, params) {
+    const query = params ? '?' + Object.keys(params).map(k => `${k}=${encodeURIComponent(params[k])}`).join('&') : '';
+    return callApi('navigateTo', { url: url + query });
+  },
+
+  replace(url, params) {
+    const query = params ? '?' + Object.keys(params).map(k => `${k}=${encodeURIComponent(params[k])}`).join('&') : '';
+    return callApi('redirectTo', { url: url + query });
+  },
+
+  back(delta) {
+    return callApi('navigateBack', { delta: delta || 1 });
+  },
+
+  switchTab(url) {
+    return callApi('switchTab', { url });
+  }
+};
+
+// ============================================================
+// 5. 存储 API 统一封装
+// ============================================================
+
+const storage = {
+  get(key) {
+    return callApi('getStorage', { key }).then(res => res.data);
+  },
+
+  set(key, data) {
+    return callApi('setStorage', { key, data });
+  },
+
+  remove(key) {
+    return callApi('removeStorage', { key });
+  },
+
+  clear() {
+    return callApi('clearStorage', {});
+  }
+};
+
+// ============================================================
+// 6. 网络请求统一封装
+// ============================================================
+
+function request(options) {
+  return callApi('request', options);
+}
+
+// ============================================================
+// 7. 事件总线（跨组件通信）
+// ============================================================
+
+const eventBus = {
+  _events: {},
+
+  on(event, handler) {
+    if (!this._events[event]) {
+      this._events[event] = [];
+    }
+    this._events[event].push(handler);
+    return () => this.off(event, handler);
+  },
+
+  off(event, handler) {
+    if (!this._events[event]) return;
+    if (handler) {
+      this._events[event] = this._events[event].filter(h => h !== handler);
+    } else {
+      delete this._events[event];
+    }
+  },
+
+  emit(event, ...args) {
+    if (this._events[event]) {
+      this._events[event].forEach(h => h(...args));
+    }
+  }
+};
+
+// ============================================================
+// 导出
+// ============================================================
+
+module.exports = {
+  createReactiveProxy,
+  batchSetData,
+  api,
+  callApi,
+  router,
+  storage,
+  request,
+  eventBus,
+};

package/miniprogram_dist/container/index.js

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

package/miniprogram_dist/container/index.json

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

package/miniprogram_dist/container/index.wxml

@@ -0,0 +1,5 @@
+<view class="ln-container {className}" class="{{direction === 'vertical'? 'is-vertical' : ''}}">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}  </block>
+</view>

package/miniprogram_dist/container/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/count-down/index.js

@@ -0,0 +1,58 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    time: {
+      type: Number,
+      value: 0,
+    },
+    format: {
+      type: null,
+      value: 'HH:mm:ss',
+    },
+    plain: {
+      type: Boolean,
+      value: false,
+    },
+    onfinish: {
+      type: null,
+    },
+  },
+
+  data: {
+    remaining: 0,
+    display: undefined,
+  },
+
+  observers: {
+    'format, remaining': function() {
+      this.setData({ display: const h = Math.floor(remaining / 3600000);
+const m = Math.floor((remaining % 3600000) / 60000);
+const s = Math.floor((remaining % 60000) / 1000);
+return format
+.replace('HH', pad(h))
+.replace('mm', pad(m))
+.replace('ss', pad(s)); });
+    },
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $effect #1
+      remaining = time;;
+      // $effect #2
+      if (remaining <= 0) return;
+const timer = setInterval(() => {
+remaining -= 1000;
+if (remaining <= 0) {
+remaining = 0;
+clearInterval(timer);
+onfinish?.();
+}
+}, 1000);
+return () => clearInterval(timer);;
+    },
+  },
+
+});

package/miniprogram_dist/count-down/index.json

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

package/miniprogram_dist/count-down/index.wxml

@@ -0,0 +1,14 @@
+<text class="ln-countdown" class="{{plain? 'ln-countdown--plain' : ''}}">
+  <block wx:if="{{plain}}">
+{{display}}  </block>
+  <block wx:else>
+    <block wx:for="{{display.split(':')}}" wx:for-item="part" wx:for-index="i">
+      <block wx:if="{{i > 0}}">
+        <text class="ln-countdown__separator">
+:        </text>
+{{/if}}        <text class="ln-countdown__block">
+{{part}}        </text>
+{{/each}}{{/if}}      </block>
+    </block>
+  </block>
+</text>

package/miniprogram_dist/count-down/index.wxss

@@ -0,0 +1 @@
+.ln-countdown{display:inline-flex;align-items:center;color:#303133;font-size:28rpx;font-variant-numeric:tabular-nums}.ln-countdown__block{display:inline-flex;align-items:center;justify-content:center;min-width:48rpx;height:48rpx;padding:0 8rpx;background-color:#303133;color:#fff;border-radius:4rpx;font-size:26rpx;font-weight:500}.ln-countdown__separator{margin:0 8rpx;color:#303133;font-weight:700}.ln-countdown--plain .ln-countdown__block{background-color:rgba(0,0,0,0);color:#303133;padding:0;min-width:auto}.dark .ln-countdown{color:#e5eaf3}.dark .ln-countdown .ln-countdown__block{background-color:#e5eaf3;color:#141415}.dark .ln-countdown .ln-countdown__separator{color:#e5eaf3}.dark .ln-countdown.ln-countdown--plain .ln-countdown__block{background-color:rgba(0,0,0,0);color:#e5eaf3}

package/miniprogram_dist/count-up/index.js

@@ -0,0 +1,56 @@
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    endValue: {
+      type: Number,
+      value: 0,
+    },
+    startValue: {
+      type: Number,
+      value: 0,
+    },
+    duration: {
+      type: Number,
+      value: 2000,
+    },
+    decimals: {
+      type: Number,
+      value: 0,
+    },
+    prefix: {
+      type: String,
+      value: '',
+    },
+    suffix: {
+      type: String,
+      value: '',
+    },
+  },
+
+  data: {
+    display: '0',
+  },
+
+  lifetimes: {
+    attached() {
+      const self = this;
+      // $effect #1
+      const start = startValue;
+const end = endValue;
+const dur = duration;
+const dec = decimals;
+let raf: number;
+const t0 = performance.now();
+const tick = (now: number): void => {
+const progress = Math.min((now - t0) / dur, 1);
+const eased = 1 - Math.pow(1 - progress, 3);
+display = (start + (end - start) * eased).toFixed(dec);
+if (progress < 1) raf = requestAnimationFrame(tick);
+}
+raf = requestAnimationFrame(tick);
+return () => cancelAnimationFrame(raf);;
+    },
+  },
+
+});

package/miniprogram_dist/count-up/index.json

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

package/miniprogram_dist/count-up/index.wxml

@@ -0,0 +1,2 @@
+<text class="ln-count-up">
+{{prefix}}{{display}}{{suffix}}</text>

package/miniprogram_dist/count-up/index.wxss

@@ -0,0 +1 @@
+.ln-count-up{font-variant-numeric:tabular-nums;font-size:40rpx;font-weight:700;color:#303133}.dark .ln-count-up{color:#e5eaf3}

package/miniprogram_dist/date-time-picker/index.js

@@ -0,0 +1,134 @@
+// import from 'svelte/transition'
+const { createReactiveProxy, batchSetData } = require('../common/runtime');
+
+Component({
+  properties: {
+    value: {
+      type: String,
+      value: '',
+    },
+    mode: {
+      type: String,
+      value: 'date',
+    },
+    visible: {
+      type: Boolean,
+      value: false,
+    },
+    minDate: {
+      type: String,
+      value: '1970-01-01',
+    },
+    maxDate: {
+      type: String,
+      value: '2099-12-31',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    onconfirm: {
+      type: null,
+    },
+    onclose: {
+      type: null,
+    },
+    children: {
+      type: null,
+    },
+  },
+
+  data: {
+    year: new Date().getFullYear(),
+    month: new Date().getMonth() + 1,
+    day: new Date().getDate(),
+    hour: 0,
+    minute: 0,
+    yearEl: undefined,
+    monthEl: undefined,
+    dayEl: undefined,
+    hourEl: undefined,
+    minuteEl: undefined,
+    min: undefined,
+    max: undefined,
+    years: undefined,
+    months: undefined,
+    dayCount: undefined,
+    dayList: undefined,
+  },
+
+  observers: {
+    '**': function() {
+      this.setData({ min: parseMin() });
+    },
+    '**': function() {
+      this.setData({ max: parseMax() });
+    },
+    'max, min': function() {
+      this.setData({ years: Array.from({ length: max.y - min.y + 1 }, (_: unknown, i: number) => min.y + i) });
+    },
+    '**': function() {
+      this.setData({ months: Array.from({ length: 12 }, (_: unknown, i: number) => i + 1) });
+    },
+    'year, month': function() {
+      this.setData({ dayCount: new Date(year, month, 0).getDate() });
+    },
+    'dayCount, day': function() {
+      this.setData({ dayList: Array.from({ length: dayCount }, (_: unknown, i: number) => i + 1) });
+    },
+  },
+
+  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);
+      };
+      // $bindable: visible
+      this.__bind_visible = function(e) {
+        self.setData({ visible: e.detail.value });
+        self.triggerEvent('update:visible', e.detail.value);
+      };
+      // $effect #1
+      if (day > dayCount) day = dayCount;;
+    },
+  },
+
+  methods: {
+    close(e) {
+      // 用户定义的处理函数
+    },
+    close(e) {
+      // 用户定义的处理函数
+    },
+    confirm(e) {
+      // 用户定义的处理函数
+    },
+    onScroll('year')(e) {
+      // 用户定义的处理函数
+    },
+    onScroll('month')(e) {
+      // 用户定义的处理函数
+    },
+    onScroll('day')(e) {
+      // 用户定义的处理函数
+    },
+    onScroll('hour')(e) {
+      // 用户定义的处理函数
+    },
+    onScroll('minute')(e) {
+      // 用户定义的处理函数
+    },
+    __bind_value(e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('update:value', e.detail.value);
+    },
+    __bind_visible(e) {
+      this.setData({ visible: e.detail.value });
+      this.triggerEvent('update:visible', e.detail.value);
+    },
+  },
+
+});

package/miniprogram_dist/date-time-picker/index.json

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

package/miniprogram_dist/date-time-picker/index.wxml

@@ -0,0 +1,77 @@
+<view class="ln-date-time-picker" class="{{disabled? 'is-disabled' : ''}}">
+  <block wx:if="{{children}}">
+    <slot />
+{{/if}}  </block>
+</view>
+<block wx:if="{{visible}}">
+  <view class="ln-overlay" role="presentation" bindtap="close">
+  </view>
+  <view class="ln-date-time-picker__panel">
+    <view class="ln-date-time-picker__toolbar">
+      <button type="button" class="ln-date-time-picker__cancel" bindtap="close">
+取消      </button>
+      <text class="ln-date-time-picker__title">
+{{mode === 'year-month' ? '选择年月' : mode === 'datetime' ? '选择日期时间' : '选择日期'}}      </text>
+      <button type="button" class="ln-date-time-picker__ok" bindtap="confirm">
+确定      </button>
+    </view>
+    <view class="ln-date-time-picker__columns">
+      <view class="ln-date-time-picker__col" this="{{yearEl}}" bindchange="__bind_yearEl" bindscroll="__handler_1">
+        <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+        </view>
+        <block wx:for="{{years}}" wx:for-item="y">
+          <view class="ln-date-time-picker__item" class="{{year === y? 'is-active' : ''}}">
+{{y}}年          </view>
+        </block>
+        <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+        </view>
+      </view>
+      <view class="ln-date-time-picker__col" this="{{monthEl}}" bindchange="__bind_monthEl" bindscroll="__handler_2">
+        <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+        </view>
+        <block wx:for="{{months}}" wx:for-item="m">
+          <view class="ln-date-time-picker__item" class="{{month === m? 'is-active' : ''}}">
+{{pad2(m)}}月          </view>
+        </block>
+        <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+        </view>
+      </view>
+      <block wx:if="{{mode !== 'year-month'}}">
+        <view class="ln-date-time-picker__col" this="{{dayEl}}" bindchange="__bind_dayEl" bindscroll="__handler_3">
+          <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+          </view>
+          <block wx:for="{{dayList}}" wx:for-item="d">
+            <view class="ln-date-time-picker__item" class="{{day === d? 'is-active' : ''}}">
+{{pad2(d)}}日            </view>
+          </block>
+          <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+          </view>
+        </view>
+{{/if}}        <block wx:if="{{mode === 'datetime'}}">
+          <view class="ln-date-time-picker__col" this="{{hourEl}}" bindchange="__bind_hourEl" bindscroll="__handler_4">
+            <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+            </view>
+            <block wx:for="{{hourList}}" wx:for-item="h">
+              <view class="ln-date-time-picker__item" class="{{hour === h? 'is-active' : ''}}">
+{{pad2(h)}}时              </view>
+            </block>
+            <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+            </view>
+          </view>
+          <view class="ln-date-time-picker__col" this="{{minuteEl}}" bindchange="__bind_minuteEl" bindscroll="__handler_5">
+            <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+            </view>
+            <block wx:for="{{minuteList}}" wx:for-item="m">
+              <view class="ln-date-time-picker__item" class="{{minute === m? 'is-active' : ''}}">
+{{pad2(m)}}分              </view>
+            </block>
+            <view class="ln-date-time-picker__pad" style="height:{PAD_H}px">
+            </view>
+          </view>
+{{/if}}          <view class="ln-date-time-picker__mask">
+          </view>
+        </block>
+      </block>
+    </view>
+  </view>
+{{/if}}</block>

package/miniprogram_dist/date-time-picker/index.wxss

@@ -0,0 +1 @@
+.ln-date-time-picker.is-disabled{opacity:.5;pointer-events:none}.ln-date-time-picker__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-date-time-picker__toolbar{display:flex;align-items:center;justify-content:space-between;padding:16rpx 32rpx;border-bottom:none}.ln-date-time-picker__title{font-size:32rpx;font-weight:500;color:#303133}.ln-date-time-picker__cancel{border:none;background:none;font-size:28rpx;color:#909399;cursor:pointer;padding:8rpx 16rpx}.ln-date-time-picker__ok{border:none;background:none;font-size:28rpx;color:#0062ff;font-weight:500;cursor:pointer;padding:8rpx 16rpx}.ln-date-time-picker__columns{position:relative;display:flex;height:440rpx;overflow:hidden}.ln-date-time-picker__col{flex:1;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.ln-date-time-picker__col::-webkit-scrollbar{display:none}.ln-date-time-picker__col{scrollbar-width:none}.ln-date-time-picker__item{display:flex;align-items:center;justify-content:center;height:88rpx;font-size:32rpx;color:#909399;transition:color .15s;user-select:none}.ln-date-time-picker__item.is-active{color:#303133;font-weight:500}.ln-date-time-picker__pad{flex-shrink:0}.ln-date-time-picker__mask{position:absolute;left:0;right:0;top:50%;height:88rpx;transform:translateY(-50%);border-top:.10rpx solid #e4e7ed;border-bottom:.10rpx solid #e4e7ed;pointer-events:none}.dark .ln-date-time-picker .ln-date-time-picker__panel{background:#1d1e1f}.dark .ln-date-time-picker .ln-date-time-picker__title{color:#e5eaf3}.dark .ln-date-time-picker .ln-date-time-picker__cancel{color:#a3a6ad}.dark .ln-date-time-picker .ln-date-time-picker__item{color:#a3a6ad}.dark .ln-date-time-picker .ln-date-time-picker__item.is-active{color:#e5eaf3}.dark .ln-date-time-picker .ln-date-time-picker__mask{border-color:#4a4a4c}.dark .ln-date-time-picker__panel{background:#1d1e1f}.dark .ln-date-time-picker__title{color:#e5eaf3}.dark .ln-date-time-picker__cancel{color:#a3a6ad}.dark .ln-date-time-picker__item{color:#a3a6ad}.dark .ln-date-time-picker__item.is-active{color:#e5eaf3}.dark .ln-date-time-picker__mask{border-color:#4a4a4c}