papayaui 0.2.4 → 0.2.5

package/components/cascader/cascader.vue

@@ -18,7 +18,7 @@
     @closed="emit('closed')"
   >
     <view :class="ns.b('content')">
-      <Search v-if="showSearch" v-model="searchText" :class="ns.b('search')" />
+      <Search v-if="showSearch" v-model="searchText" v-bind="searchProps" :class="ns.b('search')" />
       <view v-if="show" :class="ns.b('tab')">
         <Tabs v-model="tabActive" :tabs="tabList" label-key="name" scrollable shrink />
       </view>

package/components/cascader/props.ts

@@ -3,6 +3,7 @@ import type { TreeNode, UseTreeFieldNames } from '../../core/useTree'
 import { defaultFieldNames } from '../../core/useTree'
 import { isArray, isObject } from '../../utils'
 import { bottomPopupEmits, bottomPopupProps } from '../bottom-popup/props'
+import type { SearchProps } from '../search'
 
 export interface CascaderNode<T = any> {
   props: T
@@ -50,6 +51,13 @@ export const cascaderProps = {
    * 是否显示搜索
    */
   showSearch: Boolean,
+  /**
+   * 搜索框的props
+   */
+  searchProps: {
+    type: Object as PropType<Partial<SearchProps>>,
+    default: () => ({}),
+  },
   /**
    * 动态获取下一级节点数据
    */

package/components/cell/cell.vue

@@ -22,11 +22,11 @@
         <view v-if="label" :class="ns.e('label')">{{ label }}</view>
       </template>
     </view>
-    <view :class="[ns.e('value'), valueClass]">
+    <view :class="[ns.e('value'), valueClass]" :style="{ textAlign: valueAlign }">
       <slot v-if="$slots.default" />
       <text v-else :selectable="selectable" :user-select="selectable">{{ value }}</text>
 
-      <view v-if="errorMessage" :class="ns.e('error-message')" :style="{ textAlign: valueAlign }">
+      <view v-if="errorMessage" :class="ns.e('error-message')">
         {{ errorMessage }}
       </view>
     </view>

package/components/picker-popup/picker-popup.vue

@@ -20,9 +20,11 @@
     @confirm="onOk"
   >
     <view :class="ns.e('content')">
+      <slot name="before" />
       <Search
         v-if="showSearch"
         v-model="searchText"
+        v-bind="searchProps"
         :class="ns.e('search')"
         @change="debounceSearchChange"
       />
@@ -56,7 +58,7 @@
         <ButtonComponent
           v-if="showView.create"
           :class="ns.e('create-button')"
-          :type="props.multiple ? 'default' : 'primary'"
+          :type="showView.confirm ? 'default' : 'primary'"
           ellipsis
           block
           @click="onCreate"
@@ -138,7 +140,7 @@ const filterOptions = computed(() => {
 
 const showView = computed(() => {
   const create = props.allowCreate && !!searchText.value
-  const confirm = props.multiple
+  const confirm = props.multiple || props.showConfirm
   return {
     footer: create || confirm,
     create,
@@ -225,7 +227,7 @@ const onCreate = async () => {
 }
 
 const onSelect = async (value: OptionValue) => {
-  if (_onSelect(value) && !multiple.value) {
+  if (_onSelect(value) && !showView.value.confirm) {
     onOk()
   }
 }

package/components/picker-popup/props.ts

@@ -2,6 +2,7 @@ import type { CSSProperties, ExtractPropTypes, PropType } from 'vue'
 import type { UseListProps } from '../../core/useList'
 import { isArray, isNumber, isObject, isString } from '../../utils'
 import { bottomPopupEmits, bottomPopupProps } from '../bottom-popup/props'
+import type { SearchProps } from '../search'
 
 export type Option = any
 export type OptionValue = number | string
@@ -37,6 +38,13 @@ export const pickerPopupProps = {
    * 是否显示搜索
    */
   showSearch: Boolean,
+  /**
+   * 搜索框的props
+   */
+  searchProps: {
+    type: Object as PropType<Partial<SearchProps>>,
+    default: () => ({}),
+  },
   /**
    * 是否多选
    */
@@ -84,6 +92,10 @@ export const pickerPopupProps = {
    * 确定后是否重置数据
    */
   resetAfterConfirm: Boolean,
+  /**
+   * 是否显示确认按钮，多选时强制开启
+   */
+  showConfirm: Boolean,
   /**
    * 是否允许用户创建新条目，需配合 showSearch 使用
    */

package/components/popup/popup.scss

@@ -3,7 +3,7 @@
   &__content {
     position: relative;
     max-width: _var(popup-max-width, 100%);
-    background-color: #fff;
+    background-color: _var(popup-background, #fff);
     border-radius: _var(popup-radius, 0);
   }
 

package/components/textarea/textarea.scss

@@ -33,7 +33,7 @@
   }
 
   &--auto-height {
-    line-height: _var(textarea-line-height, _var(textarea-font-size));
+    line-height: _var(textarea-line-height, _var(textarea-font-size, 14px));
   }
 
   &--disabled {

package/demos/cell/demo-1.vue

@@ -1,3 +1,4 @@
 <template>
   <pa-cell title="单元格" value="内容" />
+  <pa-cell title="单元格" label="描述信息" value="内容" />
 </template>

package/demos/cell/demo-2.vue

@@ -1,6 +1,6 @@
 <template>
   <pa-cell-group inset>
     <pa-cell title="单元格" value="内容" />
-    <pa-cell title="单元格" value="内容" />
+    <pa-cell title="单元格" label="描述信息" value="内容" />
   </pa-cell-group>
 </template>

package/demos/cell/demo-7.vue

@@ -4,4 +4,5 @@
     value="内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容"
     center
   />
+  <pa-cell title="单元格" label="描述信息" value="内容" center />
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "papayaui",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "适用于uniapp的ui扩展库",
   "packageManager": "pnpm@8.6.0",
   "dependencies": {