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

Comparing version 3.6.7 to 3.8.0

lib/index.js

@@ -21,2 +21,4 @@ function _extends() {
     return MobileTemplate;
+  else if ("mobile-first" === (process.env.TINY_MODE || mode))
+    return MobileFirstTemplate;
   else
@@ -23,0 +25,0 @@ return PcTemplate;

lib/mobile.js

@@ -6,3 +6,3 @@ import { defineComponent, $prefix, setup as _setup } from "@opentiny/vue-common";
 import Wheel from "@opentiny/vue-wheel";
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, normalizeStyle, createVNode, withCtx, createTextVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, normalizeClass, toDisplayString, normalizeStyle, createVNode, withCtx, createTextVNode } from "vue";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
@@ -84,14 +84,14 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 var _hoisted_1 = {
+  class: "tiny-mobile-multi-select"
+};
+var _hoisted_2 = {
   class: "tiny-mobile-multi-select__header"
 };
-var _hoisted_2 = {
+var _hoisted_3 = {
   class: "tiny-mobile-multi-select__header__flexCenter",
   ref: "headerBox"
 };
-var _hoisted_3 = {
+var _hoisted_4 = {
   class: "tiny-mobile-multi-select__header__calc"
 };
-var _hoisted_4 = {
-  class: "tiny-mobile-multi-select__header__label"
-};
 var _hoisted_5 = {
@@ -105,11 +105,8 @@ key: 0
 var _hoisted_8 = {
-  class: "tiny-mobile-multi-select__header__label"
+  key: 0
 };
 var _hoisted_9 = {
-  key: 0
+  key: 1
 };
 var _hoisted_10 = {
-  key: 1
-};
-var _hoisted_11 = {
   key: 1,
@@ -123,68 +120,23 @@ class: "tiny-mobile-multi-select__footer"
   var _component_tiny_button = resolveComponent("tiny-button");
-  return openBlock(), createElementBlock(
+  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode(
     "div",
-    {
-      class: normalizeClass(["tiny-mobile-multi-select", _ctx.state.isActive ? "tiny-mobile-multi-select__active" : ""])
-    },
-    [createElementVNode("div", _hoisted_1, [createElementVNode(
-      "div",
-      _hoisted_2,
-      [createCommentVNode(" 用来计算头部每项宽度 "), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(
-        Fragment,
-        null,
-        renderList(_ctx.dataSource, function(item, index) {
-          var _ctx$state$headerInfo, _ctx$state$headerInfo2, _ctx$state$headerInfo3, _ctx$state$headerInfo4;
-          return openBlock(), createElementBlock(
-            "div",
-            {
-              key: index,
-              class: normalizeClass(["tiny-mobile-multi-select__header__item", (_ctx$state$headerInfo = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo.isSelected ? "tiny-mobile-multi-select__header__selected" : ""]),
-              ref_for: true,
-              ref: "label"
-            },
-            [createElementVNode("div", _hoisted_4, [!((_ctx$state$headerInfo2 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo2.isSelected) ? (openBlock(), createElementBlock(
-              "span",
-              _hoisted_5,
-              toDisplayString(item.title),
-              1
-              /* TEXT */
-            )) : (openBlock(), createElementBlock(
-              "span",
-              _hoisted_6,
-              toDisplayString((_ctx$state$headerInfo3 = _ctx.state.headerInfo[index]) == null ? void 0 : _ctx$state$headerInfo3.title),
-              1
-              /* TEXT */
-            ))]), createElementVNode(
-              "div",
-              {
-                class: "tiny-mobile-multi-select__header__icon",
-                style: normalizeStyle({
-                  transform: (_ctx$state$headerInfo4 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo4.isUP ? "rotate(180deg)" : "none"
-                })
-              },
-              [createVNode(_component_IconChevronDown)],
-              4
-              /* STYLE */
-            )],
-            2
-            /* CLASS */
-          );
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      ))]), (openBlock(true), createElementBlock(
-        Fragment,
-        null,
-        renderList(_ctx.dataSource, function(item, index) {
-          var _ctx$state$headerInfo5, _ctx$state$headerInfo6, _ctx$state$headerInfo7, _ctx$state$headerInfo8;
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(["tiny-mobile-multi-select__header__item", (_ctx$state$headerInfo5 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo5.isSelected ? "tiny-mobile-multi-select__header__selected" : ""]),
-            onClick: function onClick($event) {
-              return _ctx.handleClick(index);
-            },
-            style: normalizeStyle(_ctx.state.labelsStyle[index])
-          }, [createElementVNode("div", _hoisted_8, [!((_ctx$state$headerInfo6 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo6.isSelected) ? (openBlock(), createElementBlock(
+    _hoisted_3,
+    [createCommentVNode(" 用来计算头部每项宽度 "), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(
+      Fragment,
+      null,
+      renderList(_ctx.dataSource, function(item, index) {
+        var _ctx$state$headerInfo, _ctx$state$headerInfo2, _ctx$state$headerInfo3, _ctx$state$headerInfo4, _ctx$state$headerInfo5;
+        return openBlock(), createElementBlock("div", {
+          key: index,
+          class: "tiny-mobile-multi-select__header__item",
+          ref_for: true,
+          ref: "label"
+        }, [createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["tiny-mobile-multi-select__header__label", (_ctx$state$headerInfo = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo.isSelected ? "tiny-mobile-multi-select__header__active" : ""])
+          },
+          [!((_ctx$state$headerInfo2 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo2.isSelected) ? (openBlock(), createElementBlock(
             "span",
-            _hoisted_9,
+            _hoisted_5,
             toDisplayString(item.title),
@@ -195,72 +147,119 @@ 1
             "span",
-            _hoisted_10,
-            toDisplayString((_ctx$state$headerInfo7 = _ctx.state.headerInfo[index]) == null ? void 0 : _ctx$state$headerInfo7.title),
+            _hoisted_6,
+            toDisplayString((_ctx$state$headerInfo3 = _ctx.state.headerInfo[index]) == null ? void 0 : _ctx$state$headerInfo3.title),
             1
             /* TEXT */
-          ))]), createElementVNode(
-            "div",
-            {
-              class: "tiny-mobile-multi-select__header__icon",
-              style: normalizeStyle({
-                transform: (_ctx$state$headerInfo8 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo8.isUP ? "rotate(180deg)" : "none"
-              })
-            },
-            [createVNode(_component_IconChevronDown)],
-            4
-            /* STYLE */
-          )], 14, _hoisted_7);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      ))],
-      512
-      /* NEED_PATCH */
-    )]), _ctx.state.showWheel ? (openBlock(), createElementBlock(
-      "div",
-      {
-        key: 0,
-        class: normalizeClass(["tiny-mobile-multi-select__content", !((_ctx$dataSource$_ctx$ = _ctx.dataSource[_ctx.state.headerIndex]) != null && _ctx$dataSource$_ctx$.hasFooter) ? "noFooter" : ""])
-      },
-      [createVNode(_component_tiny_wheel, {
-        dataSource: _ctx.state.wheelData,
-        defaultSelectedIndexs: _ctx.state.defaultSelectedIndexs,
-        hasFooter: (_ctx$dataSource$_ctx$2 = _ctx.dataSource[_ctx.state.headerIndex]) == null ? void 0 : _ctx$dataSource$_ctx$2.hasFooter,
-        onChange: _ctx.wheelChange,
-        onClickWheelItem: _ctx.clickWheelItem
-      }, null, 8, ["dataSource", "defaultSelectedIndexs", "hasFooter", "onChange", "onClickWheelItem"])],
-      2
-      /* CLASS */
-    )) : createCommentVNode("v-if", true), _ctx.state.showWheel && (_ctx$dataSource$_ctx$3 = _ctx.dataSource[_ctx.state.headerIndex]) != null && _ctx$dataSource$_ctx$3.hasFooter ? (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(_component_tiny_button, {
-      round: "",
-      size: "large",
-      onClick: _ctx.reset
-    }, {
-      default: withCtx(function() {
-        return [createTextVNode(
-          toDisplayString(_ctx.t("ui.base.reset")),
-          1
-          /* TEXT */
-        )];
+          ))],
+          2
+          /* CLASS */
+        ), createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["tiny-mobile-multi-select__header__icon", (_ctx$state$headerInfo4 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo4.isSelected ? "tiny-mobile-multi-select__header__active" : ""]),
+            style: normalizeStyle({
+              transform: (_ctx$state$headerInfo5 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo5.isUP ? "rotate(180deg)" : "none"
+            })
+          },
+          [createVNode(_component_IconChevronDown)],
+          6
+          /* CLASS, STYLE */
+        )]);
       }),
-      _: 1
-      /* STABLE */
-    }, 8, ["onClick"]), createVNode(_component_tiny_button, {
-      round: "",
-      size: "large",
-      type: "primary",
-      onClick: _ctx.confirm
-    }, {
-      default: withCtx(function() {
-        return [createTextVNode(
-          toDisplayString(_ctx.t("ui.button.confirm")),
-          1
-          /* TEXT */
-        )];
+      128
+      /* KEYED_FRAGMENT */
+    ))]), (openBlock(true), createElementBlock(
+      Fragment,
+      null,
+      renderList(_ctx.dataSource, function(item, index) {
+        var _ctx$state$headerInfo6, _ctx$state$headerInfo7, _ctx$state$headerInfo8, _ctx$state$headerInfo9, _ctx$state$headerInfo10;
+        return openBlock(), createElementBlock("div", {
+          key: index,
+          class: "tiny-mobile-multi-select__header__item",
+          onClick: function onClick($event) {
+            return _ctx.handleClick(index);
+          },
+          style: normalizeStyle(_ctx.state.labelsStyle[index])
+        }, [createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["tiny-mobile-multi-select__header__label", (_ctx$state$headerInfo6 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo6.isSelected ? "tiny-mobile-multi-select__header__active" : ""])
+          },
+          [!((_ctx$state$headerInfo7 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo7.isSelected) ? (openBlock(), createElementBlock(
+            "span",
+            _hoisted_8,
+            toDisplayString(item.title),
+            1
+            /* TEXT */
+          )) : (openBlock(), createElementBlock(
+            "span",
+            _hoisted_9,
+            toDisplayString((_ctx$state$headerInfo8 = _ctx.state.headerInfo[index]) == null ? void 0 : _ctx$state$headerInfo8.title),
+            1
+            /* TEXT */
+          ))],
+          2
+          /* CLASS */
+        ), createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["tiny-mobile-multi-select__header__icon", (_ctx$state$headerInfo9 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo9.isSelected ? "tiny-mobile-multi-select__header__active" : ""]),
+            style: normalizeStyle({
+              transform: (_ctx$state$headerInfo10 = _ctx.state.headerInfo[index]) != null && _ctx$state$headerInfo10.isUP ? "rotate(180deg)" : "none"
+            })
+          },
+          [createVNode(_component_IconChevronDown)],
+          6
+          /* CLASS, STYLE */
+        )], 12, _hoisted_7);
       }),
-      _: 1
-      /* STABLE */
-    }, 8, ["onClick"])])) : createCommentVNode("v-if", true)],
+      128
+      /* KEYED_FRAGMENT */
+    ))],
+    512
+    /* NEED_PATCH */
+  )]), _ctx.state.showWheel ? (openBlock(), createElementBlock(
+    "div",
+    {
+      key: 0,
+      class: normalizeClass(["tiny-mobile-multi-select__content", !((_ctx$dataSource$_ctx$ = _ctx.dataSource[_ctx.state.headerIndex]) != null && _ctx$dataSource$_ctx$.hasFooter) ? "noFooter" : ""])
+    },
+    [createVNode(_component_tiny_wheel, {
+      dataSource: _ctx.state.wheelData,
+      defaultSelectedIndexs: _ctx.state.defaultSelectedIndexs,
+      hasFooter: (_ctx$dataSource$_ctx$2 = _ctx.dataSource[_ctx.state.headerIndex]) == null ? void 0 : _ctx$dataSource$_ctx$2.hasFooter,
+      onChange: _ctx.wheelChange,
+      onClickWheelItem: _ctx.clickWheelItem
+    }, null, 8, ["dataSource", "defaultSelectedIndexs", "hasFooter", "onChange", "onClickWheelItem"])],
     2
     /* CLASS */
-  );
+  )) : createCommentVNode("v-if", true), _ctx.state.showWheel && (_ctx$dataSource$_ctx$3 = _ctx.dataSource[_ctx.state.headerIndex]) != null && _ctx$dataSource$_ctx$3.hasFooter ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(_component_tiny_button, {
+    round: "",
+    size: "large",
+    onClick: _ctx.reset
+  }, {
+    default: withCtx(function() {
+      return [createTextVNode(
+        toDisplayString(_ctx.t("ui.base.reset")),
+        1
+        /* TEXT */
+      )];
+    }),
+    _: 1
+    /* STABLE */
+  }, 8, ["onClick"]), createVNode(_component_tiny_button, {
+    round: "",
+    size: "large",
+    type: "primary",
+    onClick: _ctx.confirm
+  }, {
+    default: withCtx(function() {
+      return [createTextVNode(
+        toDisplayString(_ctx.t("ui.button.confirm")),
+        1
+        /* TEXT */
+      )];
+    }),
+    _: 1
+    /* STABLE */
+  }, 8, ["onClick"])])) : createCommentVNode("v-if", true)]);
 }
@@ -267,0 +266,0 @@ var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package.json

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

src/index.d.ts

 declare const _default: import("@vue/runtime-core").DefineComponent<{
-    [x: string]: StringConstructor | BooleanConstructor | FunctionConstructor | (FunctionConstructor | ObjectConstructor)[];
+    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, {
     [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<{
-    [x: string]: StringConstructor | BooleanConstructor | FunctionConstructor | (FunctionConstructor | ObjectConstructor)[];
-}>>, {}>;
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
+    tiny_mode_root: boolean;
+}>;
 export default _default;

src/mobile.vue.d.ts

@@ -17,2 +17,4 @@ declare const _sfc_main: import("@vue/runtime-core").DefineComponent<{
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
@@ -19,0 +21,0 @@ dataSource: {

No alert changes

Improved metrics

Total package byte prevSize

15429

increased by3.85%

Lines of code

377

increased by4.14%

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-locale@~3.8.0

• Updated@opentiny/vue-renderless@~3.8.0