@tdesign/uniapp 0.7.3 → 0.8.0

package/dist/watermark/watermark.vue

@@ -1,7 +1,7 @@
 <template>
   <view
     :class="classPrefix + ' ' + tClass"
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
   >
     <block v-if="content">
       {{ content }}
@@ -16,7 +16,7 @@
     />
     <view
       :class="movable ? 'watermark-move' : ''"
-      :style="tools._style(watermarkStyle)"
+      :style="'' + tools._style(watermarkStyle)"
     />
   </view>
 </template>
@@ -32,162 +32,164 @@ import randomMovingStyle from './utils/randomMovingStyle';
 
 const name = `${prefix}-watermark`;
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [`${prefix}-class`],
-  props: {
-    ...watermarkProps,
-  },
-  data() {
-    return {
-      classPrefix: name,
-      tools,
-      watermarkStyle: {},
-      initialed: false,
-      canvasId: `watermark-canvas-${Math.random().toString(36)
-        .slice(2, 11)}`,
-    };
-  },
-  computed: {
-    canvasStyle() {
-      let result = 'width: 100px; height: 100px;';
-      let shouldHide = true;
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [`${prefix}-class`],
+    props: {
+      ...watermarkProps,
+    },
+    data() {
+      return {
+        classPrefix: name,
+        tools,
+        watermarkStyle: {},
+        initialed: false,
+        canvasId: `watermark-canvas-${Math.random().toString(36)
+          .slice(2, 11)}`,
+      };
+    },
+    computed: {
+      canvasStyle() {
+        let result = 'width: 100px; height: 100px;';
+        let shouldHide = true;
 
-      // #ifdef APP-PLUS || MP-ALIPAY
-      if (!this.initialed) {
-        shouldHide = false;
-      }
-      // #endif
+        // #ifdef APP-PLUS || MP-ALIPAY
+        if (!this.initialed) {
+          shouldHide = false;
+        }
+        // #endif
 
-      if (shouldHide) {
-        result += 'display: none;';
-      }
-      return result;
+        if (shouldHide) {
+          result += 'display: none;';
+        }
+        return result;
+      },
     },
-  },
-  watch: {
-    watermarkContent: 'renderWatermark',
-    movable: 'renderWatermark',
-    rotate: 'renderWatermark',
-    x: 'renderWatermark',
-    y: 'renderWatermark',
-    width: 'renderWatermark',
-    height: 'renderWatermark',
-    alpha: 'renderWatermark',
-    lineSpace: 'renderWatermark',
-    moveInterval: 'renderWatermark',
-    zIndex: 'renderWatermark',
-    offset: 'renderWatermark',
-    removable: 'renderWatermark',
-    isRepeat: 'renderWatermark',
-    layout: 'renderWatermark',
-  },
-  async mounted() {
-    await nextTick();
-    this.renderWatermark();
-  },
-  methods: {
-    watermarkColor() {
-      return appBaseInfo.theme === 'dark'
-        ? 'rgba(238, 238, 238, 0.1)'
-        : 'rgba(0, 0, 0, 0.1)';
+    watch: {
+      watermarkContent: 'renderWatermark',
+      movable: 'renderWatermark',
+      rotate: 'renderWatermark',
+      x: 'renderWatermark',
+      y: 'renderWatermark',
+      width: 'renderWatermark',
+      height: 'renderWatermark',
+      alpha: 'renderWatermark',
+      lineSpace: 'renderWatermark',
+      moveInterval: 'renderWatermark',
+      zIndex: 'renderWatermark',
+      offset: 'renderWatermark',
+      removable: 'renderWatermark',
+      isRepeat: 'renderWatermark',
+      layout: 'renderWatermark',
     },
-    renderWatermark() {
-      const query = uni.createSelectorQuery().in(this);
+    async mounted() {
+      await nextTick();
+      this.renderWatermark();
+    },
+    methods: {
+      watermarkColor() {
+        return appBaseInfo.theme === 'dark'
+          ? 'rgba(238, 238, 238, 0.1)'
+          : 'rgba(0, 0, 0, 0.1)';
+      },
+      renderWatermark() {
+        const query = uni.createSelectorQuery().in(this);
 
-      query
-        .select(`#${this.canvasId}`)
-        .fields({ node: true, size: true })
-        .exec(async (res) => {
-          if (!res[0]?.node) {
-            console.error('Canvas node not found');
-            return;
-          }
-          const canvas = res[0].node;
-          const gapX = this.movable ? 0 : this.x;
-          const gapY = this.movable ? 0 : this.y;
-          const offset = this.offset || [];
-          const offsetLeft = offset[0] || gapX / 2;
-          const offsetTop = offset[1] || gapY / 2;
+        query
+          .select(`#${this.canvasId}`)
+          .fields({ node: true, size: true })
+          .exec(async (res) => {
+            if (!res[0]?.node) {
+              console.error('Canvas node not found');
+              return;
+            }
+            const canvas = res[0].node;
+            const gapX = this.movable ? 0 : this.x;
+            const gapY = this.movable ? 0 : this.y;
+            const offset = this.offset || [];
+            const offsetLeft = offset[0] || gapX / 2;
+            const offsetTop = offset[1] || gapY / 2;
 
-          const bgImageOptions = {
-            width: this.width,
-            height: this.height,
-            rotate: this.movable ? 0 : this.rotate,
-            lineSpace: this.lineSpace,
-            alpha: this.alpha,
-            gapX,
-            gapY,
-            watermarkContent: this.watermarkContent,
-            offsetLeft,
-            offsetTop,
-            watermarkColor: this.watermarkColor(),
-            layout: this.layout,
-          };
-          generateBase64Url.call(
-            this,
-            canvas,
-            this.canvasId,
-            bgImageOptions,
-            (base64Url, backgroundSize) => {
-              let animationVars = {};
-              if (this.movable) {
-                const {
-                  left0,
-                  left25,
-                  left50,
-                  left75,
-                  top0,
-                  top25,
-                  top50,
-                  top75,
-                } = randomMovingStyle();
-                animationVars = {
-                  '--watermark-left-0': left0,
-                  '--watermark-left-25': left25,
-                  '--watermark-left-50': left50,
-                  '--watermark-left-75': left75,
-                  '--watermark-top-0': top0,
-                  '--watermark-top-25': top25,
-                  '--watermark-top-50': top50,
-                  '--watermark-top-75': top75,
-                  '--watermark-animation-duration': `${
-                    (this.moveInterval * 4) / 60
-                  }s`,
-                };
-              }
+            const bgImageOptions = {
+              width: this.width,
+              height: this.height,
+              rotate: this.movable ? 0 : this.rotate,
+              lineSpace: this.lineSpace,
+              alpha: this.alpha,
+              gapX,
+              gapY,
+              watermarkContent: this.watermarkContent,
+              offsetLeft,
+              offsetTop,
+              watermarkColor: this.watermarkColor(),
+              layout: this.layout,
+            };
+            generateBase64Url.call(
+              this,
+              canvas,
+              this.canvasId,
+              bgImageOptions,
+              (base64Url, backgroundSize) => {
+                let animationVars = {};
+                if (this.movable) {
+                  const {
+                    left0,
+                    left25,
+                    left50,
+                    left75,
+                    top0,
+                    top25,
+                    top50,
+                    top75,
+                  } = randomMovingStyle();
+                  animationVars = {
+                    '--watermark-left-0': left0,
+                    '--watermark-left-25': left25,
+                    '--watermark-left-50': left50,
+                    '--watermark-left-75': left75,
+                    '--watermark-top-0': top0,
+                    '--watermark-top-25': top25,
+                    '--watermark-top-50': top50,
+                    '--watermark-top-75': top75,
+                    '--watermark-animation-duration': `${
+                      (this.moveInterval * 4) / 60
+                    }s`,
+                  };
+                }
 
-              this.watermarkStyle = {
-                zIndex: this.zIndex,
-                position: 'absolute',
-                left: 0,
-                right: 0,
-                top: 0,
-                bottom: 0,
-                width: '100%',
-                height: '100%',
-                backgroundSize: `${
-                  backgroundSize?.width || gapX + this.width
-                }px`,
-                pointerEvents: 'none',
-                backgroundRepeat: this.movable ? 'no-repeat' : 'repeat',
-                backgroundImage: `url('${base64Url}')`,
-                ...animationVars,
-              };
-            },
-            () => {
-              this.initialed = true;
-            },
-          ).catch((e) => {
-            console.log('e', e);
+                this.watermarkStyle = {
+                  zIndex: this.zIndex,
+                  position: 'absolute',
+                  left: 0,
+                  right: 0,
+                  top: 0,
+                  bottom: 0,
+                  width: '100%',
+                  height: '100%',
+                  backgroundSize: `${
+                    backgroundSize?.width || gapX + this.width
+                  }px`,
+                  pointerEvents: 'none',
+                  backgroundRepeat: this.movable ? 'no-repeat' : 'repeat',
+                  backgroundImage: `url('${base64Url}')`,
+                  ...animationVars,
+                };
+              },
+              () => {
+                this.initialed = true;
+              },
+            ).catch((err) => {
+              console.error('render watermark failed', err);
+            });
           });
-        });
+      },
     },
-  },
-});
+  }),
+};
 </script>
 
 <style scoped src="./watermark.css"></style>

package/global.d.ts

@@ -17,6 +17,7 @@ declare module 'vue' {
     TCollapse: typeof import('@tdesign/uniapp/collapse/collapse.vue').default;
     TCollapsePanel: typeof import('@tdesign/uniapp/collapse-panel/collapse-panel.vue').default;
     TColorPicker: typeof import('@tdesign/uniapp/color-picker/color-picker.vue').default;
+    TConfigProvider: typeof import('@tdesign/uniapp/config-provider/config-provider.vue').default;
     TCountDown: typeof import('@tdesign/uniapp/count-down/count-down.vue').default;
     TDateTimePicker: typeof import('@tdesign/uniapp/date-time-picker/date-time-picker.vue').default;
     TDialog: typeof import('@tdesign/uniapp/dialog/dialog.vue').default;
@@ -46,6 +47,7 @@ declare module 'vue' {
     TOverlay: typeof import('@tdesign/uniapp/overlay/overlay.vue').default;
     TPicker: typeof import('@tdesign/uniapp/picker/picker.vue').default;
     TPickerItem: typeof import('@tdesign/uniapp/picker-item/picker-item.vue').default;
+    TPopover: typeof import('@tdesign/uniapp/popover/popover.vue').default;
     TPopup: typeof import('@tdesign/uniapp/popup/popup.vue').default;
     TProgress: typeof import('@tdesign/uniapp/progress/progress.vue').default;
     TPullDownRefresh: typeof import('@tdesign/uniapp/pull-down-refresh/pull-down-refresh.vue').default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tdesign/uniapp",
-  "version": "0.7.3",
+  "version": "0.8.0",
   "id": "tdesign-uniapp",
   "title": "tdesign-uniapp",
   "description": "TDesign Component for UniApp",
@@ -34,8 +34,14 @@
   "typings": "./dist/types/index.d.ts",
   "types": "./dist/types/index.d.ts",
   "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/index.js"
+    },
     "./*": "./dist/*",
-    "./global": "./global.d.ts",
+    "./global": {
+      "types": "./global.d.ts"
+    },
     "./action-sheet/action-sheet.vue": {
       "types": "./dist/types/action-sheet.d.ts",
       "import": "./dist/action-sheet/action-sheet.vue",
@@ -116,6 +122,11 @@
       "import": "./dist/collapse-panel/collapse-panel.vue",
       "default": "./dist/collapse-panel/collapse-panel.vue"
     },
+    "./config-provider/config-provider.vue": {
+      "types": "./dist/types/config-provider.d.ts",
+      "import": "./dist/config-provider/config-provider.vue",
+      "default": "./dist/config-provider/config-provider.vue"
+    },
     "./color-picker/color-picker.vue": {
       "types": "./dist/types/color-picker.d.ts",
       "import": "./dist/color-picker/color-picker.vue",
@@ -464,7 +475,7 @@
     "stylelint-config-standard": "^39.0.1",
     "stylelint-less": "^3.0.1",
     "stylelint-scss": "6.10.0",
-    "t-comm": "^2.0.26",
+    "t-comm": "^3.1.14",
     "tslib": "^2.8.1",
     "typescript": "~4.7.4",
     "vite": "^6.3.5",
@@ -510,6 +521,7 @@
     "init": "node ./example/script/watch/init.js && node ./example/script/pages/index.js",
     "watch": "node ./example/script/watch/watch.js",
     "release:prepare": "node ./example/script/release/prepare.js",
+    "gen:types": "node ./example/script/types/index.js",
     "commit": "git-cz"
   }
 }

package/dist/form/form-item-props.ts

@@ -1,56 +0,0 @@
-/* eslint-disable */
-
-/**
- * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * */
-
-import type { TdFormItemProps } from '../form/type';
-export default {
-  /** 是否显示右侧箭头 */
-  arrow: Boolean,
-  /** label 原生属性 */
-  for: {
-    type: String,
-    default: '',
-  },
-  /** 表单项说明内容 */
-  help: {
-    type: String,
-  },
-  /** 字段标签名称 */
-  label: {
-    type: String,
-    default: '' as TdFormItemProps['label'],
-  },
-  /** 表单字段标签对齐方式：左对齐、右对齐、顶部对齐。默认使用 Form 的对齐方式，优先级高于 Form.labelAlign */
-  labelAlign: {
-    type: String,
-    validator(val: TdFormItemProps['labelAlign']): boolean {
-      if (!val) return true;
-      return ['left', 'right', 'top'].includes(val);
-    },
-  },
-  /** 可以整体设置标签宽度，优先级高于 Form.labelWidth */
-  labelWidth: {
-    type: [String, Number],
-  },
-  /** 表单字段名称 */
-  name: {
-    type: String,
-    default: '',
-  },
-  /** 是否显示必填符号（*），优先级高于 Form.requiredMark */
-  requiredMark: {
-    type: Boolean,
-    default: undefined,
-  },
-  /** 表单字段校验规则 */
-  rules: {
-    type: Array,
-  },
-  /** 校验不通过时，是否显示错误提示信息，优先级高于 `Form.showErrorMessage` */
-  showErrorMessage: {
-    type: Boolean,
-    default: undefined,
-  },
-};