@opentiny/vue-split - npm Package Compare versions

Comparing version 3.13.0 to 3.14.0

lib/index.js

@@ -61,3 +61,3 @@ function _extends() {
     },
-    "disabled": {
+    disabled: {
       type: Boolean,
@@ -81,2 +81,6 @@ default: false
       default: false
+    },
+    scrollable: {
+      type: Boolean,
+      default: false
     }
@@ -92,3 +96,3 @@ }),
 });
-var version = "3.13.0";
+var version = "3.14.0";
 Split.model = {
@@ -95,0 +99,0 @@ prop: "modelValue",

lib/pc.js

 import { renderless, api } from "@opentiny/vue-renderless/split/vue";
 import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
-import { IconLeft, IconRight } from "@opentiny/vue-icon";
+import { IconLeftWard, IconRightward } from "@opentiny/vue-icon";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, setBlockTracking, Fragment, renderList, createCommentVNode, createVNode } from "vue";
@@ -52,8 +52,7 @@ function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   components: {
-    IconSplitLeft: IconLeft(),
-    // 暂时使用tiny-vue的图标代替。 备注：这个图标在简易模式也看不到
-    IconSplitRight: IconRight()
+    IconLeftWard: IconLeftWard(),
+    IconRightWard: IconRightward()
   },
   emits: ["moving", "mousemove", "mouseup", "moveend", "movestart", "update:modelValue", "left-top-click", "right-bottom-click"],
-  props: [].concat(props, ["modelValue", "mode", "leftTopMin", "rightBottomMin", "disabled", "triggerSimple", "collapseLeftTop", "collapseRightBottom", "threeAreas"]),
+  props: [].concat(props, ["modelValue", "mode", "leftTopMin", "rightBottomMin", "disabled", "triggerSimple", "collapseLeftTop", "collapseRightBottom", "threeAreas", "scrollable"]),
   setup: function setup(props2, context) {
@@ -69,4 +68,4 @@ return _setup({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_split_left = resolveComponent("icon-split-left");
-  var _component_icon_split_right = resolveComponent("icon-split-right");
+  var _component_icon_left_ward = resolveComponent("icon-left-ward");
+  var _component_icon_right_ward = resolveComponent("icon-right-ward");
   return openBlock(), createElementBlock(
@@ -89,3 +88,3 @@ "div",
             right: _ctx.state.anotherOffset + "%",
-            width: _ctx.state.anotherOffset != 100 && _ctx.state.isThreeAreas ? _ctx.state.leftTopPane + "px" : ""
+            width: _ctx.state.anotherOffset !== 100 && _ctx.threeAreas ? _ctx.state.leftTopPane + "px" : ""
           }),
@@ -100,5 +99,5 @@ class: normalizeClass([_ctx.state.paneClasses, "left-pane"])
         {
-          class: normalizeClass([_ctx.state.prefix + "-trigger-con", _ctx.state.prefix + "-trigger-con-vertical", !_ctx.state.dragable ? _ctx.state.prefix + "-trigger-con-disabled" : "", _ctx.state.isMoving ? _ctx.state.prefix + "-trigger-con-drag" : "", _ctx.state.offset === 0 && _ctx.state.triggerSimple ? _ctx.state.prefix + "-trigger-con-left-active" : "", _ctx.state.triggerSimple ? _ctx.state.prefix + "-trigger-con-simple" : ""]),
+          class: normalizeClass([_ctx.state.prefix + "-trigger-con", _ctx.state.prefix + "-trigger-con-vertical", _ctx.disabled ? _ctx.state.prefix + "-trigger-con-disabled" : "", _ctx.state.isMoving ? _ctx.state.prefix + "-trigger-con-drag" : "", _ctx.state.offset === 0 && _ctx.triggerSimple ? _ctx.state.prefix + "-trigger-con-left-active" : "", _ctx.triggerSimple ? _ctx.state.prefix + "-trigger-con-simple" : ""]),
           style: normalizeStyle({
-            left: _ctx.state.isThreeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%"
+            left: _ctx.threeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%"
           }),
@@ -115,3 +114,3 @@ onMousedown: _cache[5] || (_cache[5] = function() {
             },
-            [!_ctx.state.triggerSimple ? (openBlock(), createElementBlock(
+            [!_ctx.triggerSimple ? (openBlock(), createElementBlock(
               "div",
@@ -146,7 +145,7 @@ {
           )];
-        }), _ctx.state.triggerSimple ? (openBlock(), createElementBlock(
+        }), _ctx.triggerSimple ? (openBlock(), createElementBlock(
           "div",
           {
             key: 0,
-            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-left-button", _ctx.state.offset === 100 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 100 || _ctx.state.collapseLeftTop ? _ctx.state.prefix + "-trigger-button-show" : ""]),
+            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-left-button", _ctx.state.offset === 100 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 100 || _ctx.collapseLeftTop ? _ctx.state.prefix + "-trigger-button-show" : ""]),
             onMousedown: _cache[1] || (_cache[1] = function() {
@@ -159,3 +158,3 @@ return _ctx.buttonMousedown && _ctx.buttonMousedown.apply(_ctx, arguments);
           },
-          [createVNode(_component_icon_split_left, {
+          [createVNode(_component_icon_left_ward, {
             class: "tiny-svg-size"
@@ -165,7 +164,7 @@ })],
           /* CLASS, NEED_HYDRATION */
-        )) : createCommentVNode("v-if", true), _ctx.state.triggerSimple ? (openBlock(), createElementBlock(
+        )) : createCommentVNode("v-if", true), _ctx.triggerSimple ? (openBlock(), createElementBlock(
           "div",
           {
             key: 1,
-            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-right-button", _ctx.state.offset === 0 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 0 || _ctx.state.collapseRightBottom ? _ctx.state.prefix + "-trigger-button-show" : ""]),
+            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-right-button", _ctx.state.offset === 0 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 0 || _ctx.collapseRightBottom ? _ctx.state.prefix + "-trigger-button-show" : ""]),
             onMousedown: _cache[3] || (_cache[3] = function() {
@@ -178,3 +177,3 @@ return _ctx.buttonMousedown && _ctx.buttonMousedown.apply(_ctx, arguments);
           },
-          [createVNode(_component_icon_split_right, {
+          [createVNode(_component_icon_right_ward, {
             class: "tiny-svg-size"
@@ -191,4 +190,4 @@ })],
           style: normalizeStyle({
-            left: _ctx.state.isThreeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%",
-            width: _ctx.state.isThreeAreas ? "calc(100% - " + _ctx.state.leftTopPane + "px)" : ""
+            left: _ctx.threeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%",
+            width: _ctx.threeAreas ? "calc(100% - " + _ctx.state.leftTopPane + "px)" : ""
           }),
@@ -214,3 +213,3 @@ class: normalizeClass([_ctx.state.paneClasses, "right-pane"])
             bottom: _ctx.state.anotherOffset + "%",
-            height: _ctx.state.anotherOffset != 100 ? _ctx.state.leftTopPane + "px" : ""
+            height: _ctx.state.anotherOffset !== 100 && _ctx.threeAreas ? _ctx.state.leftTopPane + "px" : ""
           }),
@@ -225,5 +224,5 @@ class: normalizeClass([_ctx.state.paneClasses, "top-pane"])
         {
-          class: normalizeClass([_ctx.state.prefix + "-trigger-con", _ctx.state.prefix + "-trigger-con-horizontal", !_ctx.state.dragable ? _ctx.state.prefix + "-trigger-con-disabled" : "", _ctx.state.isMoving ? _ctx.state.prefix + "-trigger-con-drag" : "", _ctx.state.offset === 0 && _ctx.state.triggerSimple ? _ctx.state.prefix + "-trigger-con-top-active" : "", _ctx.state.triggerSimple ? _ctx.state.prefix + "-trigger-con-simple" : ""]),
+          class: normalizeClass([_ctx.state.prefix + "-trigger-con", _ctx.state.prefix + "-trigger-con-horizontal", _ctx.disabled ? _ctx.state.prefix + "-trigger-con-disabled" : "", _ctx.state.isMoving ? _ctx.state.prefix + "-trigger-con-drag" : "", _ctx.state.offset === 0 && _ctx.triggerSimple ? _ctx.state.prefix + "-trigger-con-top-active" : "", _ctx.triggerSimple ? _ctx.state.prefix + "-trigger-con-simple" : ""]),
           style: normalizeStyle({
-            top: _ctx.state.isThreeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%"
+            top: _ctx.threeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%"
           }),
@@ -240,3 +239,3 @@ onMousedown: _cache[11] || (_cache[11] = function() {
             },
-            [!_ctx.state.triggerSimple ? (openBlock(), createElementBlock(
+            [!_ctx.triggerSimple ? (openBlock(), createElementBlock(
               "div",
@@ -271,7 +270,7 @@ {
           )];
-        }), _ctx.state.triggerSimple ? (openBlock(), createElementBlock(
+        }), _ctx.triggerSimple ? (openBlock(), createElementBlock(
           "div",
           {
             key: 0,
-            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-top-button", _ctx.state.offset === 100 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 100 || _ctx.state.collapseLeftTop ? _ctx.state.prefix + "-trigger-button-show" : ""]),
+            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-top-button", _ctx.state.offset === 100 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 100 || _ctx.collapseLeftTop ? _ctx.state.prefix + "-trigger-button-show" : ""]),
             onMousedown: _cache[7] || (_cache[7] = function() {
@@ -284,3 +283,3 @@ return _ctx.buttonMousedown && _ctx.buttonMousedown.apply(_ctx, arguments);
           },
-          [createVNode(_component_icon_split_left, {
+          [createVNode(_component_icon_left_ward, {
             class: "tiny-svg-size"
@@ -290,7 +289,7 @@ })],
           /* CLASS, NEED_HYDRATION */
-        )) : createCommentVNode("v-if", true), _ctx.state.triggerSimple ? (openBlock(), createElementBlock(
+        )) : createCommentVNode("v-if", true), _ctx.triggerSimple ? (openBlock(), createElementBlock(
           "div",
           {
             key: 1,
-            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-bottom-button", _ctx.state.offset === 0 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 0 || _ctx.state.collapseRightBottom ? _ctx.state.prefix + "-trigger-button-show" : ""]),
+            class: normalizeClass([_ctx.state.prefix + "-trigger-button", _ctx.state.prefix + "-trigger-bottom-button", _ctx.state.offset === 0 ? _ctx.state.prefix + "-trigger-button-active" : "", _ctx.state.offset === 0 || _ctx.collapseRightBottom ? _ctx.state.prefix + "-trigger-button-show" : ""]),
             onMousedown: _cache[9] || (_cache[9] = function() {
@@ -303,3 +302,3 @@ return _ctx.buttonMousedown && _ctx.buttonMousedown.apply(_ctx, arguments);
           },
-          [createVNode(_component_icon_split_right, {
+          [createVNode(_component_icon_right_ward, {
             class: "tiny-svg-size"
@@ -316,4 +315,4 @@ })],
           style: normalizeStyle({
-            top: _ctx.state.isThreeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%",
-            height: _ctx.state.isThreeAreas ? "calc(100% - " + _ctx.state.leftTopPane + "px)" : ""
+            top: _ctx.threeAreas ? _ctx.state.leftTopPane + "px" : _ctx.state.offset + "%",
+            height: _ctx.threeAreas ? "calc(100% - " + _ctx.state.leftTopPane + "px)" : ""
           }),
@@ -320,0 +319,0 @@ class: normalizeClass([_ctx.state.paneClasses, "bottom-pane"])

package.json

 {
   "name": "@opentiny/vue-split",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "description": "",
@@ -10,4 +10,6 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.13.0",
-    "@opentiny/vue-common": "~3.13.0"
+    "@opentiny/vue-renderless": "~3.14.0",
+    "@opentiny/vue-common": "~3.14.0",
+    "@opentiny/vue-theme": "~3.14.0",
+    "@opentiny/vue-icon": "~3.14.0"
   },
@@ -14,0 +16,0 @@ "license": "MIT",

src/index.d.ts

@@ -46,2 +46,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
@@ -100,2 +104,6 @@ tiny_mode_root: BooleanConstructor;
     };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
@@ -119,3 +127,4 @@ tiny_mode_root: BooleanConstructor;
     'three-areas': boolean;
+    scrollable: boolean;
 }, {}>;
 export default _default;

src/pc.vue.d.ts

@@ -14,2 +14,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     rightBottomMin?: any;
+    scrollable?: any;
     triggerSimple?: any;
@@ -27,3 +28,3 @@ collapseLeftTop?: any;
     gcls: (key: any) => any;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "mousemove" | "mouseup" | "moving" | "moveend" | "movestart" | "left-top-click" | "right-bottom-click")[], "update:modelValue" | "mousemove" | "mouseup" | "moving" | "moveend" | "movestart" | "left-top-click" | "right-bottom-click", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "mouseup" | "mousemove" | "moving" | "moveend" | "movestart" | "left-top-click" | "right-bottom-click")[], "update:modelValue" | "mouseup" | "mousemove" | "moving" | "moveend" | "movestart" | "left-top-click" | "right-bottom-click", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     mode?: any;
@@ -41,2 +42,3 @@ disabled?: any;
     rightBottomMin?: any;
+    scrollable?: any;
     triggerSimple?: any;
@@ -68,2 +70,3 @@ collapseLeftTop?: any;
     readonly rightBottomMin?: any;
+    readonly scrollable?: any;
     readonly triggerSimple?: any;
@@ -70,0 +73,0 @@ readonly collapseLeftTop?: any;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24639

increased by0.83%

Lines of code

644

increased by2.38%

Published versions last year

18

increased by12.5%

Worsened metrics

Dependency count

4

increased by100%

Dependency changes

• + Added@opentiny/vue-icon@~3.14.0

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

• + Added@opentiny/vue-common@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)

• - Removed@opentiny/vue-common@3.13.1(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-common@~3.14.0

• Updated@opentiny/vue-renderless@~3.14.0