@tdesign/uniapp 0.7.3 → 0.8.1

package/dist/script/postinstall.js

@@ -2,43 +2,68 @@ const fs = require('fs');
 const path = require('path');
 
 
-function switchVersion(version) {
-  const pkg = require('../package.json');
-  if (version != 2) {
-    return;
+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;
   }
 
-  delete pkg.exports;
+  // 2. 尝试直接 require vue
+  try {
+    const Vue = require('vue');
+    if (Vue && Vue.version) return Vue.version;
+  } catch (e) {}
 
-  const pkgStr = JSON.stringify(pkg, null, 2);
+  // 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) {}
 
-  fs.writeFileSync(path.resolve(__dirname, '../package.json'), pkgStr, 'utf-8');
+  return null;
 }
 
-
-function loadModule(name) {
-  try {
-    return require(name);
-  } catch (e) {
-    return undefined;
-  }
+function isVue2(version) {
+  if (!version || typeof version !== 'string') return false;
+  // 匹配 "2.x"、"^2.x"、"~2.x"、">=2.x" 等
+  return /(?:^|[~^>=\s])2\./.test(version);
 }
 
-const Vue  = loadModule('vue');
+function isVue3(version) {
+  if (!version || typeof version !== 'string') return false;
+  return /(?:^|[~^>=\s])3\./.test(version);
+}
 
 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.');
+  const version = detectVueVersion();
+
+  if (!version) {
+    console.warn('[TDesign UniApp] 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.`);
+  if (isVue2(version)) {
+    printVue2PostCSSWarning();
+  } else if (!isVue3(version)) {
+    console.warn(`[TDesign UniApp] Vue version ${version} is not supported.`);
   }
 }
 

package/dist/scroll-view/scroll-view.vue

@@ -20,33 +20,35 @@ import { prefix } from '../common/config';
 const name = `${prefix}-scroll-view`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [`${prefix}-class`],
-  props: {
-    scrollIntoView: {
-      type: [String, Number, null],
-      default: null,
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
-  },
-  data() {
-    return {
+    externalClasses: [`${prefix}-class`],
+    props: {
+      scrollIntoView: {
+        type: [String, Number, null],
+        default: null,
+      },
+    },
+    data() {
+      return {
 
-    };
-  },
-  watch: {
+      };
+    },
+    watch: {
 
-  },
-  mounted() {
+    },
+    mounted() {
 
-  },
-  methods: {
+    },
+    methods: {
 
-  },
-});
+    },
+  }),
+};
 </script>
 <style scoped>
 </style>

package/dist/search/README.md

@@ -9,7 +9,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-search />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TSearch from '@tdesign/uniapp/search/search.vue';

package/dist/search/props.ts

@@ -97,8 +97,8 @@ export default {
   },
   /** 只读状态 */
   readonly: {
-    type: Boolean,
-    default: undefined,
+    type: [Boolean, null],
+    default: null as TdSearchProps['readonly'],
   },
   /** 预览结果列表 */
   resultList: {

package/dist/search/search.vue

@@ -1,7 +1,7 @@
 <template>
   <view>
     <view
-      :style="tools._style([customStyle])"
+      :style="'' + tools._style([customStyle])"
       :class="classPrefix + ' ' + tClass"
     >
       <view
@@ -88,7 +88,7 @@
         :t-class="classPrefix + '__result-item'"
         hover
         aria-role="option"
-        @click="onSelectOption($event, { index })"
+        @click="(e) => onSelectOption(e, { index })"
       >
         <template
           #title
@@ -115,160 +115,161 @@ import { highLight } from './computed.js';
 const name = `${prefix}-search`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-input-container`,
-    `${prefix}-class-input`,
-    `${prefix}-class-action`,
-    `${prefix}-class-left`,
-    `${prefix}-class-clear`,
-  ],
+export default {
   components: {
     TIcon,
     TCell,
   },
-  props: {
-    ...props,
-  },
-  emits: [
-  ],
-  data() {
-    return {
-      classPrefix: name,
-      prefix,
-      isShowResultList: false,
-      isSelected: false,
-      showClearIcon: false,
-      tools,
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-input-container`,
+      `${prefix}-class-input`,
+      `${prefix}-class-action`,
+      `${prefix}-class-left`,
+      `${prefix}-class-clear`,
+    ],
+    props: {
+      ...props,
+    },
+    emits: [
+    ],
+    data() {
+      return {
+        classPrefix: name,
+        prefix,
+        isShowResultList: false,
+        isSelected: false,
+        showClearIcon: false,
+        tools,
 
-      dataValue: this.value,
+        dataValue: this.value,
       // innerMaxLen: -1,
       // rawValue: '',
-    };
-  },
-  watch: {
-    resultList: {
-      handler(val) {
-        const { isSelected } = this;
-        if (val.length) {
-          if (isSelected) {
-          // 已选择
-            this.isShowResultList = false;
-            this.isSelected = false;
+      };
+    },
+    watch: {
+      resultList: {
+        handler(val) {
+          const { isSelected } = this;
+          if (val.length) {
+            if (isSelected) {
+              // 已选择
+              this.isShowResultList = false;
+              this.isSelected = false;
+            } else {
+              this.isShowResultList = true;
+            }
           } else {
-            this.isShowResultList = true;
+            this.isShowResultList = false;
           }
-        } else {
-          this.isShowResultList = false;
-        }
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    value: {
-      handler(val) {
-        this.dataValue = val;
+      value: {
+        handler(val) {
+          this.dataValue = val;
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    dataValue: {
-      handler() {
+      dataValue: {
+        handler() {
         // this.updateInnerMaxLen();
-        this.updateClearIconVisible();
+          this.updateClearIconVisible();
+        },
       },
-    },
-    clearTrigger: 'updateClearIconVisible',
-    clearable: 'updateClearIconVisible',
-    disabled: 'updateClearIconVisible',
-    readonly: 'updateClearIconVisible',
+      clearTrigger: 'updateClearIconVisible',
+      clearable: 'updateClearIconVisible',
+      disabled: 'updateClearIconVisible',
+      readonly: 'updateClearIconVisible',
 
     // maxcharacter: 'updateInnerMaxLen',
     // maxlength: 'updateInnerMaxLen',
-  },
-  mounted() {
-    this.updateClearIconVisible();
-  },
-  methods: {
-    updateClearIconVisible(value = false) {
-      const { clearTrigger, disabled, readonly, dataValue } = this;
-      if (disabled || readonly || !dataValue) {
-        this.showClearIcon = false;
-        return;
-      }
-
-      this.showClearIcon = value || String(clearTrigger) === 'always';
     },
+    mounted() {
+      this.updateClearIconVisible();
+    },
+    methods: {
+      updateClearIconVisible(value = false) {
+        const { clearTrigger, disabled, readonly, dataValue } = this;
+        if (disabled || readonly || !dataValue) {
+          this.showClearIcon = false;
+          return;
+        }
 
-    onInput(e) {
-      let { value } = e.detail;
-      // this.rawValue = value;
-      this.dataValue = value;
+        this.showClearIcon = value || String(clearTrigger) === 'always';
+      },
 
-      const { maxcharacter } = this;
-      if (maxcharacter && typeof maxcharacter === 'number' && maxcharacter > 0) {
-        const { characters } = getCharacterLength('maxcharacter', value, maxcharacter);
+      onInput(e) {
+        let { value } = e.detail;
+        // this.rawValue = value;
+        this.dataValue = value;
 
-        value = characters;
-      }
+        const { maxcharacter } = this;
+        if (maxcharacter && typeof maxcharacter === 'number' && maxcharacter > 0) {
+          const { characters } = getCharacterLength('maxcharacter', value, maxcharacter);
 
+          value = characters;
+        }
 
-      nextTick().then(() => {
-        this.dataValue = value;
-        this.$emit('change', {
-          value,
-          trigger: 'input-change',
+
+        nextTick().then(() => {
+          this.dataValue = value;
+          this.$emit('change', {
+            value,
+            trigger: 'input-change',
+          });
         });
-      });
       // this.updateInnerMaxLen();
-    },
+      },
 
-    onFocus(e) {
-      const { value } = e.detail;
-      this.updateClearIconVisible(true);
-      this.$emit('focus', { value });
-    },
+      onFocus(e) {
+        const { value } = e.detail;
+        this.updateClearIconVisible(true);
+        this.$emit('focus', { value });
+      },
 
-    onBlur(e) {
-      const { value } = e.detail;
-      this.updateClearIconVisible();
-      this.$emit('blur', { value });
-    },
+      onBlur(e) {
+        const { value } = e.detail;
+        this.updateClearIconVisible();
+        this.$emit('blur', { value });
+      },
 
-    handleClear() {
-      this.dataValue = '';
-      this.$emit('clear', { value: '' });
-      this.$emit('change', {
-        value: '',
-        trigger: 'clear',
-      });
-    },
+      handleClear() {
+        this.dataValue = '';
+        this.$emit('clear', { value: '' });
+        this.$emit('change', {
+          value: '',
+          trigger: 'clear',
+        });
+      },
 
-    onConfirm(e) {
-      const { value } = e.detail;
-      this.$emit('submit', { value });
-    },
+      onConfirm(e) {
+        const { value } = e.detail;
+        this.$emit('submit', { value });
+      },
 
-    onActionClick() {
-      this.$emit('action-click');
-    },
+      onActionClick() {
+        this.$emit('action-click');
+      },
 
-    onSelectOption(tools, { index }) {
-      const item = this.resultList[index];
-      this.dataValue = item;
-      this.isSelected = true;
+      onSelectOption(tools, { index }) {
+        const item = this.resultList[index];
+        this.dataValue = item;
+        this.isSelected = true;
 
-      this.$emit('change', {
-        value: item,
-        trigger: 'option-click',
-      });
-    },
-    highLight,
+        this.$emit('change', {
+          value: item,
+          trigger: 'option-click',
+        });
+      },
+      highLight,
     // updateInnerMaxLen() {
     //   // this.innerMaxLen = this.getInnerMaxLen();
     // },
@@ -289,8 +290,9 @@ export default uniComponent({
     //     count,
     //   });
     // },
-  },
-});
+    },
+  }),
+};
 
 
 </script>

package/dist/search/type.ts

@@ -107,7 +107,7 @@ export interface TdSearchProps {
   /**
    * 只读状态
    */
-  readonly?: boolean;
+  readonly?: boolean | null;
   /**
    * 预览结果列表
    * @default []

package/dist/side-bar/README.md

@@ -8,7 +8,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-side-bar />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TSideBar from '@tdesign/uniapp/side-bar/side-bar.vue';

package/dist/side-bar/side-bar.vue

@@ -1,7 +1,7 @@
 <template>
   <view
     :class="classPrefix + ' ' + tClass"
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
   >
     <slot />
     <view :class="classPrefix + '__padding'" />
@@ -18,65 +18,67 @@ import { ParentMixin, RELATION_MAP } from '../common/relation';
 
 const name = `${prefix}-side-bar`;
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  controlledProps: [
-    {
-      key: 'value',
-      event: 'change',
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
-  ],
-  externalClasses: [
-    `${prefix}-class`,
-  ],
-  mixins: [ParentMixin(RELATION_MAP.SideBarItem)],
-  props: {
-    ...props,
-  },
-  emits: [
-    'click',
-    'change',
-  ],
-  data() {
-    return {
-      classPrefix: name,
-      prefix,
-      tools,
-
-      dataValue: coalesce(this.value, this.defaultValue),
-    };
-  },
-  watch: {
-    value: {
-      handler(e) {
-        this.dataValue = e;
+    controlledProps: [
+      {
+        key: 'value',
+        event: 'change',
       },
-      immediate: true,
+    ],
+    externalClasses: [
+      `${prefix}-class`,
+    ],
+    mixins: [ParentMixin(RELATION_MAP.SideBarItem)],
+    props: {
+      ...props,
     },
-    dataValue: {
-      handler(v) {
-        const sideBarItems = this.children || [];
-        sideBarItems.forEach((item, index) => {
-          item.updateActive(v);
-          item.isFirstChild = index === 0;
-          item.isLastChild = index === sideBarItems.length - 1;
-        });
-      },
-      immediate: true,
+    emits: [
+      'click',
+      'change',
+    ],
+    data() {
+      return {
+        classPrefix: name,
+        prefix,
+        tools,
+
+        dataValue: coalesce(this.value, this.defaultValue),
+      };
     },
-  },
-  methods: {
-    innerAfterUnLinked(child) {
-      const index = this.children.findIndex(item => item === child);
-      this.children.splice(index, 1);
+    watch: {
+      value: {
+        handler(e) {
+          this.dataValue = e;
+        },
+        immediate: true,
+      },
+      dataValue: {
+        handler(v) {
+          const sideBarItems = this.children || [];
+          sideBarItems.forEach((item, index) => {
+            item.updateActive(v);
+            item.isFirstChild = index === 0;
+            item.isLastChild = index === sideBarItems.length - 1;
+          });
+        },
+        immediate: true,
+      },
     },
-    doChange({ value, label }) {
-      this._trigger('change', { value, label });
+    methods: {
+      innerAfterUnLinked(child) {
+        const index = this.children.findIndex(item => item === child);
+        this.children.splice(index, 1);
+      },
+      doChange({ value, label }) {
+        this._trigger('change', { value, label });
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./side-bar.css"></style>