@element-plus/nightly 0.0.20250623 → 0.0.20250624

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250623 */
+/*! Element Plus v0.0.20250624 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11805,7 +11805,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250623";
+  const version$1 = "0.0.20250624";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -24116,7 +24116,11 @@
         expandNode,
         handleCheckChange
       }));
-      vue.watch([config, () => props.options], initStore, {
+      vue.watch([config, () => props.options], (newVal, oldVal) => {
+        if (isEqual$1(newVal, oldVal))
+          return;
+        initStore();
+      }, {
         deep: true,
         immediate: true
       });
@@ -25992,7 +25996,10 @@
   var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$n], ["__file", "hue-slider.vue"]]);
 
   const colorPickerProps = buildProps({
-    modelValue: String,
+    modelValue: {
+      type: definePropType(String),
+      default: void 0
+    },
     id: String,
     showAlpha: Boolean,
     colorFormat: String,
@@ -26014,6 +26021,7 @@
       type: Boolean,
       default: true
     },
+    ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
   const colorPickerEmits = {
@@ -26297,6 +26305,7 @@
       const { formItem } = useFormItem();
       const colorSize = useFormSize();
       const colorDisabled = useFormDisabled();
+      const { valueOnClear, isEmptyValue } = useEmptyValues(props, null);
       const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
         formItemContext: formItem
       });
@@ -26398,7 +26407,7 @@
         }
       }
       function confirmValue() {
-        const value = color.value;
+        const value = isEmptyValue(color.value) ? valueOnClear.value : color.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit(CHANGE_EVENT, value);
         if (props.validateEvent) {
@@ -26418,9 +26427,9 @@
       }
       function clear() {
         debounceSetShowPicker(false);
-        emit(UPDATE_MODEL_EVENT, null);
-        emit(CHANGE_EVENT, null);
-        if (props.modelValue !== null && props.validateEvent) {
+        emit(UPDATE_MODEL_EVENT, valueOnClear.value);
+        emit(CHANGE_EVENT, valueOnClear.value);
+        if (props.modelValue !== valueOnClear.value && props.validateEvent) {
           formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         resetColor();
@@ -53719,6 +53728,8 @@
   let nodeIdSeed = 0;
   class Node {
     constructor(options) {
+      this.isLeafByUser = void 0;
+      this.isLeaf = void 0;
       this.id = nodeIdSeed++;
       this.text = null;
       this.checked = false;
@@ -53743,6 +53754,7 @@
       }
     }
     initialize() {
+      var _a;
       const store = this.store;
       if (!store) {
         throw new Error("[Node]store is required!");
@@ -53771,7 +53783,7 @@
         return;
       const defaultExpandedKeys = store.defaultExpandedKeys;
       const key = store.key;
-      if (key && defaultExpandedKeys && defaultExpandedKeys.includes(this.key)) {
+      if (key && !isNil(this.key) && defaultExpandedKeys && defaultExpandedKeys.includes(this.key)) {
         this.expand(null, store.autoExpandParent);
       }
       if (key && store.currentNodeKey !== void 0 && this.key === store.currentNodeKey) {
@@ -53782,7 +53794,7 @@
         store._initDefaultCheckedNode(this);
       }
       this.updateLeafState();
-      if (this.parent && (this.level === 1 || this.parent.expanded === true))
+      if (this.level === 1 || ((_a = this.parent) == null ? void 0 : _a.expanded) === true)
         this.canFocus = true;
     }
     setData(data) {
@@ -53848,11 +53860,11 @@
       if (!(child instanceof Node)) {
         if (!batch) {
           const children = this.getChildren(true);
-          if (!children.includes(child.data)) {
+          if (!(children == null ? void 0 : children.includes(child.data))) {
             if (isUndefined(index) || index < 0) {
-              children.push(child.data);
+              children == null ? void 0 : children.push(child.data);
             } else {
-              children.splice(index, 0, child.data);
+              children == null ? void 0 : children.splice(index, 0, child.data);
             }
           }
         }
@@ -53919,7 +53931,7 @@
       const done = () => {
         if (expandParent) {
           let parent = this.parent;
-          while (parent.level > 0) {
+          while (parent && parent.level > 0) {
             parent.expanded = true;
             parent = parent.parent;
           }
@@ -53958,7 +53970,7 @@
       });
     }
     shouldLoadData() {
-      return this.store.lazy === true && this.store.load && !this.loaded;
+      return Boolean(this.store.lazy === true && this.store.load && !this.loaded);
     }
     updateLeafState() {
       if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== "undefined") {
@@ -54044,7 +54056,7 @@
       const newNodes = [];
       newData.forEach((item, index) => {
         const key = item[NODE_KEY];
-        const isNodeExists = !!key && oldData.findIndex((data) => data[NODE_KEY] === key) >= 0;
+        const isNodeExists = !!key && oldData.findIndex((data) => (data == null ? void 0 : data[NODE_KEY]) === key) >= 0;
         if (isNodeExists) {
           newDataMap[key] = { index, data: item };
         } else {
@@ -54053,7 +54065,7 @@
       });
       if (!this.store.lazy) {
         oldData.forEach((item) => {
-          if (!newDataMap[item[NODE_KEY]])
+          if (!newDataMap[item == null ? void 0 : item[NODE_KEY]])
             this.removeChildByData(item);
         });
       }
@@ -54103,6 +54115,11 @@
 
   class TreeStore {
     constructor(options) {
+      this.lazy = false;
+      this.checkStrictly = false;
+      this.autoExpandParent = false;
+      this.defaultExpandAll = false;
+      this.checkDescendants = false;
       this.currentNode = null;
       this.currentNodeKey = null;
       for (const option in options) {
@@ -54123,7 +54140,7 @@
         loadFn(this.root, (data) => {
           this.root.doCreateChildren(data);
           this._initDefaultCheckedNodes();
-        });
+        }, NOOP);
       } else {
         this._initDefaultCheckedNodes();
       }
@@ -54134,7 +54151,7 @@
       const traverse = async function(node) {
         const childNodes = node.root ? node.root.childNodes : node.childNodes;
         for (const [index, child] of childNodes.entries()) {
-          child.visible = filterNodeMethod.call(child, value, child.data, child);
+          child.visible = !!(filterNodeMethod == null ? void 0 : filterNodeMethod.call(child, value, child.data, child));
           if (index % 80 === 0 && index > 0) {
             await vue.nextTick();
           }
@@ -54177,12 +54194,14 @@
       return this.nodesMap[key] || null;
     }
     insertBefore(data, refData) {
+      var _a;
       const refNode = this.getNode(refData);
-      refNode.parent.insertBefore({ data }, refNode);
+      (_a = refNode.parent) == null ? void 0 : _a.insertBefore({ data }, refNode);
     }
     insertAfter(data, refData) {
+      var _a;
       const refNode = this.getNode(refData);
-      refNode.parent.insertAfter({ data }, refNode);
+      (_a = refNode.parent) == null ? void 0 : _a.insertAfter({ data }, refNode);
     }
     remove(data) {
       const node = this.getNode(data);
@@ -54211,7 +54230,7 @@
     }
     _initDefaultCheckedNode(node) {
       const defaultCheckedKeys = this.defaultCheckedKeys || [];
-      if (defaultCheckedKeys.includes(node.key)) {
+      if (!isNil(node.key) && defaultCheckedKeys.includes(node.key)) {
         node.setChecked(true, !this.checkStrictly);
       }
     }
@@ -54229,8 +54248,8 @@
         this.nodesMap[node.id] = node;
       } else {
         const nodeKey = node.key;
-        if (nodeKey !== void 0)
-          this.nodesMap[node.key] = node;
+        if (!isNil(nodeKey))
+          this.nodesMap[nodeKey] = node;
       }
     }
     deregisterNode(node) {
@@ -54391,14 +54410,16 @@
       this.currentNode.isCurrent = true;
     }
     setUserCurrentNode(node, shouldAutoExpandParent = true) {
+      var _a;
       const key = node[this.key];
       const currNode = this.nodesMap[key];
       this.setCurrentNode(currNode);
-      if (shouldAutoExpandParent && this.currentNode.level > 1) {
-        this.currentNode.parent.expand(null, true);
+      if (shouldAutoExpandParent && this.currentNode && this.currentNode.level > 1) {
+        (_a = this.currentNode.parent) == null ? void 0 : _a.expand(null, true);
       }
     }
     setCurrentNodeKey(key, shouldAutoExpandParent = true) {
+      var _a;
       this.currentNodeKey = key;
       if (isPropAbsent(key)) {
         this.currentNode && (this.currentNode.isCurrent = false);
@@ -54408,8 +54429,8 @@
       const node = this.getNode(key);
       if (node) {
         this.setCurrentNode(node);
-        if (shouldAutoExpandParent && this.currentNode.level > 1) {
-          this.currentNode.parent.expand(null, true);
+        if (shouldAutoExpandParent && this.currentNode && this.currentNode.level > 1) {
+          (_a = this.currentNode.parent) == null ? void 0 : _a.expand(null, true);
         }
       }
     }
@@ -54447,8 +54468,9 @@
     const parentNodeMap = vue.inject(TREE_NODE_MAP_INJECTION_KEY, null);
     const currentNodeMap = {
       treeNodeExpand: (node) => {
+        var _a;
         if (props.node !== node) {
-          props.node.collapse();
+          (_a = props.node) == null ? void 0 : _a.collapse();
         }
       },
       children: []
@@ -54469,7 +54491,13 @@
   }
 
   const dragEventsKey = Symbol("dragEvents");
-  function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
+  function useDragNodeHandler({
+    props,
+    ctx,
+    el$,
+    dropIndicator$,
+    store
+  }) {
     const ns = useNamespace("tree");
     const dragState = vue.ref({
       showDropIndicator: false,
@@ -54479,6 +54507,8 @@
       dropType: null
     });
     const treeNodeDragStart = ({ event, treeNode }) => {
+      if (!event.dataTransfer)
+        return;
       if (isFunction$1(props.allowDrag) && !props.allowDrag(treeNode.node)) {
         event.preventDefault();
         return false;
@@ -54492,6 +54522,8 @@
       ctx.emit("node-drag-start", treeNode.node, event);
     };
     const treeNodeDragOver = ({ event, treeNode }) => {
+      if (!event.dataTransfer)
+        return;
       const dropNode = treeNode;
       const oldDropNode = dragState.value.dropNode;
       if (oldDropNode && oldDropNode.node.id !== dropNode.node.id) {
@@ -54535,7 +54567,8 @@
         dropInner = false;
         dropNext = false;
       }
-      const targetPosition = dropNode.$el.querySelector(`.${ns.be("node", "content")}`).getBoundingClientRect();
+      const dropEl = dropNode.$el;
+      const targetPosition = dropEl.querySelector(`.${ns.be("node", "content")}`).getBoundingClientRect();
       const treePosition = el$.value.getBoundingClientRect();
       let dropType;
       const prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.45 : 1 : -1;
@@ -54551,7 +54584,7 @@
       } else {
         dropType = "none";
       }
-      const iconPosition = dropNode.$el.querySelector(`.${ns.be("node", "expand-icon")}`).getBoundingClientRect();
+      const iconPosition = dropEl.querySelector(`.${ns.be("node", "expand-icon")}`).getBoundingClientRect();
       const dropIndicator = dropIndicator$.value;
       if (dropType === "before") {
         indicatorTop = iconPosition.top - treePosition.top;
@@ -54561,9 +54594,9 @@
       dropIndicator.style.top = `${indicatorTop}px`;
       dropIndicator.style.left = `${iconPosition.right - treePosition.left}px`;
       if (dropType === "inner") {
-        addClass(dropNode.$el, ns.is("drop-inner"));
+        addClass(dropEl, ns.is("drop-inner"));
       } else {
-        removeClass(dropNode.$el, ns.is("drop-inner"));
+        removeClass(dropEl, ns.is("drop-inner"));
       }
       dragState.value.showDropIndicator = dropType === "before" || dropType === "after";
       dragState.value.allowDrop = dragState.value.showDropIndicator || userAllowDropInner;
@@ -54571,20 +54604,21 @@
       ctx.emit("node-drag-over", draggingNode.node, dropNode.node, event);
     };
     const treeNodeDragEnd = (event) => {
+      var _a, _b;
       const { draggingNode, dropType, dropNode } = dragState.value;
       event.preventDefault();
       if (event.dataTransfer) {
         event.dataTransfer.dropEffect = "move";
       }
-      if (draggingNode && dropNode) {
+      if ((draggingNode == null ? void 0 : draggingNode.node.data) && dropNode) {
         const draggingNodeCopy = { data: draggingNode.node.data };
         if (dropType !== "none") {
           draggingNode.node.remove();
         }
         if (dropType === "before") {
-          dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
+          (_a = dropNode.node.parent) == null ? void 0 : _a.insertBefore(draggingNodeCopy, dropNode.node);
         } else if (dropType === "after") {
-          dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
+          (_b = dropNode.node.parent) == null ? void 0 : _b.insertAfter(draggingNodeCopy, dropNode.node);
         } else if (dropType === "inner") {
           dropNode.node.insertChild(draggingNodeCopy);
         }
@@ -54592,8 +54626,8 @@
           store.value.registerNode(draggingNodeCopy);
           if (store.value.key) {
             draggingNode.node.eachNode((node) => {
-              var _a;
-              (_a = store.value.nodesMap[node.data[store.value.key]]) == null ? void 0 : _a.setChecked(node.checked, !store.value.checkStrictly);
+              var _a2;
+              (_a2 = store.value.nodesMap[node.data[store.value.key]]) == null ? void 0 : _a2.setChecked(node.checked, !store.value.checkStrictly);
             });
           }
         }
@@ -54991,6 +55025,8 @@
     useEventListener(el$, "keydown", handleKeydown);
     const initTabIndex = () => {
       var _a;
+      if (!el$.value)
+        return;
       const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
       const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
       checkboxItems.forEach((checkbox) => {
@@ -55010,7 +55046,7 @@
     components: { ElTreeNode: ElTreeNode$1 },
     props: {
       data: {
-        type: Array,
+        type: definePropType(Array),
         default: () => []
       },
       emptyText: {
@@ -55043,7 +55079,9 @@
       defaultCheckedKeys: Array,
       defaultExpandedKeys: Array,
       currentNodeKey: [String, Number],
-      renderContent: Function,
+      renderContent: {
+        type: definePropType(Function)
+      },
       showCheckbox: {
         type: Boolean,
         default: false
@@ -55052,8 +55090,12 @@
         type: Boolean,
         default: false
       },
-      allowDrag: Function,
-      allowDrop: Function,
+      allowDrag: {
+        type: definePropType(Function)
+      },
+      allowDrop: {
+        type: definePropType(Function)
+      },
       props: {
         type: Object,
         default: () => ({
@@ -55132,13 +55174,13 @@
         return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !hasFilteredOptions;
       });
       vue.watch(() => props.currentNodeKey, (newVal) => {
-        store.value.setCurrentNodeKey(newVal);
+        store.value.setCurrentNodeKey(newVal != null ? newVal : null);
       });
       vue.watch(() => props.defaultCheckedKeys, (newVal) => {
-        store.value.setDefaultCheckedKey(newVal);
+        store.value.setDefaultCheckedKey(newVal != null ? newVal : []);
       });
       vue.watch(() => props.defaultExpandedKeys, (newVal) => {
-        store.value.setDefaultExpandedKeys(newVal);
+        store.value.setDefaultExpandedKeys(newVal != null ? newVal : []);
       });
       vue.watch(() => props.data, (newVal) => {
         store.value.setData(newVal);
@@ -55216,7 +55258,7 @@
           throw new Error("[Tree] nodeKey is required in setCurrentKey");
         handleCurrentChange(store, ctx.emit, () => {
           broadcastExpanded();
-          store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
+          store.value.setCurrentNodeKey(key != null ? key : null, shouldAutoExpandParent);
         });
       };
       const getNode = (data) => {