@neatui/vue 5.1.1 → 5.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/vue",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "basic component ui",
   "main": "./src/index.ts",
   "license": "MIT",
@@ -36,7 +36,7 @@
     "@fekit/scrollto": "^3.0.3",
     "@fekit/toast": "^2.7.2",
     "@fekit/utils": "^6.0.0",
-    "@neatui/css": "^5.1.1",
+    "@neatui/css": "^5.1.2",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@vue/compiler-sfc": "^3.4.30",

package/src/components/basic/IFollowView.vue

@@ -10,7 +10,7 @@
         ref="tip"
         :class="`${tipClass}${mobile ? ' fekit-follow-mobile' : ''}`"
         :style="`position: fixed; pointer-events: none; ${tipStyle}`"
-        ui-tips="@a"
+        :ui-tips="theme"
         :ui-tips-view="state.show ? 1 : 0"
         @mouseover="hovershow"
         @mouseout="hoverhide"
@@ -43,6 +43,7 @@
 
   // 类型
   interface Props {
+    theme?: string;
     modelValue?: string | number;
     pos?: string;
     event?: string;
@@ -62,6 +63,7 @@
 
   // 入参
   const props: any = withDefaults(defineProps<Props>(), {
+    theme: '@a',
     modelValue: 0,
     pos: 'bl',
     event: 'click',
@@ -372,7 +374,7 @@
         touch-action: none !important;
       }
 
-      &[ui-tips~='@a'] [ui-tips-box] {
+      &[ui-tips] [ui-tips-box] {
         position: relative !important;
 
         width: 100% !important;

package/src/components/form/Cascader.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : ''" class="mc-cascader">
-    <IFollowView
+    <IFollowView :theme="popupTheme"
       ref="ifollow"
       :tipBoxStyle="`${state.flatOpts.length && state.flatOpts[0]?.length > 0 ? 'min-width: 10em;' : 'min-width: 100%'}`"
       pos="bl"
@@ -41,7 +41,7 @@
                   class="ux-hover nx-sm r-ss nowrap"
                   @click="select(item, optIndex)"
                 >
-                  <IFollowView v-if="item.optTips" event="hover">
+                  <IFollowView :theme="popupTheme" v-if="item.optTips" event="hover">
                     <div ui-flex="row xm">
                       <span :class="`${state.transSelected.value[optIndex] === item.value ? 'co-main' : ''}`"> {{ item.label || item }}</span>
                       <i v-if="item.children?.length" :class="`icon icon-next ${state.transSelected.value[optIndex] === item.value ? 'co-main' : 'co-note'}`"></i>
@@ -95,6 +95,7 @@
 
   const props = defineProps({
     theme: { type: String, default: '@a' },
+    popupTheme: { type: String, default: '@a' },
     sz: { type: String, default: 'm' },
     co: { type: String, default: '' },
     block: { type: Boolean, default: true },

package/src/components/form/DatePicker.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" ui-tips="@a co:well" :ui-tips-view="state.show">
-    <IFollowView ref="ifollow">
+    <IFollowView :theme="popupTheme" ref="ifollow">
       <Input
         v-bind="{ placeholder, rules, theme, sz, co, block, ready, type, tips, maxlength, minlength, disabled, readonly, clearable, verify, prefix, suffix, interacted }"
         :clearable="false"
@@ -46,6 +46,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -76,6 +77,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: '',
     co: '',
     block: true,

package/src/components/form/DateRangePicker.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" ui-tips="@a co:well" :ui-tips-view="state.show">
-    <IFollowView ref="ifollow">
+    <IFollowView :theme="popupTheme" ref="ifollow">
       <InputRange
         v-bind="{ placeholder, rules, theme, sz, co, block, ready, type, tips, maxlength, minlength, disabled, readonly, clearable, verify, prefix, suffix, interacted }"
         :clearable="false"
@@ -39,6 +39,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -69,6 +70,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: '',
     co: '',
     block: true,

package/src/components/form/MoreSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select ${sz ? 'sz:' + sz : ''}`">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%">
+    <IFollowView :theme="popupTheme" ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%">
       <slot>
         <Input
           v-bind="{ placeholder, rules, theme, sz, co, block, ready: true, type: 'text', tips, disabled, readonly, clearable: false, verify, prefix, suffix, interacted }"
@@ -107,6 +107,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -135,6 +136,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: '',
     co: '',
     block: true,

package/src/components/form/MoreSelectTree.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : 'hide'">
-    <IFollowView ref="ifollow" v-model="state.show" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
+    <IFollowView :theme="popupTheme" ref="ifollow" v-model="state.show" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
       <Input
         v-bind="{ placeholder, rules, theme, sz, co, block, ready, type: 'text', tips, disabled, readonly: true, clearable: false, verify, prefix, suffix, interacted }"
         :modelValue="state.label"
@@ -102,6 +102,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -131,6 +132,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: '',
     co: '',
     block: true,

package/src/components/form/PageMoreSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select ${sz ? 'sz:' + sz : ''}`" :ui-form-open="state.show ? 'show' : ''" ref="dom">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%">
+    <IFollowView :theme="popupTheme" ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%">
       <slot>
         <Input v-bind="$props" :clearable="false" readonly v-model="state.selectd">
           <template #suffix><i ui-form-select=""></i></template>
@@ -60,6 +60,7 @@
 
   const props: any = defineProps({
     theme: { type: String, default: '@a' },
+    popupTheme: { type: String, default: '@a' },
     sz: { type: String, default: '' },
     co: { type: String, default: '' },
     block: { type: Boolean, default: true },

package/src/components/form/PageSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : ''" ref="dom">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%">
+    <IFollowView :theme="popupTheme" ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%">
       <Input v-bind="$props" :clearable="false" readonly v-model="state.selectd.label" :interacted="interacted">
         <template #suffix><i ui-form-select=""></i></template>
       </Input>
@@ -55,6 +55,7 @@
       default: false,
     },
     theme: { type: String, default: '@a' },
+    popupTheme: { type: String, default: '@a' },
     sz: { type: String as PropType<'' | 'xs' | 's' | 'm' | 'l' | 'xl'>, default: 'm' },
     co: { type: String, default: '' },
     block: { type: Boolean, default: true },

package/src/components/form/SearchMoreSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : ''">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
+    <IFollowView :theme="popupTheme" ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
       <Input v-bind="$props" :clearable="false" readonly v-model="state.selectd" @click="toggle" :interacted="interacted">
         <template #suffix><i ui-form-select=""></i></template>
       </Input>
@@ -59,6 +59,7 @@
       default: false,
     },
     theme: { type: String, default: '@a' },
+    popupTheme: { type: String, default: '@a' },
     sz: { type: String as PropType<'' | 'xs' | 's' | 'm' | 'l' | 'xl'>, default: 'm' },
     co: { type: String, default: '' },
     block: { type: Boolean, default: true },

package/src/components/form/SearchSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : ''">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
+    <IFollowView :theme="popupTheme" ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
       <Input
         v-bind="{ placeholder, rules, theme, sz, co, block, ready, type, tips, disabled, readonly: true, clearable: false, verify, prefix, suffix, interacted }"
         v-model="state.selectd.label"
@@ -100,6 +100,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -131,6 +132,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: '',
     co: '',
     block: true,

package/src/components/form/Select.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : ''">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
+    <IFollowView :theme="popupTheme" ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
       <Input
         v-bind="{ placeholder, rules, theme, sz, co, block, ready, type, tips, disabled, readonly: true, clearable: false, verify, prefix, suffix, interacted }"
         v-model="state.displayLabel"
@@ -127,6 +127,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -161,6 +162,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: 'm',
     co: '',
     block: true,

package/src/components/form/SelectTree/SelectTree.vue

@@ -1,6 +1,6 @@
 <template>
   <div :ui-form="`${theme} type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : 'hide'">
-    <IFollowView ref="ifollow" v-model="state.show" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
+    <IFollowView :theme="popupTheme" ref="ifollow" v-model="state.show" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
       <Input
         v-bind="{ placeholder, rules, theme, sz, co, block, ready, type, tips, disabled, readonly: true, clearable: false, verify, prefix, suffix, interacted }"
         v-model="state.label"
@@ -96,6 +96,7 @@
     placeholder?: string;
     rules?: Array<object>;
     theme?: string;
+    popupTheme?: string;
     sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
     co?: string;
     block?: boolean;
@@ -130,6 +131,7 @@
     placeholder: '',
     rules: () => [],
     theme: '@a',
+    popupTheme: '@a',
     sz: '',
     co: '',
     block: true,