@tuya/miniapp-smart-ui 2.13.5-beta-0

package/lib/tree-select/index.js

@@ -0,0 +1,74 @@
+"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 component_1 = require("../common/component");
+(0, component_1.SmartComponent)({
+    classes: [
+        'main-item-class',
+        'content-item-class',
+        'main-active-class',
+        'content-active-class',
+        'main-disabled-class',
+        'content-disabled-class',
+    ],
+    props: {
+        items: {
+            type: Array,
+            observer: 'updateSubItems',
+        },
+        activeId: null,
+        mainActiveIndex: {
+            type: Number,
+            value: 0,
+            observer: 'updateSubItems',
+        },
+        height: {
+            type: null,
+            value: 300,
+        },
+        max: {
+            type: Number,
+            value: Infinity,
+        },
+        selectedIcon: {
+            type: String,
+            value: Check_1.default,
+        },
+    },
+    data: {
+        subItems: [],
+    },
+    methods: {
+        // 当一个子项被选择时
+        onSelectItem: function (event) {
+            var item = event.currentTarget.dataset.item;
+            var isArray = Array.isArray(this.data.activeId);
+            // 判断有没有超出右侧选择的最大数
+            var isOverMax = isArray && this.data.activeId.length >= this.data.max;
+            // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
+            var isSelected = isArray
+                ? this.data.activeId.indexOf(item.id) > -1
+                : this.data.activeId === item.id;
+            if (!item.disabled && (!isOverMax || isSelected)) {
+                this.$emit('click-item', item);
+            }
+        },
+        // 当一个导航被点击时
+        onClickNav: function (event) {
+            var index = event.detail;
+            var item = this.data.items[index];
+            if (!item.disabled) {
+                this.$emit('click-nav', { index: index });
+            }
+        },
+        // 更新子项列表
+        updateSubItems: function () {
+            var _a = this.data, items = _a.items, mainActiveIndex = _a.mainActiveIndex;
+            var _b = (items[mainActiveIndex] || {}).options, options = _b === void 0 ? [] : _b;
+            this.setData({ subItems: options });
+        },
+    },
+});

package/lib/tree-select/index.json

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

package/lib/tree-select/index.wxml

@@ -0,0 +1,41 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="wxs" />
+
+<view
+  class="smart-tree-select"
+  style="height: {{ utils.addUnit(height) }}"
+>
+  <scroll-view scroll-y class="smart-tree-select__nav">
+    <smart-sidebar active-key="{{ mainActiveIndex }}" bind:change="onClickNav" custom-class="smart-tree-select__nav__inner">
+      <smart-sidebar-item
+        wx:for="{{ items }}"
+        wx:key="index"
+        custom-class="main-item-class"
+        active-class="main-active-class"
+        disabled-class="main-disabled-class"
+        badge="{{ item.badge }}"
+        dot="{{ item.dot }}"
+        title="{{ item.text }}"
+        disabled="{{ item.disabled }}"
+      />
+    </smart-sidebar>
+  </scroll-view>
+  <scroll-view scroll-y class="smart-tree-select__content">
+    <slot name="content" />
+    <view
+      wx:for="{{ subItems }}"
+      wx:key="id"
+      class="smart-ellipsis content-item-class {{ utils.bem('tree-select__item', { active: wxs.isActive(activeId, item.id), disabled: item.disabled }) }} {{ wxs.isActive(activeId, item.id) ? 'content-active-class' : '' }} {{ item.disabled ? 'content-disabled-class' : '' }}"
+      data-item="{{ item }}"
+      bind:tap="onSelectItem"
+    >
+      {{ item.text }}
+      <smart-icon
+        wx:if="{{ wxs.isActive(activeId, item.id) }}"
+        name="{{ selectedIcon }}"
+        size="16px"
+        class="smart-tree-select__selected"
+      />
+    </view>
+  </scroll-view>
+</view>

package/lib/tree-select/index.wxs

@@ -0,0 +1,12 @@
+/* eslint-disable */
+var array = require('../wxs/array.wxs');
+
+function isActive (activeList, itemId) {
+  if (array.isArray(activeList)) {
+    return activeList.indexOf(itemId) > -1;
+  }
+
+  return activeList === itemId;
+}
+
+module.exports.isActive = isActive;

package/lib/tree-select/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:var(--app-B4,#fff);--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);--smart-ui-battery-body-base-background:rgba(0,0,0,.25);--smart-ui-battery-text-color:rgba(0,0,0,.6);--smart-ui-battery-slash-border-color:#fff;--smart-ui-toast-background:#5c5c5c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);--smart-ui-overlay-blur-background:rgba(40,44,53,.22)}:root[theme=dark]{--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-dialog-background:linear-gradient(0deg,var(--app-B4-N6),var(--app-B4-N6)),var(--app-B1);--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));--smart-ui-battery-body-base-background:hsla(0,0%,100%,.4);--smart-ui-battery-text-color:#fff;--smart-ui-battery-slash-border-color:#000;--smart-ui-toast-background:#3c3c3c;--smart-ui-toast-border:1px solid hsla(0,0%,100%,.05);--smart-ui-toast-box-shadow:0 8px 24px 0 rgba(0,0,0,.15);--smart-ui-overlay-blur-background:rgba(0,0,0,.6)}.smart-manrope{font-family:Manrope,sans-serif}.smart-tree-select{color:var(--tree-select-font-color,var(--app-B6-N1,#000));display:flex;font-size:var(--tree-select-font-size,14px);position:relative;-webkit-user-select:none;user-select:none}.smart-tree-select__nav{--sidebar-padding:var(--tree-select-nav-item-padding,12px 8px 12px 12px);background-color:var(--tree-select-nav-background-color,var(--app-B3,#fff));flex:1}.smart-tree-select__nav__inner{height:100%;width:100%!important}.smart-tree-select__content{background-color:var(--tree-select-content-background-color,var(--app-B3,#fff));flex:2}.smart-tree-select__item{font-weight:700;line-height:var(--tree-select-item-height,44px);padding:0 32px 0 var(--padding-md,16px);position:relative}.smart-tree-select__item--active{color:var(--tree-select-item-active-color,#ee0a24)}.smart-tree-select__item--disabled{color:var(--tree-select-item-disabled-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-tree-select__selected{position:absolute;right:var(--padding-md,16px);top:50%;transform:translateY(-50%)}

package/lib/wxs/add-unit.wxs

@@ -0,0 +1,12 @@
+/* eslint-disable */
+var REGEXP = getRegExp('^-?\d+(\.\d+)?$');
+
+function addUnit(value) {
+  if (value == null) {
+    return undefined;
+  }
+
+  return REGEXP.test('' + value) ? value + 'px' : value;
+}
+
+module.exports = addUnit;

package/lib/wxs/array.wxs

@@ -0,0 +1,5 @@
+function isArray(array) {
+  return array && array.constructor === 'Array';
+}
+
+module.exports.isArray = isArray;

package/lib/wxs/bem.wxs

@@ -0,0 +1,39 @@
+/* eslint-disable */
+var array = require('./array.wxs');
+var object = require('./object.wxs');
+var PREFIX = 'smart-';
+
+function join(name, mods) {
+  name = PREFIX + name;
+  mods = mods.map(function(mod) {
+    return name + '--' + mod;
+  });
+  mods.unshift(name);
+  return mods.join(' ');
+}
+
+function traversing(mods, conf) {
+  if (!conf) {
+    return;
+  }
+
+  if (typeof conf === 'string' || typeof conf === 'number') {
+    mods.push(conf);
+  } else if (array.isArray(conf)) {
+    conf.forEach(function(item) {
+      traversing(mods, item);
+    });
+  } else if (typeof conf === 'object') {
+    object.keys(conf).forEach(function(key) {
+      conf[key] && mods.push(key);
+    });
+  }
+}
+
+function bem(name, conf) {
+  var mods = [];
+  traversing(mods, conf);
+  return join(name, mods);
+}
+
+module.exports = bem;

package/lib/wxs/memoize.wxs

@@ -0,0 +1,55 @@
+/**
+ * Simple memoize
+ * wxs doesn't support fn.apply, so this memoize only support up to 2 args
+ */
+/* eslint-disable */
+
+function isPrimitive(value) {
+  var type = typeof value;
+  return (
+    type === 'boolean' ||
+    type === 'number' ||
+    type === 'string' ||
+    type === 'undefined' ||
+    value === null
+  );
+}
+
+// mock simple fn.call in wxs
+function call(fn, args) {
+  if (args.length === 2) {
+    return fn(args[0], args[1]);
+  }
+
+  if (args.length === 1) {
+    return fn(args[0]);
+  }
+
+  return fn();
+}
+
+function serializer(args) {
+  if (args.length === 1 && isPrimitive(args[0])) {
+    return args[0];
+  }
+  var obj = {};
+  for (var i = 0; i < args.length; i++) {
+    obj['key' + i] = args[i];
+  }
+  return JSON.stringify(obj);
+}
+
+function memoize(fn) {
+  var cache = {};
+
+  return function() {
+    var key = serializer(arguments);
+    if (cache[key] === undefined) {
+      cache[key] = call(fn, arguments);
+    }
+
+    return cache[key];
+  };
+}
+
+module.exports = memoize;

package/lib/wxs/object.wxs

@@ -0,0 +1,13 @@
+/* eslint-disable */
+var REGEXP = getRegExp('{|}|"', 'g');
+
+function keys(obj) {
+  return JSON.stringify(obj)
+    .replace(REGEXP, '')
+    .split(',')
+    .map(function(item) {
+      return item.split(':')[0];
+    });
+}
+
+module.exports.keys = keys;

package/lib/wxs/style.wxs

@@ -0,0 +1,46 @@
+/* eslint-disable */
+var object = require('./object.wxs');
+var array = require('./array.wxs');
+
+function kebabCase(word) {
+  var newWord = word
+    .replace(getRegExp("[A-Z]", 'g'), function (i) {
+      return '-' + i;
+    })
+    .toLowerCase()
+
+  return newWord;
+}
+
+function style(styles) {
+  if (typeof styles === 'string') {
+    return styles
+  }
+
+  if (array.isArray(styles)) {
+    return styles
+      .filter(function (item) {
+        return item != null && item !== '';
+      })
+      .map(function (item) {
+        return style(item);
+      })
+      .join(';') || '';
+  }
+
+  if (typeof styles === 'object' && 'Object' === styles.constructor) {
+    return object
+    .keys(styles)
+    .filter(function (key) {
+      return styles[key] != null && styles[key] !== '';
+    })
+    .map(function (key) {
+      return [key.indexOf('--') === 0 ? key : kebabCase(key), [styles[key]]].join(':');
+    })
+    .join(';') || '';
+  }
+
+  return styles || '';
+}
+
+module.exports = style;

package/lib/wxs/utils.wxs

@@ -0,0 +1,85 @@
+/* eslint-disable */
+var bem = require('./bem.wxs');
+var memoize = require('./memoize.wxs');
+var addUnit = require('./add-unit.wxs');
+
+function queryComponent (ownerInstance, selector) {
+  var instance = ownerInstance && ownerInstance.selectComponent(selector);
+  return instance;
+};
+
+function isObj(x) {
+  var type = typeof x;
+  return x !== null && (type === 'object' || type === 'function');
+}
+
+function range(num, min, max) {
+  return Math.min(Math.max(num, min), max);
+}
+
+// 创建指定长度并填充默认值的数组
+function createArray(length, defaultValue) {
+  var arr = [];
+  for (var i = 0; i < length; i++) {
+    arr[i] = defaultValue;
+  }
+  return arr;
+}
+
+// 填充数组的所有元素为指定值
+function fillArray(arr, value) {
+  for (var i = 0; i < arr.length; i++) {
+    arr[i] = value;
+  }
+  return arr;
+}
+
+function isArray(array) {
+  return array && typeof array === 'object' && typeof array.length === 'number';
+}
+
+// 判断字符串是否全是数字（支持负数和小数）
+function isAllNumbers(str) {
+  if (str === null || str === undefined || str === '' || isNaN(str)) return false;
+  if( typeof str === 'number') return true;
+  var s = str + '';
+  var len = s.length;
+  if (len === 0) return false;
+  
+  var i = 0;
+  // 检查开头的负号
+  if (s[0] === '-') {
+    i = 1;
+    if (len === 1) return false;
+  }
+  
+  var hasDigit = false;
+  var hasDot = false;
+  
+  for (; i < len; i++) {
+    var char = s[i];
+    if (char >= '0' && char <= '9') {
+      hasDigit = true;
+    } else if (char === '.') {
+      if (hasDot) return false; // 多个小数点
+      hasDot = true;
+    } else {
+      return false; // 非法字符
+    }
+  }
+  
+  return hasDigit; // 至少有一个数字
+}
+
+module.exports = {
+  bem: memoize(bem),
+  memoize: memoize,
+  addUnit: addUnit,
+  queryComponent: queryComponent,
+  isObj: isObj,
+  range: range,
+  createArray: createArray,
+  fillArray: fillArray,
+  isArray: isArray,
+  isAllNumbers: isAllNumbers
+};

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@tuya/miniapp-smart-ui",
+  "version": "2.13.5-beta-0",
+  "author": "MiniApp Team",
+  "license": "MIT",
+  "miniprogram": "lib",
+  "description": "轻量、可靠的智能小程序 UI 组件库",
+  "scripts": {
+    "prepublishOnly": "node ./build/prepublishOnly.js",
+    "dev": "cross-env NODE_OPTIONS=--no-experimental-fetch node build/dev.mjs",
+    "lint": "eslint ./packages --ext .js,.ts --fix",
+    "lint:style": "stylelint \"packages/**/*.less\" --fix",
+    "prepare": "husky install",
+    "release": "sh build/release.sh",
+    "build:icon": "yarn && node build/generate-icon/index.js",
+    "build": "yarn && MODE=build NODE_OPTIONS=--no-experimental-fetch npx gulp -f build/compiler.js --series buildEs buildLib buildExample",
+    "build:wx": "node build/wx.mjs",
+    "test": "TZ=Asia/Shanghai jest",
+    "test:watch": "jest --watch",
+    "test:cover": "jest --coverage",
+    "preMinipackBuild": "yarn && MODE=build NODE_OPTIONS=--no-experimental-fetch npx gulp -f build/compiler.js --series buildEs buildLib buildExample",
+    "changelog": "conventional-changelog -p -i CHANGELOG.md -s"
+  },
+  "files": [
+    "dist",
+    "!dist/**/demo/",
+    "lib",
+    "!lib/**/demo/",
+    "README-zh_CN.md",
+    "README.md"
+  ],
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS --config commitlint.config.js",
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,js}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ]
+  },
+  "devDependencies": {
+    "@babel/plugin-transform-modules-commonjs": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@commitlint/cli": "19.2.0",
+    "@commitlint/config-conventional": "19.1.0",
+    "@types/fs-extra": "^11.0.4",
+    "@types/jest": "^27.0.2",
+    "canvas": "^3.1.0",
+    "conventional-changelog-cli": "^5.0.0",
+    "cross-env": "^10.1.0",
+    "eslint-config-tuya-panel": "^0.4.2",
+    "eslint-plugin-literal-check": "^0.1.2",
+    "eslint-plugin-prettier": "^5.2.1",
+    "fs-extra": "^11.2.0",
+    "gulp": "^4.0.2",
+    "gulp-insert": "^0.5.0",
+    "gulp-less": "^5.0.0",
+    "gulp-postcss": "^9.0.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "husky": "^8.0.3",
+    "jest": "^27.3.1",
+    "jest-canvas-mock": "^2.5.2",
+    "lint-staged": "^13.0.3",
+    "merge2": "^1.4.1",
+    "miniprogram-api-typings": "^3.1.6",
+    "miniprogram-ci": "1.9.5",
+    "miniprogram-simulate": "1.5.9",
+    "stylelint": "^13.0.0",
+    "stylelint-config-prettier": "^8.0.1",
+    "stylelint-config-standard": "^20.0.0",
+    "svgo": "^3.2.0",
+    "ts-jest": "^27.0.7",
+    "tscpaths": "^0.0.9",
+    "typescript": "^4.4.4",
+    "vue": "^3.2.30"
+  },
+  "browserslist": [
+    "Chrome >= 53",
+    "ChromeAndroid >= 53",
+    "iOS >= 9"
+  ],
+  "dependencies": {
+    "@ray-core/event-propagation": "^0.4.13",
+    "@ray-js/components-ty-slider": "^0.3.9",
+    "@tuya-miniapp/icons": "^2.3.0"
+  },
+  "maintainers": [
+    {
+      "name": "tuyafe",
+      "email": "tuyafe@tuya.com"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tuya-Community/miniapp-smart-ui.git"
+  }
+}