@opentinyvue/vue-cascader 3.21.0 → 3.22.0

package/lib/index.js

@@ -7,7 +7,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
 import PcTemplate from "./pc.js";
 import MobileFirstTemplate from "./mobile-first.js";
 import { t } from "@opentinyvue/vue-locale";
@@ -118,6 +118,10 @@ var cascaderProps = _extends({}, $props, {
   blank: {
     type: Boolean,
     default: false
+  },
+  changeCompat: {
+    type: Boolean,
+    default: false
   }
 });
 var Cascader = defineComponent({
@@ -132,7 +136,7 @@ var Cascader = defineComponent({
     });
   }
 });
-var version = "3.21.0";
+var version = "3.22.0";
 Cascader.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -3,7 +3,7 @@ import Input from '@opentinyvue/vue-input';
 import { IconClose, IconChevronDown, IconChevronUp, IconYes, IconChevronRight } from '@opentinyvue/vue-icon';
 import CascaderMobile from '@opentinyvue/vue-cascader-mobile';
 import { renderless, api } from '@opentinyvue/vue-renderless/cascader/vue';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
+import { Clickoutside } from '@opentinyvue/vue-directive';
 import Scrollbar from '@opentinyvue/vue-scrollbar';
 import CascaderPanel from '@opentinyvue/vue-cascader-panel';
 import Tooltip from '@opentinyvue/vue-tooltip';
@@ -311,7 +311,7 @@ var _sfc_main = defineComponent({
     TinyInput: Input,
     IconChevronRight: IconChevronRight()
   },
-  emits: ["update:modelValue", "change", "visible-change", "focus", "blur", "expand-change", "active-item-change", "remove-tag", "created"],
+  emits: ["update:modelValue", "change", "visible-change", "focus", "blur", "expand-change", "active-item-change", "remove-tag", "created", "changeCompat"],
   setup: function setup2(props2, ctx) {
     var bp = useBreakpoint().current;
     var visible = hooks.ref(false);

package/lib/pc.js

@@ -1,7 +1,6 @@
 import { renderless, api } from '@opentinyvue/vue-renderless/cascader/vue';
 import { defineComponent, props, directive, setup } from '@opentinyvue/vue-common';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
-import { HighlightQuery } from '@opentinyvue/vue-directive';
+import { Clickoutside, HighlightQuery } from '@opentinyvue/vue-directive';
 import Input from '@opentinyvue/vue-input';
 import Tag from '@opentinyvue/vue-tag';
 import Scrollbar from '@opentinyvue/vue-scrollbar';
@@ -55,7 +54,7 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 var _sfc_main = defineComponent({
-  props: [].concat(props, ["modelValue", "options", "props", "size", "placeholder", "disabled", "clearable", "filterable", "filterMethod", "separator", "showAllLevels", "collapseTags", "debounce", "beforeFilter", "popperClass", "placement", "popperOptions", "visibleArrow", "offset", "boundariesPadding", "arrowOffset", "popperAppendToBody", "autoSize", "displayOnly", "shape", "label", "tip", "hoverExpand", "blank"]),
+  props: [].concat(props, ["modelValue", "options", "props", "size", "placeholder", "disabled", "clearable", "filterable", "filterMethod", "separator", "showAllLevels", "collapseTags", "debounce", "beforeFilter", "popperClass", "placement", "popperOptions", "visibleArrow", "offset", "boundariesPadding", "arrowOffset", "popperAppendToBody", "autoSize", "displayOnly", "shape", "label", "tip", "hoverExpand", "blank", "changeCompat"]),
   emits: ["update:modelValue", "change", "visible-change", "focus", "blur", "expand-change", "active-item-change", "remove-tag", "created"],
   directives: _extends({}, directive({
     Clickoutside
@@ -153,9 +152,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["show-close", "placeholder", "disabled", "label", "tip", "value", "drop-down-visible", "blank"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_1, [_ctx.shape !== "filter" ? (openBlock(), createBlock(_component_tiny_input, {
       key: 0,
       ref: "input",
-      "model-value": _ctx.state.multiple ? _ctx.state.presentText : _ctx.state.inputValue,
+      "model-value": _ctx.state.multiple && _ctx.filterable ? "" : _ctx.state.inputValues,
       size: _ctx.state.realSize,
-      placeholder: _ctx.state.placeholder,
+      placeholder: _ctx.state.multiple && _ctx.filterable ? "" : _ctx.state.placeholder,
       readonly: _ctx.state.readonly,
       disabled: _ctx.state.isDisabled,
       "display-only": _ctx.displayOnly,

package/package.json

@@ -1,26 +1,26 @@
 {
   "name": "@opentinyvue/vue-cascader",
   "type": "module",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-cascader-mobile": "~3.21.0",
-    "@opentinyvue/vue-cascader-panel": "~3.21.0",
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-directive": "~3.21.0",
-    "@opentinyvue/vue-filter-box": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-input": "~3.21.0",
-    "@opentinyvue/vue-locale": "~3.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-scrollbar": "~3.21.0",
-    "@opentinyvue/vue-tag": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~3.21.0"
+    "@opentinyvue/vue-cascader-mobile": "~3.22.0",
+    "@opentinyvue/vue-cascader-panel": "~3.22.0",
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-directive": "~3.22.0",
+    "@opentinyvue/vue-filter-box": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-input": "~3.22.0",
+    "@opentinyvue/vue-locale": "~3.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-scrollbar": "~3.22.0",
+    "@opentinyvue/vue-tag": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0",
+    "@opentinyvue/vue-tooltip": "~3.22.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/index.d.ts

@@ -85,6 +85,10 @@ export declare const cascaderProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    changeCompat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -179,6 +183,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    changeCompat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -274,6 +282,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    changeCompat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -292,6 +304,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     displayOnly: boolean;
     placeholder: string;
     blank: boolean;
+    changeCompat: boolean;
     filterable: boolean;
     collapseTags: boolean;
     debounce: number;

package/src/mobile-first.vue.d.ts

@@ -3,8 +3,11 @@ declare const _default: hooks.DefineComponent<Readonly<{
     props?: any;
     label?: any;
     disabled?: any;
-    title?: any;
     size?: any;
+    title?: any;
+    options?: any;
+    offset?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -15,13 +18,10 @@ declare const _default: hooks.DefineComponent<Readonly<{
     modelValue?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     tip?: any;
     showHeader?: any;
-    offset?: any;
     boundariesPadding?: any;
     popperOptions?: any;
     hoverExpand?: any;
@@ -77,12 +77,15 @@ declare const _default: hooks.DefineComponent<Readonly<{
     }>;
     updateValue: (value: any) => void;
     updateText: (value: any) => void;
-}, unknown, {}, {}, hooks.ComponentOptionsMixin, hooks.ComponentOptionsMixin, ("visible-change" | "blur" | "change" | "focus" | "update:modelValue" | "created" | "remove-tag" | "expand-change" | "active-item-change")[], "visible-change" | "blur" | "change" | "focus" | "update:modelValue" | "created" | "remove-tag" | "expand-change" | "active-item-change", hooks.PublicProps, Readonly<hooks.ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, hooks.ComponentOptionsMixin, hooks.ComponentOptionsMixin, ("visible-change" | "change" | "blur" | "focus" | "created" | "update:modelValue" | "changeCompat" | "remove-tag" | "expand-change" | "active-item-change")[], "visible-change" | "change" | "blur" | "focus" | "created" | "update:modelValue" | "changeCompat" | "remove-tag" | "expand-change" | "active-item-change", hooks.PublicProps, Readonly<hooks.ExtractPropTypes<Readonly<{
     props?: any;
     label?: any;
     disabled?: any;
-    title?: any;
     size?: any;
+    title?: any;
+    options?: any;
+    offset?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -93,13 +96,10 @@ declare const _default: hooks.DefineComponent<Readonly<{
     modelValue?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     tip?: any;
     showHeader?: any;
-    offset?: any;
     boundariesPadding?: any;
     popperOptions?: any;
     hoverExpand?: any;
@@ -117,8 +117,8 @@ declare const _default: hooks.DefineComponent<Readonly<{
     autoSize?: any;
     levelTitle?: any;
 }>>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -126,12 +126,16 @@ declare const _default: hooks.DefineComponent<Readonly<{
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onExpand-change"?: ((...args: any[]) => any) | undefined;
     "onActive-item-change"?: ((...args: any[]) => any) | undefined;
+    onChangeCompat?: ((...args: any[]) => any) | undefined;
 }, {
     readonly props?: any;
     readonly label?: any;
     readonly disabled?: any;
-    readonly title?: any;
     readonly size?: any;
+    readonly title?: any;
+    readonly options?: any;
+    readonly offset?: any;
+    readonly placement?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -142,13 +146,10 @@ declare const _default: hooks.DefineComponent<Readonly<{
     readonly modelValue?: any;
     readonly visibleArrow?: any;
     readonly arrowOffset?: any;
-    readonly placement?: any;
     readonly popperClass?: any;
     readonly popperAppendToBody?: any;
-    readonly options?: any;
     readonly tip?: any;
     readonly showHeader?: any;
-    readonly offset?: any;
     readonly boundariesPadding?: any;
     readonly popperOptions?: any;
     readonly hoverExpand?: any;

package/src/pc-first.vue.d.ts

@@ -3,6 +3,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     label?: any;
     disabled?: any;
     size?: any;
+    options?: any;
+    offset?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -13,12 +16,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     modelValue?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     tip?: any;
-    offset?: any;
     boundariesPadding?: any;
     popperOptions?: any;
     hoverExpand?: any;
@@ -43,11 +43,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("visible-change" | "blur" | "change" | "focus" | "update:modelValue" | "created" | "remove-tag" | "expand-change" | "active-item-change")[], "visible-change" | "blur" | "change" | "focus" | "update:modelValue" | "created" | "remove-tag" | "expand-change" | "active-item-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("visible-change" | "change" | "blur" | "focus" | "created" | "update:modelValue" | "remove-tag" | "expand-change" | "active-item-change")[], "visible-change" | "change" | "blur" | "focus" | "created" | "update:modelValue" | "remove-tag" | "expand-change" | "active-item-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     props?: any;
     label?: any;
     disabled?: any;
     size?: any;
+    options?: any;
+    offset?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -58,12 +61,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     modelValue?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     tip?: any;
-    offset?: any;
     boundariesPadding?: any;
     popperOptions?: any;
     hoverExpand?: any;
@@ -80,8 +80,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     beforeFilter?: any;
     autoSize?: any;
 }>>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -94,6 +94,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly label?: any;
     readonly disabled?: any;
     readonly size?: any;
+    readonly options?: any;
+    readonly offset?: any;
+    readonly placement?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -104,12 +107,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly modelValue?: any;
     readonly visibleArrow?: any;
     readonly arrowOffset?: any;
-    readonly placement?: any;
     readonly popperClass?: any;
     readonly popperAppendToBody?: any;
-    readonly options?: any;
     readonly tip?: any;
-    readonly offset?: any;
     readonly boundariesPadding?: any;
     readonly popperOptions?: any;
     readonly hoverExpand?: any;

package/src/pc.vue.d.ts

@@ -3,6 +3,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     label?: any;
     disabled?: any;
     size?: any;
+    options?: any;
+    offset?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -13,12 +16,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     modelValue?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     tip?: any;
-    offset?: any;
     boundariesPadding?: any;
     popperOptions?: any;
     hoverExpand?: any;
@@ -27,6 +27,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     placeholder?: any;
     shape?: any;
     blank?: any;
+    changeCompat?: any;
     filterable?: any;
     collapseTags?: any;
     filterMethod?: any;
@@ -44,11 +45,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("visible-change" | "blur" | "change" | "focus" | "update:modelValue" | "created" | "remove-tag" | "expand-change" | "active-item-change")[], "visible-change" | "blur" | "change" | "focus" | "update:modelValue" | "created" | "remove-tag" | "expand-change" | "active-item-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("visible-change" | "change" | "blur" | "focus" | "created" | "update:modelValue" | "remove-tag" | "expand-change" | "active-item-change")[], "visible-change" | "change" | "blur" | "focus" | "created" | "update:modelValue" | "remove-tag" | "expand-change" | "active-item-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     props?: any;
     label?: any;
     disabled?: any;
     size?: any;
+    options?: any;
+    offset?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -59,12 +63,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     modelValue?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     tip?: any;
-    offset?: any;
     boundariesPadding?: any;
     popperOptions?: any;
     hoverExpand?: any;
@@ -73,6 +74,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     placeholder?: any;
     shape?: any;
     blank?: any;
+    changeCompat?: any;
     filterable?: any;
     collapseTags?: any;
     filterMethod?: any;
@@ -82,8 +84,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     beforeFilter?: any;
     autoSize?: any;
 }>>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -96,6 +98,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly label?: any;
     readonly disabled?: any;
     readonly size?: any;
+    readonly options?: any;
+    readonly offset?: any;
+    readonly placement?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -106,12 +111,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly modelValue?: any;
     readonly visibleArrow?: any;
     readonly arrowOffset?: any;
-    readonly placement?: any;
     readonly popperClass?: any;
     readonly popperAppendToBody?: any;
-    readonly options?: any;
     readonly tip?: any;
-    readonly offset?: any;
     readonly boundariesPadding?: any;
     readonly popperOptions?: any;
     readonly hoverExpand?: any;
@@ -120,6 +122,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly placeholder?: any;
     readonly shape?: any;
     readonly blank?: any;
+    readonly changeCompat?: any;
     readonly filterable?: any;
     readonly collapseTags?: any;
     readonly filterMethod?: any;