@web-utils/component 2.0.10 → 2.0.11

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

@@ -1 +1,82 @@
-.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{display:flex;flex-direction:column;width:100%;overflow:auto;text-align:left}.et-tree-wrapper .el-tree{display:table;width:100%;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{display:flex;align-items:center;width:100%;padding-right:8px;font-size:14px}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{display:none;align-self:flex-end}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{position:fixed;z-index:3;padding:0;background:#fff;border-radius:4px;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{display:block;padding:8px 20px 8px 8px;color:#242f42;font: 11px tahoma,arial,sans-serif;line-height:100%;white-space:nowrap;cursor:pointer;user-select:none}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-weight:700;font-size:1.3em}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.editable-tree {
+  position: relative;
+}
+.editable-tree.et-tree-label-overflow-visible .et-tree-label {
+  position: static;
+}
+.et-tree-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow: auto;
+  text-align: left;
+}
+.et-tree-wrapper .el-tree {
+  display: table;
+  width: 100%;
+  overflow: visible;
+}
+.et-tree-wrapper .el-button + .el-button {
+  margin-left: 8px !important;
+}
+.et-tree-wrapper .el-input__inner {
+  padding: 0 4px;
+}
+.et-tree-wrapper .custom-tree-node {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-right: 8px;
+  font-size: 14px;
+}
+.et-tree-wrapper .custom-tree-node:hover .handle-actions {
+  display: block;
+}
+.et-tree-wrapper .custom-tree-node .handle-actions {
+  display: none;
+  align-self: flex-end;
+}
+.et-tree-wrapper .custom-tree-node .node-icon {
+  margin-top: 2px;
+  margin-right: 4px;
+}
+.et-tree-wrapper .node-label {
+  align-items: center;
+}
+.et-tree-wrapper .node-input {
+  min-width: 140px;
+  margin-right: 10px;
+}
+.et-tree-wrapper .menu {
+  position: fixed;
+  z-index: 3;
+  padding: 0;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 5px 10px #bebebe;
+}
+.et-tree-wrapper .menu-item {
+  display: block;
+  padding: 8px 20px 8px 8px;
+  color: #242f42;
+  font: normal 11px tahoma, arial, sans-serif;
+  line-height: 100%;
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+}
+.et-tree-wrapper .menu .menu-item:hover {
+  color: #66b1ff;
+  background-color: #ecf5ff;
+}
+.et-tree-wrapper .menu-item-icon {
+  margin-right: 4px;
+  font-weight: 700;
+  font-size: 1.3em;
+}

package/dist/components/egd-collapse/index.js

@@ -1,15 +1,18 @@
-import { n } from "../../chunks/5d4282fb.js";
-var i = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "el-collapse",
     attrs: {
-      role: "tablist",
+      "role": "tablist",
       "aria-multiselectable": "true"
     }
-  }, [e._t("default")], 2);
-}, c = [];
-const l = {
+  }, [_vm._t("default")], 2);
+};
+var staticRenderFns = [];
+const __vue2_script = {
   name: "EgdCollapse",
   componentName: "EgdCollapse",
   provide() {
@@ -32,48 +35,58 @@ const l = {
     };
   },
   watch: {
-    value(e) {
-      this.activeNames = [].concat(e);
+    value(value) {
+      this.activeNames = [].concat(value);
     }
   },
   created() {
     this.$on("item-click", this.handleItemClick);
   },
   methods: {
-    setActiveNames(e) {
-      e = [].concat(e);
-      const t = this.accordion ? e[0] : e;
-      this.activeNames = e, this.$emit("input", t), this.$emit("change", t);
+    setActiveNames(activeNames) {
+      activeNames = [].concat(activeNames);
+      const value = this.accordion ? activeNames[0] : activeNames;
+      this.activeNames = activeNames;
+      this.$emit("input", value);
+      this.$emit("change", value);
     },
-    handleItemClick(e) {
-      if (this.accordion)
+    handleItemClick(item) {
+      if (this.accordion) {
         this.setActiveNames(
-          (this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === e.name ? "" : e.name
+          (this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === item.name ? "" : item.name
         );
-      else {
-        const t = this.activeNames.slice(0), s = t.indexOf(e.name);
-        s > -1 ? t.splice(s, 1) : t.push(e.name), this.setActiveNames(t);
+      } else {
+        const activeNames = this.activeNames.slice(0);
+        const index = activeNames.indexOf(item.name);
+        if (index > -1) {
+          activeNames.splice(index, 1);
+        } else {
+          activeNames.push(item.name);
+        }
+        this.setActiveNames(activeNames);
       }
     }
   }
-}, a = {};
-var o = /* @__PURE__ */ n(
-  l,
-  i,
-  c,
-  !1,
-  r,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function r(e) {
-  for (let t in a)
-    this[t] = a[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const u = /* @__PURE__ */ function() {
-  return o.exports;
+const EgdCollapse = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  EgdCollapse as default
 };

package/dist/components/egd-collapse-item/index.js

@@ -1,76 +1,82 @@
-import a from "element-ui/src/mixins/emitter";
-import { generateId as n } from "element-ui/src/utils/util";
-import { n as c } from "../../chunks/5d4282fb.js";
-var o = function() {
-  var e = this, s = e.$createElement, t = e._self._c || s;
-  return t("div", {
+import Emitter from "element-ui/src/mixins/emitter";
+import { generateId } from "element-ui/src/utils/util";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "el-collapse-item",
     class: {
-      "is-active": e.isActive,
-      "is-disabled": e.disabled
+      "is-active": _vm.isActive,
+      "is-disabled": _vm.disabled
     }
-  }, [t("div", {
+  }, [_c("div", {
     attrs: {
-      role: "tab",
-      "aria-expanded": e.isActive,
-      "aria-controls": `el-collapse-content-${e.id}`,
-      "aria-describedby": `el-collapse-content-${e.id}`
+      "role": "tab",
+      "aria-expanded": _vm.isActive,
+      "aria-controls": `el-collapse-content-${_vm.id}`,
+      "aria-describedby": `el-collapse-content-${_vm.id}`
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "el-collapse-item__header",
     class: {
-      focusing: e.focusing,
-      "is-active": e.isActive
+      "focusing": _vm.focusing,
+      "is-active": _vm.isActive
     },
     attrs: {
-      id: `el-collapse-head-${e.id}`,
-      role: "button",
-      tabindex: e.disabled ? void 0 : 0
+      "id": `el-collapse-head-${_vm.id}`,
+      "role": "button",
+      "tabindex": _vm.disabled ? void 0 : 0
     },
     on: {
-      click: e.handleHeaderClick,
-      keyup: function(i) {
-        return !i.type.indexOf("key") && e._k(i.keyCode, "space", 32, i.key, [" ", "Spacebar"]) && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : (i.stopPropagation(), e.handleEnterClick.apply(null, arguments));
+      "click": _vm.handleHeaderClick,
+      "keyup": function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
+          return null;
+        $event.stopPropagation();
+        return _vm.handleEnterClick.apply(null, arguments);
       },
-      focus: e.handleFocus,
-      blur: function(i) {
-        e.focusing = !1;
+      "focus": _vm.handleFocus,
+      "blur": function($event) {
+        _vm.focusing = false;
       }
     }
-  }, [t("i", {
+  }, [_c("i", {
     staticClass: "el-collapse-item__arrow el-icon-arrow-right",
     class: {
-      "is-active": e.isActive
+      "is-active": _vm.isActive
     },
     staticStyle: {
-      margin: "0 4px 0 0"
+      "margin": "0 4px 0 0"
     }
-  }), e._t("title", function() {
-    return [e._v(" " + e._s(e.title) + " ")];
+  }), _vm._t("title", function() {
+    return [_vm._v(" " + _vm._s(_vm.title) + " ")];
   }, {
-    title: e.title
-  })], 2)]), t("ElCollapseTransition", [t("div", {
+    "title": _vm.title
+  })], 2)]), _c("ElCollapseTransition", [_c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.isActive,
+      value: _vm.isActive,
       expression: "isActive"
     }],
     staticClass: "el-collapse-item__wrap",
     attrs: {
-      id: `el-collapse-content-${e.id}`,
-      role: "tabpanel",
-      "aria-hidden": !e.isActive,
-      "aria-labelledby": `el-collapse-head-${e.id}`
+      "id": `el-collapse-content-${_vm.id}`,
+      "role": "tabpanel",
+      "aria-hidden": !_vm.isActive,
+      "aria-labelledby": `el-collapse-head-${_vm.id}`
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "el-collapse-item__content"
-  }, [e._t("default")], 2)])])], 1);
-}, r = [];
-const d = {
+  }, [_vm._t("default")], 2)])])], 1);
+};
+var staticRenderFns = [];
+const __vue2_script = {
   name: "EgdCollapseItem",
   componentName: "EgdCollapseItem",
-  mixins: [a],
+  mixins: [Emitter],
   inject: ["collapse"],
   props: {
     title: {
@@ -86,9 +92,9 @@ const d = {
   },
   data() {
     return {
-      focusing: !1,
-      isClick: !1,
-      id: n()
+      focusing: false,
+      isClick: false,
+      id: generateId()
     };
   },
   computed: {
@@ -99,34 +105,44 @@ const d = {
   methods: {
     handleFocus() {
       setTimeout(() => {
-        this.isClick ? this.isClick = !1 : this.focusing = !0;
+        if (!this.isClick) {
+          this.focusing = true;
+        } else {
+          this.isClick = false;
+        }
       }, 50);
     },
     handleHeaderClick() {
-      this.disabled || (this.dispatch("EgdCollapse", "item-click", this), this.focusing = !1, this.isClick = !0);
+      if (this.disabled)
+        return;
+      this.dispatch("EgdCollapse", "item-click", this);
+      this.focusing = false;
+      this.isClick = true;
     },
     handleEnterClick() {
       this.dispatch("EgdCollapse", "item-click", this);
     }
   }
-}, l = {};
-var p = /* @__PURE__ */ c(
-  d,
-  o,
-  r,
-  !1,
-  u,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(e) {
-  for (let s in l)
-    this[s] = l[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const EgdCollapseItem = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  EgdCollapseItem as default
 };