@opentinyvue/vue-cascader-select 2.22.0 → 3.22.0

package/lib/index.js

@@ -118,7 +118,7 @@ var CascaderSelect = {
     });
   }
 };
-var version = "2.22.0";
+var version = "3.22.0";
 CascaderSelect.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -1,38 +1,42 @@
 import { renderless as renderless$1, api as api$1 } from '@opentinyvue/vue-renderless/cascader-select/vue';
 import { defineComponent, $prefix, $props, setup, props } from '@opentinyvue/vue-common';
 import { renderless, api } from '@opentinyvue/vue-renderless/cascader-select/column';
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, createCommentVNode, resolveComponent, createVNode, withCtx, renderSlot, withModifiers, createTextVNode } from 'vue';
 import ActionSheet from '@opentinyvue/vue-action-sheet';
 import Button from '@opentinyvue/vue-button';
 
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+    t && (r = t);
+    var o = 0;
+    return function() {
+      return o >= r.length ? { done: true } : { done: false, value: r[o++] };
+    };
   }
-  var hook;
-  if (injectStyles) {
-    hook = injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
-  return {
-    exports: scriptExports,
-    options
-  };
 }
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var _export_sfc = function _export_sfc2(sfc, props) {
+  var target = sfc.__vccOpts || sfc;
+  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
+    target[key] = val;
+  }
+  return target;
+};
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
@@ -54,7 +58,7 @@ var classes = {
   "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 __vue2_script$1 = defineComponent({
+var _sfc_main$1 = defineComponent({
   name: $prefix + "CascaderSelectColumn",
   props: _extends({}, $props, {
     // 当前选中项
@@ -111,76 +115,95 @@ var __vue2_script$1 = defineComponent({
     });
   }
 });
-var render$1 = function render$12() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    class: _vm.gcls("col-list"),
-    attrs: {
-      "data-tag": "tiny-cascader-picker__list"
-    },
-    on: {
-      "touchstart": _vm.onTouchStart,
-      "touchmove": _vm.onTouchMove,
-      "touchend": _vm.onTouchEnd
-    }
-  }, [_c("div", {
-    ref: "roller",
-    class: _vm.gcls("col-roller"),
-    style: _vm.threeDimensional ? _vm.state.touchRollerStyle : _vm.state.touchTileStyle,
-    attrs: {
-      "data-tag": "tiny-cascader-picker-roller"
-    },
-    on: {
-      "transitionend": _vm.stopMomentum
-    }
-  }, _vm._l(_vm.column, function(item, index) {
-    var _vm$m, _vm$m2, _vm$m3, _vm$m4;
-    return _c("div", {
-      key: item[_vm.fieldNames.value] || index
-    }, [item && item[_vm.fieldNames.text] && _vm.threeDimensional ? _c("div", {
-      class: _vm.m(_vm.gcls("col-roller-item"), {
-        "invisible opacity-0": _vm.isHidden(index + 1)
-      }, {
-        "text-color-brand": item === _vm.column[_vm.state.currIndex - 1]
-      }, {
-        "text-color-icon-disabled": item === _vm.column[_vm.state.currIndex - 1] && _vm.disabled
+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);
       }),
-      style: _vm.setRollerStyle(index + 1),
-      attrs: {
-        "data-tag": "tiny-cascader-picker-roller-item"
-      }
-    }, [_vm._v(" " + _vm._s(item[_vm.fieldNames.text]) + " ")]) : _vm._e(), item && item[_vm.fieldNames.text] && !_vm.threeDimensional ? _c("div", {
-      class: _vm.m(_vm.gcls("col-item-tile"), _vm.textColor.default || "text-color-text-primary", (_vm$m = {}, _vm$m[_vm.textColor.third || "text-color-icon-placeholder"] = _vm.OptionStyle(item, _vm.column, 2), _vm$m), (_vm$m2 = {}, _vm$m2[_vm.textColor.second || "text-color-icon-secondary"] = _vm.OptionStyle(item, _vm.column, 1), _vm$m2), (_vm$m3 = {}, _vm$m3[_vm.textColor.first || "text-color-icon-focus"] = _vm.OptionStyle(item, _vm.column, 0), _vm$m3), (_vm$m4 = {}, _vm$m4[_vm.textColor.disabled || "text-color-icon-disabled"] = _vm.OptionStyle(item, _vm.column, 0) && _vm.disabled, _vm$m4)),
-      style: {
-        height: _vm.pxCheck(_vm.optionHeight),
-        lineHeight: _vm.pxCheck(_vm.optionHeight)
+      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);
+        })
       },
-      attrs: {
-        "data-tag": "tiny-cascader-picker-roller-item-tile"
-      }
-    }, [_vm._v(" " + _vm._s(item[_vm.fieldNames.text]) + " ")]) : _vm._e()]);
-  }), 0), _c("div", {
-    class: _vm.gcls("col-roller-mask"),
-    style: _vm.state.maskStyles,
-    attrs: {
-      "data-tag": "tiny-cascader-picker-roller-mask"
-    }
-  })]);
-};
-var staticRenderFns$1 = [];
-var __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1);
-function __vue2_injectStyles$1(context) {
-  for (var o in __cssModules$1) {
-    this[o] = __cssModules$1[o];
-  }
+      [(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__ */ function() {
-  return __component__$1.exports;
-}();
-var __vue2_script = defineComponent({
+var PickerColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+var _sfc_main = defineComponent({
   components: {
     PickerColumn,
     TinyActionSheet: ActionSheet,
@@ -198,116 +221,118 @@ var __vue2_script = defineComponent({
     });
   }
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    attrs: {
-      "data-tag": "tiny-mobile-cascader-select"
-    }
-  }, [_c("tiny-action-sheet", {
-    attrs: {
-      "custom-class": _vm.m("rounded-t-lg bg-color-bg-1", _vm.customClass),
-      "lock-scroll": _vm.lockScroll,
-      "visible": _vm.state.actionSheetVisible
-    },
-    on: {
-      "update:visible": function updateVisible($event) {
-        _vm.state.actionSheetVisible = $event;
-      }
-    },
-    scopedSlots: _vm._u([{
-      key: "header-left",
-      fn: function fn() {
-        return [_vm._t("header-left")];
-      },
-      proxy: true
-    }], null, true)
-  }, [_c("div", {
-    staticClass: "w-full h-max rounded-t-lg bg-color-bg-1 select-none overflow-hidden",
-    attrs: {
-      "data-tag": "tiny-mobile-cascader-select-body"
-    },
-    on: {
-      "click": function click($event) {
-        $event.stopPropagation();
-      }
-    }
-  }, [_c("div", {
-    ref: "selectPanel",
-    class: _vm.m("w-full h-max grid", _vm.panelCustomClass),
-    attrs: {
-      "data-tag": "tiny-mobile-cascader-select-selectpanel"
-    }
-  }, [_c("div", {
-    staticClass: "relative text-sm",
-    attrs: {
-      "data-tag": "tiny-cascader-select-picker"
-    }
-  }, [_vm._t("top"), _c("div", {
-    class: _vm.gcls("picker-column"),
-    style: _vm.columnStyle,
-    attrs: {
-      "data-tag": "tiny-cascader-picker__column"
-    }
-  }, _vm._l(_vm.columnsList, function(column, columnIndex) {
-    return _c("div", {
-      key: columnIndex,
-      class: _vm.gcls("picker-columnitem"),
-      attrs: {
-        "data-tag": "tiny-cascader-picker__columnitem"
-      }
-    }, [columnIndex > 0 ? _vm._t("split") : _vm._e(), _c("picker-column", {
-      ref: "swipeRef",
-      refInFor: true,
-      attrs: {
-        "column": column,
-        "disabled": _vm.isDisabled,
-        "text-color": _vm.textColor,
-        "columns-type": _vm.columnsType,
-        "field-names": _vm.columnFieldNames,
-        "value": _vm.defaultValues[columnIndex],
-        "default-value": _vm.defaultValue[columnIndex],
-        "three-dimensional": _vm.threeDimensional,
-        "swipe-duration": _vm.swipeDuration,
-        "visible-option-num": _vm.visibleOptionNum,
-        "option-height": _vm.optionHeight,
-        "visible": _vm.state.actionSheetVisible
-      },
-      on: {
-        "change": function change(option) {
-          _vm.changeHandler(columnIndex, option);
-        }
-      }
-    })], 2);
-  }), 0), _vm._t("default")], 2)]), _c("div", {
-    staticClass: "w-full h-11 mt-4 flex justify-center items-center",
-    attrs: {
-      "data-tag": "tiny-mobile-cascader-select-button"
-    }
-  }, [_c("tiny-button", {
-    attrs: {
-      "type": "primary",
-      "size": "large",
-      "custom-class": _vm.m("h-10 sm:h-10 w-full sm:w-auto mx-4 sm:mx-0 flex justify-center items-center", _vm.isDisabled ? "bg-color-icon-disabled" : "bg-color-icon-focus"),
-      "disabled": _vm.isDisabled
-    },
-    on: {
-      "click": _vm.confirm
-    }
-  }, [_vm._v(_vm._s(_vm.t("ui.button.confirm")))])], 1)])])], 1);
+var _hoisted_1 = {
+  "data-tag": "tiny-mobile-cascader-select"
 };
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+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",
+  "data-tag": "tiny-mobile-cascader-select-button"
+};
+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(), 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[1] || (_cache[1] = function($event) {
+      return _ctx.state.actionSheetVisible = $event;
+    })
+  }, {
+    "header-left": withCtx(function() {
+      return [renderSlot(_ctx.$slots, "header-left")];
+    }),
+    default: withCtx(function() {
+      return [createElementVNode("div", {
+        "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"]))
+      }, [createElementVNode(
+        "div",
+        {
+          "data-tag": "tiny-mobile-cascader-select-selectpanel",
+          ref: "selectPanel",
+          class: normalizeClass(_ctx.m("w-full h-max grid", _ctx.panelCustomClass))
+        },
+        [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],
+                  "default-value": _ctx.defaultValue[columnIndex],
+                  "three-dimensional": _ctx.threeDimensional,
+                  "swipe-duration": _ctx.swipeDuration,
+                  "visible-option-num": _ctx.visibleOptionNum,
+                  "option-height": _ctx.optionHeight,
+                  visible: _ctx.state.actionSheetVisible,
+                  onChange: function onChange(option) {
+                    _ctx.changeHandler(columnIndex, option);
+                  }
+                }, null, 8, ["column", "disabled", "text-color", "columns-type", "field-names", "value", "default-value", "three-dimensional", "swipe-duration", "visible-option-num", "option-height", "visible", "onChange"])],
+                2
+                /* CLASS */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))],
+          6
+          /* CLASS, STYLE */
+        ), renderSlot(_ctx.$slots, "default")])],
+        2
+        /* CLASS */
+      ), createElementVNode("div", _hoisted_3, [createVNode(_component_tiny_button, {
+        type: "primary",
+        size: "large",
+        "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
+      }, {
+        default: withCtx(function() {
+          return [createTextVNode(
+            toDisplayString(_ctx.t("ui.button.confirm")),
+            1
+            /* TEXT */
+          )];
+        }),
+        _: 1
+        /* STABLE */
+      }, 8, ["custom-class", "disabled", "onClick"])])])];
+    }),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["custom-class", "lock-scroll", "visible"])]);
 }
-var mobileFirst = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 export { mobileFirst as default };

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@opentinyvue/vue-cascader-select",
-  "version": "2.22.0",
+  "version": "3.22.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-action-sheet": "~2.22.0",
-    "@opentinyvue/vue-button": "~2.22.0",
-    "@opentinyvue/vue-common": "~2.22.0",
+    "@opentinyvue/vue-action-sheet": "~3.22.0",
+    "@opentinyvue/vue-button": "~3.22.0",
+    "@opentinyvue/vue-common": "~3.22.0",
     "@opentinyvue/vue-renderless": "~3.22.0"
   },
   "license": "MIT",

package/src/Column.vue.d.ts

@@ -1,2 +1,105 @@
-declare const _default: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    defaultValue: (StringConstructor | NumberConstructor)[];
+    columnsType: StringConstructor;
+    column: {
+        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: () => {};
+    };
+    disabled: BooleanConstructor;
+    visible: BooleanConstructor;
+    textColor: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, {
+    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;
+    m: (...cssClasses: any[]) => string;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "click")[], "change" | "click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    defaultValue: (StringConstructor | NumberConstructor)[];
+    columnsType: StringConstructor;
+    column: {
+        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: () => {};
+    };
+    disabled: BooleanConstructor;
+    visible: BooleanConstructor;
+    textColor: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    visible: boolean;
+    tiny_mode_root: boolean;
+    optionHeight: string | number;
+    column: unknown[];
+    threeDimensional: boolean;
+    swipeDuration: string | number;
+    visibleOptionNum: string | number;
+    fieldNames: Record<string, any>;
+    textColor: Record<string, any>;
+}, {}>;
 export default _default;

package/src/index.d.ts

@@ -73,8 +73,8 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
-        customClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        panelCustomClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        panelCustomClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         type: {
             type: StringConstructor;
             validator: (value: any) => number;
@@ -87,6 +87,8 @@ declare const _default: {
         tiny_theme: StringConstructor;
         tiny_chart_theme: ObjectConstructor;
     };
-    setup(props: any, context: any): () => any;
+    setup(props: any, context: any): () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+        [key: string]: any;
+    }>;
 };
 export default _default;

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

@@ -1,2 +1,98 @@
-declare const _default: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    disabled?: any;
+    type?: any;
+    options?: any;
+    visible?: any;
+    customClass?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    modelValue?: any;
+    textField?: any;
+    valueField?: any;
+    lockScroll?: any;
+    defaultValue?: any;
+    valueType?: any;
+    optionHeight?: any;
+    threeDimensional?: any;
+    swipeDuration?: any;
+    visibleOptionNum?: any;
+    fieldNames?: any;
+    textColor?: any;
+    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;
+    m: (...cssClasses: any[]) => string;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "cancel" | "update:modelValue" | "update:visible" | "confirm")[], "change" | "cancel" | "update:modelValue" | "update:visible" | "confirm", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    disabled?: any;
+    type?: any;
+    options?: any;
+    visible?: any;
+    customClass?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    modelValue?: any;
+    textField?: any;
+    valueField?: any;
+    lockScroll?: any;
+    defaultValue?: any;
+    valueType?: any;
+    optionHeight?: any;
+    threeDimensional?: any;
+    swipeDuration?: any;
+    visibleOptionNum?: any;
+    fieldNames?: any;
+    textColor?: any;
+    childrenField?: any;
+    panelCustomClass?: any;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly disabled?: any;
+    readonly type?: any;
+    readonly options?: any;
+    readonly visible?: any;
+    readonly customClass?: any;
+    readonly tiny_mode?: any;
+    readonly tiny_mode_root?: any;
+    readonly tiny_template?: any;
+    readonly tiny_renderless?: any;
+    readonly _constants?: any;
+    readonly tiny_theme?: any;
+    readonly tiny_chart_theme?: any;
+    readonly modelValue?: any;
+    readonly textField?: any;
+    readonly valueField?: any;
+    readonly lockScroll?: any;
+    readonly defaultValue?: any;
+    readonly valueType?: 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;