@tdesign/uniapp 0.8.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tdesign/uniapp",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "id": "tdesign-uniapp",
   "title": "tdesign-uniapp",
   "description": "TDesign Component for UniApp",
@@ -14,6 +14,7 @@
   ],
   "files": [
     "dist",
+    "script",
     "global.d.ts",
     "LICENSE",
     "README.md",
@@ -42,6 +43,47 @@
     "./global": {
       "types": "./global.d.ts"
     },
+    "./mixins/page-scroll": {
+      "types": "./dist/mixins/page-scroll.d.ts",
+      "import": "./dist/mixins/page-scroll.js",
+      "default": "./dist/mixins/page-scroll.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.ts",
+      "import": "./dist/dialog/index.js",
+      "default": "./dist/dialog/index.js"
+    },
+    "./message": {
+      "types": "./dist/message/index.d.ts",
+      "import": "./dist/message/index.js",
+      "default": "./dist/message/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "import": "./dist/toast/index.js",
+      "default": "./dist/toast/index.js"
+    },
+    "./action-sheet": {
+      "types": "./dist/action-sheet/index.d.ts",
+      "import": "./dist/action-sheet/index.js",
+      "default": "./dist/action-sheet/index.js"
+    },
+    "./theme.css": {
+      "types": "./dist/theme.css.d.ts",
+      "default": "./dist/theme.css"
+    },
+    "./theme.less": {
+      "types": "./dist/theme.less.d.ts",
+      "default": "./dist/theme.less"
+    },
+    "./theme-light.css": {
+      "types": "./dist/theme-light.css.d.ts",
+      "default": "./dist/theme-light.css"
+    },
+    "./theme-light.less": {
+      "types": "./dist/theme-light.less.d.ts",
+      "default": "./dist/theme-light.less"
+    },
     "./action-sheet/action-sheet.vue": {
       "types": "./dist/types/action-sheet.d.ts",
       "import": "./dist/action-sheet/action-sheet.vue",
@@ -122,16 +164,16 @@
       "import": "./dist/collapse-panel/collapse-panel.vue",
       "default": "./dist/collapse-panel/collapse-panel.vue"
     },
-    "./config-provider/config-provider.vue": {
-      "types": "./dist/types/config-provider.d.ts",
-      "import": "./dist/config-provider/config-provider.vue",
-      "default": "./dist/config-provider/config-provider.vue"
-    },
     "./color-picker/color-picker.vue": {
       "types": "./dist/types/color-picker.d.ts",
       "import": "./dist/color-picker/color-picker.vue",
       "default": "./dist/color-picker/color-picker.vue"
     },
+    "./config-provider/config-provider.vue": {
+      "types": "./dist/types/config-provider.d.ts",
+      "import": "./dist/config-provider/config-provider.vue",
+      "default": "./dist/config-provider/config-provider.vue"
+    },
     "./count-down/count-down.vue": {
       "types": "./dist/types/count-down.d.ts",
       "import": "./dist/count-down/count-down.vue",
@@ -277,6 +319,11 @@
       "import": "./dist/picker-item/picker-item.vue",
       "default": "./dist/picker-item/picker-item.vue"
     },
+    "./popover/popover.vue": {
+      "types": "./dist/types/popover.d.ts",
+      "import": "./dist/popover/popover.vue",
+      "default": "./dist/popover/popover.vue"
+    },
     "./popup/popup.vue": {
       "types": "./dist/types/popup.d.ts",
       "import": "./dist/popup/popup.vue",
@@ -327,6 +374,11 @@
       "import": "./dist/search/search.vue",
       "default": "./dist/search/search.vue"
     },
+    "./segmented/segmented.vue": {
+      "types": "./dist/types/segmented.d.ts",
+      "import": "./dist/segmented/segmented.vue",
+      "default": "./dist/segmented/segmented.vue"
+    },
     "./side-bar/side-bar.vue": {
       "types": "./dist/types/side-bar.d.ts",
       "import": "./dist/side-bar/side-bar.vue",
@@ -402,6 +454,11 @@
       "import": "./dist/tab-panel/tab-panel.vue",
       "default": "./dist/tab-panel/tab-panel.vue"
     },
+    "./table/table.vue": {
+      "types": "./dist/types/table.d.ts",
+      "import": "./dist/table/table.vue",
+      "default": "./dist/table/table.vue"
+    },
     "./tabs/tabs.vue": {
       "types": "./dist/types/tabs.d.ts",
       "import": "./dist/tabs/tabs.vue",
@@ -458,7 +515,7 @@
     "eslint-import-resolver-node": "0.3.9",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "25",
-    "eslint-plugin-light": "latest",
+    "eslint-plugin-light": "1.0.22",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "7.26.1",
     "eslint-plugin-react-hooks": "4.2.0",
@@ -522,6 +579,7 @@
     "watch": "node ./example/script/watch/watch.js",
     "release:prepare": "node ./example/script/release/prepare.js",
     "gen:types": "node ./example/script/types/index.js",
-    "commit": "git-cz"
+    "commit": "git-cz",
+    "postinstall": "node script/postinstall.js || true"
   }
 }

package/script/postinstall.js

@@ -0,0 +1,87 @@
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * 判断当前脚本是否以"用户侧安装"的形式被执行。
+ *
+ * 场景：
+ * - 用户安装：脚本物理位置在 node_modules/@tdesign/uniapp/script/postinstall.js，
+ *   __dirname 必然包含 /node_modules/
+ * - 本仓库本地开发 monorepo install：脚本物理位置在 packages/tdesign-uniapp/script/postinstall.js，
+ *   __dirname 不包含 /node_modules/，应直接跳过，避免误导性日志
+ */
+function isUserInstall() {
+  const { sep } = path;
+  return __dirname.split(sep).includes('node_modules');
+}
+
+function printVue2PostCSSWarning() {
+  console.warn('\n');
+  console.warn('⚠️  [TDesign UniApp] 检测到当前使用 Vue2 环境');
+  console.warn('   Vue2 项目需要在 postcss.config.js 中进行适配，否则样式可能无法正常工作。');
+  console.warn('');
+  console.warn('   📖 适配指南: https://juejin.cn/post/7602901195154030644');
+  console.warn('   📦 Vue2 CLI 参考项目: https://github.com/TDesignOteam/tdesign-uniapp-starter-vue2-cli');
+  console.warn('\n');
+}
+
+/**
+ * 多重检测 Vue 版本，提升准确性
+ * 优先级：环境变量 > require('vue') > 用户项目 package.json
+ */
+function detectVueVersion() {
+  // 1. 环境变量优先
+  if (process.env.npm_config_vueVersion) {
+    return process.env.npm_config_vueVersion;
+  }
+
+  // 2. 尝试直接 require vue
+  try {
+    const Vue = require('vue');
+    if (Vue && Vue.version) return Vue.version;
+  } catch (e) {}
+
+  // 3. 读用户项目的 package.json 中的 vue 版本声明
+  try {
+    const userPkgPath = path.resolve(process.cwd(), 'package.json');
+    const userPkg = JSON.parse(fs.readFileSync(userPkgPath, 'utf-8'));
+    const vueDep = (userPkg.dependencies && userPkg.dependencies.vue)
+      || (userPkg.devDependencies && userPkg.devDependencies.vue);
+    if (vueDep) return vueDep;
+  } catch (e) {}
+
+  return null;
+}
+
+function isVue2(version) {
+  if (!version || typeof version !== 'string') return false;
+  // 匹配 "2.x"、"^2.x"、"~2.x"、">=2.x" 等
+  return /(?:^|[~^>=\s])2\./.test(version);
+}
+
+function isVue3(version) {
+  if (!version || typeof version !== 'string') return false;
+  return /(?:^|[~^>=\s])3\./.test(version);
+}
+
+function main() {
+  // 仅当作为依赖被用户安装时才执行检测，避免本地 monorepo install 时产生噪音
+  if (!isUserInstall()) {
+    return;
+  }
+
+  const version = detectVueVersion();
+
+  if (!version) {
+    console.warn('[TDesign UniApp] Vue is not found. Please run "npm install vue" to install.');
+    return;
+  }
+
+  if (isVue2(version)) {
+    printVue2PostCSSWarning();
+  } else if (!isVue3(version)) {
+    console.warn(`[TDesign UniApp] Vue version ${version} is not supported.`);
+  }
+}
+
+main();

package/dist/common/src/superComponent.js

@@ -1,5 +0,0 @@
-export class SuperComponent {
-  constructor() {
-    this.app = getApp();
-  }
-}

package/dist/common/validator.js

@@ -1,210 +0,0 @@
-export function isFunction(val) {
-  return typeof val === 'function';
-}
-
-export const isString = val => typeof val === 'string';
-
-export const isNull = value => value === null;
-
-export const isUndefined = value => value === undefined;
-
-export function isDef(value) {
-  return !isUndefined(value) && !isNull(value);
-}
-
-export function isInteger(value) {
-  return Number.isInteger(value);
-}
-
-export function isNumeric(value) {
-  return !Number.isNaN(Number(value));
-}
-
-export function isNumber(value) {
-  return typeof value === 'number';
-}
-
-export function isBoolean(value) {
-  return typeof value === 'boolean';
-}
-
-export function isObject(x) {
-  const type = typeof x;
-  return x !== null && (type === 'object' || type === 'function');
-}
-
-export function isPlainObject(val) {
-  return val !== null && typeof val === 'object' && Object.prototype.toString.call(val) === '[object Object]';
-}
-
-export function isEmpty(val) {
-  if (val === null || val === undefined) return true;
-  if (typeof val === 'string' || Array.isArray(val)) return val.length === 0;
-  if (val instanceof Map || val instanceof Set) return val.size === 0;
-  if (typeof val === 'object') return Object.keys(val).length === 0;
-  return true;
-}
-
-/**
- * 验证是否为有效日期
- * 支持字符串格式（YYYY/MM/DD、YYYY-MM-DD 等）和 Date 对象
- */
-export function isDate(input, options) {
-  const defaultOptions = {
-    format: 'YYYY/MM/DD',
-    delimiters: ['/', '-'],
-    strictMode: false,
-  };
-  const opts = { ...defaultOptions, ...options };
-
-  if (typeof input === 'string') {
-    const delimiter = opts.delimiters.find((d) => opts.format.includes(d));
-    if (!delimiter) return false;
-
-    const formatParts = opts.format.split(delimiter);
-    const dateParts = input.split(delimiter);
-    if (formatParts.length !== dateParts.length) return false;
-
-    let year = '';
-    let month = '';
-    let day = '';
-    for (let i = 0; i < formatParts.length; i += 1) {
-      const fmt = formatParts[i].toUpperCase();
-      const val = dateParts[i];
-      if (fmt.includes('Y')) year = val;
-      else if (fmt.includes('M')) month = val;
-      else if (fmt.includes('D')) day = val;
-    }
-
-    if (month.length === 1) month = `0${month}`;
-    if (day.length === 1) day = `0${day}`;
-
-    if (year.length === 2) {
-      const currentYearSuffix = new Date().getFullYear() % 100;
-      year = Number(year) <= currentYearSuffix ? `20${year}` : `19${year}`;
-    }
-
-    const date = new Date(`${year}-${month}-${day}T00:00:00.000Z`);
-    return (
-      date.getUTCFullYear() === Number(year)
-      && date.getUTCMonth() + 1 === Number(month)
-      && date.getUTCDate() === Number(day)
-    );
-  }
-
-  if (!opts.strictMode) {
-    if (Object.prototype.toString.call(input) === '[object Date]' && Number.isFinite(input.getTime())) {
-      return true;
-    }
-  }
-
-  return false;
-}
-
-/**
- * 验证是否为有效邮箱地址
- */
-export function isEmail(str) {
-  if (typeof str !== 'string') return false;
-  if (str.length > 254) return false;
-
-  const parts = str.split('@');
-  if (parts.length !== 2) return false;
-
-  const [user, domain] = parts;
-  if (!user || user.length > 64) return false;
-  if (!domain) return false;
-
-  if (/^[-.]/.test(domain) || /[-.]$/.test(domain)) return false;
-  if (!/^[a-zA-Z0-9.-]+$/.test(domain)) return false;
-  if (!domain.includes('.')) return false;
-
-  const tld = domain.split('.').pop();
-  if (!tld || tld.length < 2) return false;
-
-  const emailUserReg = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+$/;
-  return emailUserReg.test(user);
-}
-
-/**
- * 验证是否为有效 URL
- */
-export function isURL(str, options) {
-  if (typeof str !== 'string') return false;
-  if (str.length === 0 || /\s/.test(str)) return false;
-  if (str.length > 2084) return false;
-
-  const defaultOpts = {
-    protocols: ['http', 'https', 'ftp'],
-    require_tld: true,
-    require_protocol: false,
-    require_host: true,
-    allow_protocol_relative_urls: false,
-  };
-  const opts = { ...defaultOpts, ...options };
-
-  let url = str;
-
-  const protocolRegex = /^([a-z][a-z0-9+\-.]*):\/\//i;
-  const protocolMatch = url.match(protocolRegex);
-  if (protocolMatch) {
-    const protocol = protocolMatch[1].toLowerCase();
-    if (!opts.protocols.includes(protocol)) return false;
-    url = url.slice(protocolMatch[0].length);
-  } else if (opts.require_protocol) {
-    if (opts.allow_protocol_relative_urls && str.startsWith('//')) {
-      url = url.slice(2);
-    } else {
-      return false;
-    }
-  } else if (str.startsWith('//')) {
-    if (!opts.allow_protocol_relative_urls) return false;
-    url = url.slice(2);
-  }
-
-  if (!url && opts.require_host) return false;
-
-  const [hostPart] = url.split(/[/?#]/);
-  if (!hostPart && opts.require_host) return false;
-
-  let host = hostPart;
-  if (host.includes('@')) {
-    host = host.split('@').pop() || '';
-  }
-
-  let hostname = host;
-  const portMatch = host.match(/:(\d+)$/);
-  if (portMatch) {
-    const port = Number(portMatch[1]);
-    if (port < 0 || port > 65535) return false;
-    hostname = host.slice(0, host.lastIndexOf(':'));
-  }
-
-  if (!hostname) return false;
-
-  const ipv4Regex = /^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/;
-  const ipv4Match = hostname.match(ipv4Regex);
-  if (ipv4Match) {
-    return ipv4Match.slice(1).every((part) => Number(part) >= 0 && Number(part) <= 255);
-  }
-
-  if (hostname.startsWith('[') && hostname.endsWith(']')) {
-    return true;
-  }
-
-  const domainParts = hostname.split('.');
-  if (opts.require_tld && domainParts.length < 2) return false;
-  const hasInvalidPart = domainParts.some((part) => {
-    if (!part || part.length > 63) return true;
-    if (!/^[a-zA-Z0-9-]+$/.test(part)) return true;
-    if (part.startsWith('-') || part.endsWith('-')) return true;
-    return false;
-  });
-  if (hasInvalidPart) return false;
-  if (opts.require_tld) {
-    const tld = domainParts[domainParts.length - 1];
-    if (/^\d+$/.test(tld)) return false;
-  }
-
-  return true;
-}

package/dist/script/postinstall.js

@@ -1,46 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-
-function switchVersion(version) {
-  const pkg = require('../package.json');
-  if (version != 2) {
-    return;
-  }
-
-  delete pkg.exports;
-
-  const pkgStr = JSON.stringify(pkg, null, 2);
-
-  fs.writeFileSync(path.resolve(__dirname, '../package.json'), pkgStr, 'utf-8');
-}
-
-
-function loadModule(name) {
-  try {
-    return require(name);
-  } catch (e) {
-    return undefined;
-  }
-}
-
-const Vue  = loadModule('vue');
-
-function main() {
-  const version =  process.env.npm_config_vueVersion || (Vue ? Vue.version : '2.7.');
-  if (!Vue || typeof version !== 'string') {
-    console.warn('Vue is not found. Please run "npm install vue" to install.');
-    return;
-  }
-
-  if (version.startsWith('2.')) {
-    switchVersion(2);
-  } else if (version.startsWith('3.')) {
-    switchVersion(3);
-  } else {
-    console.warn(`Vue version v${version} is not supported.`);
-  }
-}
-
-main();
-