@opentiny/vue-search - npm Package Compare versions

Comparing version 3.6.7 to 3.8.0

lib/index.js

@@ -19,5 +19,8 @@ function _extends() {
 import MobileTemplate from "./mobile.js";
+import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
   if ("mobile" === (process.env.TINY_MODE || mode))
     return MobileTemplate;
+  else if ("mobile-first" === (process.env.TINY_MODE || mode))
+    return MobileFirstTemplate;
   else
@@ -87,2 +90,10 @@ return PcTemplate;
       }
+    },
+    showButton: {
+      type: Boolean,
+      default: false
+    },
+    changeBgColor: {
+      type: Boolean,
+      default: false
     }
@@ -89,0 +100,0 @@ }),

lib/pc.js

@@ -69,27 +69,31 @@ import { renderless, api } from "@opentiny/vue-renderless/search/vue";
 var _hoisted_1 = {
+  key: 0,
+  class: "tiny-search__prefix"
+};
+var _hoisted_2 = {
   class: "tiny-search__text"
 };
-var _hoisted_2 = {
+var _hoisted_3 = {
   class: "icon-outer"
 };
-var _hoisted_3 = ["placeholder", "tabindex"];
-var _hoisted_4 = {
+var _hoisted_4 = ["placeholder", "tabindex"];
+var _hoisted_5 = {
   key: 0,
   class: "tiny-search__input-btn"
 };
-var _hoisted_5 = {
+var _hoisted_6 = {
   key: 2,
   class: "tiny-search__input-btn"
 };
-var _hoisted_6 = {
+var _hoisted_7 = {
   ref: "selector",
   class: "tiny-search__selector"
 };
-var _hoisted_7 = {
+var _hoisted_8 = {
   class: "tiny-search__selector-body"
 };
-var _hoisted_8 = {
+var _hoisted_9 = {
   class: "tiny-search__poplist"
 };
-var _hoisted_9 = ["onClick"];
+var _hoisted_10 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -121,5 +125,3 @@ var _component_icon_chevron_down = resolveComponent("icon-chevron-down");
       },
-      [_ctx.slots.prefix ? renderSlot(_ctx.$slots, "prefix", {
-        key: 0
-      }) : createCommentVNode("v-if", true), createVNode(Transition, {
+      [_ctx.slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("v-if", true), createVNode(Transition, {
         name: "tiny-transition-search-line-fade",
@@ -143,3 +145,3 @@ mode: "out-in",
                 "span",
-                _hoisted_1,
+                _hoisted_2,
                 toDisplayString(_ctx.state.searchValue.text),
@@ -149,3 +151,3 @@ 1
               )];
-            }), createElementVNode("span", _hoisted_2, [createVNode(_component_icon_chevron_down, {
+            }), createElementVNode("span", _hoisted_3, [createVNode(_component_icon_chevron_down, {
               class: "tiny-svg-size"
@@ -189,7 +191,7 @@ })])],
         tabindex: _ctx.tabindex
-      }, null, 44, _hoisted_3), [[vModelText, _ctx.state.currentValue]]), createVNode(Transition, {
+      }, null, 44, _hoisted_4), [[vModelText, _ctx.state.currentValue]]), createVNode(Transition, {
         name: "tiny-transition-icon-scale-in"
       }, {
         default: withCtx(function() {
-          return [_ctx.state.showClear && !_ctx.state.collapse ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("a", {
+          return [_ctx.state.showClear && !_ctx.state.collapse ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("a", {
             onClick: _cache[9] || (_cache[9] = function() {
@@ -208,3 +210,3 @@ return _ctx.clear && _ctx.clear.apply(_ctx, arguments);
         key: 1
-      }) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("a", {
+      }) : !_ctx.slots.prefix && !_ctx.slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("a", {
         onClick: _cache[10] || (_cache[10] = function() {
@@ -218,3 +220,3 @@ return _ctx.searchClick && _ctx.searchClick.apply(_ctx, arguments);
         class: "tiny-svg-size"
-      }, null, 8, ["style"])])]))],
+      }, null, 8, ["style"])])])) : createCommentVNode("v-if", true)],
       2
@@ -230,4 +232,4 @@ /* CLASS */
           "div",
-          _hoisted_6,
-          [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [(openBlock(true), createElementBlock(
+          _hoisted_7,
+          [createElementVNode("div", _hoisted_8, [createElementVNode("ul", _hoisted_9, [(openBlock(true), createElementBlock(
             Fragment,
@@ -250,3 +252,3 @@ null,
                 )];
-              })], 8, _hoisted_9);
+              })], 8, _hoisted_10);
             }),
@@ -253,0 +255,0 @@ 128

package.json

 {
   "name": "@opentiny/vue-search",
-  "version": "3.6.7",
+  "version": "3.8.0",
   "description": "",
   "main": "./lib/index.js",
+  "module": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.6.6",
-    "@opentiny/vue-common": "~3.6.7",
-    "@opentiny/vue-icon": "~3.6.7"
+    "@opentiny/vue-renderless": "~3.8.0",
+    "@opentiny/vue-common": "~3.8.0",
+    "@opentiny/vue-icon": "~3.8.0"
   },
@@ -11,0 +12,0 @@ "license": "MIT",

src/index.d.ts

@@ -55,2 +55,16 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
+    showButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    changeBgColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -112,8 +126,23 @@ [key: string]: any;
     };
+    showButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    changeBgColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
 }>>, {
     tabindex: string;
+    tiny_mode_root: boolean;
     clearable: boolean;
+    mini: boolean;
     placeholder: string;
     buttonText: string;
-    mini: boolean;
     transparent: boolean;
@@ -123,3 +152,5 @@ searchTypes: unknown[];
     themeType: string;
+    showButton: boolean;
+    changeBgColor: boolean;
 }>;
 export default _default;

src/mobile.vue.d.ts

@@ -10,7 +10,9 @@ declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "change" | "clear" | "select")[], "search" | "update:modelValue" | "change" | "clear" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -17,0 +19,0 @@ onClear?: ((...args: any[]) => any) | undefined;

src/pc.vue.d.ts

@@ -10,7 +10,9 @@ declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "change" | "clear" | "select")[], "search" | "update:modelValue" | "change" | "clear" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -17,0 +19,0 @@ onClear?: ((...args: any[]) => any) | undefined;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

49589

increased by90.37%

Number of package files

12

increased by33.33%

Lines of code

1282

increased by78.3%

Worsened metrics

Number of low supply chain risk alerts

3

increased by50%

Dependency changes

• + Added@opentiny/vue-common@3.8.3(transitive)

• + Added@opentiny/vue-icon@3.8.3(transitive)

• + Added@opentiny/vue-locale@3.8.3(transitive)

• + Added@opentiny/vue-renderless@3.8.4(transitive)

• + Added@opentiny/vue-theme@3.8.5(transitive)

• + Added@opentiny/vue-theme-mobile@3.8.3(transitive)

• + Addedtailwind-merge@1.14.0(transitive)

• - Removed@opentiny/vue-common@3.6.7(transitive)

• - Removed@opentiny/vue-icon@3.6.7(transitive)

• - Removed@opentiny/vue-locale@3.6.7(transitive)

• - Removed@opentiny/vue-renderless@3.6.8(transitive)

• - Removed@opentiny/vue-theme@3.6.7(transitive)

• - Removed@opentiny/vue-theme-mobile@3.6.6(transitive)

• Updated@opentiny/vue-common@~3.8.0

• Updated@opentiny/vue-icon@~3.8.0

• Updated@opentiny/vue-renderless@~3.8.0