@opentiny/vue-cascader-select - npm Package Compare versions

Comparing version 3.13.0 to 3.14.0

lib/index.js

@@ -30,6 +30,41 @@ function _extends() {
     },
-    modelValue: Array,
-    options: Array,
+    modelValue: {
+      type: Array,
+      default: function _default2() {
+        return [];
+      }
+    },
+    options: {
+      type: Array,
+      default: function _default3() {
+        return [];
+      }
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: false
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
+    },
+    visibleOptionNum: {
+      type: [Number, String],
+      default: 5
+    },
+    optionHeight: {
+      type: [Number, String],
+      default: 36
+    },
+    fieldNames: {
+      type: Object,
+      default: function _default4() {
+        return {
+          text: "label",
+          value: "id",
+          children: "children"
+        };
+      }
+    },
     visible: Boolean,
-    cycleRoll: Boolean,
     valueType: {
@@ -47,8 +82,31 @@ type: String,
     },
+    childrenField: {
+      type: String,
+      default: "children"
+    },
     disabled: Function,
     textColor: {
       type: Object,
-      default: function _default2() {
-        return {};
+      default: function _default5() {
+        return {
+          default: "",
+          first: "",
+          second: "",
+          third: "",
+          disabled: ""
+        };
       }
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    customClass: [String, Object, Array],
+    panelCustomClass: [String, Object, Array],
+    type: {
+      type: String,
+      validator: function validator(value) {
+        return ~["cascade", "single"].indexOf(value);
+      },
+      default: "single"
     }
@@ -64,3 +122,3 @@ }),
 };
-var version = "3.13.0";
+var version = "3.14.0";
 CascaderSelect.model = {
@@ -67,0 +125,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -1,6 +0,19 @@
-import { renderless, api } from "@opentiny/vue-renderless/cascader-select/vue";
-import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
-import ActionSheet from "@opentiny/vue-action-sheet";
-import Button from "@opentiny/vue-button";
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createVNode } from "vue";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+import { renderless as renderless$1, api as api$1 } from "@opentiny/vue-renderless/cascader-select/vue";
+import { defineComponent, $prefix, $props, setup as _setup, props } from "@opentiny/vue-common";
+import { renderless, api } from "@opentiny/vue-renderless/cascader-select/column";
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, createCommentVNode, resolveComponent, createVNode, withCtx, withModifiers, renderSlot, createTextVNode } from "vue";
 function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
@@ -51,31 +64,197 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 
+import ActionSheet from "@opentiny/vue-action-sheet";
+import Button from "@opentiny/vue-button";
+var classes = {
+  "header-item": "cursor-pointer px-4 flex items-center justify-center min-w-[50px] h-full text-sm",
+  "picker-column": "flex relative before:content-[''] before:absolute before:top-1/2 before:h-[var(--lineHeight)] before:w-full before:border-t before:border-b before:border-color-bg-3 before:scale-90 before:-translate-y-1/2",
+  "picker-columnitem": "flex-1 h-full relative",
+  "picker-bar": "flex h-12 items-center justify-between",
+  "col-list": "relative block w-full h-full overflow-hidden text-center scrolling-touch",
+  "col-roller": "absolute block top-1/2 w-full z1 -translate-y-1/2 [transform-style:preserve-3d] h-[var(--lineHeight)]",
+  "col-roller-item": "block [backface-visibility:hidden] absolute top-0 w-full h-9 leading-9 text-color-text-primary truncate",
+  "col-item-tile": "block text-center w-full truncate",
+  "col-roller-mask": "absolute w-full h-full block [background-image:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.4)),linear-gradient(0deg,rgba(255,255,255,0.9),rgba(255,255,255,0.4))] [background-position:top,bottom] bg-no-repeat z-1"
+};
+var _sfc_main$1 = defineComponent({
+  name: $prefix + "CascaderSelectColumn",
+  props: _extends({}, $props, {
+    // 当前选中项
+    value: [String, Number],
+    columnsType: String,
+    column: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    // 是否开启3D效果
+    threeDimensional: {
+      type: Boolean,
+      default: true
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
+    },
+    visibleOptionNum: {
+      type: [Number, String],
+      default: 7
+    },
+    optionHeight: {
+      type: [Number, String],
+      default: 36
+    },
+    fieldNames: {
+      type: Object,
+      default: function _default2() {
+        return {};
+      }
+    },
+    disabled: Boolean,
+    textColor: {
+      type: Object,
+      default: function _default3() {
+        return {};
+      }
+    }
+  }),
+  emits: ["click", "change"],
+  setup: function setup(props2, context) {
+    return _setup({
+      props: props2,
+      context,
+      renderless,
+      api,
+      classes,
+      mono: true
+    });
+  }
+});
+function _sfc_render$1(_ctx, _cache, $props2, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      "data-tag": "tiny-cascader-picker__list",
+      class: normalizeClass(_ctx.gcls("col-list")),
+      onTouchstart: _cache[1] || (_cache[1] = function() {
+        return _ctx.onTouchStart && _ctx.onTouchStart.apply(_ctx, arguments);
+      }),
+      onTouchmove: _cache[2] || (_cache[2] = function() {
+        return _ctx.onTouchMove && _ctx.onTouchMove.apply(_ctx, arguments);
+      }),
+      onTouchend: _cache[3] || (_cache[3] = function() {
+        return _ctx.onTouchEnd && _ctx.onTouchEnd.apply(_ctx, arguments);
+      })
+    },
+    [createElementVNode(
+      "div",
+      {
+        ref: "roller",
+        "data-tag": "tiny-cascader-picker-roller",
+        class: normalizeClass(_ctx.gcls("col-roller")),
+        style: normalizeStyle(_ctx.threeDimensional ? _ctx.state.touchRollerStyle : _ctx.state.touchTileStyle),
+        onTransitionend: _cache[0] || (_cache[0] = function() {
+          return _ctx.stopMomentum && _ctx.stopMomentum.apply(_ctx, arguments);
+        })
+      },
+      [(openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList(_ctx.column, function(item, index) {
+          var _ctx$m, _ctx$m2, _ctx$m3, _ctx$m4;
+          return openBlock(), createElementBlock("div", {
+            key: item[_ctx.fieldNames.value] || index
+          }, [item && item[_ctx.fieldNames.text] && _ctx.threeDimensional ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              "data-tag": "tiny-cascader-picker-roller-item",
+              class: normalizeClass(_ctx.m(_ctx.gcls("col-roller-item"), {
+                "invisible opacity-0": _ctx.isHidden(index + 1)
+              }, {
+                "text-color-brand": item === _ctx.column[_ctx.state.currIndex - 1]
+              }, {
+                "text-color-icon-disabled": item === _ctx.column[_ctx.state.currIndex - 1] && _ctx.disabled
+              })),
+              style: normalizeStyle(_ctx.setRollerStyle(index + 1))
+            },
+            toDisplayString(item[_ctx.fieldNames.text]),
+            7
+            /* TEXT, CLASS, STYLE */
+          )) : createCommentVNode("v-if", true), item && item[_ctx.fieldNames.text] && !_ctx.threeDimensional ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              "data-tag": "tiny-cascader-picker-roller-item-tile",
+              class: normalizeClass(_ctx.m(_ctx.gcls("col-item-tile"), _ctx.textColor.default || "text-color-text-primary", (_ctx$m = {}, _ctx$m[_ctx.textColor.third || "text-color-icon-placeholder"] = _ctx.OptionStyle(item, _ctx.column, 2), _ctx$m), (_ctx$m2 = {}, _ctx$m2[_ctx.textColor.second || "text-color-icon-secondary"] = _ctx.OptionStyle(item, _ctx.column, 1), _ctx$m2), (_ctx$m3 = {}, _ctx$m3[_ctx.textColor.first || "text-color-icon-focus"] = _ctx.OptionStyle(item, _ctx.column, 0), _ctx$m3), (_ctx$m4 = {}, _ctx$m4[_ctx.textColor.disabled || "text-color-icon-disabled"] = _ctx.OptionStyle(item, _ctx.column, 0) && _ctx.disabled, _ctx$m4))),
+              style: normalizeStyle({
+                height: _ctx.pxCheck(_ctx.optionHeight),
+                lineHeight: _ctx.pxCheck(_ctx.optionHeight)
+              })
+            },
+            toDisplayString(item[_ctx.fieldNames.text]),
+            7
+            /* TEXT, CLASS, STYLE */
+          )) : createCommentVNode("v-if", true)]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))],
+      38
+      /* CLASS, STYLE, NEED_HYDRATION */
+    ), createElementVNode(
+      "div",
+      {
+        "data-tag": "tiny-cascader-picker-roller-mask",
+        class: normalizeClass(_ctx.gcls("col-roller-mask")),
+        style: normalizeStyle(_ctx.state.maskStyles)
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    )],
+    34
+    /* CLASS, NEED_HYDRATION */
+  );
+}
+var PickerColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 var _sfc_main = defineComponent({
-  emits: ["update:modelValue", "update:visible"],
-  props: [].concat(props, ["modelValue", "options", "visible", "cycleRoll", "valueType", "valueField", "textField", "disabled", "textColor"]),
   components: {
+    PickerColumn,
     TinyActionSheet: ActionSheet,
     TinyButton: Button
   },
-  setup: function setup(props2, context) {
+  emits: ["cancel", "change", "confirm", "update:modelValue", "update:visible"],
+  props: [].concat(props, ["modelValue", "options", "threeDimensional", "swipeDuration", "visibleOptionNum", "optionHeight", "fieldNames", "visible", "valueType", "valueField", "textField", "childrenField", "disabled", "textColor", "lockScroll", "customClass", "panelCustomClass", "type"]),
+  setup: function setup2(props2, context) {
     return _setup({
       props: props2,
       context,
-      renderless,
-      api
+      renderless: renderless$1,
+      api: api$1,
+      mono: true,
+      classes
     });
   }
 });
-var _hoisted_1 = ["onTouchend", "onTouchmove"];
-var _hoisted_2 = ["date-status", "data-option"];
+var _hoisted_1 = {
+  "data-tag": "tiny-mobile-cascader-select"
+};
+var _hoisted_2 = {
+  "data-tag": "tiny-cascader-select-picker",
+  class: "relative text-sm"
+};
 var _hoisted_3 = {
-  class: "w-full h-11 mt-4 flex justify-center items-center"
+  class: "w-full h-11 mt-4 flex justify-center items-center",
+  "data-tag": "tiny-mobile-cascader-select-button"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
+  var _component_picker_column = resolveComponent("picker-column");
   var _component_tiny_button = resolveComponent("tiny-button");
   var _component_tiny_action_sheet = resolveComponent("tiny-action-sheet");
-  return openBlock(), createBlock(_component_tiny_action_sheet, {
-    "data-tag": "tiny-mobile-cascader-select",
-    "content-class": "rounded-t-lg bg-white",
+  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_tiny_action_sheet, {
+    "custom-class": _ctx.m("rounded-t-lg bg-color-bg-1", _ctx.customClass),
+    "lock-scroll": _ctx.lockScroll,
     visible: _ctx.state.actionSheetVisible,
-    "onUpdate:visible": _cache[2] || (_cache[2] = function($event) {
+    "onUpdate:visible": _cache[1] || (_cache[1] = function($event) {
       return _ctx.state.actionSheetVisible = $event;
@@ -86,4 +265,5 @@ })
       return [createElementVNode("div", {
-        class: "w-full h-max rounded-t-lg bg-white select-none overflow-hidden",
-        onClick: _cache[1] || (_cache[1] = withModifiers(function() {
+        "data-tag": "tiny-mobile-cascader-select-body",
+        class: "w-full h-max rounded-t-lg bg-color-bg-1 select-none overflow-hidden",
+        onClick: _cache[0] || (_cache[0] = withModifiers(function() {
         }, ["stop"]))
@@ -93,66 +273,53 @@ }, [createElementVNode(
         {
+          "data-tag": "tiny-mobile-cascader-select-selectpanel",
           ref: "selectPanel",
-          class: normalizeClass(["w-full h-max grid", {
-            "grid-cols-1": _ctx.state.selectorCount === 1
-          }, {
-            "grid-cols-2": _ctx.state.selectorCount === 2
-          }, {
-            "grid-cols-3": _ctx.state.selectorCount === 3
-          }])
+          class: normalizeClass(_ctx.m("w-full h-max grid", _ctx.panelCustomClass))
         },
-        [(openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList(_ctx.state.selectorCount, function(v, i) {
-            return openBlock(), createElementBlock("div", {
-              key: "s" + i,
-              class: "h-40",
-              style: {
-                "transform": "translate3d(0, 0, 0)"
-              },
-              onTouchstart: _cache[0] || (_cache[0] = withModifiers(function() {
-                return _ctx.handleTouchstart && _ctx.handleTouchstart.apply(_ctx, arguments);
-              }, ["prevent"])),
-              onTouchend: withModifiers(function($event) {
-                return _ctx.handleTouchend($event, i);
-              }, ["prevent"]),
-              onTouchmove: withModifiers(function($event) {
-                return _ctx.throttledHandleTouchmove($event, i);
-              }, ["prevent"])
-            }, [(openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(_ctx.state["selector" + i].visibleOptions, function(option, j) {
-                var _ctx$m, _ctx$m2, _ctx$m3, _ctx$m4;
-                return openBlock(), createElementBlock("div", {
-                  "data-tag": "tiny-mobile-cs-option",
-                  "date-status": _ctx.statusOpt(option),
-                  "data-option": option[_ctx.valueField],
-                  key: "s" + i + "o" + j,
-                  class: normalizeClass(_ctx.m("w-full h-8 flex justify-center items-center cursor-pointer relative", {
-                    "text-xs": _ctx.styleOpt(option) === 2
-                  }, {
-                    "text-sm": _ctx.styleOpt(option) === 1
-                  }, {
-                    "text-base": _ctx.styleOpt(option) === 0
-                  }, (_ctx$m = {}, _ctx$m[_ctx.textColor.third || "text-color-icon-placeholder"] = _ctx.styleOpt(option) === 2, _ctx$m), (_ctx$m2 = {}, _ctx$m2[_ctx.textColor.second || "text-color-icon-secondary"] = _ctx.styleOpt(option) === 1, _ctx$m2), (_ctx$m3 = {}, _ctx$m3[_ctx.textColor.first || "text-color-icon-focus"] = _ctx.styleOpt(option) === 0, _ctx$m3), (_ctx$m4 = {}, _ctx$m4[_ctx.textColor.disabled || "text-color-icon-disabled"] = _ctx.statusOpt(option) === "disabled", _ctx$m4)))
-                }, [renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
-                  i,
-                  j,
-                  option
-                })), function() {
-                  return [createTextVNode(
-                    toDisplayString(option[_ctx.textField]),
-                    1
-                    /* TEXT */
-                  )];
-                })], 10, _hoisted_2);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))], 40, _hoisted_1);
-          }),
-          128
-          /* KEYED_FRAGMENT */
-        ))],
+        [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "top"), createElementVNode(
+          "div",
+          {
+            "data-tag": "tiny-cascader-picker__column",
+            class: normalizeClass(_ctx.gcls("picker-column")),
+            style: normalizeStyle(_ctx.columnStyle)
+          },
+          [(openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(_ctx.columnsList, function(column, columnIndex) {
+              return openBlock(), createElementBlock(
+                "div",
+                {
+                  key: columnIndex,
+                  "data-tag": "tiny-cascader-picker__columnitem",
+                  class: normalizeClass(_ctx.gcls("picker-columnitem"))
+                },
+                [columnIndex > 0 ? renderSlot(_ctx.$slots, "split", {
+                  key: 0
+                }) : createCommentVNode("v-if", true), createVNode(_component_picker_column, {
+                  ref_for: true,
+                  ref: "swipeRef",
+                  column,
+                  disabled: _ctx.isDisabled,
+                  "text-color": _ctx.textColor,
+                  "columns-type": _ctx.columnsType,
+                  "field-names": _ctx.columnFieldNames,
+                  value: _ctx.defaultValues[columnIndex],
+                  "three-dimensional": _ctx.threeDimensional,
+                  "swipe-duration": _ctx.swipeDuration,
+                  "visible-option-num": _ctx.visibleOptionNum,
+                  "option-height": _ctx.optionHeight,
+                  onChange: function onChange(option) {
+                    _ctx.changeHandler(columnIndex, option);
+                  }
+                }, null, 8, ["column", "disabled", "text-color", "columns-type", "field-names", "value", "three-dimensional", "swipe-duration", "visible-option-num", "option-height", "onChange"])],
+                2
+                /* CLASS */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))],
+          6
+          /* CLASS, STYLE */
+        ), renderSlot(_ctx.$slots, "default")])],
         2
@@ -163,4 +330,4 @@ /* CLASS */
         size: "large",
-        "button-class": _ctx.m("h-10 sm:h-10 mx-4 flex justify-center items-center", _ctx.state.confirmDisabled ? "bg-color-icon-disabled" : "bg-color-icon-focus"),
-        disabled: _ctx.state.confirmDisabled,
+        "custom-class": _ctx.m("h-10 sm:h-10 w-full sm:w-auto mx-4 sm:mx-0 flex justify-center items-center", _ctx.isDisabled ? "bg-color-icon-disabled" : "bg-color-icon-focus"),
+        disabled: _ctx.isDisabled,
         onClick: _ctx.confirm
@@ -177,7 +344,7 @@ }, {
         /* STABLE */
-      }, 8, ["button-class", "disabled", "onClick"])])])];
+      }, 8, ["custom-class", "disabled", "onClick"])])])];
     }),
     _: 3
     /* FORWARDED */
-  }, 8, ["visible"]);
+  }, 8, ["custom-class", "lock-scroll", "visible"])]);
 }
@@ -184,0 +351,0 @@ var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package.json

 {
   "name": "@opentiny/vue-cascader-select",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "description": "",
@@ -10,7 +10,7 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-action-sheet": "~3.13.0",
-    "@opentiny/vue-button": "~3.13.0",
-    "@opentiny/vue-common": "~3.13.0",
-    "@opentiny/vue-icon": "~3.13.0",
-    "@opentiny/vue-renderless": "~3.13.0"
+    "@opentiny/vue-action-sheet": "~3.14.0",
+    "@opentiny/vue-button": "~3.14.0",
+    "@opentiny/vue-common": "~3.14.0",
+    "@opentiny/vue-icon": "~3.14.0",
+    "@opentiny/vue-renderless": "~3.14.0"
   },
@@ -17,0 +17,0 @@ "license": "MIT",

src/index.d.ts

@@ -8,6 +8,35 @@ declare const _default: {
         };
-        modelValue: ArrayConstructor;
-        options: ArrayConstructor;
+        modelValue: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        options: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        threeDimensional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        swipeDuration: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        visibleOptionNum: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        optionHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        fieldNames: {
+            type: ObjectConstructor;
+            default: () => {
+                text: string;
+                value: string;
+                children: string;
+            };
+        };
         visible: BooleanConstructor;
-        cycleRoll: BooleanConstructor;
         valueType: {
@@ -25,7 +54,28 @@ type: StringConstructor;
         };
+        childrenField: {
+            type: StringConstructor;
+            default: string;
+        };
         disabled: FunctionConstructor;
         textColor: {
             type: ObjectConstructor;
-            default: () => {};
+            default: () => {
+                default: string;
+                first: string;
+                second: string;
+                third: string;
+                disabled: string;
+            };
         };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        panelCustomClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: {
+            type: StringConstructor;
+            validator: (value: any) => number;
+            default: string;
+        };
         tiny_mode: StringConstructor;
@@ -32,0 +82,0 @@ tiny_mode_root: BooleanConstructor;

src/mobile-first.vue.d.ts

 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    type?: any;
     disabled?: any;
@@ -15,6 +16,23 @@ tiny_mode?: any;
     visible?: any;
+    customClass?: any;
+    lockScroll?: any;
     valueType?: any;
-    cycleRoll?: any;
+    optionHeight?: any;
+    threeDimensional?: any;
+    swipeDuration?: any;
+    visibleOptionNum?: any;
+    fieldNames?: any;
     textColor?: any;
-}>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "update:visible")[], "update:modelValue" | "update:visible", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    childrenField?: any;
+    panelCustomClass?: any;
+}>, {
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+    gcls: (key: any) => any;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("cancel" | "confirm" | "change" | "update:modelValue" | "update:visible")[], "cancel" | "confirm" | "change" | "update:modelValue" | "update:visible", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    type?: any;
     disabled?: any;
@@ -33,9 +51,21 @@ tiny_mode?: any;
     visible?: any;
+    customClass?: any;
+    lockScroll?: any;
     valueType?: any;
-    cycleRoll?: any;
+    optionHeight?: any;
+    threeDimensional?: any;
+    swipeDuration?: any;
+    visibleOptionNum?: any;
+    fieldNames?: any;
     textColor?: any;
+    childrenField?: any;
+    panelCustomClass?: any;
 }>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly type?: any;
     readonly disabled?: any;
@@ -54,6 +84,14 @@ readonly tiny_mode?: any;
     readonly visible?: any;
+    readonly customClass?: any;
+    readonly lockScroll?: any;
     readonly valueType?: any;
-    readonly cycleRoll?: any;
+    readonly optionHeight?: any;
+    readonly threeDimensional?: any;
+    readonly swipeDuration?: any;
+    readonly visibleOptionNum?: any;
+    readonly fieldNames?: any;
     readonly textColor?: any;
+    readonly childrenField?: any;
+    readonly panelCustomClass?: any;
 }, {}>;
 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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

28135

increased by18.34%

Lines of code

780

increased by31.09%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

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

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

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

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

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

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

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

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

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

• - Removed@opentiny/vue-action-sheet@3.13.0(transitive)

• - Removed@opentiny/vue-button@3.13.0(transitive)

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

• - Removed@opentiny/vue-drawer@3.13.0(transitive)

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

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

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

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

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

• Updated@opentiny/vue-action-sheet@~3.14.0

• Updated@opentiny/vue-button@~3.14.0

• Updated@opentiny/vue-common@~3.14.0

• Updated@opentiny/vue-icon@~3.14.0

• Updated@opentiny/vue-renderless@~3.14.0