2025/2/8第一次更新

dist/dev/mp-weixin/node-modules/@tuniao/tnui-vue3-uniapp/components/image-upload/src/image-upload.js

@@ -0,0 +1,108 @@
+"use strict";
+const common_vendor = require("../../../../../../common/vendor.js");
+if (!Math) {
+  TnIcon();
+}
+const TnIcon = () => "../../icon/src/icon.js";
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "image-upload",
+  props: common_vendor.imageUploadProps,
+  emits: common_vendor.imageUploadEmits,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const ns = common_vendor.useNamespace("image-upload");
+    const nsItem = common_vendor.useNamespace("image-upload-item");
+    const {
+      fileList,
+      isExceedMaxCount,
+      chooseFile,
+      retryUploadFile,
+      retryAllUpload,
+      customUploadHandle,
+      removeFileEvent,
+      clearAllFile,
+      previewImage
+    } = common_vendor.useImageUpload(props);
+    __expose({
+      /**
+       * @description 手动选择文件
+       */
+      chooseFile,
+      /**
+       * @description 手动上传图片
+       */
+      upload: customUploadHandle,
+      /**
+       * @description 重新上传失败的文件
+       */
+      retry: retryAllUpload,
+      /**
+       * @description 清空所有文件
+       */
+      clear: clearAllFile
+    });
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: common_vendor.f(common_vendor.unref(fileList), (item, index, i0) => {
+          return common_vendor.e({
+            a: item.url,
+            b: common_vendor.n(common_vendor.unref(nsItem).is("finish", item.status === "done")),
+            c: common_vendor.o(($event) => common_vendor.unref(previewImage)(index), index)
+          }, _ctx.showRemove && !_ctx.disabled ? {
+            d: "0f651093-0-" + i0,
+            e: common_vendor.p({
+              name: "close-fill"
+            }),
+            f: common_vendor.n(common_vendor.unref(nsItem).em("remove", "icon")),
+            g: common_vendor.n(common_vendor.unref(nsItem).e("remove")),
+            h: common_vendor.o(($event) => common_vendor.unref(removeFileEvent)(index), index)
+          } : {}, {
+            i: item.status === "failed" && !_ctx.disabled
+          }, item.status === "failed" && !_ctx.disabled ? {
+            j: "0f651093-1-" + i0,
+            k: common_vendor.p({
+              name: "refresh-simple"
+            }),
+            l: common_vendor.n(common_vendor.unref(nsItem).e("retry")),
+            m: common_vendor.o(($event) => common_vendor.unref(retryUploadFile)(index), index)
+          } : {}, {
+            n: _ctx.showUploadProgress && item.progress > 0 && item.progress < 100 && !_ctx.disabled
+          }, _ctx.showUploadProgress && item.progress > 0 && item.progress < 100 && !_ctx.disabled ? {
+            o: common_vendor.n(common_vendor.unref(nsItem).em("progress", "wave")),
+            p: `${-300 - item.progress}%`,
+            q: common_vendor.n(common_vendor.unref(nsItem).em("progress", "wave")),
+            r: `${-300 - item.progress}%`,
+            s: common_vendor.n(common_vendor.unref(nsItem).e("progress")),
+            t: common_vendor.n(common_vendor.unref(nsItem).is("finish", item.progress === 100))
+          } : {}, {
+            v: "uploadImage-" + i0,
+            w: common_vendor.r("uploadImage", {
+              data: item
+            }, i0),
+            x: index
+          });
+        }),
+        b: common_vendor.n(common_vendor.unref(nsItem).e("image")),
+        c: _ctx.showRemove && !_ctx.disabled,
+        d: common_vendor.n(common_vendor.unref(nsItem).b()),
+        e: common_vendor.n(common_vendor.unref(nsItem).is("custom", !!_ctx.$slots.uploadImage)),
+        f: !common_vendor.unref(isExceedMaxCount) && !_ctx.disabled
+      }, !common_vendor.unref(isExceedMaxCount) && !_ctx.disabled ? {
+        g: common_vendor.p({
+          name: "add-fill"
+        }),
+        h: common_vendor.n(common_vendor.unref(nsItem).em("add-btn", "icon")),
+        i: common_vendor.n(common_vendor.unref(nsItem).e("add-btn")),
+        j: common_vendor.n(common_vendor.unref(nsItem).b()),
+        k: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(chooseFile) && common_vendor.unref(chooseFile)(...args)
+        )
+      } : {}, {
+        l: common_vendor.n(common_vendor.unref(ns).b())
+      });
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0f651093"]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/node-modules/@tuniao/tnui-vue3-uniapp/components/image-upload/src/image-upload.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "tn-icon": "../../icon/src/icon"
+  }
+}

dist/dev/mp-weixin/node-modules/@tuniao/tnui-vue3-uniapp/components/image-upload/src/image-upload.wxml

@@ -0,0 +1 @@
+<view class="{{['data-v-0f651093', l, virtualHostClass]}}" style="{{virtualHostStyle}}"><view wx:for="{{a}}" wx:for-item="item" wx:key="x" class="{{['data-v-0f651093', d, e]}}"><block wx:if="{{$slots.uploadImage}}"><slot name="{{item.v}}"></slot></block><block wx:else><view class="{{['tn-gray-light_bg', 'data-v-0f651093', b, item.b]}}" catchtap="{{item.c}}"><image class="image data-v-0f651093" src="{{item.a}}" mode="aspectFill"/></view><view wx:if="{{c}}" class="{{['data-v-0f651093', item.g]}}" catchtap="{{item.h}}"><view class="{{['data-v-0f651093', item.f]}}"><tn-icon wx:if="{{item.e}}" class="data-v-0f651093" virtualHostClass="data-v-0f651093" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"/></view></view><view wx:if="{{item.i}}" class="{{['data-v-0f651093', item.l]}}" catchtap="{{item.m}}"><tn-icon wx:if="{{item.k}}" class="data-v-0f651093" virtualHostClass="data-v-0f651093" u-i="{{item.j}}" bind:__l="__l" u-p="{{item.k}}"/></view><view wx:if="{{item.n}}" class="{{['data-v-0f651093', item.s, item.t]}}"><view class="{{['data-v-0f651093', item.o]}}" style="{{'top:' + item.p}}"/><view class="{{['data-v-0f651093', item.q]}}" style="{{'top:' + item.r}}"/></view></block></view><block wx:if="{{f}}"><block wx:if="{{$slots.uploadBtn}}"><slot name="uploadBtn"></slot></block><block wx:else><view class="{{['tn-gray-light_bg', 'tn-gray-disabled_text', 'data-v-0f651093', j]}}" catchtap="{{k}}"><view class="{{['data-v-0f651093', i]}}"><block wx:if="{{$slots.addBtn}}"><slot name="addBtn"></slot></block><block wx:else><view class="{{['data-v-0f651093', h]}}"><tn-icon wx:if="{{g}}" class="data-v-0f651093" virtualHostClass="data-v-0f651093" u-i="0f651093-2" bind:__l="__l" u-p="{{g}}"/></view></block></view></view></block></block></view>

dist/dev/mp-weixin/node-modules/@tuniao/tnui-vue3-uniapp/components/image-upload/src/image-upload.wxss

@@ -0,0 +1,173 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.tn-image-upload.data-v-0f651093 {
+  position: relative;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+/* item 对象 */
+.tn-image-upload-item.data-v-0f651093 {
+  flex-grow: 0;
+  position: relative;
+  width: calc(33.3333333333% - 20rpx);
+  height: 0;
+  padding-bottom: calc(33.3333333333% - 20rpx);
+  border-radius: 15rpx;
+  margin-right: 20rpx;
+  margin-bottom: 20rpx;
+  overflow: hidden;
+  /* 自定义显示图片数据 start */
+  /* 自定义显示图片数据 end */
+  /* 图片 start */
+  /* 图片 end */
+  /* 删除按钮 start */
+  /* 删除按钮 end */
+  /* 重试蒙层 start */
+  /* 重试蒙层 end */
+  /* 进度条 start */
+  /* 进度条 end */
+  /* 新增图片 按钮 start */
+  /* 新增图片 按钮 end */
+}
+.tn-image-upload-item.is-custom.data-v-0f651093 {
+  flex: auto;
+  width: 100%;
+  height: auto;
+  padding: 0rpx;
+  border-radius: 0rpx;
+  margin: 0;
+}
+.tn-image-upload-item__image.data-v-0f651093 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  will-change: transform;
+  z-index: 1;
+}
+.tn-image-upload-item__image .image.data-v-0f651093 {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+}
+.tn-image-upload-item__image.is-donw.data-v-0f651093 {
+  z-index: 4;
+}
+.tn-image-upload-item__remove.data-v-0f651093 {
+  position: absolute;
+  right: 0;
+  top: 0;
+  background-color: transparent;
+  color: #fff;
+  width: 0;
+  height: 0;
+  z-index: 6;
+  border-top: 70rpx solid var(--tn-color-danger);
+  border-left: 70rpx solid transparent;
+}
+.tn-image-upload-item__remove--icon.data-v-0f651093 {
+  position: absolute;
+  top: -76rpx;
+  right: 8rpx;
+  transform: translateY(50%);
+  line-height: 1;
+}
+.tn-image-upload-item__retry.data-v-0f651093 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.2);
+  color: #fff;
+  z-index: 5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 110rpx;
+  line-height: 1;
+}
+.tn-image-upload-item__progress.data-v-0f651093 {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  opacity: 1;
+  background-color: rgba(247, 248, 247, 0);
+  transition-property: opacity;
+  transition-duration: 0.8s;
+  transition-timing-function: linear;
+  transition-delay: 0.3s;
+}
+.tn-image-upload-item__progress--wave.data-v-0f651093 {
+  position: absolute;
+  width: 400%;
+  height: 400%;
+  top: -300%;
+  left: 50%;
+  z-index: 2;
+  background-color: rgba(170, 170, 170, 0.5);
+  border-radius: 45%;
+  transform: translateX(-50%) rotate(0);
+  animation: rotate-0f651093 4s linear infinite;
+}
+.tn-image-upload-item__progress--wave + .tn-image-upload-item__progress--wave.data-v-0f651093 {
+  z-index: 3;
+  background-color: rgba(170, 170, 170, 0.8);
+  border-radius: 47%;
+  animation: rotate-0f651093 9s linear -4s infinite;
+}
+.tn-image-upload-item__progress.is-finish.data-v-0f651093 {
+  opacity: 0;
+}
+.tn-image-upload-item__add-btn.data-v-0f651093 {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  border-radius: inherit;
+}
+.tn-image-upload-item__add-btn--icon.data-v-0f651093 {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 100rpx;
+}
+@keyframes rotate-0f651093 {
+50% {
+    transform: translateX(-50%) rotate(180deg);
+}
+100% {
+    transform: translateX(-50%) rotate(360deg);
+}
+}