@opentiny/vue-search - npm Package Compare versions

Comparing version 3.9.0 to 3.10.0

lib/index.js

@@ -39,2 +39,6 @@ function _extends() {
     },
+    big: {
+      type: Boolean,
+      default: false
+    },
     buttonText: {
@@ -112,3 +116,3 @@ type: String,
 });
-var version = "3.9.0";
+var version = "3.10.0";
 Search.model = {
@@ -115,0 +119,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -6,3 +6,3 @@ import { renderless, api } from "@opentiny/vue-renderless/search/vue";
 import Button from "@opentiny/vue-button";
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, Transition, withCtx, withDirectives, renderSlot, toDisplayString, vShow, normalizeStyle, withKeys, withModifiers, vModelText, createCommentVNode, Fragment, renderList, createTextVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, Transition, withCtx, withDirectives, renderSlot, toDisplayString, vShow, normalizeStyle, withKeys, withModifiers, vModelText, createCommentVNode, Fragment, renderList, createTextVNode, createSlots } from "vue";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
@@ -112,3 +112,3 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   },
-  emits: ["change", "update:modelValue", "select", "search", "clear"],
+  emits: ["change", "update:modelValue", "select", "search", "clear", "input"],
   setup: function setup(props2, context) {
@@ -129,2 +129,5 @@ return _setup({
 var _hoisted_3 = ["onClick"];
+var _hoisted_4 = {
+  class: "inline-block w-3.5 h-3.5 rounded-full bg-color-none-hover"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -190,3 +193,3 @@ var _component_icon_chevron_down = resolveComponent("icon-chevron-down");
                 },
-                toDisplayString(_ctx.state.searchValue["text"]),
+                toDisplayString(_ctx.state.searchValue.text),
                 3
@@ -405,3 +408,2 @@ /* TEXT, CLASS */
         onInput: _ctx.handleInput,
-        clearable: "",
         "input-class": _ctx.m(_ctx.gcls("mobile-search-input"), _ctx.gcls({
@@ -411,3 +413,3 @@ "mobile-search-input-bg-change": _ctx.changeBgColor
         placeholder: _ctx.placeholder
-      }, {
+      }, createSlots({
         prefix: withCtx(function() {
@@ -421,5 +423,15 @@ return [createVNode(_component_icon_search, {
         }),
-        _: 1
-        /* STABLE */
-      }, 8, ["modelValue", "onInput", "input-class", "placeholder"]), createVNode(_component_tiny_button, {
+        _: 2
+        /* DYNAMIC */
+      }, [_ctx.state.showClear && !_ctx.state.collapse ? {
+        name: "suffix",
+        fn: withCtx(function() {
+          return [createElementVNode("span", _hoisted_4, [createVNode(_component_icon_close, {
+            "data-tag": "tiny-svg-size",
+            "custom-class": "w-3 h-3 fill-color-bg-1 relative -top-0.5",
+            onClick: _ctx.clear
+          }, null, 8, ["onClick"])])];
+        }),
+        key: "0"
+      } : void 0]), 1032, ["modelValue", "onInput", "input-class", "placeholder"]), createVNode(_component_tiny_button, {
         type: "text",
@@ -432,3 +444,3 @@ onClick: _ctx.searchClick,
         default: withCtx(function() {
-          return [createTextVNode("搜索")];
+          return [createTextVNode(" 搜索 ")];
         }),
@@ -435,0 +447,0 @@ _: 1

lib/mobile.js

@@ -57,3 +57,3 @@ import { renderless, api } from "@opentiny/vue-renderless/search/vue";
   },
-  emits: ["change", "search", "update:modelValue", "clear", "select"],
+  emits: ["change", "search", "update:modelValue", "clear", "select", "input"],
   setup: function setup(props2, context) {
@@ -60,0 +60,0 @@ return _setup({

lib/pc.js

@@ -53,3 +53,3 @@ import { renderless, api } from "@opentiny/vue-renderless/search/vue";
   props: [].concat(props, ["mini", "transparent", "searchTypes", "placeholder", "modelValue", "tabindex", "clearable", "isEnterSearch"]),
-  emits: ["change", "search", "update:modelValue", "clear", "select"],
+  emits: ["change", "search", "update:modelValue", "clear", "select", "input"],
   components: {
@@ -193,4 +193,4 @@ IconChevronDown: iconChevronDown(),
           return [_ctx.state.showClear && !_ctx.state.collapse ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("a", {
-            onClick: _cache[9] || (_cache[9] = function() {
-              return _ctx.clear && _ctx.clear.apply(_ctx, arguments);
+            onClick: _cache[9] || (_cache[9] = function($event) {
+              return _ctx.clear($event);
             })
@@ -208,4 +208,4 @@ }, [createVNode(_component_icon_close, {
       }) : !_ctx.slots.prefix && !_ctx.slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("a", {
-        onClick: _cache[10] || (_cache[10] = function() {
-          return _ctx.searchClick && _ctx.searchClick.apply(_ctx, arguments);
+        onClick: _cache[10] || (_cache[10] = function($event) {
+          return _ctx.searchClick($event);
         })
@@ -212,0 +212,0 @@ }, [createVNode(_component_icon_search, {

package.json

 {
   "name": "@opentiny/vue-search",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "",
@@ -8,6 +8,12 @@ "main": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.9.0",
-    "@opentiny/vue-common": "~3.9.0",
-    "@opentiny/vue-icon": "~3.9.0"
+    "@opentiny/vue-renderless": "~3.10.0",
+    "@opentiny/vue-common": "~3.10.0",
+    "@opentiny/vue-icon": "~3.10.0",
+    "@opentiny/vue-theme": "~3.10.0",
+    "@opentiny/vue-theme-mobile": "~3.10.0",
+    "@opentiny/vue-input": "~3.10.0",
+    "@opentiny/vue-locale": "~3.10.0",
+    "@opentiny/vue-button": "~3.10.0"
   },
@@ -14,0 +20,0 @@ "license": "MIT",

src/index.d.ts

@@ -6,2 +6,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
+    big: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     buttonText: {
@@ -68,9 +72,7 @@ type: StringConstructor;
     tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor; /**
-     * 设置为透明模式，配置为true时，边框变为透明且收缩后半透明显示，一般用在带有背景的场景
-     */
+    tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     mini: {
@@ -80,2 +82,6 @@ type: BooleanConstructor;
     };
+    big: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     buttonText: {
@@ -142,20 +148,19 @@ type: StringConstructor;
     tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor; /**
-     * 设置为透明模式，配置为true时，边框变为透明且收缩后半透明显示，一般用在带有背景的场景
-     */
+    tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
+    big: boolean;
     tiny_mode_root: boolean;
+    placeholder: string;
     tabindex: string;
-    placeholder: string;
+    mini: boolean;
     clearable: boolean;
-    mini: boolean;
+    transparent: boolean;
     buttonText: string;
-    transparent: boolean;
     searchTypes: unknown[];
+    themeType: string;
     isEnterSearch: boolean;
-    themeType: string;
     showButton: boolean;
     changeBgColor: boolean;
-}>;
+}, {}>;
 export default _default;

src/mobile-first.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,8 +12,9 @@ }>, {
     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<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "input" | "select" | "search" | "clear" | "change")[], "update:modelValue" | "input" | "select" | "search" | "clear" | "change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -23,3 +24,3 @@ onSearch?: ((...args: any[]) => any) | undefined;
     [x: string]: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

src/mobile.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,8 +12,9 @@ }>, {
     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<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "input" | "select" | "search" | "clear" | "change")[], "update:modelValue" | "input" | "select" | "search" | "clear" | "change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -23,3 +24,3 @@ onSearch?: ((...args: any[]) => any) | undefined;
     [x: string]: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

src/pc.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,8 +12,9 @@ }>, {
     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<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "input" | "select" | "search" | "clear" | "change")[], "update:modelValue" | "input" | "select" | "search" | "clear" | "change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -23,3 +24,3 @@ onSearch?: ((...args: any[]) => any) | undefined;
     [x: string]: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

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

51186

increased by2.48%

Number of package files

13

increased by8.33%

Lines of code

1315

increased by2.02%

Is type module

Yes

Published versions last year

18

increased by12.5%

Worsened metrics

Dependency count

8

increased by166.67%

Number of downloads

1307

decreased by-7.3%

Dependency changes

• + Added@opentiny/vue-button@~3.10.0

• + Added@opentiny/vue-input@~3.10.0

• + Added@opentiny/vue-locale@~3.10.0

• + Added@opentiny/vue-theme@~3.10.0

• + Added@opentiny/vue-theme-mobile@~3.10.0

• + Added@better-scroll/core@2.5.0(transitive)

• + Added@better-scroll/shared-utils@2.5.1(transitive)

• + Added@opentiny/vue-action-sheet@3.10.0(transitive)

• + Added@opentiny/vue-button@3.10.0(transitive)

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

• + Added@opentiny/vue-drawer@3.10.0(transitive)

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

• + Added@opentiny/vue-input@3.10.2(transitive)

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

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

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

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

• + Added@opentiny/vue-tooltip@3.10.1(transitive)

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

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

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

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

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

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

• Updated@opentiny/vue-common@~3.10.0

• Updated@opentiny/vue-icon@~3.10.0

• Updated@opentiny/vue-renderless@~3.10.0