@tuya-miniapp/smart-ui 2.6.4-beta-5 → 2.6.4-beta-7

package/lib/cell-group/index.wxml

@@ -1,15 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-<wxs src="./index.wxs" module="computed" />
-
-<view
-  wx:if="{{ title }}"
-  class="{{ utils.bem('cell-group__title', { inset }) }}"
->
-  {{ title }}
-</view>
-<view 
-  class="custom-class {{ utils.bem('cell-group', { inset }) }} {{ border ? 'smart-hairline--top-bottom' : '' }}" 
-  style="{{computed.boxStyle({ inset, insetBorderRadius })}}"
->
-  <slot />
-</view>

package/lib/cell-group/index.wxs

@@ -1,14 +0,0 @@
-/* eslint-disable */
-var style = require('../wxs/style.wxs');
-var addUnit = require('../wxs/add-unit.wxs');
-
-function boxStyle(data) {
-  if(!data.inset) return '';
-  return style({
-    'border-radius': addUnit(data.insetBorderRadius),
-  });
-}
-
-module.exports = {
-  boxStyle: boxStyle,
-};

package/lib/cell-group/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-cell-group>:last-child{--cell-border-color:transparent}.smart-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,16px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.smart-cell-group__title{color:var(--cell-group-title-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-group-title-font-size,16px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.smart-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)}

package/lib/checkbox/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-checkbox--horizontal{margin-right:12px}.smart-checkbox__icon-wrap,.smart-checkbox__label{line-height:var(--checkbox-size,24px)}.smart-checkbox__icon-wrap{display:flex;flex:none}.smart-checkbox__icon{align-items:center;border:2px solid var(--checkbox-border-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-radius:var(--checkbox-border-radius,4px);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,24px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border,background-color;width:1em}.smart-checkbox__icon--round{border-radius:100%}.smart-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,var(--app-M4,#1989fa));border:none;color:#fff}.smart-checkbox__icon--disabled{opacity:.3}.smart-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N1,#000));font-size:var(--checkbox-label-size,12px);padding-left:var(--checkbox-label-margin,10px)}.smart-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.smart-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N1,#000))}.smart-checkbox__label:empty{margin:0}

package/lib/checkbox/index.d.ts

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

package/lib/checkbox/index.js

@@ -1,84 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
-var relation_1 = require("../common/relation");
-var component_1 = require("../common/component");
-function emit(target, value) {
-    target.$emit('input', value);
-    target.$emit('change', value);
-}
-(0, component_1.SmartComponent)({
-    field: true,
-    relation: (0, relation_1.useParent)('checkbox-group'),
-    classes: ['icon-class', 'label-class'],
-    props: {
-        value: Boolean,
-        disabled: Boolean,
-        useIconSlot: Boolean,
-        checkedColor: String,
-        labelPosition: {
-            type: String,
-            value: 'right',
-        },
-        labelDisabled: Boolean,
-        shape: {
-            type: String,
-            value: 'round',
-        },
-        iconSize: {
-            type: null,
-            value: 24,
-        },
-    },
-    data: {
-        parentDisabled: false,
-        direction: 'vertical',
-        icon: Check_1.default,
-    },
-    methods: {
-        emitChange: function (value) {
-            if (this.parent) {
-                this.setParentValue(this.parent, value);
-            }
-            else {
-                emit(this, value);
-            }
-        },
-        toggle: function () {
-            var _a = this.data, parentDisabled = _a.parentDisabled, disabled = _a.disabled, value = _a.value;
-            if (!disabled && !parentDisabled) {
-                this.emitChange(!value);
-            }
-        },
-        onClickLabel: function () {
-            var _a = this.data, labelDisabled = _a.labelDisabled, parentDisabled = _a.parentDisabled, disabled = _a.disabled, value = _a.value;
-            if (!disabled && !labelDisabled && !parentDisabled) {
-                this.emitChange(!value);
-            }
-        },
-        setParentValue: function (parent, value) {
-            var parentValue = parent.data.value.slice();
-            var name = this.dataset.name;
-            var max = parent.data.max;
-            if (value) {
-                if (max && parentValue.length >= max) {
-                    return;
-                }
-                if (parentValue.indexOf(name) === -1) {
-                    parentValue.push(name);
-                    emit(parent, parentValue);
-                }
-            }
-            else {
-                var index = parentValue.indexOf(name);
-                if (index !== -1) {
-                    parentValue.splice(index, 1);
-                    emit(parent, parentValue);
-                }
-            }
-        },
-    },
-});

package/lib/checkbox/index.json

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

package/lib/checkbox/index.wxml

@@ -1,32 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-<wxs src="./index.wxs" module="computed" />
-
-<view class="{{ utils.bem('checkbox', [{ horizontal: direction === 'horizontal' }]) }} custom-class">
-  <view
-    wx:if="{{ labelPosition === 'left' }}"
-    class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}"
-    catch:tap="onClickLabel"
-  >
-    <slot />
-  </view>
-  <view class="smart-checkbox__icon-wrap" catch:tap="toggle">
-    <slot wx:if="{{ useIconSlot }}" name="icon" />
-    <smart-icon
-      wx:else
-      name="{{ icon }}"
-      size="1em"
-      color="{{ value ? '#fff' : 'none'}}"
-      class="{{ utils.bem('checkbox__icon', [shape, { disabled: disabled || parentDisabled, checked: value }]) }}"
-      style="{{ computed.iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) }}"
-      custom-class="icon-class"
-      custom-style="line-height: 1.25em;"
-    />
-  </view>
-  <view
-    wx:if="{{ labelPosition === 'right' }}"
-    class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}"
-    catch:tap="onClickLabel"
-  >
-    <slot />
-  </view>
-</view>

package/lib/checkbox/index.wxs

@@ -1,20 +0,0 @@
-/* eslint-disable */
-var style = require('../wxs/style.wxs');
-var addUnit = require('../wxs/add-unit.wxs');
-
-function iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) {
-  var styles = {
-    'font-size': addUnit(iconSize),
-  };
-
-  if (checkedColor && value && !disabled && !parentDisabled) {
-    styles['border-color'] = checkedColor;
-    styles['background-color'] = checkedColor;
-  }
-
-  return style(styles);
-}
-
-module.exports = {
-  iconStyle: iconStyle,
-};

package/lib/checkbox/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-checkbox--horizontal{margin-right:12px}.smart-checkbox__icon-wrap,.smart-checkbox__label{line-height:var(--checkbox-size,24px)}.smart-checkbox__icon-wrap{display:flex;flex:none}.smart-checkbox__icon{align-items:center;border:2px solid var(--checkbox-border-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-radius:var(--checkbox-border-radius,4px);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,24px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border,background-color;width:1em}.smart-checkbox__icon--round{border-radius:100%}.smart-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,var(--app-M4,#1989fa));border:none;color:#fff}.smart-checkbox__icon--disabled{opacity:.3}.smart-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N1,#000));font-size:var(--checkbox-label-size,12px);padding-left:var(--checkbox-label-margin,10px)}.smart-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.smart-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N1,#000))}.smart-checkbox__label:empty{margin:0}

package/lib/checkbox-group/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';.smart-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

package/lib/checkbox-group/index.d.ts

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

package/lib/checkbox-group/index.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var relation_1 = require("../common/relation");
-var component_1 = require("../common/component");
-(0, component_1.SmartComponent)({
-    field: true,
-    relation: (0, relation_1.useChildren)('checkbox', function (target) {
-        this.updateChild(target);
-    }),
-    props: {
-        max: Number,
-        value: {
-            type: Array,
-            observer: 'updateChildren',
-        },
-        disabled: {
-            type: Boolean,
-            observer: 'updateChildren',
-        },
-        direction: {
-            type: String,
-            value: 'vertical',
-        },
-    },
-    methods: {
-        updateChildren: function () {
-            var _this = this;
-            this.children.forEach(function (child) { return _this.updateChild(child); });
-        },
-        updateChild: function (child) {
-            var _a = this.data, value = _a.value, disabled = _a.disabled, direction = _a.direction;
-            child.setData({
-                value: value.indexOf(child.dataset.name) !== -1,
-                parentDisabled: disabled,
-                direction: direction,
-            });
-        },
-    },
-});

package/lib/checkbox-group/index.json

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

package/lib/checkbox-group/index.wxml

@@ -1,5 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-
-<view class="{{ utils.bem('checkbox-group', [{ horizontal: direction === 'horizontal' }]) }}">
-  <slot />
-</view>

package/lib/checkbox-group/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';.smart-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

package/lib/circle/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-progress-circle{overflow:hidden}

package/lib/circle/index.d.ts

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

package/lib/circle/index.js

@@ -1,134 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable guard-for-in */
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable prefer-destructuring */
-/* eslint-disable prettier/prettier */
-var component_1 = require("../common/component");
-// @ts-ignore
-var index_rjs_1 = __importDefault(require("./index.rjs"));
-var idListRef = {
-    value: [],
-};
-(0, component_1.SmartComponent)({
-    props: {
-        className: String,
-        customStyle: String,
-        size: {
-            type: String,
-            value: '100px',
-        },
-        trackWidth: {
-            type: Number,
-            value: 10,
-        },
-        trackColor: {
-            type: String,
-            value: '#d3d3d3',
-        },
-        fillColor: {
-            type: String,
-            value: '#007AFF',
-        },
-        maskColor: {
-            type: String,
-            value: '#ffffff',
-        },
-        fillColorStops: {
-            type: null,
-        },
-        percent: {
-            type: Number,
-            value: 0,
-            observer: function (val) {
-                if (this.render && this.data.dpr) {
-                    this.render.init(this.data);
-                }
-            },
-        },
-        mode: {
-            type: String,
-            // basic | angle
-            value: 'basic',
-        },
-        round: {
-            type: Boolean,
-            value: true,
-        },
-    },
-    data: {
-        canvasId: '',
-        dpr: 0,
-    },
-    watch: {
-        dpr: function () {
-            if (this.render) {
-                this.render.init(this.data);
-            }
-        },
-    },
-    created: function () {
-        this.initId();
-        this.render = new index_rjs_1.default(this);
-    },
-    mounted: function () {
-        this.initRate();
-    },
-    destroyed: function () {
-        var _this = this;
-        idListRef.value = idListRef.value.filter(function (id) { return id !== _this.data.canvasId; });
-    },
-    methods: {
-        initId: function () {
-            if (this.data.canvasId)
-                return;
-            var id = "smart-ui-circle_".concat(String(+new Date()).slice(-4), "_").concat(String(Math.random()).slice(-2));
-            if (idListRef.value.includes(id)) {
-                this.initId();
-                return;
-            }
-            this.setData({
-                canvasId: id,
-            });
-            idListRef.value.push(id);
-        },
-        parseSize: function () {
-            if (typeof this.data.size === 'number')
-                return this.data.size;
-            if (typeof this.data.size === 'string') {
-                var res = this.data.size.match(/\d+/);
-                if (res) {
-                    return res[0];
-                }
-            }
-            return this.data.size;
-        },
-        initRate: function () {
-            var _this = this;
-            wx.getSystemInfo({
-                success: function (res) {
-                    var dpr = res.pixelRatio; // 获取设备像素比
-                    var sizeVal = _this.parseSize();
-                    var params = {
-                        canvasWidth: +sizeVal,
-                        canvasHeight: +sizeVal,
-                        width: +sizeVal,
-                        height: +sizeVal,
-                        lineWidth: _this.data.trackWidth,
-                        trackColor: _this.data.trackColor,
-                        fillColor: _this.data.fillColor,
-                        fillColorStops: _this.data.fillColorStops,
-                        maskColor: _this.data.maskColor,
-                        dpr: dpr,
-                        canvasId: _this.data.canvasId,
-                    };
-                    _this.setData(params);
-                },
-            });
-        },
-    },
-});

package/lib/circle/index.json

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

package/lib/circle/index.rjs

@@ -1,232 +0,0 @@
-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) * 0.9) / 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) * 0.9) / 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) * 0.9) / 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/lib/circle/index.wxml

@@ -1,8 +0,0 @@
-<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/lib/circle/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-progress-circle{overflow:hidden}

package/lib/col/index.css

@@ -1 +0,0 @@
-@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/lib/col/index.d.ts

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

package/lib/col/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var relation_1 = require("../common/relation");
-var component_1 = require("../common/component");
-(0, component_1.SmartComponent)({
-    relation: (0, relation_1.useParent)('row'),
-    props: {
-        span: Number,
-        offset: Number,
-    },
-});