@smallwei/avue 3.8.5 → 3.9.0

package/lib/packages/element-plus/text-ellipsis/index3.js

@@ -0,0 +1,44 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.b()),
+    style: vue.normalizeStyle({width:_ctx.setPx(_ctx.width,'100%')})
+  }, [
+    vue.renderSlot(_ctx.$slots, "before", {
+      class: vue.normalizeClass(_ctx.b('before'))
+    }),
+    vue.createVNode(_component_el_tooltip, {
+      content: _ctx.text,
+      disabled: !(_ctx.useTooltip&&_ctx.isHide),
+      placement: _ctx.placement
+    }, {
+      default: vue.withCtx(() => [
+        vue.createElementVNode("span", null, [
+          (vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass(_ctx.b('text')),
+            ref: "text",
+            key: _ctx.keyIndex
+          }, vue.toDisplayString(_ctx.text), 3 /* TEXT, CLASS */))
+        ])
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["content", "disabled", "placement"]),
+    vue.createElementVNode("span", {
+      class: vue.normalizeClass(_ctx.b('more')),
+      ref: "more"
+    }, [
+      vue.renderSlot(_ctx.$slots, "more")
+    ], 2 /* CLASS */),
+    vue.renderSlot(_ctx.$slots, "after", {
+      class: vue.normalizeClass(_ctx.b('after'))
+    })
+  ], 6 /* CLASS, STYLE */))
+}
+
+exports.render = render;

package/lib/packages/element-plus/time/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_4d6ca540_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_4d6ca540_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/time/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/time/index2.js

@@ -0,0 +1,54 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var packages_core_common_props = require('../../core/common/props.js');
+var packages_core_common_event = require('../../core/common/event.js');
+var src_core_locale = require('../../../src/core/locale.js');
+
+var script = src_core_create.default({
+  name: "time",
+  mixins: [packages_core_common_props.default(), packages_core_common_event.default(), src_core_locale.default],
+  data () {
+    return {};
+  },
+  props: {
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    maxTime: String,
+    minTime: String,
+    start: String,
+    end: String,
+    step: String,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    rangeSeparator: String,
+    defaultValue: [String, Array],
+    valueFormat: String,
+    arrowControl: Boolean,
+    type: String,
+    format: String,
+    visibleChange: Function,
+    disabledHours: Function,
+    disabledMinutes: Function,
+    disabledSeconds: Function
+  },
+  computed: {
+    componentName () {
+      if (this.start || this.end || this.step || this.maxTime || this.minTime) {
+        return "elTimeSelect"
+      } else {
+        return "elTimePicker"
+      }
+    },
+    isRange () {
+      return this.type === "timerange";
+    }
+  }
+});
+
+exports.default = script;

package/lib/packages/element-plus/time/index3.js

@@ -0,0 +1,42 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.b())
+  }, [
+    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.componentName), {
+      modelValue: _ctx.text,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.text) = $event)),
+      "popper-class": _ctx.popperClass,
+      "is-range": _ctx.isRange,
+      size: _ctx.size,
+      editable: _ctx.editable,
+      "disabled-hours": _ctx.disabledHours,
+      "disabled-minutes": _ctx.disabledMinutes,
+      "disabled-seconds": _ctx.disabledSeconds,
+      "default-value": _ctx.defaultValue,
+      "range-separator": _ctx.rangeSeparator,
+      onVisibleChange: _ctx.visibleChange,
+      "arrow-control": _ctx.arrowControl,
+      "start-placeholder": _ctx.startPlaceholder || _ctx.t('time.start'),
+      "end-placeholder": _ctx.endPlaceholder || _ctx.t('time.end'),
+      format: _ctx.format,
+      readonly: _ctx.readonly,
+      clearable: _ctx.clearableVal,
+      start: _ctx.start,
+      end: _ctx.end,
+      step: _ctx.step,
+      "max-time": _ctx.maxTime,
+      "min-time": _ctx.minTime,
+      "value-format": _ctx.valueFormat,
+      placeholder: _ctx.placeholder,
+      onClick: _ctx.handleClick,
+      disabled: _ctx.disabled
+    }, null, 40 /* PROPS, NEED_HYDRATION */, ["modelValue", "popper-class", "is-range", "size", "editable", "disabled-hours", "disabled-minutes", "disabled-seconds", "default-value", "range-separator", "onVisibleChange", "arrow-control", "start-placeholder", "end-placeholder", "format", "readonly", "clearable", "start", "end", "step", "max-time", "min-time", "value-format", "placeholder", "onClick", "disabled"]))
+  ], 2 /* CLASS */))
+}
+
+exports.render = render;

package/lib/packages/element-plus/title/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_034826db_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_034826db_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/title/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/title/index2.js

@@ -0,0 +1,29 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var packages_core_common_props = require('../../core/common/props.js');
+var packages_core_common_event = require('../../core/common/event.js');
+
+var script = src_core_create.default({
+  name: 'title',
+  mixins: [packages_core_common_props.default(), packages_core_common_event.default()],
+  props: {
+    styles: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+});
+
+exports.default = script;

package/lib/packages/element-plus/title/index3.js

@@ -0,0 +1,16 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.b())
+  }, [
+    vue.createElementVNode("p", {
+      style: vue.normalizeStyle(_ctx.styles)
+    }, vue.toDisplayString(_ctx.text), 5 /* TEXT, STYLE */)
+  ], 2 /* CLASS */))
+}
+
+exports.render = render;

package/lib/packages/element-plus/tree/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_727ab4d1_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_727ab4d1_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/tree/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/tree/index2.js

@@ -0,0 +1,361 @@
+/*! Avue.js v3.9.0 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_global_variable = require('../../../src/global/variable.js');
+var src_core_locale = require('../../../src/core/locale.js');
+var src_core_create = require('../../../src/core/create.js');
+var packages_core_directive_permission = require('../../core/directive/permission.js');
+
+var script = src_core_create.default({
+  name: "tree",
+  mixins: [src_core_locale.default],
+  directives: {
+    permission: packages_core_directive_permission.default
+  },
+  props: {
+    indent: Number,
+    filterNodeMethod: Function,
+    checkOnClickNode: Boolean,
+    beforeClose: Function,
+    beforeOpen: Function,
+    permission: {
+      type: [Function, Object],
+      default: () => {
+        return {};
+      }
+    },
+    iconClass: {
+      type: String,
+    },
+    checkOnClickLeaf: Boolean,
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    expandOnClickNode: {
+      type: Boolean,
+      default: false
+    },
+    option: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    data: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  data () {
+    return {
+      filterValue: "",
+      client: {
+        x: 0,
+        y: 0,
+        show: false
+      },
+      box: false,
+      type: "",
+      node: {},
+      obj: {},
+      form: {},
+      // 存储事件监听器引用，用于销毁时清理
+      clickListener: null,
+    };
+  },
+  computed: {
+    virtualize () {
+      return this.option.virtualize
+    },
+    componentName () {
+      return 'elTree' + (this.virtualize ? 'V2' : '')
+    },
+    styleName () {
+      return {
+        top: this.setPx(this.client.y - 10),
+        left: this.setPx(this.client.x - 10),
+      }
+    },
+    treeProps () {
+      return Object.assign(this.deepClone(src_global_variable.DIC_PROPS), this.props, {
+        isLeaf: this.leafKey
+      })
+    },
+    menu () {
+      return this.validData(this.option.menu, true)
+    },
+    title () {
+      return this.option.title || this.t('crud.addTitle')
+    },
+    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
+    },
+    props () {
+      return this.option.props || {};
+    },
+    leafKey () {
+      return this.props.leaf || src_global_variable.DIC_PROPS.leaf
+    },
+    valueKey () {
+      return this.props.value || src_global_variable.DIC_PROPS.value;
+    },
+    labelKey () {
+      return this.props.label || src_global_variable.DIC_PROPS.label;
+    },
+    childrenKey () {
+      return this.props.children || src_global_variable.DIC_PROPS.children;
+    },
+    nodeKey () {
+      return this.option.nodeKey || src_global_variable.DIC_PROPS.nodeKey;
+    },
+    defaultExpandAll () {
+      return this.option.defaultExpandAll;
+    },
+    defaultExpandedKeys () {
+      return this.option.defaultExpandedKeys;
+    },
+    formOption () {
+      return Object.assign(
+        this.option.formOption || {},
+        {
+          boxType: this.type,
+          submitText: this.addText,
+        }
+      );
+    }
+  },
+  mounted () {
+    // 创建事件监听器函数并存储引用，用于后续清理
+    this.clickListener = (e) => {
+      // 检查点击事件是否发生在组件外部，如果是则隐藏右键菜单
+      if (!this.$el.contains(e.target)) {
+        this.client.show = false;
+      }
+    };
+    
+    // 注册全局点击事件监听器
+    document.addEventListener('click', this.clickListener);
+    
+    // 初始化树组件的方法
+    this.initFun();
+  },
+  beforeUnmount () {
+    // 组件销毁前清理全局事件监听器，防止内存泄漏
+    if (this.clickListener) {
+      document.removeEventListener('click', this.clickListener);
+      this.clickListener = null;
+    }
+  },
+  watch: {
+    filterValue (val) {
+      this.$refs.tree.filter(val);
+    },
+    modelValue (val) {
+      this.form = val;
+    },
+    form (val) {
+      this.$emit('update:modelValue', val);
+      this.$emit("change", val);
+    }
+  },
+  methods: {
+    handleDragStart (node, ev) {
+      this.$emit('node-drag-start', node, ev);
+    },
+    handleDragEnter (draggingNode, dropNode, ev) {
+      this.$emit('node-drag-enter', draggingNode, dropNode, ev);
+    },
+    handleDragLeave (draggingNode, dropNode, ev) {
+      this.$emit('node-drag-leave', draggingNode, dropNode, ev);
+    },
+    handleDragOver (draggingNode, dropNode, ev) {
+      this.$emit('node-drag-over', draggingNode, dropNode, ev);
+    },
+    handleDragEnd (draggingNode, dropNode, dropType, ev) {
+      this.$emit('node-drag-end', draggingNode, dropNode, dropType, ev);
+    },
+    handleDrop (draggingNode, dropNode, dropType, ev) {
+      this.$emit('node-drop', draggingNode, dropNode, dropType, ev);
+    },
+    menuIcon (value) {
+      return this.validData(this.option[value + 'Text'], this.t("crud." + value))
+    },
+    getPermission (key) {
+      if (typeof this.permission === "function") {
+        return this.permission(key, this.node.data || {})
+      } else if (!this.validatenull(this.permission[key])) {
+        return this.permission[key]
+      } else {
+        return true;
+      }
+    },
+    /**
+     * 初始化树组件的方法代理
+     * 将element-plus tree组件的方法代理到当前组件实例上，
+     * 使父组件可以直接调用这些方法
+     */
+    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, obj) {
+      this.node = node;
+      this.client.x = e.clientX;
+      this.client.y = e.clientY;
+      this.client.show = true;
+      this.$emit('node-contextmenu', data, node, obj);
+    },
+    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);
+    },
+    nodeExpand (data, node, nodeComp) {
+      this.$emit("node-expand", 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 = this.deepClone(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);
+        }
+        done();
+        this.$nextTick(() => this.hide());
+      };
+      this.$emit("save", this.node, data, callback, done);
+    },
+    update (data, done) {
+      const callback = (form) => {
+        form = this.deepClone(form || this.form);
+        const rowKey = form[this.valueKey];
+        this.node.data = form;
+        let { parentList, index } = this.findData(rowKey);
+        if (parentList) {
+          const oldRow = parentList.splice(index, 1)[0];
+          form[this.childrenKey] = oldRow[this.childrenKey];
+          parentList.splice(index, 0, this.deepClone(form));
+        }
+        this.hide();
+        done();
+      };
+      this.$emit("update", this.node, data, callback, done);
+    },
+    rowEdit (a) {
+      this.type = "edit";
+      this.form = this.deepClone(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);
+      };
+      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: index,
+              parentList: parentList,
+              parent: parent
+            };
+          }
+          if (ele[this.childrenKey]) {
+            callback(ele[this.childrenKey], ele);
+          }
+        });
+      };
+      callback(this.data);
+      return result;
+    }
+  }
+});
+
+exports.default = script;