@opentiny/vue-split - npm Package Compare versions

Comparing version 2.10.0 to 2.11.0-alpha.0

lib/index.js

@@ -59,2 +59,6 @@ function _extends() {
     },
+    "disabled": {
+      type: Boolean,
+      default: false
+    },
     "trigger-simple": {
@@ -75,4 +79,3 @@ type: Boolean,
       default: false
-    },
-    collapsible: Boolean
+    }
   }),
@@ -87,3 +90,3 @@ setup: function setup(props, context) {
 });
-var version = "2.10.0";
+var version = "2.11.0-alpha.0";
 Split.model = {
@@ -90,0 +93,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 { iconChevronRight } from "@opentiny/vue-icon";
+import { IconLeft, IconRight } from "@opentiny/vue-icon";
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
@@ -59,7 +59,9 @@ var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
 var __vue2_script = defineComponent({
-  emits: ["moving", "mousemove", "mouseup", "moveend", "movestart", "update:modelValue", "collapsedChange"],
-  props: [].concat(props, ["modelValue", "mode", "leftTopMin", "rightBottomMin", "collapsible"]),
   components: {
-    IconChevronRight: iconChevronRight()
+    IconSplitLeft: IconLeft(),
+    // 暂时使用tiny-vue的图标代替。 备注：这个图标在简易模式也看不到
+    IconSplitRight: IconRight()
   },
+  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"]),
   setup: function setup(props2, context) {
@@ -87,8 +89,9 @@ return _setup({
     style: {
-      right: _vm.state.collapsed ? "100%" : _vm.state.anotherOffset + "%"
+      right: _vm.state.anotherOffset + "%",
+      width: _vm.state.anotherOffset != 100 && _vm.state.isThreeAreas ? _vm.state.leftTopPane + "px" : ""
     }
   }, [_vm._t("left")], 2), _c("div", {
-    class: _vm.state.prefix + "-trigger-con",
+    class: [_vm.state.prefix + "-trigger-con", _vm.state.prefix + "-trigger-con-vertical", !_vm.state.dragable ? _vm.state.prefix + "-trigger-con-disabled" : "", _vm.state.isMoving ? _vm.state.prefix + "-trigger-con-drag" : "", _vm.state.offset === 0 && _vm.state.triggerSimple ? _vm.state.prefix + "-trigger-con-left-active" : "", _vm.state.triggerSimple ? _vm.state.prefix + "-trigger-con-simple" : ""],
     style: {
-      left: _vm.state.collapsed ? "2px" : _vm.state.offset + "%"
+      left: _vm.state.isThreeAreas ? _vm.state.leftTopPane + "px" : _vm.state.offset + "%"
     },
@@ -101,22 +104,27 @@ on: {
       class: [_vm.state.prefix + "-trigger", _vm.state.prefix + "-trigger-vertical"]
-    }, [_c("div", {
+    }, [!_vm.state.triggerSimple ? _c("div", {
       class: [_vm.state.prefix + "-trigger-bar-con", "vertical"]
-    }, _vm._m(0), 0)])];
-  })], 2), _vm.collapsible ? _c("div", {
-    class: _vm.state.prefix + "-collapse-bar",
-    style: {
-      left: _vm.state.collapsed ? 0 : "calc(" + _vm.state.offset + "% - 2px)"
-    },
+    }, _vm._m(0), 0) : _vm._e()])];
+  }), _vm.state.triggerSimple ? _c("div", {
+    class: [_vm.state.prefix + "-trigger-button", _vm.state.prefix + "-trigger-left-button", _vm.state.offset === 100 ? _vm.state.prefix + "-trigger-button-active" : "", _vm.state.offset === 100 || _vm.state.collapseLeftTop ? _vm.state.prefix + "-trigger-button-show" : ""],
     on: {
-      "click": _vm.handleCollapse
+      "mousedown": _vm.buttonMousedown,
+      "click": _vm.buttonLeftTopClick
     }
-  }, [_c("icon-chevron-right", {
-    style: {
-      transform: "rotate(" + (_vm.state.collapsed ? "0deg" : "180deg") + ")"
+  }, [_c("icon-split-left", {
+    staticClass: "aui-svg-size"
+  })], 1) : _vm._e(), _vm.state.triggerSimple ? _c("div", {
+    class: [_vm.state.prefix + "-trigger-button", _vm.state.prefix + "-trigger-right-button", _vm.state.offset === 0 ? _vm.state.prefix + "-trigger-button-active" : "", _vm.state.offset === 0 || _vm.state.collapseRightBottom ? _vm.state.prefix + "-trigger-button-show" : ""],
+    on: {
+      "mousedown": _vm.buttonMousedown,
+      "click": _vm.buttonRightBottomClick
     }
-  })], 1) : _vm._e(), _c("div", {
+  }, [_c("icon-split-right", {
+    staticClass: "aui-svg-size"
+  })], 1) : _vm._e()], 2), _c("div", {
     staticClass: "right-pane",
     class: _vm.state.paneClasses,
     style: {
-      left: _vm.state.collapsed ? "0" : _vm.state.offset + "%"
+      left: _vm.state.isThreeAreas ? _vm.state.leftTopPane + "px" : _vm.state.offset + "%",
+      width: _vm.state.isThreeAreas ? "calc(100% - " + _vm.state.leftTopPane + "px)" : ""
     }
@@ -129,8 +137,9 @@ }, [_vm._t("right")], 2)]) : _c("div", {
     style: {
-      bottom: _vm.state.collapsed ? "100%" : _vm.state.anotherOffset + "%"
+      bottom: _vm.state.anotherOffset + "%",
+      height: _vm.state.anotherOffset != 100 ? _vm.state.leftTopPane + "px" : ""
     }
   }, [_vm._t("top")], 2), _c("div", {
-    class: _vm.state.prefix + "-trigger-con",
+    class: [_vm.state.prefix + "-trigger-con", _vm.state.prefix + "-trigger-con-horizontal", !_vm.state.dragable ? _vm.state.prefix + "-trigger-con-disabled" : "", _vm.state.isMoving ? _vm.state.prefix + "-trigger-con-drag" : "", _vm.state.offset === 0 && _vm.state.triggerSimple ? _vm.state.prefix + "-trigger-con-top-active" : "", _vm.state.triggerSimple ? _vm.state.prefix + "-trigger-con-simple" : ""],
     style: {
-      top: _vm.state.collapsed ? "2px" : _vm.state.offset + "%"
+      top: _vm.state.isThreeAreas ? _vm.state.leftTopPane + "px" : _vm.state.offset + "%"
     },
@@ -143,22 +152,27 @@ on: {
       class: [_vm.state.prefix + "-trigger", _vm.state.prefix + "-trigger-horizontal"]
-    }, [_c("div", {
+    }, [!_vm.state.triggerSimple ? _c("div", {
       class: [_vm.state.prefix + "-trigger-bar-con", "horizontal"]
-    }, _vm._m(1), 0)])];
-  })], 2), _vm.collapsible ? _c("div", {
-    class: _vm.state.prefix + "-collapse-bar",
-    style: {
-      top: _vm.state.collapsed ? 0 : "calc(" + _vm.state.offset + "% - 2px)"
-    },
+    }, _vm._m(1), 0) : _vm._e()])];
+  }), _vm.state.triggerSimple ? _c("div", {
+    class: [_vm.state.prefix + "-trigger-button", _vm.state.prefix + "-trigger-top-button", _vm.state.offset === 100 ? _vm.state.prefix + "-trigger-button-active" : "", _vm.state.offset === 100 || _vm.state.collapseLeftTop ? _vm.state.prefix + "-trigger-button-show" : ""],
     on: {
-      "click": _vm.handleCollapse
+      "mousedown": _vm.buttonMousedown,
+      "click": _vm.buttonLeftTopClick
     }
-  }, [_c("icon-chevron-right", {
-    style: {
-      transform: "rotate(" + (_vm.state.collapsed ? "90deg" : "270deg") + ")"
+  }, [_c("icon-split-left", {
+    staticClass: "aui-svg-size"
+  })], 1) : _vm._e(), _vm.state.triggerSimple ? _c("div", {
+    class: [_vm.state.prefix + "-trigger-button", _vm.state.prefix + "-trigger-bottom-button", _vm.state.offset === 0 ? _vm.state.prefix + "-trigger-button-active" : "", _vm.state.offset === 0 || _vm.state.collapseRightBottom ? _vm.state.prefix + "-trigger-button-show" : ""],
+    on: {
+      "mousedown": _vm.buttonMousedown,
+      "click": _vm.buttonRightBottomClick
     }
-  })], 1) : _vm._e(), _c("div", {
+  }, [_c("icon-split-right", {
+    staticClass: "aui-svg-size"
+  })], 1) : _vm._e()], 2), _c("div", {
     staticClass: "bottom-pane",
     class: _vm.state.paneClasses,
     style: {
-      top: _vm.state.collapsed ? "0" : _vm.state.offset + "%"
+      top: _vm.state.isThreeAreas ? _vm.state.leftTopPane + "px" : _vm.state.offset + "%",
+      height: _vm.state.isThreeAreas ? "calc(100% - " + _vm.state.leftTopPane + "px)" : ""
     }
@@ -165,0 +179,0 @@ }, [_vm._t("bottom")], 2)])]);

package.json

 {
   "name": "@opentiny/vue-split",
-  "version": "2.10.0",
+  "version": "2.11.0-alpha.0",
   "description": "",
@@ -10,4 +10,4 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.10.0",
-    "@opentiny/vue-common": "~2.10.0"
+    "@opentiny/vue-renderless": "~3.11.0",
+    "@opentiny/vue-common": "~2.11.0"
   },
@@ -14,0 +14,0 @@ "license": "MIT",

src/index.d.ts

@@ -1,114 +0,2 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
-    _constants: {
-        type: ObjectConstructor;
-        default: () => {
-            PREFIX: string;
-            HORIZONTAL: string;
-            VERTICAL: string;
-        };
-    };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    mode: {
-        validator(value: unknown): boolean;
-        default: string;
-    };
-    leftTopMin: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    rightBottomMin: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    'trigger-simple': {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    'collapse-left-top': {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    'collapse-right-bottom': {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    'three-areas': {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: BooleanConstructor;
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (ObjectConstructor | FunctionConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_chart_theme: ObjectConstructor;
-}, {
-    tiny_mode_root: boolean;
-    _constants: Record<string, any>;
-    modelValue: string | number;
-    mode: string;
-    collapsible: boolean;
-    leftTopMin: string | number;
-    rightBottomMin: string | number;
-    "trigger-simple": boolean;
-    "collapse-left-top": boolean;
-    "collapse-right-bottom": boolean;
-    "three-areas": boolean;
-} & {
-    tiny_mode?: string | undefined;
-    tiny_template?: unknown;
-    tiny_renderless?: Function | undefined;
-    tiny_theme?: string | undefined;
-    tiny_chart_theme?: Record<string, any> | undefined;
-}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
-    tiny_mode_root: boolean;
-    _constants: Record<string, any>;
-    modelValue: string | number;
-    mode: string;
-    collapsible: boolean;
-    leftTopMin: string | number;
-    rightBottomMin: string | number;
-    "trigger-simple": boolean;
-    "collapse-left-top": boolean;
-    "collapse-right-bottom": boolean;
-    "three-areas": boolean;
-} & {
-    tiny_mode?: string | undefined;
-    tiny_template?: unknown;
-    tiny_renderless?: Function | undefined;
-    tiny_theme?: string | undefined;
-    tiny_chart_theme?: Record<string, any> | undefined;
-}, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
-    tiny_mode_root: boolean;
-    _constants: Record<string, any>;
-    modelValue: string | number;
-    mode: string;
-    collapsible: boolean;
-    leftTopMin: string | number;
-    rightBottomMin: string | number;
-    "trigger-simple": boolean;
-    "collapse-left-top": boolean;
-    "collapse-right-bottom": boolean;
-    "three-areas": boolean;
-} & {
-    tiny_mode?: string | undefined;
-    tiny_template?: unknown;
-    tiny_renderless?: Function | undefined;
-    tiny_theme?: string | undefined;
-    tiny_chart_theme?: Record<string, any> | undefined;
-}, {
-    _constants: Record<string, any>;
-    modelValue: string | number;
-    mode: string;
-    leftTopMin: string | number;
-    rightBottomMin: string | number;
-    "trigger-simple": boolean;
-    "collapse-left-top": boolean;
-    "collapse-right-bottom": boolean;
-    "three-areas": boolean;
-}, true>);
+declare const _default: any;
 export default _default;

src/pc.vue.d.ts

@@ -1,30 +0,2 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
-    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;
-}> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
-    [x: string]: any;
-}>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
-    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;
-}>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
-    [x: string]: any;
-} & {}, {
-    [x: string]: any;
-}, true>);
+declare const _default: 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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Worsened metrics

Total package byte prevSize

13211

decreased by-15.18%

Lines of code

327

decreased by-27.01%

Number of low quality alerts

2

increased by100%

Dependency changes

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

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

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

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

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

• + Addedcolor@4.2.3(transitive)

• + Addedcolor-convert@2.0.1(transitive)

• + Addedcolor-name@1.1.4(transitive)

• + Addedcolor-string@1.9.1(transitive)

• + Addedis-arrayish@0.3.2(transitive)

• + Addedsimple-swizzle@0.2.2(transitive)

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

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

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

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

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

• Updated@opentiny/vue-common@~2.11.0

• Updated@opentiny/vue-renderless@~3.11.0