@tuya-miniapp/smart-ui 2.7.2-beta-11 → 2.7.2-beta-13

package/dist/circle/index.rjs

@@ -0,0 +1,232 @@
+export default Render({
+  canvas: null,
+  lineWidth: 10,
+  maskColor: '#ffffff',
+  trackColor: '#d3d3d3',
+  fillColorStops: null,
+  dpr: 1,
+  fillColor: '#007AFF',
+
+  async init(data) {
+    let canvas = this.canvas;
+    if (!canvas) {
+      canvas = await getCanvasById(data.canvasId);
+      this.canvas = canvas;
+    }
+    if (!canvas) {
+      console.error('canvas not found');
+      return;
+    }
+
+    const canvaswidth = data.width * data.dpr;
+    const canvasheight = data.height * data.dpr;
+    canvas.width = canvaswidth;
+    canvas.height = canvasheight;
+    canvas.style.width = `${data.width}px`;
+    canvas.style.height = `${data.height}px`;
+
+    const ctx = canvas.getContext('2d');
+
+    this.width = data.width;
+    this.height = data.height;
+
+    this.dpr = data.dpr;
+    this.lineWidth = data.trackWidth;
+    this.maskColor = data.maskColor;
+    this.trackColor = data.trackColor;
+    this.fillColorStops = data.fillColorStops;
+    this.dpr = data.dpr;
+    this.fillColor = data.fillColor;
+    this.mode = data.mode;
+    this.gradientColor = data.gradientColor;
+    this.round = data.round;
+
+    ctx.scale(this.dpr, this.dpr);
+    this.render(data.percent);
+  },
+  percentToDecimal(percent) {
+    percent = percent.replace('%', '');
+    return percent / 100;
+  },
+  renderAll(
+    progress,
+    ops = {
+      lineCap: 'round',
+    }
+  ) {
+    const canvas = this.canvas;
+    const ctx = canvas.getContext('2d');
+
+    const lineWidth = this.lineWidth; // 进度条宽度
+    const radius = ((this.width - lineWidth) * 1) / 2; // 圆形半径
+    const startAngle = Math.PI; // 起始角度（3点钟方向）
+    const endAngle = 4 * Math.PI; // 结束角度（360度）
+
+    // 绘制环形进度条的函数
+    const drawProgressBar = (progress, color) => {
+      ctx.clearRect(0, 0, this.width, this.height); // 清除画布
+      // 绘制灰色背景
+      ctx.beginPath();
+      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, endAngle);
+      ctx.lineWidth = lineWidth;
+      // 填充颜色
+      ctx.fillStyle = this.maskColor; // 你想填充的颜色
+      ctx.fill(); // 填充路径
+      ctx.strokeStyle = this.trackColor; // 灰色背景
+      ctx.lineCap = ops.lineCap; // 设置圆角效果
+      ctx.stroke();
+
+      // 绘制进度条
+      const progressAngle = progress * (Math.PI * 2); // 根据进度计算角度
+      ctx.beginPath();
+      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
+      ctx.lineWidth = lineWidth;
+
+      if (this.fillColorStops) {
+        // 创建线性渐变（起点x,y 到 终点x,y）
+        const gradient = ctx.createLinearGradient(0, 0, this.width, 0);
+
+        for (const stop in this.fillColorStops) {
+          // 添加渐变色
+          gradient.addColorStop(this.percentToDecimal(stop), this.fillColorStops[stop]);
+        }
+
+        ctx.strokeStyle = gradient; // 自定义颜色
+      } else {
+        ctx.strokeStyle = color; // 自定义颜色
+      }
+
+      ctx.lineCap = ops.lineCap; // 设置圆角效果
+      ctx.stroke();
+    };
+
+    drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
+  },
+
+  renderHalf(
+    progress,
+    ops = {
+      lineCap: 'round',
+    }
+  ) {
+    const canvas = this.canvas;
+    const ctx = canvas.getContext('2d');
+
+    const lineWidth = this.lineWidth; // 进度条宽度
+    const radius = ((this.width - lineWidth) * 1) / 2; // 圆形半径
+    const startAngle = 1 * Math.PI; // 起始角度（3点钟方向）
+    const endAngle = 2 * Math.PI; // 结束角度（360度）
+
+    // 绘制环形进度条的函数
+    const drawProgressBar = (progress, color) => {
+      ctx.clearRect(0, 0, this.width, this.height); // 清除画布
+
+      // 绘制灰色背景
+      ctx.beginPath();
+      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, endAngle);
+      // 填充颜色
+      ctx.fillStyle = this.maskColor; // 你想填充的颜色
+      ctx.fill(); // 填充路径
+      ctx.lineWidth = lineWidth;
+      ctx.strokeStyle = this.trackColor; // 灰色背景
+      ctx.lineCap = ops.lineCap; // 设置圆角效果
+      ctx.stroke();
+
+      // 绘制进度条
+      const progressAngle = progress * (Math.PI * 2); // 根据进度计算角度
+      ctx.beginPath();
+      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
+      ctx.lineWidth = lineWidth;
+
+      if (this.fillColorStops) {
+        // 创建线性渐变（起点x,y 到 终点x,y）
+        const gradient = ctx.createLinearGradient(0, 0, this.width, 0);
+
+        for (const stop in this.fillColorStops) {
+          // 添加渐变色
+          gradient.addColorStop(this.percentToDecimal(stop), this.fillColorStops[stop]);
+        }
+
+        ctx.strokeStyle = gradient; // 自定义颜色
+      } else {
+        ctx.strokeStyle = color; // 自定义颜色
+      }
+
+      ctx.lineCap = ops.lineCap; // 设置圆角效果
+      ctx.stroke();
+    };
+
+    // 示例：绘制不同的进度条
+    drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
+  },
+
+  renderHalf2(
+    progress,
+    ops = {
+      lineCap: 'round',
+    }
+  ) {
+    const canvas = this.canvas;
+    const ctx = canvas.getContext('2d');
+
+    const lineWidth = this.lineWidth; // 进度条宽度
+    const radius = ((this.width - lineWidth) * 1) / 2; // 圆形半径
+
+    const startAngle = 0.8 * Math.PI; // 起始角度（3点钟方向）
+    const endAngle = 2.2 * Math.PI; // 结束角度（360度）
+
+    // 绘制环形进度条的函数
+    const drawProgressBar = (progress, color) => {
+      ctx.clearRect(0, 0, this.width, this.height); // 清除画布
+
+      // 绘制灰色背景
+      ctx.beginPath();
+      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, endAngle);
+      // 填充颜色
+      ctx.fillStyle = this.maskColor; // 你想填充的颜色
+      ctx.fill(); // 填充路径
+      ctx.lineWidth = lineWidth;
+      ctx.strokeStyle = this.trackColor; // 灰色背景
+      ctx.lineCap = ops.lineCap; // 设置圆角效果
+      ctx.stroke();
+
+      // 绘制进度条
+      const progressAngle = progress * (Math.PI * 2.12); // 根据进度计算角度
+      ctx.beginPath();
+      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
+      ctx.lineWidth = lineWidth;
+
+      if (this.fillColorStops) {
+        // 创建线性渐变（起点x,y 到 终点x,y）
+        const gradient = ctx.createLinearGradient(0, 0, this.width, 0);
+
+        for (const stop in this.fillColorStops) {
+          // 添加渐变色
+          gradient.addColorStop(this.percentToDecimal(stop), this.fillColorStops[stop]);
+        }
+
+        ctx.strokeStyle = gradient; // 自定义颜色
+      } else {
+        ctx.strokeStyle = color; // 自定义颜色
+      }
+
+      ctx.lineCap = ops.lineCap; // 设置圆角效果
+      ctx.stroke();
+    };
+
+    // 示例：绘制不同的进度条
+    drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
+  },
+  render(val) {
+    val = Math.min(Math.max(0, val), 100)
+    if (this.mode === 'basic') {
+      this.renderAll(val / 100, this.round ? { lineCap: 'round' } : { lineCap: '' });
+    }
+    if (this.mode === 'angle') {
+      this.renderHalf(val / 200, this.round ? { lineCap: 'round' } : { lineCap: '' });
+    }
+    if (this.mode === 'angle2') {
+      this.renderHalf2(val / 150, this.round ? { lineCap: 'round' } : { lineCap: '' });
+    }
+  },
+});

package/dist/circle/index.wxml

@@ -0,0 +1,8 @@
+<view class="smart-progress-circle" style="width:{{width}}px;height:{{height}}px;{{customStyle}}">
+  <canvas 
+  type="2d" 
+  wx:if="{{canvasId}}" 
+  canvas-id="{{canvasId}}" 
+  style="width:100%;height:100%;"
+  ></canvas>
+</view>

package/dist/circle/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-progress-circle{overflow:hidden}

package/dist/col/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';.smart-col{box-sizing:border-box;float:left}.smart-col--1{width:4.16666667%}.smart-col--offset-1{margin-left:4.16666667%}.smart-col--2{width:8.33333333%}.smart-col--offset-2{margin-left:8.33333333%}.smart-col--3{width:12.5%}.smart-col--offset-3{margin-left:12.5%}.smart-col--4{width:16.66666667%}.smart-col--offset-4{margin-left:16.66666667%}.smart-col--5{width:20.83333333%}.smart-col--offset-5{margin-left:20.83333333%}.smart-col--6{width:25%}.smart-col--offset-6{margin-left:25%}.smart-col--7{width:29.16666667%}.smart-col--offset-7{margin-left:29.16666667%}.smart-col--8{width:33.33333333%}.smart-col--offset-8{margin-left:33.33333333%}.smart-col--9{width:37.5%}.smart-col--offset-9{margin-left:37.5%}.smart-col--10{width:41.66666667%}.smart-col--offset-10{margin-left:41.66666667%}.smart-col--11{width:45.83333333%}.smart-col--offset-11{margin-left:45.83333333%}.smart-col--12{width:50%}.smart-col--offset-12{margin-left:50%}.smart-col--13{width:54.16666667%}.smart-col--offset-13{margin-left:54.16666667%}.smart-col--14{width:58.33333333%}.smart-col--offset-14{margin-left:58.33333333%}.smart-col--15{width:62.5%}.smart-col--offset-15{margin-left:62.5%}.smart-col--16{width:66.66666667%}.smart-col--offset-16{margin-left:66.66666667%}.smart-col--17{width:70.83333333%}.smart-col--offset-17{margin-left:70.83333333%}.smart-col--18{width:75%}.smart-col--offset-18{margin-left:75%}.smart-col--19{width:79.16666667%}.smart-col--offset-19{margin-left:79.16666667%}.smart-col--20{width:83.33333333%}.smart-col--offset-20{margin-left:83.33333333%}.smart-col--21{width:87.5%}.smart-col--offset-21{margin-left:87.5%}.smart-col--22{width:91.66666667%}.smart-col--offset-22{margin-left:91.66666667%}.smart-col--23{width:95.83333333%}.smart-col--offset-23{margin-left:95.83333333%}.smart-col--24{width:100%}.smart-col--offset-24{margin-left:100%}

package/dist/col/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/col/index.js

@@ -0,0 +1,9 @@
+import { useParent } from '../common/relation';
+import { SmartComponent } from '../common/component';
+SmartComponent({
+    relation: useParent('row'),
+    props: {
+        span: Number,
+        offset: Number,
+    },
+});

package/dist/col/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/dist/col/index.wxml

@@ -0,0 +1,9 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'smart-col--offset-' + offset : '' }}"
+  style="{{ computed.rootStyle({ gutter }) }}"
+>
+  <slot />
+</view>

package/dist/col/index.wxs

@@ -0,0 +1,18 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  if (!data.gutter) {
+    return '';
+  }
+
+  return style({
+    'padding-right': addUnit(data.gutter / 2),
+    'padding-left': addUnit(data.gutter / 2),
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};

package/dist/col/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.smart-col{box-sizing:border-box;float:left}.smart-col--1{width:4.16666667%}.smart-col--offset-1{margin-left:4.16666667%}.smart-col--2{width:8.33333333%}.smart-col--offset-2{margin-left:8.33333333%}.smart-col--3{width:12.5%}.smart-col--offset-3{margin-left:12.5%}.smart-col--4{width:16.66666667%}.smart-col--offset-4{margin-left:16.66666667%}.smart-col--5{width:20.83333333%}.smart-col--offset-5{margin-left:20.83333333%}.smart-col--6{width:25%}.smart-col--offset-6{margin-left:25%}.smart-col--7{width:29.16666667%}.smart-col--offset-7{margin-left:29.16666667%}.smart-col--8{width:33.33333333%}.smart-col--offset-8{margin-left:33.33333333%}.smart-col--9{width:37.5%}.smart-col--offset-9{margin-left:37.5%}.smart-col--10{width:41.66666667%}.smart-col--offset-10{margin-left:41.66666667%}.smart-col--11{width:45.83333333%}.smart-col--offset-11{margin-left:45.83333333%}.smart-col--12{width:50%}.smart-col--offset-12{margin-left:50%}.smart-col--13{width:54.16666667%}.smart-col--offset-13{margin-left:54.16666667%}.smart-col--14{width:58.33333333%}.smart-col--offset-14{margin-left:58.33333333%}.smart-col--15{width:62.5%}.smart-col--offset-15{margin-left:62.5%}.smart-col--16{width:66.66666667%}.smart-col--offset-16{margin-left:66.66666667%}.smart-col--17{width:70.83333333%}.smart-col--offset-17{margin-left:70.83333333%}.smart-col--18{width:75%}.smart-col--offset-18{margin-left:75%}.smart-col--19{width:79.16666667%}.smart-col--offset-19{margin-left:79.16666667%}.smart-col--20{width:83.33333333%}.smart-col--offset-20{margin-left:83.33333333%}.smart-col--21{width:87.5%}.smart-col--offset-21{margin-left:87.5%}.smart-col--22{width:91.66666667%}.smart-col--offset-22{margin-left:91.66666667%}.smart-col--23{width:95.83333333%}.smart-col--offset-23{margin-left:95.83333333%}.smart-col--24{width:100%}.smart-col--offset-24{margin-left:100%}

package/dist/collapse/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}

package/dist/collapse/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/collapse/index.js

@@ -0,0 +1,46 @@
+import { SmartComponent } from '../common/component';
+import { useChildren } from '../common/relation';
+SmartComponent({
+    relation: useChildren('collapse-item'),
+    props: {
+        value: {
+            type: null,
+            observer: 'updateExpanded',
+        },
+        accordion: {
+            type: Boolean,
+            observer: 'updateExpanded',
+        },
+        border: {
+            type: Boolean,
+            value: true,
+        },
+    },
+    methods: {
+        updateExpanded() {
+            this.children.forEach(child => {
+                child.updateExpanded();
+            });
+        },
+        switch(name, expanded) {
+            const { accordion, value } = this.data;
+            const changeItem = name;
+            if (!accordion) {
+                name = expanded
+                    ? (value || []).concat(name)
+                    : (value || []).filter((activeName) => activeName !== name);
+            }
+            else {
+                name = expanded ? name : '';
+            }
+            if (expanded) {
+                this.$emit('open', changeItem);
+            }
+            else {
+                this.$emit('close', changeItem);
+            }
+            this.$emit('change', name);
+            this.$emit('input', name);
+        },
+    },
+});

package/dist/collapse/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/dist/collapse/index.wxml

@@ -0,0 +1,3 @@
+<view class="custom-class smart-collapse {{ border ? 'smart-hairline--top-bottom' : '' }}">
+  <slot />
+</view>

package/dist/collapse/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}

package/dist/collapse-item/animate.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="miniprogram-api-typings" />
+export declare function setContentAnimate(context: WechatMiniprogram.Component.TrivialInstance, expanded: boolean, mounted: boolean): void;

package/dist/collapse-item/animate.js

@@ -0,0 +1,39 @@
+import { getRect } from '../common/utils';
+function useAnimation(context, expanded, mounted, height) {
+    const animation = wx.createAnimation({
+        duration: 0,
+        timingFunction: 'ease-in-out',
+    });
+    if (expanded) {
+        if (height === 0) {
+            animation.height('auto').top(1).step();
+        }
+        else {
+            animation
+                .height(height)
+                .top(1)
+                .step({
+                duration: mounted ? 300 : 1,
+            })
+                .height('auto')
+                .step();
+        }
+        context.setData({
+            animation: animation.export(),
+        });
+        return;
+    }
+    animation.height(height).top(0).step({ duration: 1 }).height(0).step({
+        duration: 300,
+    });
+    context.setData({
+        animation: animation.export(),
+    });
+}
+export function setContentAnimate(context, expanded, mounted) {
+    getRect(context, '.smart-collapse-item__content')
+        .then(rect => rect.height)
+        .then((height) => {
+        useAnimation(context, expanded, mounted, height);
+    });
+}

package/dist/collapse-item/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-collapse-item__title .smart-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.smart-collapse-item__title--expanded .smart-cell__right-icon{transform:rotate(-90deg)}.smart-collapse-item__title--disabled .smart-cell,.smart-collapse-item__title--disabled .smart-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.smart-collapse-item__title--disabled .smart-cell--hover{background-color:#fff!important}.smart-collapse-item__wrapper{overflow:hidden}.smart-collapse-item__content{background-color:var(--collapse-item-content-background-color,var(--app-B6,#fff));color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)}

package/dist/collapse-item/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/collapse-item/index.js

@@ -0,0 +1,62 @@
+import { SmartComponent } from '../common/component';
+import { useParent } from '../common/relation';
+import { setContentAnimate } from './animate';
+SmartComponent({
+    classes: ['title-class', 'content-class'],
+    relation: useParent('collapse'),
+    props: {
+        size: String,
+        name: null,
+        title: null,
+        value: null,
+        icon: String,
+        label: String,
+        disabled: Boolean,
+        clickable: Boolean,
+        border: {
+            type: Boolean,
+            value: true,
+        },
+        isLink: {
+            type: Boolean,
+            value: true,
+        },
+    },
+    data: {
+        expanded: false,
+    },
+    mounted() {
+        this.updateExpanded();
+        this.mounted = true;
+    },
+    methods: {
+        updateExpanded() {
+            if (!this.parent) {
+                return;
+            }
+            const { value, accordion } = this.parent.data;
+            const { children = [] } = this.parent;
+            const { name } = this.data;
+            const index = children.indexOf(this);
+            const currentName = name == null ? index : name;
+            const expanded = accordion
+                ? value === currentName
+                : (value || []).some((name) => name === currentName);
+            // 执行动画前清除其他折叠块的动画
+            this.setData({ animation: null });
+            if (expanded !== this.data.expanded) {
+                setContentAnimate(this, expanded, this.mounted);
+            }
+            this.setData({ index, expanded });
+        },
+        onClick() {
+            if (this.data.disabled) {
+                return;
+            }
+            const { name, expanded } = this.data;
+            const index = this.parent.children.indexOf(this);
+            const currentName = name == null ? index : name;
+            this.parent.switch(currentName, !expanded);
+        },
+    },
+});

package/dist/collapse-item/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-cell": "../cell/index"
+  }
+}

package/dist/collapse-item/index.wxml

@@ -0,0 +1,45 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="smart-collapse-item custom-class {{ index !== 0 ? 'smart-hairline--top' : '' }}">
+  <smart-cell
+    size="{{ size }}"
+    title="{{ title }}"
+    title-class="title-class"
+    icon="{{ icon }}"
+    value="{{ value }}"
+    label="{{ label }}"
+    is-link="{{ isLink }}"
+    clickable="{{ clickable }}"
+    border="{{ border && expanded }}"
+    class="{{ utils.bem('collapse-item__title', { disabled, expanded }) }}"
+    right-icon-class="smart-cell__right-icon"
+    custom-class="smart-cell"
+    hover-class="smart-cell--hover"
+    bind:click="onClick"
+  >
+    <slot
+      name="title"
+      slot="title"
+    />
+    <slot
+      name="icon"
+      slot="icon"
+    />
+    <slot name="value" />
+    <slot
+      name="right-icon"
+      slot="right-icon"
+    />
+  </smart-cell>
+  <view
+    class="{{ utils.bem('collapse-item__wrapper') }}"
+    style="height: 0;"
+    animation="{{ animation }}"
+  >
+    <view
+      class="smart-collapse-item__content content-class"
+    >
+      <slot />
+    </view>
+  </view>
+</view>

package/dist/collapse-item/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-collapse-item__title .smart-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.smart-collapse-item__title--expanded .smart-cell__right-icon{transform:rotate(-90deg)}.smart-collapse-item__title--disabled .smart-cell,.smart-collapse-item__title--disabled .smart-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.smart-collapse-item__title--disabled .smart-cell--hover{background-color:#fff!important}.smart-collapse-item__wrapper{overflow:hidden}.smart-collapse-item__content{background-color:var(--collapse-item-content-background-color,var(--app-B6,#fff));color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)}

package/dist/common/appLog.d.ts

@@ -0,0 +1,10 @@
+export declare const init: (tag: string) => any;
+export declare const info: (data: any, devId?: string) => void;
+export declare const warn: (data: any, devId?: string) => void;
+export declare const error: (data: any, devId?: string) => void;
+declare const _default: {
+    info: (data: any, devId?: string | undefined) => void;
+    warn: (data: any, devId?: string | undefined) => void;
+    error: (data: any, devId?: string | undefined) => void;
+};
+export default _default;

package/dist/common/appLog.js

@@ -0,0 +1,105 @@
+/* eslint-disable no-console */
+const defaultTag = 'smart-ui-info';
+let Log = null;
+function isErrorMessage(obj) {
+    return obj instanceof Error;
+}
+export const init = (tag) => {
+    if (tag !== defaultTag && tag) {
+        Log = null;
+    }
+    if (Log) {
+        return Log;
+    }
+    // @ts-ignore
+    if (typeof ty === 'undefined' || (typeof ty !== 'undefined' && !ty.getLogManager)) {
+        // console.warn('不支持ty.getLogManager');
+        return null;
+    }
+    // @ts-ignore
+    Log = ty.getLogManager({
+        tag: tag || defaultTag,
+    });
+    return Log;
+};
+export const info = (data, devId) => {
+    if (!Log) {
+        const _log = init(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    if (typeof data !== 'string') {
+        // eslint-disable-next-line no-param-reassign
+        data = JSON.stringify(data);
+    }
+    Log.log({
+        message: data,
+        success(res) {
+            // console.log('success ty.Log', res);
+        },
+        failure(err) {
+            // console.log('fail ty.Log', err);
+        },
+    });
+};
+export const warn = (data, devId) => {
+    if (!Log) {
+        const _log = init(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    if (typeof data !== 'string') {
+        // eslint-disable-next-line no-param-reassign
+        data = JSON.stringify(data);
+    }
+    Log.debug({
+        message: data,
+        success(res) {
+            // console.log('success ty.debug', res);
+        },
+        failure(err) {
+            // console.log('fail ty.debug', err);
+        },
+    });
+};
+export const error = (data, devId) => {
+    var _a, _b;
+    if (!Log) {
+        const _log = init(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    let _data = null;
+    const isError = isErrorMessage(data);
+    if (isError) {
+        _data = {
+            message: data.message,
+            stack: (_b = (_a = data.stack) === null || _a === void 0 ? void 0 : _a.slice(0, 200)) !== null && _b !== void 0 ? _b : [],
+        };
+    }
+    else {
+        try {
+            _data = JSON.stringify(data);
+        }
+        catch (e) {
+            _data = e === null || e === void 0 ? void 0 : e.toString();
+        }
+    }
+    Log.error({
+        message: _data,
+        success(res) {
+            // console.log('success ty.error', res);
+        },
+        failure(err) {
+            // console.log('fail ty.error', err);
+        },
+    });
+};
+export default {
+    info,
+    warn,
+    error,
+};

package/dist/common/color.d.ts

@@ -0,0 +1,7 @@
+export declare const RED = "#ee0a24";
+export declare const BLUE = "#1989fa";
+export declare const WHITE = "#fff";
+export declare const GREEN = "#07c160";
+export declare const ORANGE = "#ff976a";
+export declare const GRAY = "#323233";
+export declare const GRAY_DARK = "#969799";