@tdesign/uniapp 0.7.2 → 0.8.0

package/dist/color-picker/props.ts

@@ -31,8 +31,8 @@ export default {
   },
   /** 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色 */
   swatchColors: {
-    type: Array,
-    default: undefined as TdColorPickerProps['swatchColors'],
+    type: [Array, null],
+    default: null as TdColorPickerProps['swatchColors'],
   },
   /** 颜色选择器类型。（base 表示仅展示系统预设内容; multiple 表示展示色板和系统预设内容 */
   type: {

package/dist/color-picker/template.vue

@@ -16,7 +16,7 @@
           v-if="isMultiple"
           :class="classPrefix + '__saturation'"
           data-type="saturation"
-          :style="'background: hsl(' + sliderInfo.value + ', 100%, 50%)'"
+          :style="'' + `background: hsl(${sliderInfo.value}, 100%, 50%)`"
           @touchstart.stop.prevent="onTouchStart"
           @touchmove.stop.prevent="onTouchMove"
           @touchend.stop.prevent="onTouchEnd"
@@ -24,7 +24,7 @@
           <view
             :class="classPrefix + '__thumb'"
             :tab-index="0"
-            :style="utils._style(saturationThumbStyle)"
+            :style="'' + utils._style(saturationThumbStyle)"
           />
         </view>
         <!-- #ifdef MP-ALIPAY -->
@@ -53,7 +53,7 @@
               <view :class="classPrefix + '__rail'" />
               <view
                 :class="classPrefix + '__thumb'"
-                :style="utils._style(hueSliderStyle)"
+                :style="'' + utils._style(hueSliderStyle)"
               />
             </view>
           </view>
@@ -64,9 +64,7 @@
           >
             <view
               :class="classPrefix + '__slider-padding'"
-              :style="
-                'background: linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, ' + alphaSliderStyle.color + ' 93%, ' + alphaSliderStyle.color + ' 100%)'
-              "
+              :style="'' + `background: linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, ${alphaSliderStyle.color} 93%, ${alphaSliderStyle.color} 100%)`"
               :disable-scroll="false"
             />
             <view
@@ -78,11 +76,11 @@
             >
               <view
                 :class="classPrefix + '__rail'"
-                :style="'background: linear-gradient(to right, rgba(0, 0, 0, 0), ' + alphaSliderStyle.color + ')'"
+                :style="'' + `background: linear-gradient(to right, rgba(0, 0, 0, 0), ${alphaSliderStyle.color})`"
               />
               <view
                 :class="classPrefix + '__thumb'"
-                :style="utils._style(alphaSliderStyle)"
+                :style="'' + utils._style(alphaSliderStyle)"
               />
             </view>
           </view>
@@ -129,7 +127,13 @@
           >
             系统预设色彩
           </view>
-          <view :class="classPrefix + '__swatches-items'">
+          <scroll-view
+            :class="classPrefix + '__swatches-items'"
+            scroll-x
+            enable-flex
+            scroll-anchoring
+            type="list"
+          >
             <view
               v-for="(swatch, index) in innerSwatchList"
               :key="index"
@@ -142,7 +146,7 @@
                 :style="'background-color: ' + swatch + ';'"
               />
             </view>
-          </view>
+          </scroll-view>
         </view>
       </view>
     </view>

package/dist/common/common.ts

@@ -96,6 +96,7 @@ export interface IsURLOptions {
   disallow_auth?: boolean;
   validate_length?: boolean;
 }
+
 /**
  * 通用全局类型
  * */

package/dist/common/style/theme/index.css

@@ -144,9 +144,10 @@
     --td-component-border: var(--td-gray-color-4);
 
     --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
-    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
-    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%),
-      0 8px 10px -5px rgba(0, 0, 0, 8%);
+    --td-shadow-2:
+      0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
+    --td-shadow-3:
+      0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
     --td-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
 
     --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
@@ -162,7 +163,6 @@
   }
 }
 
-
 /* ./raw/_dark.less */
 @media (prefers-color-scheme: dark) {
   /* #ifdef H5 */
@@ -324,66 +324,64 @@
   }
 }
 
-
 /* ./raw/_radius.less */
 page,
 .page {
-  --td-radius-small: 12px;
-  --td-radius-default: 24px;
-  --td-radius-large: 36px;
-  --td-radius-extraLarge: 48px;
+  --td-radius-small: 3px;
+  --td-radius-default: 6px;
+  --td-radius-large: 9px;
+  --td-radius-extraLarge: 12px;
   --td-radius-round: 999px;
   --td-radius-circle: 50%;
 }
 
-
 /* ./raw/_font.less */
 page,
 .page {
   --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
   --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
 
-  --td-font-size-link-small: 48px;
-  --td-font-size-link-medium: 56px;
-  --td-font-size-link-large: 64px;
-  --td-font-size-mark-extraSmall: 40px;
-  --td-font-size-mark-small: 48px;
-  --td-font-size-mark-medium: 56px;
-  --td-font-size-mark-large: 64px;
-  --td-font-size-body-extraSmall: 40px;
-  --td-font-size-body-small: 48px;
-  --td-font-size-body-medium: 56px;
-  --td-font-size-body-large: 64px;
-  --td-font-size-title-small: 56px;
-  --td-font-size-title-medium: 64px;
-  --td-font-size-title-large: 72px;
-  --td-font-size-title-extraLarge: 80px;
-  --td-font-size-headline-small: 96px;
-  --td-font-size-headline-medium: 112px;
-  --td-font-size-headline-large: 144px;
-  --td-font-size-display-medium: 192px;
-  --td-font-size-display-large: 256px;
-
-  --td-line-height-link-small: 80px;
-  --td-line-height-link-medium: 88px;
-  --td-line-height-link-large: 96px;
-  --td-line-height-mark-extraSmall: 64px;
-  --td-line-height-mark-small: 80px;
-  --td-line-height-mark-medium: 88px;
-  --td-line-height-mark-large: 96px;
-  --td-line-height-body-extraSmall: 64px;
-  --td-line-height-body-small: 80px;
-  --td-line-height-body-medium: 88px;
-  --td-line-height-body-large: 96px;
-  --td-line-height-title-small: 88px;
-  --td-line-height-title-medium: 96px;
-  --td-line-height-title-large: 104px;
-  --td-line-height-title-extraLarge: 112px;
-  --td-line-height-headline-small: 128px;
-  --td-line-height-headline-medium: 144px;
-  --td-line-height-headline-large: 176px;
-  --td-line-height-display-medium: 224px;
-  --td-line-height-display-large: 288px;
+  --td-font-size-link-small: 12px;
+  --td-font-size-link-medium: 14px;
+  --td-font-size-link-large: 16px;
+  --td-font-size-mark-extraSmall: 10px;
+  --td-font-size-mark-small: 12px;
+  --td-font-size-mark-medium: 14px;
+  --td-font-size-mark-large: 16px;
+  --td-font-size-body-extraSmall: 10px;
+  --td-font-size-body-small: 12px;
+  --td-font-size-body-medium: 14px;
+  --td-font-size-body-large: 16px;
+  --td-font-size-title-small: 14px;
+  --td-font-size-title-medium: 16px;
+  --td-font-size-title-large: 18px;
+  --td-font-size-title-extraLarge: 20px;
+  --td-font-size-headline-small: 24px;
+  --td-font-size-headline-medium: 28px;
+  --td-font-size-headline-large: 36px;
+  --td-font-size-display-medium: 48px;
+  --td-font-size-display-large: 64px;
+
+  --td-line-height-link-small: 20px;
+  --td-line-height-link-medium: 22px;
+  --td-line-height-link-large: 24px;
+  --td-line-height-mark-extraSmall: 16px;
+  --td-line-height-mark-small: 20px;
+  --td-line-height-mark-medium: 22px;
+  --td-line-height-mark-large: 24px;
+  --td-line-height-body-extraSmall: 16px;
+  --td-line-height-body-small: 20px;
+  --td-line-height-body-medium: 22px;
+  --td-line-height-body-large: 24px;
+  --td-line-height-title-small: 22px;
+  --td-line-height-title-medium: 24px;
+  --td-line-height-title-large: 26px;
+  --td-line-height-title-extraLarge: 28px;
+  --td-line-height-headline-small: 32px;
+  --td-line-height-headline-medium: 36px;
+  --td-line-height-headline-large: 44px;
+  --td-line-height-display-medium: 56px;
+  --td-line-height-display-large: 72px;
 
   --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
   --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
@@ -415,7 +413,7 @@ page,
   --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large)
     var(--td-font-family);
 
-  --td-font-size: 40px;
+  --td-font-size: 10px;
   --td-font-size-xs: var(--td-font-size-body-extraSmall);
   --td-font-size-s: var(--td-font-size-body-small);
   --td-font-size-base: var(--td-font-size-title-small);
@@ -425,20 +423,18 @@ page,
   --td-font-size-xxl: var(--td-font-size-headline-large);
 }
 
-
 /* ./raw/_spacer.less */
 page,
 .page {
-  --td-spacer: 32px;
-  --td-spacer-1: 48px;
-  --td-spacer-2: 64px;
-  --td-spacer-3: 96px;
-  --td-spacer-4: 128px;
-  --td-spacer-5: 192px;
-  --td-spacer-6: 320px;
+  --td-spacer: 8px;
+  --td-spacer-1: 12px;
+  --td-spacer-2: 16px;
+  --td-spacer-3: 24px;
+  --td-spacer-4: 32px;
+  --td-spacer-5: 48px;
+  --td-spacer-6: 80px;
 }
 
-
 /* ./raw/_components.less */
 @media (prefers-color-scheme: light) {
   page,

package/dist/common/utils.js

@@ -236,7 +236,7 @@ export const chunk = (arr, size) => Array.from({ length: Math.ceil(arr.length /
 const getPageContext = () => {
   const pages = getCurrentPages();
   const page = pages[pages.length - 1];
-  return (page).$$basePage || page;
+  return page?.$vm || page;
 };
 
 
@@ -244,9 +244,14 @@ const findInstance = (context, pageContext, pureSelector) => {
   if (context && context.$refs[pureSelector]) {
     return context.$refs[pureSelector];
   }
-  if (pageContext && pageContext.$refs[pureSelector]) {
+
+  if (pageContext
+    && pageContext.$refs
+    && pageContext.$refs[pureSelector]
+  ) {
     return pageContext.$refs[pureSelector];
   }
+
   return null;
 };
 

package/dist/common/validator.js

@@ -36,3 +36,175 @@ export function isObject(x) {
 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/config-provider/README.en-US.md

@@ -0,0 +1,184 @@
+:: BASE_DOC ::
+
+## API
+
+### ConfigProvider Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+custom-style | Object | - | CSS(Cascading Style Sheets) | N
+global-config | Object | - | global config。Typescript: `GlobalConfigProvider` | N
+theme-vars | Object | - | theme Variables | N
+
+### GlobalConfigProvider
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+action-sheet | Object | - | ActionSheet global configs。Typescript: `ActionSheetConfig` | N
+calendar | Object | - | Calendar global configs。Typescript: `CalendarConfig` | N
+cascader | Object | - | Cascader global configs。Typescript: `CascaderConfig` | N
+class-prefix | String | t | \- | N
+date-time-picker | Object | - | DateTimePicker global configs。Typescript: `DateTimePickerConfig` | N
+dropdown-menu | Object | - | DropdownMenu global configs。Typescript: `DropdownMenuConfig` | N
+guide | Object | - | Guide global configs。Typescript: `GuideConfig` | N
+picker | Object | - | Picker global configs。Typescript: `PickerConfig` | N
+pull-down-refresh | Object | - | PullDownRefresh global configs。Typescript: `PullDownRefreshConfig` | N
+qrcode | Object | - | QRCode global configs。Typescript: `QRCodeConfig` | N
+rate | Object | - | Rate global configs。Typescript: `RateConfig` | N
+tab-bar | Object | - | TabBar global configs。Typescript: `TabBarConfig` | N
+upload | Object | - | Upload global configs。Typescript: `UploadConfig` | N
+
+### ActionSheetConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+cancel | String | - | cancel text | N
+
+### AttachmentsConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+status | Object | - | Typescript: `{ pending: string; fail: string; }` | N
+
+### CalendarConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+confirm | String | - | confirm text | N
+month-title | String | - | \- | N
+months | Array | - | Typescript: `string[]` | N
+title | String | - | \- | N
+weekdays | Array | - | Typescript: `string[]` | N
+
+### CascaderConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+placeholder | String | - | \- | N
+title | String | - | \- | N
+
+### ChatActionbarConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+action-bar | Object | - | Typescript: `{ replay: string; copy: string; good: string; bad: string; share: string; quote: string; }` | N
+
+### ChatSenderConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+placeholder | String | - | \- | N
+send-text | String | - | \- | N
+stop-text | String | - | \- | N
+
+### ChatThinkingConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+status | Object | - | Typescript: `{ pending: string; complete: string; stop: string; }` | N
+
+### DateTimePickerConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+cancel | String | - | \- | N
+confirm | String | - | \- | N
+date-label | String | - | \- | N
+format | String | 'YYYY-MM-DD HH:mm:ss' | \- | N
+hour-label | String | - | \- | N
+minute-label | String | - | \- | N
+month-label | String | - | \- | N
+second-label | String | - | \- | N
+title | String | - | \- | N
+year-label | String | - | \- | N
+
+### DropdownMenuConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+confirm | String | - | confirm text | N
+reset | String | - | reset text | N
+
+### FormConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+colon-text | String | - | colon on the right of label ":" | N
+error-message | Object | - | Typescript: `FormErrorMessage`，[Form API Documents](./form?tab=api)。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/config-provider/type.ts) | N
+required-mark | Boolean | true | \- | N
+required-mark-position | String | left | Display position of required symbols。options: left/right | N
+
+### GuideConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+back | String | - | \- | N
+finish | String | - | \- | N
+next | String | - | \- | N
+skip | String | - | \- | N
+
+### ImageConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+error-text | String | - | loading text, default value is "Error" | N
+loading-text | String | - | loading text, default value is "loading" | N
+replace-image-src | Function | - | replace all `src` attribute of images。Typescript: `(params: ImageProps) => string`，[Image API Documents](./image?tab=api)。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/config-provider/type.ts) | N
+
+### InputConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+placeholder | String | - | \- | N
+
+### PickerConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+cancel | String | - | cancel text | N
+confirm | String | - | confirm text | N
+
+### PullDownRefreshConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+loading-texts | Array | - | Typescript: `string[]` | N
+
+### QRCodeConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+expired-text | String | - | Language configuration, "QR code expired" description text | N
+refresh-text | String | - | Language configuration, "QR code refresh" description text | N
+scanned-text | String | - | Language configuration, "QR code scanned" description text | N
+
+### RateConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+no-value-text | String | - | \- | N
+value-text | String | - | \- | N
+
+### TabBarConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+have-more-news-aria-label | String | - | \- | N
+have-news-aria-label | String | - | \- | N
+more-news-aria-label | String | - | \- | N
+news-aria-label | String | - | \- | N
+
+### UploadConfig
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+progress | Object | - | Typescript: `UploadConfigProgress` | N
+
+### UploadConfigProgress
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+fail-text | String | - | \- | N
+success-text | String | - | \- | N
+uploading-text | String | - | \- | N
+waiting-text | String | - | \- | N