@web-utils/component 2.7.19 → 2.7.21

package/dist/components/fy-tree/index.js

@@ -1,160 +1,160 @@
-import { s as d, o as l, k as r } from "../../chunks/util.23fe58fb.js";
-import { p as u } from "../../chunks/permission.ce5d2121.js";
-import { isBlank as p } from "@web-utils/core";
-import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var m = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
+import { s as setPx, o as optVal, D as DIC_PROPS } from "../../chunks/util.89913643.js";
+import { p as permission } from "../../chunks/permission.07c49abf.js";
+import { isBlank } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-tree"
-  }, [e.optVal(e.option.filter, !0) ? t("div", {
+  }, [_vm.optVal(_vm.option.filter, !0) ? _c("div", {
     staticClass: "avue-tree__filter"
-  }, [t("ElInput", {
+  }, [_c("ElInput", {
     attrs: {
-      placeholder: e.optVal(e.option.filterText, "输入关键字进行过滤"),
-      size: e.size
+      placeholder: _vm.optVal(_vm.option.filterText, "输入关键字进行过滤"),
+      size: _vm.size
     },
     model: {
-      value: e.filterValue,
-      callback: function(n) {
-        e.filterValue = n;
+      value: _vm.filterValue,
+      callback: function($$v) {
+        _vm.filterValue = $$v;
       },
       expression: "filterValue"
     }
-  }), e.optVal(e.option.addBtn, !0) ? t("ElButton", {
+  }), _vm.optVal(_vm.option.addBtn, !0) ? _c("ElButton", {
     directives: [{
       name: "permission",
       rawName: "v-permission",
-      value: e.getPermission("addBtn"),
+      value: _vm.getPermission("addBtn"),
       expression: "getPermission('addBtn')"
     }],
     attrs: {
-      size: e.size,
+      size: _vm.size,
       icon: "el-icon-plus"
     },
     on: {
-      click: e.parentAdd
+      click: _vm.parentAdd
     }
-  }) : e._t("addBtn")], 2) : e._e(), t("ElScrollbar", {
+  }) : _vm._t("addBtn")], 2) : _vm._e(), _c("ElScrollbar", {
     staticClass: "avue-tree__content"
-  }, [t("ElTree", {
+  }, [_c("ElTree", {
     directives: [{
       name: "loading",
       rawName: "v-loading",
-      value: e.loading,
+      value: _vm.loading,
       expression: "loading"
     }],
     ref: "tree",
     attrs: {
-      data: e.data,
-      lazy: e.lazy,
-      load: e.treeLoad,
-      props: e.treeProps,
-      "icon-class": e.iconClass,
-      indent: e.indent,
-      "highlight-current": !e.multiple,
-      "show-checkbox": e.multiple,
-      accordion: e.accordion,
-      "node-key": e.valueKey,
-      "check-strictly": e.checkStrictly,
-      "check-on-click-node": e.checkOnClickNode,
-      "filter-node-method": e.filterNode,
-      "expand-on-click-node": e.expandOnClickNode,
-      "default-expand-all": e.defaultExpandAll,
-      "default-expanded-keys": e.defaultExpandedKeys
+      data: _vm.data,
+      lazy: _vm.lazy,
+      load: _vm.treeLoad,
+      props: _vm.treeProps,
+      "icon-class": _vm.iconClass,
+      indent: _vm.indent,
+      "highlight-current": !_vm.multiple,
+      "show-checkbox": _vm.multiple,
+      accordion: _vm.accordion,
+      "node-key": _vm.valueKey,
+      "check-strictly": _vm.checkStrictly,
+      "check-on-click-node": _vm.checkOnClickNode,
+      "filter-node-method": _vm.filterNode,
+      "expand-on-click-node": _vm.expandOnClickNode,
+      "default-expand-all": _vm.defaultExpandAll,
+      "default-expanded-keys": _vm.defaultExpandedKeys
     },
     on: {
-      "check-change": e.handleCheckChange,
-      "node-click": e.nodeClick,
-      "node-contextmenu": e.nodeContextmenu
+      "check-change": _vm.handleCheckChange,
+      "node-click": _vm.nodeClick,
+      "node-contextmenu": _vm.nodeContextmenu
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
-      fn: function(n) {
-        var o = n.node, s = n.data;
-        return e.$scopedSlots.default ? e._t("default", null, {
-          node: o,
-          data: s
-        }) : t("span", {
+      fn: function(_ref) {
+        var sNode = _ref.node, sData = _ref.data;
+        return _vm.$scopedSlots.default ? _vm._t("default", null, {
+          node: sNode,
+          data: sData
+        }) : _c("span", {
           staticClass: "el-tree-node__label"
-        }, [t("span", [e._v(e._s(o.label))])]);
+        }, [_c("span", [_vm._v(_vm._s(sNode.label))])]);
       }
     }], null, !0)
-  })], 1), e.client.show && e.menu ? t("div", {
+  })], 1), _vm.client.show && _vm.menu ? _c("div", {
     staticClass: "el-cascader-panel is-bordered avue-tree__menu",
-    style: e.styleName,
+    style: _vm.styleName,
     on: {
-      click: function(n) {
-        e.client.show = !1;
+      click: function($event) {
+        _vm.client.show = !1;
       }
     }
-  }, [e.optVal(e.option.addBtn, !0) ? t("div", {
+  }, [_vm.optVal(_vm.option.addBtn, !0) ? _c("div", {
     directives: [{
       name: "permission",
       rawName: "v-permission",
-      value: e.getPermission("addBtn"),
+      value: _vm.getPermission("addBtn"),
       expression: "getPermission('addBtn')"
     }],
     staticClass: "avue-tree__item",
     on: {
-      click: e.rowAdd
+      click: _vm.rowAdd
     }
-  }, [e._v(" " + e._s(e.menuIcon("addBtn")) + " ")]) : e._e(), e.optVal(e.option.editBtn, !0) ? t("div", {
+  }, [_vm._v(" " + _vm._s(_vm.menuIcon("addBtn")) + " ")]) : _vm._e(), _vm.optVal(_vm.option.editBtn, !0) ? _c("div", {
     directives: [{
       name: "permission",
       rawName: "v-permission",
-      value: e.getPermission("editBtn"),
+      value: _vm.getPermission("editBtn"),
       expression: "getPermission('editBtn')"
     }],
     staticClass: "avue-tree__item",
     on: {
-      click: e.rowEdit
+      click: _vm.rowEdit
     }
-  }, [e._v(" " + e._s(e.menuIcon("editBtn")) + " ")]) : e._e(), e.optVal(e.option.delBtn, !0) ? t("div", {
+  }, [_vm._v(" " + _vm._s(_vm.menuIcon("editBtn")) + " ")]) : _vm._e(), _vm.optVal(_vm.option.delBtn, !0) ? _c("div", {
     directives: [{
       name: "permission",
       rawName: "v-permission",
-      value: e.getPermission("delBtn"),
+      value: _vm.getPermission("delBtn"),
       expression: "getPermission('delBtn')"
     }],
     staticClass: "avue-tree__item",
     on: {
-      click: e.rowRemove
+      click: _vm.rowRemove
     }
-  }, [e._v(" " + e._s(e.menuIcon("delBtn")) + " ")]) : e._e(), e._t("menu", null, {
-    node: e.node
-  })], 2) : e._e(), e.box ? t("div", [t("ElementDialog", {
+  }, [_vm._v(" " + _vm._s(_vm.menuIcon("delBtn")) + " ")]) : _vm._e(), _vm._t("menu", null, {
+    node: _vm.node
+  })], 2) : _vm._e(), _vm.box ? _c("div", [_c("ElementDialog", {
     attrs: {
-      title: e.node[e.labelKey] || e.title,
-      visible: e.box,
-      "before-close": e.hide,
-      width: e.optVal(e.option.dialogWidth, "50%")
+      title: _vm.node[_vm.labelKey] || _vm.title,
+      visible: _vm.box,
+      "before-close": _vm.hide,
+      width: _vm.optVal(_vm.option.dialogWidth, "50%")
     },
     on: {
-      "update:visible": function(n) {
-        e.box = n;
+      "update:visible": function($event) {
+        _vm.box = $event;
       }
     }
-  }, [t("FyForm", {
+  }, [_c("FyForm", {
     ref: "form",
     attrs: {
-      option: e.formOption
+      option: _vm.formOption
     },
     on: {
-      submit: e.handleSubmit
+      submit: _vm.handleSubmit
     },
     model: {
-      value: e.form,
-      callback: function(n) {
-        e.form = n;
+      value: _vm.form,
+      callback: function($$v) {
+        _vm.form = $$v;
       },
       expression: "form"
     }
-  })], 1)], 1) : e._e()], 1);
-}, y = [];
-const v = {
+  })], 1)], 1) : _vm._e()], 1);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "FyTree",
   directives: {
-    permission: u
+    permission
   },
   props: {
     indent: Number,
@@ -207,8 +207,8 @@ const v = {
   computed: {
     styleName() {
       return {
-        top: d(this.client.y - 10),
-        left: d(this.client.x - 10)
+        top: setPx(this.client.y - 10),
+        left: setPx(this.client.x - 10)
       };
     },
     treeProps() {
@@ -217,7 +217,7 @@ const v = {
       });
     },
     menu() {
-      return l(this.option.menu, !0);
+      return optVal(this.option.menu, !0);
     },
     title() {
       return this.option.title || "添加";
@@ -250,19 +250,19 @@ const v = {
       return this.option.props || {};
     },
     leafKey() {
-      return this.props.leaf || r.leaf;
+      return this.props.leaf || DIC_PROPS.leaf;
     },
     valueKey() {
-      return this.props.value || r.value;
+      return this.props.value || DIC_PROPS.value;
     },
     labelKey() {
-      return this.props.label || r.label;
+      return this.props.label || DIC_PROPS.label;
     },
     childrenKey() {
-      return this.props.children || r.children;
+      return this.props.children || DIC_PROPS.children;
     },
     nodeKey() {
-      return this.option.nodeKey || r.nodeKey;
+      return this.option.nodeKey || DIC_PROPS.nodeKey;
     },
     defaultExpandAll() {
       return this.option.defaultExpandAll;
@@ -280,14 +280,14 @@ const v = {
     }
   },
   watch: {
-    filterValue(e) {
-      this.$refs.tree.filter(e);
+    filterValue(val) {
+      this.$refs.tree.filter(val);
     },
-    value(e) {
-      this.form = e;
+    value(val) {
+      this.form = val;
     },
-    form(e) {
-      this.$emit("input", e), this.$emit("change", e);
+    form(val) {
+      this.$emit("input", val), this.$emit("change", val);
     }
   },
   mounted() {
@@ -296,12 +296,12 @@ const v = {
     }), this.initFun();
   },
   methods: {
-    optVal: l,
-    menuIcon(e) {
-      return l(this.option[`${e}Text`], e);
+    optVal,
+    menuIcon(value) {
+      return optVal(this.option[`${value}Text`], value);
     },
-    getPermission(e) {
-      return typeof this.permission == "function" ? this.permission(e, this.node.data || {}) : p(this.permission[e]) ? !0 : this.permission[e];
+    getPermission(key) {
+      return typeof this.permission == "function" ? this.permission(key, this.node.data || {}) : isBlank(this.permission[key]) ? !0 : this.permission[key];
     },
     initFun() {
       [
@@ -323,50 +323,50 @@ const v = {
         "append",
         "insertBefore",
         "insertAfter"
-      ].forEach((e) => {
-        this[e] = this.$refs.tree[e];
+      ].forEach((ele) => {
+        this[ele] = this.$refs.tree[ele];
       });
     },
-    nodeContextmenu(e, i, t) {
-      this.node = t, this.client.x = e.clientX, this.client.y = e.clientY, this.client.show = !0;
+    nodeContextmenu(e, data, node) {
+      this.node = node, this.client.x = e.clientX, this.client.y = e.clientY, this.client.show = !0;
     },
-    handleCheckChange(e, i, t) {
-      this.$emit("check-change", e, i, t);
+    handleCheckChange(data, checked, indeterminate) {
+      this.$emit("check-change", data, checked, indeterminate);
     },
-    handleSubmit(e, i) {
-      this.addFlag ? this.save(e, i) : this.update(e, i);
+    handleSubmit(form, done) {
+      this.addFlag ? this.save(form, done) : this.update(form, done);
     },
-    nodeClick(e, i, t) {
-      this.client.show = !1, this.$emit("node-click", e, i, t);
+    nodeClick(data, node, nodeComp) {
+      this.client.show = !1, this.$emit("node-click", data, node, nodeComp);
     },
-    filterNode(e, i) {
-      return typeof this.filterNodeMethod == "function" ? this.filterNodeMethod(e, i) : e ? i[this.labelKey].indexOf(e) !== -1 : !0;
+    filterNode(value, data) {
+      return typeof this.filterNodeMethod == "function" ? this.filterNodeMethod(value, data) : value ? data[this.labelKey].indexOf(value) !== -1 : !0;
     },
-    hide(e) {
-      const i = () => {
-        e && e(), this.node = {}, this.form = {}, this.box = !1;
+    hide(done) {
+      const callback = () => {
+        done && done(), this.node = {}, this.form = {}, this.box = !1;
       };
-      typeof this.beforeClose == "function" ? this.beforeClose(i, this.type) : i();
+      typeof this.beforeClose == "function" ? this.beforeClose(callback, this.type) : callback();
     },
-    save(e, i) {
-      const t = (n) => {
-        n = n || this.form, this.type === "add" ? this.$refs.tree.append(n, this.node.data[this.valueKey]) : this.type === "parentAdd" && this.$refs.tree.append(n), this.hide(), i();
+    save(data, done) {
+      const callback = (form) => {
+        form = form || this.form, this.type === "add" ? this.$refs.tree.append(form, this.node.data[this.valueKey]) : this.type === "parentAdd" && this.$refs.tree.append(form), this.hide(), done();
       };
-      this.$emit("save", this.node, e, t, i);
+      this.$emit("save", this.node, data, callback, done);
     },
-    update(e, i) {
-      const t = (n) => {
-        n = n || this.form;
-        const o = n[this.valueKey];
+    update(data, done) {
+      const callback = (form) => {
+        form = form || this.form;
+        const rowKey = form[this.valueKey];
         this.node.data = this.form;
-        const { parentList: s, index: a } = this.findData(o);
-        if (s) {
-          const h = s.splice(a, 1)[0];
-          n[this.childrenKey] = h[this.childrenKey], s.splice(a, 0, n);
+        const { parentList, index } = this.findData(rowKey);
+        if (parentList) {
+          const oldRow = parentList.splice(index, 1)[0];
+          form[this.childrenKey] = oldRow[this.childrenKey], parentList.splice(index, 0, form);
         }
-        this.hide(), i();
+        this.hide(), done();
       };
-      this.$emit("update", this.node, e, t, i);
+      this.$emit("update", this.node, data, callback, done);
     },
     rowEdit() {
       this.type = "edit", this.form = this.node.data, this.show();
@@ -378,51 +378,51 @@ const v = {
       this.type = "add", this.show();
     },
     show() {
-      const e = () => {
+      const callback = () => {
         this.client.show = !1, this.box = !0;
       };
-      typeof this.beforeOpen == "function" ? this.beforeOpen(e, this.type) : e();
+      typeof this.beforeOpen == "function" ? this.beforeOpen(callback, this.type) : callback();
     },
     rowRemove() {
       this.client.show = !1;
-      const e = () => {
+      const callback = () => {
         this.$refs.tree.remove(this.node.data[this.valueKey]);
       };
-      this.$emit("del", this.node, e);
-    },
-    findData(e) {
-      let i = {};
-      const t = (n, o) => {
-        n.forEach((s, a) => {
-          s[this.valueKey] == e && (i = {
-            item: s,
-            index: a,
-            parentList: n,
-            parent: o
-          }), s[this.childrenKey] && t(s[this.childrenKey], s);
+      this.$emit("del", this.node, callback);
+    },
+    findData(id) {
+      let result = {};
+      const callback = (parentList, parent) => {
+        parentList.forEach((ele, index) => {
+          ele[this.valueKey] == id && (result = {
+            item: ele,
+            index,
+            parentList,
+            parent
+          }), ele[this.childrenKey] && callback(ele[this.childrenKey], ele);
         });
       };
-      return t(this.data), i;
+      return callback(this.data), result;
     }
   }
-}, c = {};
-var _ = /* @__PURE__ */ f(
-  v,
-  m,
-  y,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  k,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function k(e) {
-  for (let i in c)
-    this[i] = c[i];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const K = /* @__PURE__ */ function() {
-  return _.exports;
+const FyTree = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  K as default
+  FyTree as default
 };

package/dist/components/fy-tree/style.css

@@ -1 +1,39 @@
-.avue-tree{position:relative;height:100%}.avue-tree__menu{width:200px;position:fixed;z-index:1024;flex-wrap:wrap;background-color:#fff}.avue-tree__dialog .el-dialog__body{padding:30px 20px 0}.avue-tree__item{position:relative;height:34px;line-height:34px;outline:none;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#666}.avue-tree__item:hover{cursor:pointer;color:#409eff}.avue-tree__filter{margin-bottom:5px;display:flex;align-items:center}.avue-tree__content{padding:5px 0;height:calc(100% - 32px)}
+.avue-tree {
+  position: relative;
+  height: 100%;
+}
+.avue-tree__menu {
+  width: 200px;
+  position: fixed;
+  z-index: 1024;
+  flex-wrap: wrap;
+  background-color: #fff;
+}
+.avue-tree__dialog .el-dialog__body {
+  padding: 30px 20px 0;
+}
+.avue-tree__item {
+  position: relative;
+  height: 34px;
+  line-height: 34px;
+  outline: none;
+  padding: 0 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  color: #666;
+}
+.avue-tree__item:hover {
+  cursor: pointer;
+  color: #409eff;
+}
+.avue-tree__filter {
+  margin-bottom: 5px;
+  display: flex;
+  align-items: center;
+}
+.avue-tree__content {
+  padding: 5px 0;
+  height: calc(100% - 32px);
+}