2025/2/8第一次更新

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

@@ -0,0 +1,177 @@
+"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: "input",
+  props: common_vendor.inputProps,
+  emits: common_vendor.inputEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      inputText,
+      needStatusIcon,
+      validateState,
+      validateIcon,
+      passwordVisible,
+      passwordIcon,
+      showIcon,
+      disabled,
+      showWordLimit,
+      currentWordCount,
+      togglePasswordVisible,
+      inputInputEvent,
+      inputFocusEvent,
+      inputBlurEvent,
+      clearClickEvent,
+      confirmEvent,
+      inputClickEvent
+    } = common_vendor.useInput(props, emits);
+    const {
+      ns,
+      inputClass,
+      inputStyle,
+      placeholderStyle,
+      wordLimitClass,
+      wordLimitStyle
+    } = common_vendor.useInputCustomStyle(props, validateState, disabled);
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: _ctx.$slots.prefix
+      }, _ctx.$slots.prefix ? {
+        b: common_vendor.n(common_vendor.unref(ns).em("slot", "left"))
+      } : {}, {
+        c: _ctx.type === "textarea"
+      }, _ctx.type === "textarea" ? {
+        d: common_vendor.n(common_vendor.unref(ns).e("base")),
+        e: common_vendor.n(common_vendor.unref(ns).e("textarea")),
+        f: common_vendor.n(common_vendor.unref(ns).is("custom-height", !!_ctx.height)),
+        g: common_vendor.unref(inputText),
+        h: _ctx.placeholder,
+        i: common_vendor.unref(placeholderStyle),
+        j: common_vendor.unref(disabled),
+        k: _ctx.maxlength,
+        l: _ctx.focus,
+        m: _ctx.confirmType,
+        n: !_ctx.height && _ctx.autoHeight,
+        o: _ctx.selectionStart,
+        p: _ctx.selectionEnd,
+        q: _ctx.cursorSpacing,
+        r: _ctx.showConfirmBar,
+        s: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputInputEvent) && common_vendor.unref(inputInputEvent)(...args)
+        ),
+        t: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputFocusEvent) && common_vendor.unref(inputFocusEvent)(...args)
+        ),
+        v: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputBlurEvent) && common_vendor.unref(inputBlurEvent)(...args)
+        ),
+        w: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(confirmEvent) && common_vendor.unref(confirmEvent)(...args)
+        )
+      } : {
+        x: common_vendor.n(common_vendor.unref(ns).e("base")),
+        y: common_vendor.n(common_vendor.unref(ns).e("input")),
+        z: common_vendor.n(common_vendor.unref(ns).em("input", _ctx.type)),
+        A: _ctx.type === "password" || _ctx.type === "select" ? "text" : _ctx.type,
+        B: common_vendor.unref(inputText),
+        C: _ctx.placeholder,
+        D: _ctx.type === "password" && !common_vendor.unref(passwordVisible),
+        E: common_vendor.unref(placeholderStyle),
+        F: common_vendor.unref(disabled) || _ctx.type === "select",
+        G: _ctx.maxlength,
+        H: _ctx.focus,
+        I: _ctx.confirmType,
+        J: _ctx.selectionStart,
+        K: _ctx.selectionEnd,
+        L: _ctx.cursorSpacing,
+        M: _ctx.showConfirmBar,
+        N: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputInputEvent) && common_vendor.unref(inputInputEvent)(...args)
+        ),
+        O: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputFocusEvent) && common_vendor.unref(inputFocusEvent)(...args)
+        ),
+        P: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputBlurEvent) && common_vendor.unref(inputBlurEvent)(...args)
+        ),
+        Q: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(confirmEvent) && common_vendor.unref(confirmEvent)(...args)
+        )
+      }, {
+        R: common_vendor.unref(showIcon)
+      }, common_vendor.unref(showIcon) ? common_vendor.e({
+        S: _ctx.rightIcon
+      }, _ctx.rightIcon ? {
+        T: common_vendor.p({
+          name: _ctx.rightIcon
+        }),
+        U: common_vendor.n(common_vendor.unref(ns).em("icon", "custom"))
+      } : {}, {
+        V: _ctx.type === "password" && _ctx.showPassword
+      }, _ctx.type === "password" && _ctx.showPassword ? {
+        W: common_vendor.p({
+          name: common_vendor.unref(passwordIcon)
+        }),
+        X: common_vendor.n(common_vendor.unref(ns).em("icon", "password")),
+        Y: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(togglePasswordVisible) && common_vendor.unref(togglePasswordVisible)(...args)
+        )
+      } : _ctx.clearable && common_vendor.unref(inputText) ? {
+        aa: common_vendor.p({
+          name: "close"
+        }),
+        ab: common_vendor.n(common_vendor.unref(ns).em("icon", "clear")),
+        ac: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(clearClickEvent) && common_vendor.unref(clearClickEvent)(...args)
+        )
+      } : {}, {
+        Z: _ctx.clearable && common_vendor.unref(inputText),
+        ad: common_vendor.unref(validateState) && common_vendor.unref(validateIcon) && common_vendor.unref(needStatusIcon)
+      }, common_vendor.unref(validateState) && common_vendor.unref(validateIcon) && common_vendor.unref(needStatusIcon) ? {
+        ae: common_vendor.p({
+          name: common_vendor.unref(validateIcon)
+        }),
+        af: common_vendor.n(common_vendor.unref(ns).em("icon", `validate-${common_vendor.unref(validateState)}`))
+      } : {}, {
+        ag: common_vendor.n(common_vendor.unref(ns).e("icon"))
+      }) : {}, {
+        ah: _ctx.$slots.suffix
+      }, _ctx.$slots.suffix ? {
+        ai: common_vendor.n(common_vendor.unref(ns).em("slot", "right"))
+      } : {}, {
+        aj: common_vendor.unref(showWordLimit)
+      }, common_vendor.unref(showWordLimit) ? {
+        ak: common_vendor.t(common_vendor.unref(currentWordCount)),
+        al: common_vendor.t(_ctx.maxlength),
+        am: common_vendor.n(common_vendor.unref(wordLimitClass)),
+        an: common_vendor.s(common_vendor.unref(wordLimitStyle))
+      } : {}, {
+        ao: common_vendor.n(common_vendor.unref(inputClass)),
+        ap: common_vendor.n(`${_ctx.type === "textarea" ? common_vendor.unref(ns).m("textarea") : common_vendor.unref(ns).m("input")}`),
+        aq: common_vendor.n(common_vendor.unref(ns).is("show-word-limit", common_vendor.unref(showWordLimit))),
+        ar: common_vendor.s(common_vendor.unref(inputStyle)),
+        as: common_vendor.o(
+          //@ts-ignore
+          (...args) => common_vendor.unref(inputClickEvent) && common_vendor.unref(inputClickEvent)(...args)
+        )
+      });
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-79787cc6"]]);
+wx.createComponent(Component);

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

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

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

@@ -0,0 +1 @@
+<view class="{{['data-v-79787cc6', ao, ap, aq, virtualHostClass]}}" style="{{ar + ';' + virtualHostStyle}}" bindtap="{{as}}"><view wx:if="{{a}}" class="{{['data-v-79787cc6', b]}}"><slot name="prefix"/></view><textarea wx:if="{{c}}" class="{{['data-v-79787cc6', d, e, f]}}" value="{{g}}" placeholder="{{h}}" placeholder-style="{{i}}" disabled="{{j}}" maxlength="{{k}}" focus="{{l}}" confirm-type="{{m}}" auto-height="{{n}}" selection-start="{{o}}" selection-end="{{p}}" cursor-spacing="{{q}}" show-confirm-bar="{{r}}" bindinput="{{s}}" bindfocus="{{t}}" bindblur="{{v}}" bindconfirm="{{w}}"/><block wx:else><input wx:if="{{r0}}" class="{{['data-v-79787cc6', x, y, z]}}" type="{{A}}" value="{{B}}" placeholder="{{C}}" password="{{D}}" placeholder-style="{{E}}" disabled="{{F}}" maxlength="{{G}}" focus="{{H}}" confirm-type="{{I}}" selection-start="{{J}}" selection-end="{{K}}" cursor-spacing="{{L}}" show-confirm-bar="{{M}}" bindinput="{{N}}" bindfocus="{{O}}" bindblur="{{P}}" bindconfirm="{{Q}}"/></block><view wx:if="{{R}}" class="{{['data-v-79787cc6', ag]}}"><view wx:if="{{S}}" class="{{['data-v-79787cc6', U]}}"><tn-icon wx:if="{{T}}" class="data-v-79787cc6" virtualHostClass="data-v-79787cc6" u-i="79787cc6-0" bind:__l="__l" u-p="{{T}}"/></view><view wx:if="{{V}}" class="{{['data-v-79787cc6', X]}}" catchtap="{{Y}}"><tn-icon wx:if="{{W}}" class="data-v-79787cc6" virtualHostClass="data-v-79787cc6" u-i="79787cc6-1" bind:__l="__l" u-p="{{W}}"/></view><view wx:elif="{{Z}}" class="{{['data-v-79787cc6', ab]}}" catchtap="{{ac}}"><tn-icon wx:if="{{aa}}" class="data-v-79787cc6" virtualHostClass="data-v-79787cc6" u-i="79787cc6-2" bind:__l="__l" u-p="{{aa}}"/></view><view wx:if="{{ad}}" class="{{['data-v-79787cc6', af]}}"><tn-icon wx:if="{{ae}}" class="data-v-79787cc6" virtualHostClass="data-v-79787cc6" u-i="79787cc6-3" bind:__l="__l" u-p="{{ae}}"/></view></view><view wx:if="{{ah}}" class="{{['data-v-79787cc6', ai]}}"><slot name="suffix"/></view><view wx:if="{{aj}}" class="{{['data-v-79787cc6', am]}}" style="{{an}}">{{ak}} / {{al}}</view></view>

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

@@ -0,0 +1,129 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.tn-input.data-v-79787cc6 {
+  display: inline-flex;
+  position: relative;
+  width: 100%;
+  padding: 16rpx;
+  font-size: 28rpx;
+  border-radius: 15rpx;
+  overflow: auto;
+  /* 下划线边框去掉圆角 */
+  /* 输入框类型 start */
+  /* 输入框类型 end */
+  /* 文字对齐方式 start */
+  /* 文字对齐方式 end */
+  /* 右边图标 start */
+  /* 右边图标 end */
+  /* 尺寸 start */
+  /* 尺寸 end */
+  /* 禁止输入 start */
+  /* 禁止输入 end */
+  /* 插槽 start */
+  /* 插槽 end */
+  /* 字数统计 start */
+  /* 字数统计 end */
+}
+.tn-input--underline.data-v-79787cc6 {
+  border-radius: 0;
+}
+.tn-input--input.data-v-79787cc6 {
+  align-items: center;
+}
+.tn-input--text-left .tn-input__base.data-v-79787cc6 {
+  text-align: left;
+}
+.tn-input--text-right .tn-input__base.data-v-79787cc6 {
+  text-align: right;
+}
+.tn-input--text-center .tn-input__base.data-v-79787cc6 {
+  text-align: center;
+}
+.tn-input__base.data-v-79787cc6 {
+  flex-grow: 1;
+  position: relative;
+  width: 100%;
+  background-color: transparent;
+  color: inherit;
+  font-size: inherit;
+}
+.tn-input__textarea.is-custom-height.data-v-79787cc6 {
+  height: 100%;
+}
+.tn-input__input--select.data-v-79787cc6 {
+  z-index: 1;
+}
+.tn-input__input--select.data-v-79787cc6 .uni-input-input {
+  z-index: -1;
+}
+.tn-input__icon.data-v-79787cc6 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: 100%;
+  padding-left: 10rpx;
+  line-height: 1;
+  color: var(--tn-color-gray);
+}
+.tn-input__icon [class*=validate].data-v-79787cc6 {
+  margin-left: 6rpx;
+}
+.tn-input__icon--validate-error.data-v-79787cc6 {
+  color: var(--tn-color-red);
+}
+.tn-input__icon--validate-success.data-v-79787cc6 {
+  color: var(--tn-color-green);
+}
+.tn-input--sm.data-v-79787cc6 {
+  padding: 10rpx;
+  font-size: 24rpx;
+}
+.tn-input--lg.data-v-79787cc6 {
+  padding: 20rpx;
+  font-size: 32rpx;
+}
+.tn-input--disabled.data-v-79787cc6 {
+  background-color: var(--tn-color-gray-light);
+}
+.tn-input__slot--left.data-v-79787cc6 {
+  margin-right: 8rpx;
+}
+.tn-input__slot--right.data-v-79787cc6 {
+  margin-left: 8rpx;
+}
+.tn-input.is-show-word-limit.data-v-79787cc6 {
+  padding-bottom: 40rpx;
+}
+.tn-input__word-limit.data-v-79787cc6 {
+  position: absolute;
+  right: 20rpx;
+  bottom: 10rpx;
+  font-size: 24rpx;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+}