@tdesign/uniapp 0.0.1-alpha.1 → 0.7.0

package/dist/input/props.ts

@@ -0,0 +1,247 @@
+/* eslint-disable */
+
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import type { TdInputProps } from './type';
+export default {
+  /** 键盘弹起时，是否自动上推页面 */
+  adjustPosition: {
+    type: Boolean,
+    default: true,
+  },
+  /** 文本内容位置，居左/居中/居右 */
+  align: {
+    type: String,
+    default: 'left' as TdInputProps['align'],
+    validator(val: TdInputProps['align']): boolean {
+      if (!val) return true;
+      return ['left', 'center', 'right'].includes(val);
+    },
+  },
+  /** 超出 `maxlength` 或 `maxcharacter` 之后是否允许继续输入 */
+  allowInputOverMax: Boolean,
+  /** 强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效) */
+  alwaysEmbed: Boolean,
+  /** (即将废弃，请直接使用 focus )自动聚焦，拉起键盘 */
+  autoFocus: Boolean,
+  /** 是否开启无边框模式 */
+  borderless: Boolean,
+  /** 清空图标触发方式，仅在输入框有值时有效 */
+  clearTrigger: {
+    type: String,
+    default: 'always' as TdInputProps['clearTrigger'],
+    validator(val: TdInputProps['clearTrigger']): boolean {
+      if (!val) return true;
+      return ['always', 'focus'].includes(val);
+    },
+  },
+  /** 是否可清空，默认不启动。值为 `true` 表示使用默认清空按钮，值为 `Object` 表示透传至 `icon` */
+  clearable: {
+    type: [Boolean, Object],
+    default: false as TdInputProps['clearable'],
+  },
+  /** 点击键盘右下角按钮时是否保持键盘不收起 */
+  confirmHold: Boolean,
+  /** 设置键盘右下角按钮的文字，仅在type='text'时生效。<br />具体释义：<br />`send` 右下角按钮为“发送”；<br />`search` 右下角按钮为“搜索”；<br />`next` 右下角按钮为“下一个”；<br />`go` 右下角按钮为“前往”；<br />`done` 右下角按钮为“完成”。<br />[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/input.html) */
+  confirmType: {
+    type: String,
+    default: 'done' as TdInputProps['confirmType'],
+    validator(val: TdInputProps['confirmType']): boolean {
+      if (!val) return true;
+      return ['send', 'search', 'next', 'go', 'done'].includes(val);
+    },
+  },
+  /** 指定 focus 时的光标位置 */
+  cursor: {
+    type: Number,
+    default: -1,
+  },
+  /** 光标颜色。iOS 下的格式为十六进制颜色值 #000000，安卓下的只支持 default 和 green，Skyline 下无限制 */
+  cursorColor: {
+    type: String,
+    default: '#0052d9',
+  },
+  /** 指定光标与键盘的距离，取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离 */
+  cursorSpacing: {
+    type: Number,
+    default: 0,
+  },
+  /** 是否禁用输入框 */
+  disabled: {
+    type: Boolean,
+    default: undefined,
+  },
+  /** 获取焦点 */
+  focus: Boolean,
+  /** 指定输入框展示值的格式 */
+  format: {
+    type: Function,
+  },
+  /** focus时，点击页面的时候不收起键盘 */
+  holdKeyboard: Boolean,
+  /** 左侧文本 */
+  label: {
+    type: String,
+  },
+  /** 标题输入框布局方式 */
+  layout: {
+    type: String,
+    default: 'horizontal' as TdInputProps['layout'],
+    validator(val: TdInputProps['layout']): boolean {
+      if (!val) return true;
+      return ['vertical', 'horizontal'].includes(val);
+    },
+  },
+  /** 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 */
+  maxcharacter: {
+    type: Number,
+  },
+  /** 用户最多可以输入的文本长度，一个中文等于一个计数长度。默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 */
+  maxlength: {
+    type: Number,
+    default: -1,
+  },
+  /** 占位符 */
+  placeholder: {
+    type: String,
+    default: undefined,
+  },
+  /** 指定 placeholder 的样式类 */
+  placeholderClass: {
+    type: String,
+    default: 'input-placeholder',
+  },
+  /** 指定 placeholder 的样式 */
+  placeholderStyle: {
+    type: String,
+    default: '',
+  },
+  /** 组件前置图标。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon` */
+  prefixIcon: {
+    type: [String, Object],
+  },
+  /** 只读状态 */
+  readonly: {
+    type: Boolean,
+    default: undefined,
+  },
+  /** 安全键盘加密公钥的路径，只支持包内路径 */
+  safePasswordCertPath: {
+    type: String,
+    default: '',
+  },
+  /** 安全键盘计算 hash 的算法表达式，如 `md5(sha1('foo' + sha256(sm3(password + 'bar'))))` */
+  safePasswordCustomHash: {
+    type: String,
+    default: '',
+  },
+  /** 安全键盘输入密码长度 */
+  safePasswordLength: {
+    type: Number,
+  },
+  /** 安全键盘加密盐值 */
+  safePasswordNonce: {
+    type: String,
+    default: '',
+  },
+  /** 安全键盘计算 hash 盐值，若指定custom-hash 则无效 */
+  safePasswordSalt: {
+    type: String,
+    default: '',
+  },
+  /** 安全键盘加密时间戳 */
+  safePasswordTimeStamp: {
+    type: Number,
+  },
+  /** 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 */
+  selectionEnd: {
+    type: Number,
+    default: -1,
+  },
+  /** 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 */
+  selectionStart: {
+    type: Number,
+    default: -1,
+  },
+  /** 输入框状态 */
+  status: {
+    type: String,
+    default: 'default' as TdInputProps['status'],
+    validator(val: TdInputProps['status']): boolean {
+      if (!val) return true;
+      return ['default', 'success', 'warning', 'error'].includes(val);
+    },
+  },
+  /** 后置图标前的后置内容 */
+  suffix: {
+    type: String,
+  },
+  /** 后置文本内容。值为字符串则表示图标名称，值为 `Object` 类型，表示透传至 `icon` */
+  suffixIcon: {
+    type: [String, Object],
+  },
+  /** 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式 */
+  tips: {
+    type: String,
+  },
+  /** 输入框类型 */
+  type: {
+    type: String,
+    default: 'text' as TdInputProps['type'],
+    validator(val: TdInputProps['type']): boolean {
+      if (!val) return true;
+      return ['text', 'number', 'idcard', 'digit', 'safe-password', 'password', 'nickname'].includes(val);
+    },
+  },
+  /** 输入框的值 */
+  value: {
+    type: [String, Number],
+  },
+  /** 失去焦点时触发 */
+  onBlur: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 输入框值发生变化时触发；cursor 为光标位置； */
+  onChange: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 清空按钮点击时触发 */
+  onClear: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 点击事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/input/type.ts)。 */
+  onClick: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 回车键按下时触发 */
+  onEnter: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 获得焦点时触发 */
+  onFocus: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 键盘高度发生变化的时候触发此事件 */
+  onKeyboardheightchange: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 用户昵称审核完毕后触发，仅在 type 为 "nickname" 时有效 */
+  onNicknamereview: {
+    type: Function,
+    default: () => ({}),
+  },
+  /** 字数超出限制时触发 */
+  onValidate: {
+    type: Function,
+    default: () => ({}),
+  },
+};

package/dist/input/type.ts

@@ -0,0 +1,237 @@
+/* eslint-disable */
+
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+export interface TdInputProps {
+  /**
+   * 键盘弹起时，是否自动上推页面
+   * @default true
+   */
+  adjustPosition?: boolean;
+  /**
+   * 文本内容位置，居左/居中/居右
+   * @default left
+   */
+  align?: 'left' | 'center' | 'right';
+  /**
+   * 超出 `maxlength` 或 `maxcharacter` 之后是否允许继续输入
+   * @default false
+   */
+  allowInputOverMax?: boolean;
+  /**
+   * 强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效)
+   * @default false
+   */
+  alwaysEmbed?: boolean;
+  /**
+   * (即将废弃，请直接使用 focus )自动聚焦，拉起键盘
+   * @default false
+   */
+  autoFocus?: boolean;
+  /**
+   * 是否开启无边框模式
+   * @default false
+   */
+  borderless?: boolean;
+  /**
+   * 清空图标触发方式，仅在输入框有值时有效
+   * @default always
+   */
+  clearTrigger?: 'always' | 'focus';
+  /**
+   * 是否可清空，默认不启动。值为 `true` 表示使用默认清空按钮，值为 `Object` 表示透传至 `icon`
+   * @default false
+   */
+  clearable?: boolean | object;
+  /**
+   * 点击键盘右下角按钮时是否保持键盘不收起
+   * @default false
+   */
+  confirmHold?: boolean;
+  /**
+   * 设置键盘右下角按钮的文字，仅在type='text'时生效。<br />具体释义：<br />`send` 右下角按钮为“发送”；<br />`search` 右下角按钮为“搜索”；<br />`next` 右下角按钮为“下一个”；<br />`go` 右下角按钮为“前往”；<br />`done` 右下角按钮为“完成”。<br />[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/input.html)
+   * @default done
+   */
+  confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
+  /**
+   * 指定 focus 时的光标位置
+   * @default -1
+   */
+  cursor?: number;
+  /**
+   * 光标颜色。iOS 下的格式为十六进制颜色值 #000000，安卓下的只支持 default 和 green，Skyline 下无限制
+   * @default #0052d9
+   */
+  cursorColor?: string;
+  /**
+   * 指定光标与键盘的距离，取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
+   * @default 0
+   */
+  cursorSpacing?: number;
+  /**
+   * 是否禁用输入框
+   */
+  disabled?: boolean;
+  /**
+   * 获取焦点
+   * @default false
+   */
+  focus?: boolean;
+  /**
+   * 指定输入框展示值的格式
+   */
+  format?: InputFormatType;
+  /**
+   * focus时，点击页面的时候不收起键盘
+   * @default false
+   */
+  holdKeyboard?: boolean;
+  /**
+   * 左侧文本
+   */
+  label?: string;
+  /**
+   * 标题输入框布局方式
+   * @default horizontal
+   */
+  layout?: 'vertical' | 'horizontal';
+  /**
+   * 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用
+   */
+  maxcharacter?: number;
+  /**
+   * 用户最多可以输入的文本长度，一个中文等于一个计数长度。默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用
+   * @default -1
+   */
+  maxlength?: number;
+  /**
+   * 占位符
+   */
+  placeholder?: string;
+  /**
+   * 指定 placeholder 的样式类
+   * @default input-placeholder
+   */
+  placeholderClass?: string;
+  /**
+   * 指定 placeholder 的样式
+   * @default ''
+   */
+  placeholderStyle?: string;
+  /**
+   * 组件前置图标。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`
+   */
+  prefixIcon?: string | object;
+  /**
+   * 只读状态
+   */
+  readonly?: boolean;
+  /**
+   * 安全键盘加密公钥的路径，只支持包内路径
+   * @default ''
+   */
+  safePasswordCertPath?: string;
+  /**
+   * 安全键盘计算 hash 的算法表达式，如 `md5(sha1('foo' + sha256(sm3(password + 'bar'))))`
+   * @default ''
+   */
+  safePasswordCustomHash?: string;
+  /**
+   * 安全键盘输入密码长度
+   */
+  safePasswordLength?: number;
+  /**
+   * 安全键盘加密盐值
+   * @default ''
+   */
+  safePasswordNonce?: string;
+  /**
+   * 安全键盘计算 hash 盐值，若指定custom-hash 则无效
+   * @default ''
+   */
+  safePasswordSalt?: string;
+  /**
+   * 安全键盘加密时间戳
+   */
+  safePasswordTimeStamp?: number;
+  /**
+   * 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用
+   * @default -1
+   */
+  selectionEnd?: number;
+  /**
+   * 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用
+   * @default -1
+   */
+  selectionStart?: number;
+  /**
+   * 输入框状态
+   * @default default
+   */
+  status?: 'default' | 'success' | 'warning' | 'error';
+  /**
+   * 后置图标前的后置内容
+   */
+  suffix?: string;
+  /**
+   * 后置文本内容。值为字符串则表示图标名称，值为 `Object` 类型，表示透传至 `icon`
+   */
+  suffixIcon?: string | object;
+  /**
+   * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+   */
+  tips?: string;
+  /**
+   * 输入框类型
+   * @default text
+   */
+  type?: 'text' | 'number' | 'idcard' | 'digit' | 'safe-password' | 'password' | 'nickname';
+  /**
+   * 输入框的值
+   */
+  value?: InputValue;
+  /**
+   * 失去焦点时触发
+   */
+  onBlur?: (context: { value: InputValue }) => void;
+  /**
+   * 输入框值发生变化时触发；cursor 为光标位置；
+   */
+  onChange?: (context: { value: InputValue; cursor: number; keyCode: number }) => void;
+  /**
+   * 清空按钮点击时触发
+   */
+  onClear?: () => void;
+  /**
+   * 点击事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/input/type.ts)。
+   */
+  onClick?: (context: { trigger: InputTrigger }) => void;
+  /**
+   * 回车键按下时触发
+   */
+  onEnter?: (context: { value: InputValue }) => void;
+  /**
+   * 获得焦点时触发
+   */
+  onFocus?: (context: { value: InputValue }) => void;
+  /**
+   * 键盘高度发生变化的时候触发此事件
+   */
+  onKeyboardheightchange?: (context: { height: number; duration: number }) => void;
+  /**
+   * 用户昵称审核完毕后触发，仅在 type 为 "nickname" 时有效
+   */
+  onNicknamereview?: (context: { pass: boolean; timeout: boolean }) => void;
+  /**
+   * 字数超出限制时触发
+   */
+  onValidate?: (context: { error?: 'exceed-maximum' | 'below-minimum' }) => void;
+}
+
+export type InputFormatType = (value: InputValue) => string;
+
+export type InputValue = string | number;
+
+export type InputTrigger = 'suffix' | 'suffix-icon';

package/dist/input/utils.js

@@ -0,0 +1,38 @@
+import { getCharacterLength, coalesce } from '../common/utils';
+
+
+export function getInnerMaxLen({
+  allowInputOverMax,
+  maxcharacter,
+  maxlength,
+  dataValue,
+  rawValue,
+  count,
+}) {
+  if (allowInputOverMax) {
+    return -1;
+  }
+  if (!maxcharacter || maxcharacter < 0) {
+    return maxlength;
+  }
+  if (!dataValue) {
+    return maxcharacter;
+  }
+
+
+  const { length: realCount } = getCharacterLength('maxcharacter', rawValue, Infinity);
+
+  if (realCount >= maxcharacter) {
+    return dataValue.length;
+  }
+
+  const { length: computedCount } = getCharacterLength(
+    'maxcharacter',
+    rawValue,
+    allowInputOverMax ? Infinity : maxcharacter,
+  );
+
+  const extra = (coalesce(count, computedCount)) - dataValue.length;
+
+  return maxcharacter - extra;
+}

package/dist/link/README.en-US.md

@@ -0,0 +1,67 @@
+:: BASE_DOC ::
+
+## API
+
+### Link Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+custom-style | Object | - | CSS(Cascading Style Sheets) | N
+content | String | - | \- | N
+disabled | Boolean | false | make link to be disabled | N
+hover | Boolean | - | \- | N
+navigator-props | Object | {} | \- | N
+prefix-icon | String / Object | - | \- | N
+size | String | medium | options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/common/common.ts) | N
+status | String | normal | `deprecated`。options: normal/active/disabled | N
+suffix-icon | String / Object | - | \- | N
+theme | String | default | options: default/primary/danger/warning/success | N
+underline | Boolean | - | \- | N
+
+### Link Events
+
+name | params | description
+-- | -- | --
+complete | \- | \-
+fail | \- | \-
+success | \- | \-
+
+### Link Slots
+
+name | Description
+-- | --
+\- | \-
+content | \-
+prefix-icon | \-
+suffix-icon | \-
+
+### Link External Classes
+
+className | Description
+-- | --
+t-class | class name of root node
+t-class-content | \-
+t-class-hover | \-
+t-class-prefix-icon | \-
+t-class-suffix-icon | \-
+
+### CSS Variables
+
+The component provides the following CSS variables, which can be used to customize styles.
+Name | Default Value | Description 
+-- | -- | --
+--td-link-danger-active-color | @error-color-active | -
+--td-link-danger-color | @error-color | -
+--td-link-danger-disabled-color | @error-color-disabled | -
+--td-link-default-active-color | @brand-color-active | -
+--td-link-default-color | @text-color-primary | -
+--td-link-default-disabled-color | @text-color-disabled | -
+--td-link-primary-active-color | @brand-color-active | -
+--td-link-primary-color | @brand-color | -
+--td-link-primary-disabled-color | @brand-color-disabled | -
+--td-link-success-active-color | @success-color-active | -
+--td-link-success-color | @success-color | -
+--td-link-success-disabled-color | @success-color-disabled | -
+--td-link-warning-active-color | @warning-color-active | -
+--td-link-warning-color | @warning-color | -
+--td-link-warning-disabled-color | @warning-color-disabled | -

package/dist/link/README.md

@@ -0,0 +1,115 @@
+---
+title: Link 链接
+description: 文字超链接用于跳转一个新页面，如当前项目跳转，友情链接等。
+spline: navigation
+isComponent: true
+---
+
+
+## 引入
+
+可在 `main.ts` 或在需要使用的页面或组件中引入。
+
+```js
+import TLink from '@tdesign/uniapp/link/link.vue';
+```
+
+### 组件类型
+
+基础文字链接
+
+{{ content }}
+
+下划线文字链接
+
+{{ underline }}
+
+前置图标文字链接
+
+{{ prefix }}
+
+后置图标文字链接
+
+{{ suffix }}
+
+### 组件状态
+
+不同主题
+
+{{ theme }}
+
+禁用状态
+
+{{ disabled }}
+
+### 组件样式
+
+链接尺寸
+
+{{ size }}
+
+## API
+
+### Link Props
+
+名称 | 类型 | 默认值 | 描述 | 必传
+-- | -- | -- | -- | --
+custom-style | Object | - | 自定义样式 | N
+content | String | - | 链接内容 | N
+disabled | Boolean | false | 是否为禁用态 | N
+hover | Boolean | - | 是否开启点击反馈 | N
+navigator-props | Object | {} | 与 navigator 原生组件属性保持一致，具体使用参考：[微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html)。使用时请将形如 `open-type` 风格的属性名改为 `openType` 风格 | N
+prefix-icon | String / Object | - | 前置图标 | N
+size | String | medium | 尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/common/common.ts) | N
+status | String | normal | 已废弃。组件状态。可选项：normal/active/disabled | N
+suffix-icon | String / Object | - | 后置图标 | N
+theme | String | default | 组件风格，依次为默认色、品牌色、危险色、警告色、成功色。可选项：default/primary/danger/warning/success | N
+underline | Boolean | - | 是否显示链接下划线 | N
+
+### Link Events
+
+名称 | 参数 | 描述
+-- | -- | --
+complete | \- | 页面链接执行完成后触发（失败或成功均会触发）
+fail | \- | 页面链接跳转失败后触发
+success | \- | 页面链接跳转成功后触发
+
+### Link Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，作用同 `content` 插槽
+content | 自定义 `content` 显示内容
+prefix-icon | 自定义 `prefix-icon` 显示内容
+suffix-icon | 自定义 `suffix-icon` 显示内容
+
+### Link External Classes
+
+类名 | 描述
+-- | --
+t-class | 根节点样式类
+t-class-content | 内容样式类
+t-class-hover | 悬停样式类
+t-class-prefix-icon | 前置图标样式类
+t-class-suffix-icon | 后置图标样式类
+
+### CSS Variables
+
+组件提供了下列 CSS 变量，可用于自定义样式。
+名称 | 默认值 | 描述 
+-- | -- | --
+--td-link-danger-active-color | @error-color-active | -
+--td-link-danger-color | @error-color | -
+--td-link-danger-disabled-color | @error-color-disabled | -
+--td-link-default-active-color | @brand-color-active | -
+--td-link-default-color | @text-color-primary | -
+--td-link-default-disabled-color | @text-color-disabled | -
+--td-link-primary-active-color | @brand-color-active | -
+--td-link-primary-color | @brand-color | -
+--td-link-primary-disabled-color | @brand-color-disabled | -
+--td-link-success-active-color | @success-color-active | -
+--td-link-success-color | @success-color | -
+--td-link-success-disabled-color | @success-color-disabled | -
+--td-link-warning-active-color | @warning-color-active | -
+--td-link-warning-color | @warning-color | -
+--td-link-warning-disabled-color | @warning-color-disabled | -