@opentiny/vue-tree - npm Package Compare versions

Comparing version 3.11.1 to 3.12.0

lib/index.js

@@ -146,2 +146,7 @@ function _extends() {
     },
+    // 平铺视图时，是否显示下面的辅助信息
+    showAuxi: {
+      type: Boolean,
+      default: true
+    },
     pathSplit: {
@@ -168,3 +173,3 @@ type: String,
 });
-var version = "3.11.1";
+var version = "3.12.0";
 Tree.install = function(Vue) {
@@ -171,0 +176,0 @@ Vue.component(Tree.name, Tree);

lib/pc.js

@@ -305,3 +305,4 @@ import { renderless as renderless$1, api as api$1 } from "@opentiny/vue-renderless/tree/vue";
             style: normalizeStyle({
-              width: _ctx.state.computedIndent
+              width: _ctx.state.computedIndent,
+              flexShrink: 0
             })
@@ -519,3 +520,3 @@ },
     36
-    /* STYLE, HYDRATE_EVENTS */
+    /* STYLE, NEED_HYDRATION */
   )), [[_directive_clickoutside, _ctx.closeMenu]]) : createCommentVNode("v-if", true)]);
@@ -528,3 +529,3 @@ }
   }),
-  props: [].concat(props, ["data", "dataset", "parentKey", "expandIcon", "shrinkIcon", "expandIconColor", "shrinkIconColor", "emptyText", "renderAfterExpand", "nodeKey", "checkStrictly", "defaultExpandAll", "expandOnClickNode", "checkOnClickNode", "checkDescendants", "autoExpandParent", "defaultCheckedKeys", "defaultExpandedKeys", "defaultExpandedKeysHighlight", "currentNodeKey", "renderContent", "showCheckbox", "draggable", "allowDrag", "allowDrop", "props", "lazy", "highlightCurrent", "load", "filterNodeMethod", "accordion", "indent", "icon", "iconTriggerClickNode", "showRadio", "showContextmenu", "showNumber", "collapsible", "nodeHeight", "showCheckEasily", "size", "deleteDisabledKeys", "editDisabledKeys", "addDisabledKeys", "theme", "viewType", "pathSplit", "filterPlainMethod", "afterLoad", "lazyCurrent", "baseIndent", "showLine"]),
+  props: [].concat(props, ["data", "dataset", "parentKey", "expandIcon", "shrinkIcon", "expandIconColor", "shrinkIconColor", "emptyText", "renderAfterExpand", "nodeKey", "checkStrictly", "defaultExpandAll", "expandOnClickNode", "checkOnClickNode", "checkDescendants", "autoExpandParent", "defaultCheckedKeys", "defaultExpandedKeys", "defaultExpandedKeysHighlight", "currentNodeKey", "renderContent", "showCheckbox", "draggable", "allowDrag", "allowDrop", "props", "lazy", "highlightCurrent", "load", "filterNodeMethod", "accordion", "indent", "icon", "iconTriggerClickNode", "showRadio", "showContextmenu", "showNumber", "collapsible", "nodeHeight", "showCheckEasily", "size", "deleteDisabledKeys", "editDisabledKeys", "addDisabledKeys", "theme", "viewType", "showAuxi", "pathSplit", "filterPlainMethod", "afterLoad", "lazyCurrent", "baseIndent", "showLine"]),
   components: {
@@ -697,13 +698,23 @@ TreeNode,
           }
-        }, null, 8, ["modelValue", "indeterminate", "disabled", "onChange"]), createElementVNode(
-          "span",
-          _hoisted_2,
-          toDisplayString(plainNode.title),
-          1
-          /* TEXT */
-        ), createElementVNode("span", _hoisted_3, [createVNode(_component_icon_mark_on, {
-          onClick: function onClick($event) {
-            return _ctx.handleClickPlainNode($event, plainNode);
-          }
-        }, null, 8, ["onClick"])])]), plainNode.auxi ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode(
+        }, null, 8, ["modelValue", "indeterminate", "disabled", "onChange"]), renderSlot(_ctx.$slots, "prefix", {
+          node: plainNode.node
+        }), renderSlot(_ctx.$slots, "default", {
+          node: plainNode.node
+        }, function() {
+          return [createElementVNode(
+            "span",
+            _hoisted_2,
+            toDisplayString(plainNode.title),
+            1
+            /* TEXT */
+          )];
+        }), renderSlot(_ctx.$slots, "suffix", {
+          node: plainNode.node
+        }, function() {
+          return [createElementVNode("span", _hoisted_3, [createVNode(_component_icon_mark_on, {
+            onClick: function onClick($event) {
+              return _ctx.handleClickPlainNode($event, plainNode);
+            }
+          }, null, 8, ["onClick"])])];
+        })]), _ctx.showAuxi && plainNode.auxi ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode(
           "div",
@@ -710,0 +721,0 @@ null,

package.json

 {
   "name": "@opentiny/vue-tree",
-  "version": "3.11.1",
+  "version": "3.12.0",
   "description": "",
@@ -10,4 +10,12 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.11.0",
-    "@opentiny/vue-common": "~3.11.0"
+    "@opentiny/vue-renderless": "~3.12.0",
+    "@opentiny/vue-common": "~3.12.0",
+    "@opentiny/vue-collapse-transition": "~3.12.0",
+    "@opentiny/vue-icon": "~3.12.0",
+    "@opentiny/vue-checkbox": "~3.12.0",
+    "@opentiny/vue-radio": "~3.12.0",
+    "@opentiny/vue-input": "~3.12.0",
+    "@opentiny/vue-switch": "~3.12.0",
+    "@opentiny/vue-popover": "~3.12.0",
+    "@opentiny/vue-button": "~3.12.0"
   },
@@ -14,0 +22,0 @@ "license": "MIT",

src/pc.vue.d.ts

 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    checkStrictly?: any;
     data?: any;
-    lazy?: any;
-    currentNodeKey?: any;
-    defaultExpandedKeys?: any;
-    autoExpandParent?: any;
-    checkDescendants?: any;
-    load?: any;
-    filterNodeMethod?: any;
     props?: any;
-    defaultCheckedKeys?: any;
-    afterLoad?: any;
-    dataset?: any;
-    parentKey?: any;
-    allowDrop?: any;
-    nodeKey?: any;
-    defaultExpandAll?: any;
-    pathSplit?: any;
-    filterPlainMethod?: any;
+    checkStrictly?: any;
     tiny_mode?: any;
@@ -30,33 +14,50 @@ tiny_mode_root?: any;
     icon?: any;
-    showLine?: any;
+    load?: any;
+    lazy?: any;
     renderContent?: any;
-    expandIcon?: any;
-    shrinkIcon?: any;
-    expandIconColor?: any;
-    shrinkIconColor?: any;
-    renderAfterExpand?: any;
-    showCheckbox?: any;
-    showRadio?: any;
-    showNumber?: any;
-    collapsible?: any;
-    nodeHeight?: any;
     theme?: any;
+    accordion?: any;
+    dataset?: any;
     draggable?: any;
+    defaultCheckedKeys?: any;
+    parentKey?: any;
+    indent?: any;
+    viewType?: any;
+    allowDrag?: any;
+    allowDrop?: any;
+    autoExpandParent?: any;
+    checkDescendants?: any;
+    checkOnClickNode?: any;
+    currentNodeKey?: any;
+    defaultExpandAll?: any;
+    defaultExpandedKeys?: any;
+    defaultExpandedKeysHighlight?: any;
     emptyText?: any;
+    expandIcon?: any;
     expandOnClickNode?: any;
-    checkOnClickNode?: any;
-    defaultExpandedKeysHighlight?: any;
-    allowDrag?: any;
+    filterNodeMethod?: any;
     highlightCurrent?: any;
-    accordion?: any;
-    indent?: any;
     iconTriggerClickNode?: any;
+    nodeKey?: any;
+    renderAfterExpand?: any;
+    showCheckbox?: any;
     showContextmenu?: any;
+    showRadio?: any;
+    showNumber?: any;
+    collapsible?: any;
     showCheckEasily?: any;
+    nodeHeight?: any;
+    shrinkIcon?: any;
+    expandIconColor?: any;
+    shrinkIconColor?: any;
     deleteDisabledKeys?: any;
     editDisabledKeys?: any;
     addDisabledKeys?: any;
-    viewType?: any;
+    showAuxi?: any;
+    pathSplit?: any;
+    filterPlainMethod?: any;
+    afterLoad?: any;
     lazyCurrent?: any;
     baseIndent?: any;
+    showLine?: any;
 }>, {
@@ -71,22 +72,6 @@ t: (this: any, path: any, options?: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("node-drag-leave" | "node-drag-enter" | "node-drag-start" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-expand" | "check-plain" | "leave-plain-view" | "check-change" | "current-change" | "node-click" | "check")[], "node-drag-leave" | "node-drag-enter" | "node-drag-start" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-expand" | "check-plain" | "leave-plain-view" | "check-change" | "current-change" | "node-click" | "check", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    checkStrictly?: any;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("check" | "current-change" | "leave-plain-view" | "node-expand" | "check-plain" | "check-change" | "node-drag-start" | "node-drag-enter" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-click" | "node-drag-leave")[], "check" | "current-change" | "leave-plain-view" | "node-expand" | "check-plain" | "check-change" | "node-drag-start" | "node-drag-enter" | "node-drag-over" | "node-drag-end" | "node-drop" | "node-click" | "node-drag-leave", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     data?: any;
-    lazy?: any;
-    currentNodeKey?: any;
-    defaultExpandedKeys?: any;
-    autoExpandParent?: any;
-    checkDescendants?: any;
-    load?: any;
-    filterNodeMethod?: any;
     props?: any;
-    defaultCheckedKeys?: any;
-    afterLoad?: any;
-    dataset?: any;
-    parentKey?: any;
-    allowDrop?: any;
-    nodeKey?: any;
-    defaultExpandAll?: any;
-    pathSplit?: any;
-    filterPlainMethod?: any;
+    checkStrictly?: any;
     tiny_mode?: any;
@@ -101,67 +86,68 @@ tiny_mode_root?: any;
     icon?: any;
-    showLine?: any;
+    load?: any;
+    lazy?: any;
     renderContent?: any;
-    expandIcon?: any;
-    shrinkIcon?: any;
-    expandIconColor?: any;
-    shrinkIconColor?: any;
-    renderAfterExpand?: any;
-    showCheckbox?: any;
-    showRadio?: any;
-    showNumber?: any;
-    collapsible?: any;
-    nodeHeight?: any;
     theme?: any;
+    accordion?: any;
+    dataset?: any;
     draggable?: any;
+    defaultCheckedKeys?: any;
+    parentKey?: any;
+    indent?: any;
+    viewType?: any;
+    allowDrag?: any;
+    allowDrop?: any;
+    autoExpandParent?: any;
+    checkDescendants?: any;
+    checkOnClickNode?: any;
+    currentNodeKey?: any;
+    defaultExpandAll?: any;
+    defaultExpandedKeys?: any;
+    defaultExpandedKeysHighlight?: any;
     emptyText?: any;
+    expandIcon?: any;
     expandOnClickNode?: any;
-    checkOnClickNode?: any;
-    defaultExpandedKeysHighlight?: any;
-    allowDrag?: any;
+    filterNodeMethod?: any;
     highlightCurrent?: any;
-    accordion?: any;
-    indent?: any;
     iconTriggerClickNode?: any;
+    nodeKey?: any;
+    renderAfterExpand?: any;
+    showCheckbox?: any;
     showContextmenu?: any;
+    showRadio?: any;
+    showNumber?: any;
+    collapsible?: any;
     showCheckEasily?: any;
+    nodeHeight?: any;
+    shrinkIcon?: any;
+    expandIconColor?: any;
+    shrinkIconColor?: any;
     deleteDisabledKeys?: any;
     editDisabledKeys?: any;
     addDisabledKeys?: any;
-    viewType?: any;
+    showAuxi?: any;
+    pathSplit?: any;
+    filterPlainMethod?: any;
+    afterLoad?: any;
     lazyCurrent?: any;
     baseIndent?: any;
+    showLine?: any;
 }>>> & {
+    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
+    onCheck?: ((...args: any[]) => any) | undefined;
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
-    "onNode-drag-leave"?: ((...args: any[]) => any) | undefined;
+    "onLeave-plain-view"?: ((...args: any[]) => any) | undefined;
+    "onCheck-plain"?: ((...args: any[]) => any) | undefined;
+    "onCheck-change"?: ((...args: any[]) => any) | undefined;
+    "onNode-drag-start"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
-    "onNode-drag-start"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-end"?: ((...args: any[]) => any) | undefined;
     "onNode-drop"?: ((...args: any[]) => any) | undefined;
-    "onCheck-plain"?: ((...args: any[]) => any) | undefined;
-    "onLeave-plain-view"?: ((...args: any[]) => any) | undefined;
-    "onCheck-change"?: ((...args: any[]) => any) | undefined;
-    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     "onNode-click"?: ((...args: any[]) => any) | undefined;
-    onCheck?: ((...args: any[]) => any) | undefined;
+    "onNode-drag-leave"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly checkStrictly?: any;
     readonly data?: any;
-    readonly lazy?: any;
-    readonly currentNodeKey?: any;
-    readonly defaultExpandedKeys?: any;
-    readonly autoExpandParent?: any;
-    readonly checkDescendants?: any;
-    readonly load?: any;
-    readonly filterNodeMethod?: any;
     readonly props?: any;
-    readonly defaultCheckedKeys?: any;
-    readonly afterLoad?: any;
-    readonly dataset?: any;
-    readonly parentKey?: any;
-    readonly allowDrop?: any;
-    readonly nodeKey?: any;
-    readonly defaultExpandAll?: any;
-    readonly pathSplit?: any;
-    readonly filterPlainMethod?: any;
+    readonly checkStrictly?: any;
     readonly tiny_mode?: any;
@@ -176,34 +162,51 @@ readonly tiny_mode_root?: any;
     readonly icon?: any;
-    readonly showLine?: any;
+    readonly load?: any;
+    readonly lazy?: any;
     readonly renderContent?: any;
-    readonly expandIcon?: any;
-    readonly shrinkIcon?: any;
-    readonly expandIconColor?: any;
-    readonly shrinkIconColor?: any;
-    readonly renderAfterExpand?: any;
-    readonly showCheckbox?: any;
-    readonly showRadio?: any;
-    readonly showNumber?: any;
-    readonly collapsible?: any;
-    readonly nodeHeight?: any;
     readonly theme?: any;
+    readonly accordion?: any;
+    readonly dataset?: any;
     readonly draggable?: any;
+    readonly defaultCheckedKeys?: any;
+    readonly parentKey?: any;
+    readonly indent?: any;
+    readonly viewType?: any;
+    readonly allowDrag?: any;
+    readonly allowDrop?: any;
+    readonly autoExpandParent?: any;
+    readonly checkDescendants?: any;
+    readonly checkOnClickNode?: any;
+    readonly currentNodeKey?: any;
+    readonly defaultExpandAll?: any;
+    readonly defaultExpandedKeys?: any;
+    readonly defaultExpandedKeysHighlight?: any;
     readonly emptyText?: any;
+    readonly expandIcon?: any;
     readonly expandOnClickNode?: any;
-    readonly checkOnClickNode?: any;
-    readonly defaultExpandedKeysHighlight?: any;
-    readonly allowDrag?: any;
+    readonly filterNodeMethod?: any;
     readonly highlightCurrent?: any;
-    readonly accordion?: any;
-    readonly indent?: any;
     readonly iconTriggerClickNode?: any;
+    readonly nodeKey?: any;
+    readonly renderAfterExpand?: any;
+    readonly showCheckbox?: any;
     readonly showContextmenu?: any;
+    readonly showRadio?: any;
+    readonly showNumber?: any;
+    readonly collapsible?: any;
     readonly showCheckEasily?: any;
+    readonly nodeHeight?: any;
+    readonly shrinkIcon?: any;
+    readonly expandIconColor?: any;
+    readonly shrinkIconColor?: any;
     readonly deleteDisabledKeys?: any;
     readonly editDisabledKeys?: any;
     readonly addDisabledKeys?: any;
-    readonly viewType?: any;
+    readonly showAuxi?: any;
+    readonly pathSplit?: any;
+    readonly filterPlainMethod?: any;
+    readonly afterLoad?: any;
     readonly lazyCurrent?: any;
     readonly baseIndent?: any;
+    readonly showLine?: any;
 }, {}>;
 export default _default;

src/tree-node.vue.d.ts

@@ -55,3 +55,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("node-expand" | "closeMenu" | "update:modelValue" | "radio-change" | "hook-updated" | "tree-node-expand")[], "node-expand" | "closeMenu" | "update:modelValue" | "radio-change" | "hook-updated" | "tree-node-expand", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "hook-updated" | "closeMenu" | "radio-change" | "node-expand" | "tree-node-expand")[], "update:modelValue" | "hook-updated" | "closeMenu" | "radio-change" | "node-expand" | "tree-node-expand", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     node: {
@@ -102,19 +102,19 @@ default(): {};
 }>> & {
-    "onNode-expand"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onHook-updated"?: ((...args: any[]) => any) | undefined;
     onCloseMenu?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onRadio-change"?: ((...args: any[]) => any) | undefined;
-    "onHook-updated"?: ((...args: any[]) => any) | undefined;
+    "onNode-expand"?: ((...args: any[]) => any) | undefined;
     "onTree-node-expand"?: ((...args: any[]) => any) | undefined;
 }, {
-    checkEasily: boolean;
     node: {};
-    showLine: boolean;
     renderAfterExpand: boolean;
     showCheckbox: boolean;
     showRadio: boolean;
-    currentRadio: Record<string, any>;
     showNumber: boolean;
     collapsible: boolean;
+    showLine: boolean;
+    checkEasily: boolean;
+    currentRadio: Record<string, 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

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

48642

increased by1.92%

Lines of code

1369

increased by1.41%

Worsened metrics

Dependency count

10

increased by400%

Dependency changes

• + Added@opentiny/vue-button@~3.12.0

• + Added@opentiny/vue-checkbox@~3.12.0

• + Added@opentiny/vue-collapse-transition@~3.12.0

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

• + Added@opentiny/vue-input@~3.12.0

• + Added@opentiny/vue-popover@~3.12.0

• + Added@opentiny/vue-radio@~3.12.0

• + Added@opentiny/vue-switch@~3.12.0

• + Added@better-scroll/core@2.5.0(transitive)

• + Added@better-scroll/shared-utils@2.5.1(transitive)

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

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

• + Added@opentiny/vue-checkbox@3.12.0(transitive)

• + Added@opentiny/vue-collapse-transition@3.12.0(transitive)

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

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

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

• + Added@opentiny/vue-input@3.12.0(transitive)

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

• + Added@opentiny/vue-popover@3.12.0(transitive)

• + Added@opentiny/vue-radio@3.12.0(transitive)

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

• + Added@opentiny/vue-switch@3.12.0(transitive)

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~3.12.0

• Updated@opentiny/vue-renderless@~3.12.0