first commit

2026-03-31 16:44:41 +08:00
parent dd513eda30
commit 7bde226505
219 changed files with 33046 additions and 9 deletions
@@ -0,0 +1,17 @@
+"use strict";
+var uni_modules_wotDesignUni_components_common_props = require("../common/props.js");
+const TABBAR_KEY = Symbol("wd-tabbar");
+const tabbarProps = {
+  ...uni_modules_wotDesignUni_components_common_props.baseProps,
+  modelValue: uni_modules_wotDesignUni_components_common_props.makeNumericProp(0),
+  fixed: uni_modules_wotDesignUni_components_common_props.makeBooleanProp(false),
+  bordered: uni_modules_wotDesignUni_components_common_props.makeBooleanProp(true),
+  safeAreaInsetBottom: uni_modules_wotDesignUni_components_common_props.makeBooleanProp(false),
+  shape: uni_modules_wotDesignUni_components_common_props.makeStringProp("default"),
+  activeColor: String,
+  inactiveColor: String,
+  placeholder: uni_modules_wotDesignUni_components_common_props.makeBooleanProp(false),
+  zIndex: uni_modules_wotDesignUni_components_common_props.makeNumberProp(99)
+};
+exports.TABBAR_KEY = TABBAR_KEY;
+exports.tabbarProps = tabbarProps;
@@ -0,0 +1,76 @@
+"use strict";
+var common_vendor = require("../../../../common/vendor.js");
+var uni_modules_wotDesignUni_components_common_util = require("../common/util.js");
+var uni_modules_wotDesignUni_components_composables_useChildren = require("../composables/useChildren.js");
+var uni_modules_wotDesignUni_components_wdTabbar_types = require("./types.js");
+require("../common/AbortablePromise.js");
+require("../common/props.js");
+const __default__ = {
+  name: "wd-tabbar",
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: "shared"
+  }
+};
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  ...__default__,
+  props: uni_modules_wotDesignUni_components_wdTabbar_types.tabbarProps,
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const height = common_vendor.ref("");
+    const { proxy } = common_vendor.getCurrentInstance();
+    const { linkChildren } = uni_modules_wotDesignUni_components_composables_useChildren.useChildren(uni_modules_wotDesignUni_components_wdTabbar_types.TABBAR_KEY);
+    linkChildren({
+      props,
+      setChange
+    });
+    const rootStyle = common_vendor.computed$1(() => {
+      const style = {};
+      if (uni_modules_wotDesignUni_components_common_util.isDef(props.zIndex)) {
+        style["z-index"] = props.zIndex;
+      }
+      return `${uni_modules_wotDesignUni_components_common_util.objToStyle(style)}${props.customStyle}`;
+    });
+    common_vendor.watch(
+      [() => props.fixed, () => props.placeholder],
+      () => {
+        setPlaceholderHeight();
+      },
+      { deep: true, immediate: false }
+    );
+    common_vendor.onMounted(() => {
+      if (props.fixed && props.placeholder) {
+        common_vendor.nextTick(() => {
+          setPlaceholderHeight();
+        });
+      }
+    });
+    function setChange(child) {
+      let active = child.name;
+      emit("update:modelValue", active);
+      emit("change", {
+        value: active
+      });
+    }
+    function setPlaceholderHeight() {
+      if (!props.fixed || !props.placeholder) {
+        return;
+      }
+      uni_modules_wotDesignUni_components_common_util.getRect(".wd-tabbar", false, proxy).then((res) => {
+        height.value = Number(res.height);
+      });
+    }
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.n(`wd-tabbar wd-tabbar--${_ctx.shape} ${_ctx.customClass} ${_ctx.fixed ? "is-fixed" : ""} ${_ctx.safeAreaInsetBottom ? "is-safe" : ""} ${_ctx.bordered ? "is-border" : ""}`),
+        b: common_vendor.s(common_vendor.unref(rootStyle)),
+        c: _ctx.fixed && _ctx.placeholder && _ctx.safeAreaInsetBottom && _ctx.shape === "round" ? 1 : "",
+        d: common_vendor.unref(uni_modules_wotDesignUni_components_common_util.addUnit)(height.value)
+      };
+    };
+  }
+});
+var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-76ba2fd1"], ["__file", "D:/\u7F51\u6291\u4E91Time/\u79C1\u6D3B/2000\u7B97\u5366/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue"]]);
+wx.createComponent(Component);
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
@@ -0,0 +1 @@
+<view class="{{['data-v-76ba2fd1', c && 'wd-tabbar__placeholder']}}" style="{{'height:' + d}}"><view class="{{['data-v-76ba2fd1', a]}}" style="{{b}}"><slot></slot></view></view>
@@ -0,0 +1,241 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+/**
+ * 辅助函数
+ */
+/**
+ * SCSS 配置项：命名空间以及BEM
+ */
+/* 转换成字符串 */
+/* 判断是否存在 Modifier */
+/* 判断是否存在伪类 */
+/**
+ * 主题色切换
+ * @params $theme-color 主题色
+ * @params $type 变暗’dark‘ 变亮 'light'
+ * @params $mix-color 自己设置的混色
+ */
+/**
+ * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
+ * @params $open-linear 是否开启线性渐变色
+ * @params $deg 渐变色角度
+ * @params $theme-color 当前配色
+ * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
+ * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
+ * @params [Array] $per-list 渐变色比例
+ */
+/**
+ * UI规范基础变量
+ */
+/*----------------------------------------- Theme color. start ----------------------------------------*/
+/* 主题颜色 */
+/* 辅助色 */
+/* 文字颜色（默认浅色背景下 */
+/* 暗黑模式 */
+/* 图形颜色 */
+/*----------------------------------------- Theme color. end -------------------------------------------*/
+/*-------------------------------- Theme color application size.  start --------------------------------*/
+/* 文字字号 */
+/* 文字字重 */
+/* 尺寸 */
+/*-------------------------------- Theme color application size.  end --------------------------------*/
+/* component var */
+/* action-sheet */
+/* badge */
+/* button */
+/* cell */
+/* calendar */
+/* checkbox */
+/* collapse */
+/* divider */
+/* drop-menu */
+/* input-number */
+/* input */
+/* textarea */
+/* loadmore */
+/* message-box */
+/* notice-bar */
+/* pagination */
+/* picker */
+/* col-picker */
+/* overlay */
+/* popup */
+/* progress */
+/* radio */
+/* search */
+/* slider */
+/* sort-button */
+/* steps */
+/* switch */
+/* tabs */
+/* tag */
+/* toast */
+/* loading */
+/* tooltip */
+/* popover */
+/* grid-item */
+/* statustip */
+/* card */
+/* upload */
+/* curtain */
+/* notify */
+/* skeleton */
+/* circle */
+/* swiper */
+/* swiper-nav */
+/* segmented */
+/* tabbar */
+/* tabbar-item */
+/* navbar */
+/* navbar-capsule */
+/* table */
+/* sidebar */
+/* sidebar-item */
+/* fab */
+/* count-down */
+/* keyboard */
+/* number-keyboard */
+/* passwod-input */
+/* form-item */
+/* backtop */
+/* index-bar */
+/* text */
+/* video-preview */
+/* img-cropper */
+/* floating-panel */
+/* signature */
+/**
+ * 混合宏
+ */
+/**
+ * SCSS 配置项：命名空间以及BEM
+ */
+/**
+ * 辅助函数
+ */
+/**
+ * SCSS 配置项：命名空间以及BEM
+ */
+/* 转换成字符串 */
+/* 判断是否存在 Modifier */
+/* 判断是否存在伪类 */
+/**
+ * 主题色切换
+ * @params $theme-color 主题色
+ * @params $type 变暗’dark‘ 变亮 'light'
+ * @params $mix-color 自己设置的混色
+ */
+/**
+ * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
+ * @params $open-linear 是否开启线性渐变色
+ * @params $deg 渐变色角度
+ * @params $theme-color 当前配色
+ * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
+ * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
+ * @params [Array] $per-list 渐变色比例
+ */
+/**
+  * BEM，定义块（b)
+  */
+/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
+/* 此方法用于生成穿透样式 */
+/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
+/* 定义状态（m） */
+/* 定义状态（m） */
+/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
+/* 状态，生成 is-$state 类名 */
+/**
+  * 常用混合宏
+  */
+/* 单行超出隐藏 */
+/* 多行超出隐藏 */
+/* 清除浮动 */
+/* 0.5px 边框 指定方向*/
+/* 0.5px 边框 环绕 */
+/**
+  * 三角形实现尖角样式，适用于背景透明情况
+  * @param $size 三角形高，底边为 $size * 2
+  * @param $bg 三角形背景颜色
+  */
+/**
+  * 正方形实现尖角样式，适用于背景不透明情况
+  * @param $size 正方形边长
+  * @param $bg 正方形背景颜色
+  * @param $z-index z-index属性值，不得大于外部包裹器
+  * @param $box-shadow 阴影
+*/
+.wot-theme-dark .wd-tabbar.data-v-76ba2fd1 {
+  background: var(--wot-dark-background, #131313);
+}
+.wd-tabbar.data-v-76ba2fd1 {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  position: relative;
+  background: var(--wot-color-white, rgb(255, 255, 255));
+  height: var(--wot-tabbar-height, 50px);
+}
+.wd-tabbar__placeholder.data-v-76ba2fd1 {
+  box-sizing: content-box;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.wd-tabbar--round.data-v-76ba2fd1 {
+  margin-left: 32rpx;
+  margin-right: 32rpx;
+  border-radius: 999px;
+  box-shadow: var(--wot-tabbar-box-shadow, 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08));
+}
+.wd-tabbar--round.is-fixed.is-safe.data-v-76ba2fd1 {
+  bottom: constant(safe-area-inset-bottom);
+  bottom: env(safe-area-inset-bottom);
+}
+.wd-tabbar--default.is-fixed.is-safe.data-v-76ba2fd1 {
+  box-sizing: content-box;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.wd-tabbar--default.is-border.data-v-76ba2fd1 {
+  position: relative;
+}
+.wd-tabbar--default.is-border.data-v-76ba2fd1::after {
+  position: absolute;
+  display: block;
+  content: "";
+  width: 100%;
+  height: 1px;
+  left: 0;
+  top: 0;
+  transform: scaleY(0.5);
+  background: var(--wot-color-border-light, #e8e8e8);
+}
+.wd-tabbar.is-fixed.data-v-76ba2fd1 {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 500;
+}
				`@@ -0,0 +1 @@`
				`<view class="{{['data-v-76ba2fd1', c && 'wd-tabbar__placeholder']}}" style="{{'height:' + d}}"><view class="{{['data-v-76ba2fd1', a]}}" style="{{b}}"><slot></slot></view></view>`