@cloudbase/weda-ui-mp 3.22.2 → 3.23.0

package/components/wd-input/inner-input/wd-input.wxss

@@ -1480,6 +1480,33 @@ textarea {
   margin-left: 0.25rem;
 }
 
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md {
+  position: relative;
+  height: auto;
+  min-height: var(--wd-form-item-height-md);
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wedatea2td-tag-group {
+  font-size: inherit;
+  width: calc(100% - 1rem);
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0.25rem 0;
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wedatea2td-tag-group .wedatea2td-tag--edit {
+  display: inline-flex;
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wedatea2td-tag-group input {
+  flex-grow: 1;
+  width: min-content;
+  margin-top: 0.25rem;
+  margin-right: 0.25rem;
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wd-form-input-wrap__after {
+  position: absolute;
+  right: 0.25rem;
+}
+
 .wd-form-input-wrap.size-font-sm {
   font: var(--wd-typography-body-sm);
 }

package/components/wd-input-wrap/wd-input-wrap.wxss

@@ -196,6 +196,33 @@
   margin-left: 0.25rem;
 }
 
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md {
+  position: relative;
+  height: auto;
+  min-height: var(--wd-form-item-height-md);
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wedatea2td-tag-group {
+  font-size: inherit;
+  width: calc(100% - 1rem);
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0.25rem 0;
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wedatea2td-tag-group .wedatea2td-tag--edit {
+  display: inline-flex;
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wedatea2td-tag-group input {
+  flex-grow: 1;
+  width: min-content;
+  margin-top: 0.25rem;
+  margin-right: 0.25rem;
+}
+.wd-form-tag-input-wrap.wd-form-input-wrap.size-height-md .wd-form-input-wrap__after {
+  position: absolute;
+  right: 0.25rem;
+}
+
 .wd-form-input-wrap.size-font-sm {
   font: var(--wd-typography-body-sm);
 }

package/components/wd-tabbar/index.js

@@ -69,22 +69,17 @@ Component({
   },
   observers: {
     tabs: function (tabs) {
-      const tabsData = filterMenuData(
-        (tabs.isMultiTerminal ? tabs.mobileMenuData : tabs.menuData) || []
-      );
+      const tabsData = filterMenuData((tabs.isMultiTerminal ? tabs.mobileMenuData : tabs.menuData) || []);
       this.findSelectItem(tabsData);
       this.init(tabs);
     },
   },
   methods: {
-    ...handleEvents([{ title: '点击', name: 'tap' }]),
     updateWidgetAPI() {
       this.setReadonlyAttributes &&
         this.setReadonlyAttributes({
           tabs: this.data.tabsData,
-          selectedTab: this.data.tabsData?.find?.(
-            (item) => item.key === this.data.selectedKey
-          ),
+          selectedTab: this.data.tabsData?.find?.((item) => item.key === this.data.selectedKey),
           setSelectTab: this.setSelectTab.bind(this),
         });
     },
@@ -92,11 +87,7 @@ Component({
      * 设置选中项
      * @param {string} key
      */
-    setSelectTab(
-      { key, isNavigate = true } = {},
-      tabsData = this.data.tabsData,
-      isInit = false
-    ) {
+    setSelectTab({ key, isNavigate = true } = {}, tabsData = this.data.tabsData, isInit = false) {
       const selectItem = this.findSelectItem(tabsData, key);
 
       if (!selectItem) return;
@@ -119,14 +110,11 @@ Component({
       const { $w } = app?.__internal__ || {};
 
       const currentPath = `/${$w?.page?.uuid || $w?.page?.id}`;
-      const menuPath = `${
-        item.subPackageName ? `/${item.subPackageName}` : ''
-      }${item.path || ''}`;
+      const menuPath = `${item.subPackageName ? `/${item.subPackageName}` : ''}${item.path || ''}`;
       if (
         item?.type === 'route' &&
         item?.path &&
-        (currentPath !== menuPath.split('?')[0] ||
-          !judgeMenuPathAndCurrentPath(menuPath))
+        (currentPath !== menuPath.split('?')[0] || !judgeMenuPathAndCurrentPath(menuPath))
       ) {
         (app?.[this.properties.routeType] || app.navigateTo)?.({
           pageId: item.path.replace('/', ''),
@@ -140,9 +128,7 @@ Component({
      * @param {*} tabs
      */
     init(tabs = this.properties.tabs) {
-      const tabsData = filterMenuData(
-        (tabs.isMultiTerminal ? tabs.mobileMenuData : tabs.menuData) || []
-      );
+      const tabsData = filterMenuData((tabs.isMultiTerminal ? tabs.mobileMenuData : tabs.menuData) || []);
       const selectItem = this.findSelectItem(tabsData) || {};
       this.setSelectTab({ key: selectItem.key }, tabsData, true);
       this.setData({ tabsData });
@@ -154,13 +140,14 @@ Component({
      */
     tabClick(itemInfo) {
       const tab = itemInfo?.currentTarget?.dataset?.tab;
+      this.triggerEvent('tap', { tab });
 
       const { key, disabled } = tab;
       if (disabled || this.data.selectedKey === key) return;
 
       this.setData({ selectedKey: key });
       this.updateWidgetAPI();
-      this.triggerEvent('change', { item: tab });
+      this.triggerEvent('change', { tab, item: tab });
       this.navigateTo(tab);
     },
     /**
@@ -177,15 +164,12 @@ Component({
       const currentPath = `/${$w?.page?.uuid || $w?.page?.id}`;
 
       for (let i = 0; i < len; i++) {
-        const menuPath = `${
-          tabs[i].subPackageName ? `/${tabs[i].subPackageName}` : ''
-        }${tabs[i].path}`;
+        const menuPath = `${tabs[i].subPackageName ? `/${tabs[i].subPackageName}` : ''}${tabs[i].path}`;
 
         if (
           tabs[i].isSelect ||
           tabs[i].key === selectedKey ||
-          (currentPath === menuPath.split('?')[0] &&
-            judgeMenuPathAndCurrentPath(menuPath))
+          (currentPath === menuPath.split('?')[0] && judgeMenuPathAndCurrentPath(menuPath))
         )
           return tabs[i];
       }

package/components/wd-tabbar/index.wxml

@@ -1,6 +1,6 @@
 <wxs module="tools"> function includes(tabItem) { return tabItem.iconUrl && tabItem.iconUrl.indexOf('http') !== -1 ? 'custom' : 'inner' } module.exports = { includes: includes } </wxs>
 <view id="{{id}}" style="{{style}}" class="{{className}} {{classPrefix + '-tabbar'}} {{classPrefix + '-mp-tabbar'}}">
-  <view wx:for="{{tabsData}}" wx:key="tabIndex" wx:for-item="tabItem" class="{{classPrefix + '-tabbar__item'}} {{selectedKey === tabItem.key ? 'is-selected' : ''}}" bindtap="tabClick" data-tab="{{tabItem}}">
+  <view wx:for="{{tabsData}}" wx:key="tabIndex" wx:for-item="tabItem" class="{{classPrefix + '-tabbar__item'}} {{selectedKey === tabItem.key ? 'is-selected' : ''}}" catchtap="tabClick" data-tab="{{tabItem}}">
     <view class="{{classPrefix + '-tabbar__item-icon'}}">
       <wd-icon wx:if="{{tabItem.iconUrl}}" name="{{tabItem.iconUrl}}" src="{{tabItem.iconUrl}}" type="{{tools.includes(tabItem)}}" />
       <wd-icon wx:elif="{{tabItem.selectedIconPath || tabItem.iconPath}}" name="{{selectedKey === tabItem.key? tabItem.selectedIconPath : tabItem.iconPath}}" src="{{selectedKey === tabItem.key? tabItem.selectedIconPath : tabItem.iconPath}}" type="custom" />

package/package.json

@@ -3,7 +3,7 @@
   "miniprogram": "./",
   "packageManager": "yarn@3.0.2",
   "dependencies": {},
-  "version": "3.22.2",
+  "version": "3.23.0",
   "main": "./",
   "publishConfig": {
     "access": "public"