@tdesign/uniapp 0.7.3 → 0.8.1

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

@@ -70,32 +70,149 @@ export type ExtractNonOnProps<T> = {
   [K in keyof T as K extends `on${string}` ? never : K]: T[K]
 };
 
+/**
+ * 邮箱校验选项
+ */
 export interface IsEmailOptions {
+  /**
+   * 是否允许显示名称格式，如 `Display Name <email>`
+   * @default false
+   */
   allow_display_name?: boolean;
+  /**
+   * 是否要求必须包含显示名称格式
+   * @default false
+   */
   require_display_name?: boolean;
+  /**
+   * 是否允许本地部分使用 UTF8 字符
+   * @default true
+   */
   allow_utf8_local_part?: boolean;
+  /**
+   * 是否要求域名包含顶级域名
+   * @default true
+   */
   require_tld?: boolean;
-  allow_ip_dot?: boolean;
-  domain_specific_validation?: boolean;
-  host_blacklist?: string[];
+  /**
+   * 是否忽略邮箱最大长度限制
+   * @default false
+   */
   ignore_max_length?: boolean;
+  /**
+   * 是否允许 IP 地址作为域名部分
+   * @default false
+   */
+  allow_ip_domain?: boolean;
+  /**
+   * 是否启用特定域名的额外校验（如 GMail 规则）
+   * @default false
+   */
+  domain_specific_validation?: boolean;
+  /**
+   * 是否允许下划线
+   * @default false
+   */
+  allow_underscores?: boolean;
+  /**
+   * 域名黑名单
+   */
+  host_blacklist?: Array<string | RegExp>;
+  /**
+   * 域名白名单
+   */
+  host_whitelist?: Array<string | RegExp>;
+  /**
+   * 拒绝包含指定字符的邮箱名
+   */
+  blacklisted_chars?: string;
 }
 
+/**
+ * URL 校验选项
+ */
 export interface IsURLOptions {
+  /**
+   * 允许的协议
+   * @default ['http','https','ftp']
+   */
   protocols?: string[];
+  /**
+   * 是否要求顶级域名
+   * @default true
+   */
   require_tld?: boolean;
+  /**
+   * 是否要求协议
+   * @default false
+   */
   require_protocol?: boolean;
+  /**
+   * 是否要求主机名
+   * @default true
+   */
   require_host?: boolean;
+  /**
+   * 是否要求端口
+   * @default false
+   */
   require_port?: boolean;
+  /**
+   * 是否要求有效协议
+   * @default true
+   */
   require_valid_protocol?: boolean;
+  /**
+   * 是否允许下划线
+   * @default false
+   */
   allow_underscores?: boolean;
-  host_whitelist?: (string | RegExp)[];
-  host_blacklist?: (string | RegExp)[];
+  /**
+   * 主机名白名单
+   */
+  host_whitelist?: Array<string | RegExp>;
+  /**
+   * 主机名黑名单
+   */
+  host_blacklist?: Array<string | RegExp>;
+  /**
+   * 是否允许末尾的点
+   * @default false
+   */
   allow_trailing_dot?: boolean;
+  /**
+   * 是否允许协议相对 URL
+   * @default false
+   */
   allow_protocol_relative_urls?: boolean;
+  /**
+   * 是否禁止认证信息
+   * @default false
+   */
   disallow_auth?: boolean;
+  /**
+   * 是否允许片段（hash）
+   * @default true
+   */
+  allow_fragments?: boolean;
+  /**
+   * 是否允许查询参数
+   * @default true
+   */
+  allow_query_components?: boolean;
+  /**
+   * 是否校验长度
+   * @default true
+   */
   validate_length?: boolean;
+  /**
+   * 最大允许长度
+   * @default 2084
+   */
+  max_allowed_length?: number | false;
 }
+
+
 /**
  * 通用全局类型
  * */

package/dist/common/src/index.js

@@ -1,4 +1,3 @@
-export * from './superComponent';
 export * from './flatTool';
 export * from './instantiationDecorator';
 export * from './control';

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

@@ -327,10 +327,10 @@
 /* ./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%;
 }
@@ -413,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);

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;
 };