@opentiny/vue-tree - npm Package Compare versions

Comparing version 3.10.0 to 3.11.0-alpha.0

lib/index.js

@@ -167,3 +167,3 @@ function _extends() {
 });
-var version = "3.10.0";
+var version = "3.11.0-alpha.0";
 Tree.install = function(Vue) {
@@ -170,0 +170,0 @@ Vue.component(Tree.name, Tree);

lib/pc.js

@@ -13,4 +13,4 @@ import { renderless as renderless$1, api as api$1 } from "@opentiny/vue-renderless/tree/vue";
 import Input from "@opentiny/vue-input";
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, createCommentVNode, toDisplayString, createBlock, resolveDynamicComponent, renderSlot, withKeys, Fragment, withCtx, renderList, vShow, createVNode, createTextVNode } from "vue";
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, withKeys, createVNode, withCtx, vShow, createTextVNode } from "vue";
+function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -53,3 +53,3 @@ if (it)
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
@@ -218,10 +218,13 @@ target[key] = val;
 var _hoisted_8$1 = {
+  key: 6,
+  class: "tiny-tree-node__content-box"
+};
+var _hoisted_9$1 = {
   class: "tiny-tree-node__content-right"
 };
-var _hoisted_9$1 = ["title"];
 var _hoisted_10$1 = ["title"];
 var _hoisted_11$1 = ["title"];
-var _hoisted_12$1 = ["aria-expanded"];
+var _hoisted_12$1 = ["title"];
+var _hoisted_13$1 = ["aria-expanded"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ref;
   var _component_checkbox = resolveComponent("checkbox");
@@ -239,8 +242,16 @@ var _component_tiny_radio = resolveComponent("tiny-radio");
   return openBlock(), createElementBlock("div", _hoisted_1$1, [withDirectives(createElementVNode("div", {
-    class: normalizeClass(["tiny-tree-node", (_ref = {
+    class: normalizeClass(["tiny-tree-node", {
       "is-indeterminate": !$props.node.disabled && $props.node.indeterminate,
       "is-current": $props.node.isCurrent,
       "is-hidden": !$props.node.visible,
-      "is-checked": !$props.node.disabled && $props.node.checked
-    }, _ref["is-indeterminate"] = !$props.node.disabled && $props.node.indeterminate, _ref["is-focusable"] = !$props.node.disabled, _ref["is-expanded"] = _ctx.state.expanded, _ref["is-checked"] = !$props.node.disabled && $props.node.checked, _ref["is-loading"] = $props.node.loading, _ref["show-line"] = $props.showLine, _ref)]),
+      "is-checked": !$props.node.disabled && $props.node.checked,
+      "is-focusable": !$props.node.disabled,
+      "is-expanded": _ctx.state.expanded,
+      "is-loading": $props.node.loading,
+      "is-disabled": $props.node.disabled,
+      "is-leaf": $props.node.isLeaf,
+      "is-root": $props.node.level === 1,
+      "show-line": $props.showLine,
+      "show-checkbox": $props.showCheckbox
+    }]),
     role: "treeitem",
@@ -279,3 +290,2 @@ tabindex: "-1",
       style: normalizeStyle({
-        "margin-left": _ctx.state.computedIndent,
         "height": $props.nodeHeight ? $props.nodeHeight + "px" : void 0,
@@ -288,15 +298,22 @@ "line-height": $props.nodeHeight ? $props.nodeHeight + "px" : void 0
     },
-    [$props.showLine ? (openBlock(), createElementBlock(
-      "span",
-      {
-        key: 0,
-        class: "tiny-tree-node__content-indent",
-        style: normalizeStyle({
-          width: _ctx.state.computedIndent
-        })
-      },
+    [(openBlock(true), createElementBlock(
+      Fragment,
       null,
-      4
-      /* STYLE */
-    )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$1, [$props.showNumber ? (openBlock(), createElementBlock(
+      renderList($props.showLine ? 1 : $props.node.level - 1, function(i) {
+        return openBlock(), createElementBlock(
+          "span",
+          {
+            class: "tiny-tree-node__content-indent",
+            style: normalizeStyle({
+              width: _ctx.state.computedIndent
+            })
+          },
+          null,
+          4
+          /* STYLE */
+        );
+      }),
+      256
+      /* UNKEYED_FRAGMENT */
+    )), createElementVNode("div", _hoisted_3$1, [$props.showNumber ? (openBlock(), createElementBlock(
       "span",
@@ -307,22 +324,30 @@ _hoisted_4$1,
       /* TEXT */
-    )) : (openBlock(), createElementBlock("span", {
-      key: 1,
-      class: "tree-node-icon",
-      onClick: _cache[0] || (_cache[0] = function($event) {
-        return _ctx.handleExpandIconClick($event, $props.node);
-      })
-    }, [_ctx.state.expandIcon !== void 0 && _ctx.state.shrinkIcon !== void 0 ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.expanded ? _ctx.state.shrinkIcon : _ctx.state.expandIcon), {
-      key: 0,
-      fill: _ctx.state.expanded ? _ctx.state.shrinkIconColor : _ctx.state.expandIconColor,
-      class: normalizeClass(["tiny-tree-node__expand-icon", {
-        "is-leaf": $props.node.isLeaf
-      }])
-    }, null, 8, ["fill", "class"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.computedExpandIcon), {
-      key: 1,
-      class: normalizeClass(["tiny-tree-node__expand-icon", {
-        "is-leaf": $props.node.isLeaf,
-        expanded: !$props.node.isLeaf && _ctx.state.expanded,
-        "is-saas-theme": _ctx.state.isSaaSTheme
-      }])
-    }, null, 8, ["class"]))])), $props.showCheckbox ? (openBlock(), createBlock(_component_checkbox, {
+    )) : (openBlock(), createElementBlock(
+      Fragment,
+      {
+        key: 1
+      },
+      [!$props.node.isLeaf ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "tree-node-icon",
+        onClick: _cache[0] || (_cache[0] = function($event) {
+          return _ctx.handleExpandIconClick($event, $props.node);
+        })
+      }, [_ctx.state.expandIcon !== void 0 && _ctx.state.shrinkIcon !== void 0 ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.expanded ? _ctx.state.shrinkIcon : _ctx.state.expandIcon), {
+        key: 0,
+        fill: _ctx.state.expanded ? _ctx.state.shrinkIconColor : _ctx.state.expandIconColor,
+        class: normalizeClass(["tiny-tree-node__expand-icon", {
+          "is-leaf": $props.node.isLeaf
+        }])
+      }, null, 8, ["fill", "class"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.computedExpandIcon), {
+        key: 1,
+        class: normalizeClass(["tiny-tree-node__expand-icon", {
+          "is-leaf": $props.node.isLeaf,
+          expanded: !$props.node.isLeaf && _ctx.state.expanded,
+          "is-saas-theme": _ctx.state.isSaaSTheme
+        }])
+      }, null, 8, ["class"]))])) : createCommentVNode("v-if", true)],
+      64
+      /* STABLE_FRAGMENT */
+    )), $props.showCheckbox ? (openBlock(), createBlock(_component_checkbox, {
       key: 2,
@@ -364,9 +389,8 @@ modelValue: $props.node.checked,
       }, ["stop"]))
-    }, null, 8, ["modelValue"])) : (openBlock(), createBlock(_component_node_content, {
-      key: 6,
+    }, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_8$1, [createVNode(_component_node_content, {
       node: $props.node,
       "render-content": $props.renderContent
-    }, null, 8, ["node", "render-content"])), renderSlot(_ctx.$slots, "suffix", {
+    }, null, 8, ["node", "render-content"])])), renderSlot(_ctx.$slots, "suffix", {
       node: $props.node
-    })]), createElementVNode("div", _hoisted_8$1, [renderSlot(_ctx.$slots, "operation", {
+    })]), createElementVNode("div", _hoisted_9$1, [renderSlot(_ctx.$slots, "operation", {
       node: $props.node
@@ -385,3 +409,3 @@ }), $props.action.show ? (openBlock(), createElementBlock(
         }, ["stop"]))
-      })) : createCommentVNode("v-if", true)], 8, _hoisted_9$1), createElementVNode("span", {
+      })) : createCommentVNode("v-if", true)], 8, _hoisted_10$1), createElementVNode("span", {
         title: _ctx.t("ui.base.delete")
@@ -393,3 +417,3 @@ }, [!$props.action.editDisabled.includes($props.node.data[$props.nodeKey]) ? (openBlock(), createBlock(_component_icon_minus_square, {
         }, ["stop"]))
-      })) : createCommentVNode("v-if", true)], 8, _hoisted_10$1), createElementVNode("span", {
+      })) : createCommentVNode("v-if", true)], 8, _hoisted_11$1), createElementVNode("span", {
         title: _ctx.t("ui.tree.newNodeTitle")
@@ -401,3 +425,3 @@ }, [!$props.node.data._isNewNode && !$props.action.addDisabled.includes($props.node.data[$props.nodeKey]) ? (openBlock(), createBlock(_component_icon_plus_square, {
         }, ["stop"]))
-      })) : createCommentVNode("v-if", true)], 8, _hoisted_11$1)],
+      })) : createCommentVNode("v-if", true)], 8, _hoisted_12$1)],
       64
@@ -418,3 +442,3 @@ /* STABLE_FRAGMENT */
         style: normalizeStyle({
-          "margin-left": _ctx.state.computedIndent
+          "margin-left": $props.showLine ? _ctx.state.computedIndent : 0
         })
@@ -483,3 +507,3 @@ }, [$props.showLine ? (openBlock(), createElementBlock(
         /* KEYED_FRAGMENT */
-      ))], 12, _hoisted_12$1)), [[vShow, _ctx.state.expanded]]) : createCommentVNode("v-if", true)];
+      ))], 12, _hoisted_13$1)), [[vShow, _ctx.state.expanded]]) : createCommentVNode("v-if", true)];
     }),
@@ -486,0 +510,0 @@ _: 3

package.json

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

src/pc.vue.d.ts

 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    [x: string]: any;
+    data?: any;
+    props?: any;
+    checkStrictly?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    size?: any;
+    icon?: any;
+    draggable?: any;
+    load?: any;
+    lazy?: any;
+    renderContent?: any;
+    theme?: any;
+    accordion?: any;
+    dataset?: 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;
+    filterNodeMethod?: any;
+    highlightCurrent?: 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;
+    pathSplit?: any;
+    filterPlainMethod?: any;
+    afterLoad?: any;
+    lazyCurrent?: any;
+    baseIndent?: any;
+    showLine?: any;
 }>, {
@@ -13,3 +71,61 @@ t: (this: any, path: any, options?: any) => 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<{
-    [x: string]: any;
+    data?: any;
+    props?: any;
+    checkStrictly?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    size?: any;
+    icon?: any;
+    draggable?: any;
+    load?: any;
+    lazy?: any;
+    renderContent?: any;
+    theme?: any;
+    accordion?: any;
+    dataset?: 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;
+    filterNodeMethod?: any;
+    highlightCurrent?: 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;
+    pathSplit?: any;
+    filterPlainMethod?: any;
+    afterLoad?: any;
+    lazyCurrent?: any;
+    baseIndent?: any;
+    showLine?: any;
 }>>> & {
@@ -30,4 +146,62 @@ "onCurrent-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    [x: string]: any;
+    readonly data?: any;
+    readonly props?: any;
+    readonly checkStrictly?: 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 size?: any;
+    readonly icon?: any;
+    readonly draggable?: any;
+    readonly load?: any;
+    readonly lazy?: any;
+    readonly renderContent?: any;
+    readonly theme?: any;
+    readonly accordion?: any;
+    readonly dataset?: 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 filterNodeMethod?: any;
+    readonly highlightCurrent?: 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 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

@@ -109,3 +109,2 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     node: {};
-    collapsible: boolean;
     renderAfterExpand: boolean;
@@ -115,2 +114,3 @@ showCheckbox: boolean;
     showNumber: boolean;
+    collapsible: boolean;
     showLine: boolean;
@@ -117,0 +117,0 @@ checkEasily: boolean;

New alerts

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

Improved metrics

Total package byte prevSize

47676

increased by12.27%

Lines of code

1347

increased by17.13%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

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

• + Added@opentiny/vue-locale@3.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@3.10.0(transitive)

• - Removed@opentiny/vue-locale@3.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@~3.11.0-alpha.0

• Updated@opentiny/vue-renderless@~3.11.0-alpha.0