@web-utils/component 2.7.36 → 2.8.0

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

@@ -1,491 +0,0 @@
-import { s as setPx, o as optVal, D as DIC_PROPS } from "../../chunks/util.b0d0b0ad.js";
-import { p as permission } from "../../chunks/permission.9c766972.js";
-import { isBlank } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "avue-tree"
-  }, [_vm.optVal(_vm.option.filter, true) ? _c("div", {
-    staticClass: "avue-tree__filter"
-  }, [_c("ElInput", {
-    attrs: {
-      "placeholder": _vm.optVal(_vm.option.filterText, "输入关键字进行过滤"),
-      "size": _vm.size
-    },
-    model: {
-      value: _vm.filterValue,
-      callback: function($$v) {
-        _vm.filterValue = $$v;
-      },
-      expression: "filterValue"
-    }
-  }), _vm.optVal(_vm.option.addBtn, true) ? _c("ElButton", {
-    directives: [{
-      name: "permission",
-      rawName: "v-permission",
-      value: _vm.getPermission("addBtn"),
-      expression: "getPermission('addBtn')"
-    }],
-    attrs: {
-      "size": _vm.size,
-      "icon": "el-icon-plus"
-    },
-    on: {
-      "click": _vm.parentAdd
-    }
-  }) : _vm._t("addBtn")], 2) : _vm._e(), _c("ElScrollbar", {
-    staticClass: "avue-tree__content"
-  }, [_c("ElTree", {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading",
-      value: _vm.loading,
-      expression: "loading"
-    }],
-    ref: "tree",
-    attrs: {
-      "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": _vm.handleCheckChange,
-      "node-click": _vm.nodeClick,
-      "node-contextmenu": _vm.nodeContextmenu
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      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"
-        }, [_c("span", [_vm._v(_vm._s(sNode.label))])]);
-      }
-    }], null, true)
-  })], 1), _vm.client.show && _vm.menu ? _c("div", {
-    staticClass: "el-cascader-panel is-bordered avue-tree__menu",
-    style: _vm.styleName,
-    on: {
-      "click": function($event) {
-        _vm.client.show = false;
-      }
-    }
-  }, [_vm.optVal(_vm.option.addBtn, true) ? _c("div", {
-    directives: [{
-      name: "permission",
-      rawName: "v-permission",
-      value: _vm.getPermission("addBtn"),
-      expression: "getPermission('addBtn')"
-    }],
-    staticClass: "avue-tree__item",
-    on: {
-      "click": _vm.rowAdd
-    }
-  }, [_vm._v(" " + _vm._s(_vm.menuIcon("addBtn")) + " ")]) : _vm._e(), _vm.optVal(_vm.option.editBtn, true) ? _c("div", {
-    directives: [{
-      name: "permission",
-      rawName: "v-permission",
-      value: _vm.getPermission("editBtn"),
-      expression: "getPermission('editBtn')"
-    }],
-    staticClass: "avue-tree__item",
-    on: {
-      "click": _vm.rowEdit
-    }
-  }, [_vm._v(" " + _vm._s(_vm.menuIcon("editBtn")) + " ")]) : _vm._e(), _vm.optVal(_vm.option.delBtn, true) ? _c("div", {
-    directives: [{
-      name: "permission",
-      rawName: "v-permission",
-      value: _vm.getPermission("delBtn"),
-      expression: "getPermission('delBtn')"
-    }],
-    staticClass: "avue-tree__item",
-    on: {
-      "click": _vm.rowRemove
-    }
-  }, [_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": _vm.node[_vm.labelKey] || _vm.title,
-      "visible": _vm.box,
-      "before-close": _vm.hide,
-      "width": _vm.optVal(_vm.option.dialogWidth, "50%")
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.box = $event;
-      }
-    }
-  }, [_c("FyForm", {
-    ref: "form",
-    attrs: {
-      "option": _vm.formOption
-    },
-    on: {
-      "submit": _vm.handleSubmit
-    },
-    model: {
-      value: _vm.form,
-      callback: function($$v) {
-        _vm.form = $$v;
-      },
-      expression: "form"
-    }
-  })], 1)], 1) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const FyTree_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FyTree",
-  directives: {
-    permission
-  },
-  props: {
-    indent: Number,
-    filterNodeMethod: Function,
-    checkOnClickNode: Boolean,
-    beforeClose: Function,
-    beforeOpen: Function,
-    permission: {
-      type: [Function, Object],
-      default: () => {
-        return {};
-      }
-    },
-    iconClass: {
-      type: String
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    expandOnClickNode: {
-      type: Boolean,
-      default: false
-    },
-    option: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    data: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    value: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      filterValue: "",
-      client: {
-        x: 0,
-        y: 0,
-        show: false
-      },
-      box: false,
-      type: "",
-      node: {},
-      form: {}
-    };
-  },
-  computed: {
-    styleName() {
-      return {
-        top: setPx(this.client.y - 10),
-        left: setPx(this.client.x - 10)
-      };
-    },
-    treeProps() {
-      return Object.assign(this.props, {
-        isLeaf: this.leafKey
-      });
-    },
-    menu() {
-      return optVal(this.option.menu, true);
-    },
-    title() {
-      return this.option.title || "添加";
-    },
-    treeLoad() {
-      return this.option.treeLoad;
-    },
-    checkStrictly() {
-      return this.option.checkStrictly;
-    },
-    accordion() {
-      return this.option.accordion;
-    },
-    multiple() {
-      return this.option.multiple;
-    },
-    lazy() {
-      return this.option.lazy;
-    },
-    addText() {
-      return this.addFlag ? this.menuIcon("addBtn") : this.menuIcon("updateBtn");
-    },
-    addFlag() {
-      return ["add", "parentAdd"].includes(this.type);
-    },
-    size() {
-      return this.option.size || "small";
-    },
-    props() {
-      return this.option.props || {};
-    },
-    leafKey() {
-      return this.props.leaf || DIC_PROPS.leaf;
-    },
-    valueKey() {
-      return this.props.value || DIC_PROPS.value;
-    },
-    labelKey() {
-      return this.props.label || DIC_PROPS.label;
-    },
-    childrenKey() {
-      return this.props.children || DIC_PROPS.children;
-    },
-    nodeKey() {
-      return this.option.nodeKey || DIC_PROPS.nodeKey;
-    },
-    defaultExpandAll() {
-      return this.option.defaultExpandAll;
-    },
-    defaultExpandedKeys() {
-      return this.option.defaultExpandedKeys;
-    },
-    formOption() {
-      return Object.assign(
-        this.option.formOption || {},
-        {
-          submitText: this.addText
-        }
-      );
-    }
-  },
-  watch: {
-    filterValue(val) {
-      this.$refs.tree.filter(val);
-    },
-    value(val) {
-      this.form = val;
-    },
-    form(val) {
-      this.$emit("input", val);
-      this.$emit("change", val);
-    }
-  },
-  mounted() {
-    document.addEventListener("click", (e) => {
-      if (!this.$el.contains(e.target))
-        this.client.show = false;
-    });
-    this.initFun();
-  },
-  methods: {
-    optVal,
-    menuIcon(value) {
-      return optVal(this.option[`${value}Text`], value);
-    },
-    getPermission(key) {
-      if (typeof this.permission === "function") {
-        return this.permission(key, this.node.data || {});
-      } else if (!isBlank(this.permission[key])) {
-        return this.permission[key];
-      } else {
-        return true;
-      }
-    },
-    initFun() {
-      [
-        "filter",
-        "updateKeyChildren",
-        "getCheckedNodes",
-        "setCheckedNodes",
-        "getCheckedKeys",
-        "setCheckedKeys",
-        "setChecked",
-        "getHalfCheckedNodes",
-        "getHalfCheckedKeys",
-        "getCurrentKey",
-        "getCurrentNode",
-        "setCurrentKey",
-        "setCurrentNode",
-        "getNode",
-        "remove",
-        "append",
-        "insertBefore",
-        "insertAfter"
-      ].forEach((ele) => {
-        this[ele] = this.$refs.tree[ele];
-      });
-    },
-    nodeContextmenu(e, data, node) {
-      this.node = node;
-      this.client.x = e.clientX;
-      this.client.y = e.clientY;
-      this.client.show = true;
-    },
-    handleCheckChange(data, checked, indeterminate) {
-      this.$emit("check-change", data, checked, indeterminate);
-    },
-    handleSubmit(form, done) {
-      this.addFlag ? this.save(form, done) : this.update(form, done);
-    },
-    nodeClick(data, node, nodeComp) {
-      this.client.show = false;
-      this.$emit("node-click", data, node, nodeComp);
-    },
-    filterNode(value, data) {
-      if (typeof this.filterNodeMethod === "function") {
-        return this.filterNodeMethod(value, data);
-      }
-      if (!value)
-        return true;
-      return data[this.labelKey].indexOf(value) !== -1;
-    },
-    hide(done) {
-      const callback = () => {
-        done && done();
-        this.node = {};
-        this.form = {};
-        this.box = false;
-      };
-      if (typeof this.beforeClose === "function") {
-        this.beforeClose(callback, this.type);
-      } else {
-        callback();
-      }
-    },
-    save(data, done) {
-      const callback = (form) => {
-        form = form || this.form;
-        if (this.type === "add") {
-          this.$refs.tree.append(form, this.node.data[this.valueKey]);
-        } else if (this.type === "parentAdd") {
-          this.$refs.tree.append(form);
-        }
-        this.hide();
-        done();
-      };
-      this.$emit("save", this.node, data, callback, done);
-    },
-    update(data, done) {
-      const callback = (form) => {
-        form = form || this.form;
-        const rowKey = form[this.valueKey];
-        this.node.data = this.form;
-        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();
-        done();
-      };
-      this.$emit("update", this.node, data, callback, done);
-    },
-    rowEdit() {
-      this.type = "edit";
-      this.form = this.node.data;
-      this.show();
-    },
-    parentAdd() {
-      this.type = "parentAdd";
-      this.show();
-    },
-    rowAdd() {
-      this.type = "add";
-      this.show();
-    },
-    show() {
-      const callback = () => {
-        this.client.show = false;
-        this.box = true;
-      };
-      if (typeof this.beforeOpen === "function") {
-        this.beforeOpen(callback, this.type);
-      } else {
-        callback();
-      }
-    },
-    rowRemove() {
-      this.client.show = false;
-      const callback = () => {
-        this.$refs.tree.remove(this.node.data[this.valueKey]);
-      };
-      this.$emit("del", this.node, callback);
-    },
-    findData(id) {
-      let result = {};
-      const callback = (parentList, parent) => {
-        parentList.forEach((ele, index) => {
-          if (ele[this.valueKey] == id) {
-            result = {
-              item: ele,
-              index,
-              parentList,
-              parent
-            };
-          }
-          if (ele[this.childrenKey]) {
-            callback(ele[this.childrenKey], ele);
-          }
-        });
-      };
-      callback(this.data);
-      return result;
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FyTree = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FyTree as default
-};

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

@@ -1,46 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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 20px;
-}
-.avue-tree__item {
-  position: relative;
-  padding: 0 30px 0 20px;
-  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);
-}