@tdesign/uniapp 0.7.2 → 0.8.0

package/dist/config-provider/type.ts

@@ -0,0 +1,401 @@
+/* eslint-disable */
+
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import type { FormErrorMessage } from '../form/type';
+import type { TdImageProps as ImageProps } from '../image/type';
+
+export interface TdConfigProviderProps {
+  /**
+   * 全局配置
+   */
+  globalConfig?: GlobalConfigProvider;
+  /**
+   * 全局配置
+   */
+  themeVars?: object;
+}
+
+export interface GlobalConfigProvider {
+  /**
+   * 动作面板全局配置
+   */
+  actionSheet?: ActionSheetConfig;
+  /**
+   * 日历组件全局配置
+   */
+  calendar?: CalendarConfig;
+  /**
+   * 级联选择器全局配置
+   */
+  cascader?: CascaderConfig;
+  /**
+   * CSS 类名前缀
+   * @default t
+   */
+  classPrefix?: string;
+  /**
+   * 时间选择器全局配置
+   */
+  dateTimePicker?: DateTimePickerConfig;
+  /**
+   * 下拉菜单全局配置
+   */
+  dropdownMenu?: DropdownMenuConfig;
+  /**
+   * 引导全局配置
+   */
+  guide?: GuideConfig;
+  /**
+   * 选择器全局配置
+   */
+  picker?: PickerConfig;
+  /**
+   * 下拉刷新全局配置
+   */
+  pullDownRefresh?: PullDownRefreshConfig;
+  /**
+   * 二维码全局配置
+   */
+  qrcode?: QRCodeConfig;
+  /**
+   * 评分全局配置
+   */
+  rate?: RateConfig;
+  /**
+   * 标签栏全局配置
+   */
+  tabBar?: TabBarConfig;
+  /**
+   * 上传组件全局配置
+   */
+  upload?: UploadConfig;
+}
+
+export interface ActionSheetConfig {
+  /**
+   * 语言配置，“取消” 按钮描述文本
+   * @default ''
+   */
+  cancel?: string;
+}
+
+export interface AttachmentsConfig {
+  /**
+   * 语言配置，附件上传状态描述文本
+   */
+  status?: { pending: string; fail: string };
+}
+
+export interface CalendarConfig {
+  /**
+   * 语言配置，“确定” 按钮描述文本
+   * @default ''
+   */
+  confirm?: string;
+  /**
+   * 语言配置，日期月面板标题描述文本。示例：“{year} / {month}”
+   * @default ''
+   */
+  monthTitle?: string;
+  /**
+   * 月文本描述，默认值：['1 月', '2 月', '3 月', '4 月', '5 月', '6 月', '7 月', '8 月', '9 月', '10 月', '11 月', '12 月']
+   */
+  months?: string[];
+  /**
+   * 语言配置，组件标题“请选择日期”描述文本
+   * @default ''
+   */
+  title?: string;
+  /**
+   * 星期文本描述，默认值：['日', '一', '二', '三', '四', '五', '六']
+   */
+  weekdays?: string[];
+}
+
+export interface CascaderConfig {
+  /**
+   * 语言配置，未选中时的提示文案“选择选项”描述文本
+   * @default ''
+   */
+  placeholder?: string;
+  /**
+   * 语言配置，组件标题“选择地址”描述文本
+   * @default ''
+   */
+  title?: string;
+}
+
+export interface ChatActionbarConfig {
+  /**
+   * 语言配置，对话操作栏描述文本
+   */
+  actionBar?: { replay: string; copy: string; good: string; bad: string; share: string; quote: string };
+}
+
+export interface ChatSenderConfig {
+  /**
+   * 语言配置，占位符描述文本
+   * @default ''
+   */
+  placeholder?: string;
+  /**
+   * 语言配置，发送按钮描述文本
+   * @default ''
+   */
+  sendText?: string;
+  /**
+   * 语言配置，停止发送按钮描述文本
+   * @default ''
+   */
+  stopText?: string;
+}
+
+export interface ChatThinkingConfig {
+  /**
+   * 语言配置，思考状态描述文本
+   */
+  status?: { pending: string; complete: string; stop: string };
+}
+
+export interface DateTimePickerConfig {
+  /**
+   * 语言配置，“取消”按钮描述文本
+   * @default ''
+   */
+  cancel?: string;
+  /**
+   * 语言配置，“确定”按钮描述文本
+   * @default ''
+   */
+  confirm?: string;
+  /**
+   * 语言配置，“日” 描述文本
+   * @default ''
+   */
+  dateLabel?: string;
+  /**
+   * 日期格式化规则
+   * @default 'YYYY-MM-DD HH:mm:ss'
+   */
+  format?: string;
+  /**
+   * 语言配置，“时” 描述文本
+   * @default ''
+   */
+  hourLabel?: string;
+  /**
+   * 语言配置，“分” 描述文本
+   * @default ''
+   */
+  minuteLabel?: string;
+  /**
+   * 语言配置，“月” 描述文本
+   * @default ''
+   */
+  monthLabel?: string;
+  /**
+   * 语言配置，“秒” 描述文本
+   * @default ''
+   */
+  secondLabel?: string;
+  /**
+   * 语言配置，组件标题“选择时间”描述文本
+   * @default ''
+   */
+  title?: string;
+  /**
+   * 语言配置，“年” 描述文本
+   * @default ''
+   */
+  yearLabel?: string;
+}
+
+export interface DropdownMenuConfig {
+  /**
+   * 语言配置，“确定” 按钮描述文本
+   * @default ''
+   */
+  confirm?: string;
+  /**
+   * 语言配置，“重置” 按钮描述文本
+   * @default ''
+   */
+  reset?: string;
+}
+
+export interface FormConfig {
+  /**
+   * 字段旁边的冒号，中文为“：”
+   * @default ''
+   */
+  colonText?: string;
+  /**
+   * 表单错误信息配置，示例：`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }`
+   */
+  errorMessage?: FormErrorMessage;
+  /**
+   * 是否显示必填符号（*），默认显示
+   * @default true
+   */
+  requiredMark?: boolean;
+  /**
+   * 表单必填符号（*）显示位置
+   * @default left
+   */
+  requiredMarkPosition?: 'left' | 'right';
+}
+
+export interface GuideConfig {
+  /**
+   * 语言配置， “返回” 描述文本
+   * @default ''
+   */
+  back?: string;
+  /**
+   * 语言配置， “完成” 描述文本
+   * @default ''
+   */
+  finish?: string;
+  /**
+   * 语言配置， “下一步” 描述文本
+   * @default ''
+   */
+  next?: string;
+  /**
+   * 语言配置， “跳过” 描述文本
+   * @default ''
+   */
+  skip?: string;
+}
+
+export interface ImageConfig {
+  /**
+   * 图片加载失败显示的文本，中文默认为“图片无法显示”
+   * @default ''
+   */
+  errorText?: string;
+  /**
+   * 图片加载中显示的文本，中文默认为“图片加载中”
+   * @default ''
+   */
+  loadingText?: string;
+  /**
+   * 统一替换图片 `src` 地址，参数为组件的全部属性，返回值为新的图片地址
+   */
+  replaceImageSrc?: (params: ImageProps) => string;
+}
+
+export interface InputConfig {
+  /**
+   * 语言配置，“请输入”占位符描述文本
+   * @default ''
+   */
+  placeholder?: string;
+}
+
+export interface PickerConfig {
+  /**
+   * 语言配置，“取消” 按钮描述文本
+   * @default ''
+   */
+  cancel?: string;
+  /**
+   * 语言配置，“确认” 按钮描述文本
+   * @default ''
+   */
+  confirm?: string;
+}
+
+export interface PullDownRefreshConfig {
+  /**
+   * 提示文本描述，默认值：['下拉刷新', '松手刷新', '正在刷新', '刷新完成']
+   */
+  loadingTexts?: string[];
+}
+
+export interface QRCodeConfig {
+  /**
+   * 语言配置，“二维码过期”描述文本
+   * @default ''
+   */
+  expiredText?: string;
+  /**
+   * 语言配置，“点击刷新”描述文本
+   * @default ''
+   */
+  refreshText?: string;
+  /**
+   * 语言配置，“已扫描”描述文本
+   * @default ''
+   */
+  scannedText?: string;
+}
+
+export interface RateConfig {
+  /**
+   * 语言配置，“未评分”描述文本
+   * @default ''
+   */
+  noValueText?: string;
+  /**
+   * 语言配置，评分值描述文本。示例：“{value} 分”
+   * @default ''
+   */
+  valueText?: string;
+}
+
+export interface TabBarConfig {
+  /**
+   * 语言配置，“有n+条新的消息”描述文本。示例：“有 {value}+ 条消息”
+   * @default ''
+   */
+  haveMoreNewsAriaLabel?: string;
+  /**
+   * 语言配置，“有n条新的消息”描述文本。示例：“有 {value} 条消息”
+   * @default ''
+   */
+  haveNewsAriaLabel?: string;
+  /**
+   * 语言配置，“有很多消息”描述文本
+   * @default ''
+   */
+  moreNewsAriaLabel?: string;
+  /**
+   * 语言配置，“有新的消息”描述文本
+   * @default ''
+   */
+  newsAriaLabel?: string;
+}
+
+export interface UploadConfig {
+  /**
+   * 语言配置，上传进度相关。示例：{ uploadText: '上传中', waitingText: '待上传', 'failText': '上传失败', successText: '上传成功' }
+   */
+  progress?: UploadConfigProgress;
+}
+
+export interface UploadConfigProgress {
+  /**
+   * 语言配置，“上传失败”文本描述
+   * @default ''
+   */
+  failText?: string;
+  /**
+   * 语言配置，“上传成功”文本描述
+   * @default ''
+   */
+  successText?: string;
+  /**
+   * 语言配置，“上传中”文本描述
+   * @default ''
+   */
+  uploadingText?: string;
+  /**
+   * 语言配置，“待上传”文本描述
+   * @default ''
+   */
+  waitingText?: string;
+}

package/dist/config-provider/use-config.js

@@ -0,0 +1,29 @@
+import { configStore } from './config-store';
+
+export function getComponentLocale(component, componentName, defaultLocale, localePropName) {
+  let componentLocale = {};
+  if (localePropName && component[localePropName]) {
+    componentLocale = component[localePropName];
+  }
+  const globalLocaleConfig = configStore.currentLocale.value;
+  const globalLocale = (globalLocaleConfig && globalLocaleConfig[componentName]) || {};
+  return {
+    ...defaultLocale,
+    ...globalLocale,
+    ...componentLocale,
+  };
+}
+
+export function useConfig(componentName) {
+  return {
+    getLocale(defaultLocale, component) {
+      return getComponentLocale(component, componentName, defaultLocale);
+    },
+    subscribeLocale(component, callback) {
+      const unsubscribe = configStore.currentLocale.subscribe((locale) => {
+        callback(locale);
+      });
+      return unsubscribe;
+    },
+  };
+}

package/dist/config-provider/utils.js

@@ -0,0 +1,29 @@
+import { hyphenate } from '../common/utils';
+
+/**
+ * 将主题变量对象转换为 CSS 变量对象
+ * @param {Object} themeVars 主题变量对象
+ * @param {string} varPrefix CSS 变量前缀
+ * @returns {Object} CSS 变量对象
+ */
+export default function themeVarsToCSS(themeVars, varPrefix = '--td-') {
+  const cssVarMap = {};
+
+  Object.keys(themeVars).forEach((key) => {
+    let cssVarName;
+
+    // key 以 -- 开头，认为是标准的 css vars，直接使用
+    if (key.startsWith('--')) {
+      cssVarName = key;
+    } else if (key.includes('-')) {
+      // 如果 key 包含短横线，认为是 kebab-case 格式，直接使用
+      cssVarName = `${varPrefix}${key}`;
+    } else {
+      cssVarName = `${varPrefix}${hyphenate(key)}`;
+    }
+
+    cssVarMap[cssVarName] = String(themeVars[key]);
+  });
+
+  return cssVarMap;
+}

package/dist/count-down/count-down.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     :class="classPrefix + ' ' + classPrefix + '--' + theme + ' ' + classPrefix + '--' + size + ' ' + tClass"
     aria-role="option"
   >
@@ -32,7 +32,6 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
 import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
 import props from './props';
@@ -44,121 +43,123 @@ import { format as formatUtil } from './computed.js';
 const name = `${prefix}-count-down`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-count`,
-    `${prefix}-class-split`,
-  ],
+export default {
   components: {
-    TIcon,
-  },
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      timeDataUnit: TimeDataUnit,
-      timeData: parseTimeData(0),
-      formattedTime: '0',
-      tools,
-      timeoutId: null,
-      isInitialTime: false,
-    };
   },
-  watch: {
-    time: {
-      handler() {
-        this.reset();
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-count`,
+      `${prefix}-class-split`,
+    ],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        timeDataUnit: TimeDataUnit,
+        timeData: parseTimeData(0),
+        formattedTime: '0',
+        tools,
+        timeoutId: null,
+        isInitialTime: false,
+        timeRange: [],
+      };
+    },
+    watch: {
+      time: {
+        handler() {
+          this.reset();
+        },
+        immediate: true,
       },
-      immediate: true,
     },
-  },
-  mounted() {
+    mounted() {
 
-  },
-  beforeUnmount() {
-    if (this.timeoutId) {
-      clearTimeout(this.timeoutId);
-      this.timeoutId = null;
-    }
-  },
-  methods: {
-    formatUtil,
-    start() {
-      if (this.counting) {
-        return;
-      }
-
-      this.counting = true;
-      this.endTime = Date.now() + this.remain;
-      this.doCount();
     },
-
-    pause() {
-      this.counting = false;
-      this.timeoutId && clearTimeout(this.timeoutId);
+    beforeUnmount() {
+      if (this.timeoutId) {
+        clearTimeout(this.timeoutId);
+        this.timeoutId = null;
+      }
     },
+    methods: {
+      formatUtil,
+      start() {
+        if (this.counting) {
+          return;
+        }
 
-    reset() {
-      this.pause();
-      this.remain = this.time;
-      this.updateTime(this.remain);
+        this.counting = true;
+        this.endTime = Date.now() + this.remain;
+        this.doCount();
+      },
 
-      if (this.autoStart && this.remain > 0) {
-        this.start();
-      }
+      pause() {
+        this.counting = false;
+        this.timeoutId && clearTimeout(this.timeoutId);
+      },
 
-      this.isInitialTime = true;
-    },
+      reset() {
+        this.pause();
+        this.remain = this.time;
+        this.updateTime(this.remain);
 
-    getTime() {
-      return Math.max(this.endTime - Date.now(), 0);
-    },
+        if (this.autoStart && this.remain > 0) {
+          this.start();
+        }
 
-    updateTime(remain) {
-      const { format } = this;
-      this.remain = remain;
-      const timeData = parseTimeData(remain);
-      this.$emit('change', timeData);
+        this.isInitialTime = true;
+      },
 
-      const { timeText } = parseFormat(remain, format);
+      getTime() {
+        return Math.max(this.endTime - Date.now(), 0);
+      },
 
-      const timeRange = format.split(':');
+      updateTime(remain) {
+        const { format } = this;
+        this.remain = remain;
+        const timeData = parseTimeData(remain);
+        this.$emit('change', timeData);
 
-      this.timeRange = timeRange;
-      this.timeData = timeData;
-      this.formattedTime = timeText.replace(/:/g, ' : ');
+        const { timeText } = parseFormat(remain, format);
 
-      if (remain === 0 && (this.counting || this.isInitialTime)) {
-        this.pause();
-        this.$emit('finish');
-        this.counting = false;
-      }
-    },
+        const timeRange = format.split(':');
 
-    doCount() {
-      this.timeoutId = setTimeout(() => {
-        const time = this.getTime();
+        this.timeRange = timeRange;
+        this.timeData = timeData;
+        this.formattedTime = timeText.replace(/:/g, ' : ');
 
-        if (this.millisecond) {
-          this.updateTime(time);
-        } else if (!isSameSecond(time, this.remain) || time === 0) {
-          this.updateTime(time);
+        if (remain === 0 && (this.counting || this.isInitialTime)) {
+          this.pause();
+          this.$emit('finish');
+          this.counting = false;
         }
+      },
 
-        if (time !== 0) {
-          this.doCount();
-        }
-      }, 33); // 30 帧，因此 1000 / 30 = 33
+      doCount() {
+        this.timeoutId = setTimeout(() => {
+          const time = this.getTime();
+
+          if (this.millisecond) {
+            this.updateTime(time);
+          } else if (!isSameSecond(time, this.remain) || time === 0) {
+            this.updateTime(time);
+          }
+
+          if (time !== 0) {
+            this.doCount();
+          }
+        }, 33); // 30 帧，因此 1000 / 30 = 33
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./count-down.css"></style>