code-monkey-ui 1.1.5-beta → 1.1.5

package/dist/index.full.js

@@ -21565,10 +21565,7 @@
       type: [String, Number],
       default: 400
     },
-    size: {
-      type: String,
-      default: "default"
-    },
+    size: useSizeProp,
     disabled: {
       type: Boolean,
       default: false
@@ -21588,6 +21585,14 @@
     labelValue: {
       type: Object,
       default: () => ({ label: "label", value: "value" })
+    },
+    rows: {
+      type: Number,
+      default: 50
+    },
+    needTag: {
+      type: Boolean,
+      default: false
     }
   });
   const batchEmits = {
@@ -21596,10 +21601,12 @@
     search: (val) => val
   };
 
-  const useBatch = (props) => {
+  const useBatch = (props, useSize) => {
     const disabled = useFormDisabled();
+    const _size = useFormSize(vue.computed(() => useSize));
     return {
       disabled,
+      _size,
       props
     };
   };
@@ -21614,12 +21621,16 @@
     ...__default__$1i,
     props: batchProps,
     emits: batchEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose, emit }) {
       var _a;
       const props = __props;
+      const useSize = vue.reactive({
+        size: vue.toRef(props, "size")
+      });
       const ns = useNamespace("batch");
-      const { disabled } = useBatch(props);
+      const { disabled, _size } = useBatch(props, useSize.size);
       const userAttrs = vue.useAttrs();
+      const textareaRef = vue.ref();
       const userAttrsCopy = vue.reactive({ ...userAttrs });
       delete userAttrsCopy.size;
       delete userAttrsCopy.prefixIcon;
@@ -21648,6 +21659,34 @@
           return;
         selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
       });
+      const handleEnterKey = (event) => {
+        const inputElement = textareaRef.value.$el.querySelector("textarea");
+        inputElement.addEventListener("paste", preventPaste);
+        const lines = inputValue.value.split("\n");
+        const lastLine = lines[lines.length - 1];
+        vue.nextTick(() => {
+          var _a2;
+          const textarea = (_a2 = textareaRef.value) == null ? void 0 : _a2.textarea;
+          textarea.selectionStart = textarea.selectionEnd = textarea.value.length;
+        });
+        if (!lastLine.trim() || lines.length >= props.rows) {
+          event.preventDefault();
+        }
+      };
+      const handleTextareaInput = (value) => {
+        const inputElement = textareaRef.value.$el.querySelector("textarea");
+        inputElement.addEventListener("paste", preventPaste);
+        const lines = value.split("\n");
+        const nonEmptyLines = lines.filter((line) => line.trim() !== "");
+        if (nonEmptyLines.length >= props.rows) {
+          inputValue.value = lines.slice(0, props.rows).join("\n");
+        } else {
+          inputElement.removeEventListener("paste", preventPaste);
+        }
+      };
+      const preventPaste = (event) => {
+        event.preventDefault();
+      };
       const handleFocus = () => {
         handleClose();
         vue.nextTick(() => {
@@ -21690,7 +21729,10 @@
         if (data.length > multipleSearchValue.value.length) {
           ElMessage.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
         }
-        tagShow.value = true;
+        inputValue.value = multipleSearchValue.value.join("\n");
+        if (props.needTag) {
+          tagShow.value = true;
+        }
         vue.nextTick(() => {
           selectedLabel.value = selectRef.value.selectedLabel;
         });
@@ -21710,10 +21752,12 @@
       const handleCloseTag = () => {
         tagShow.value = false;
       };
+      expose({
+        size: props.size
+      });
       return (_ctx, _cache) => {
-        const _component_el_tooltip = vue.resolveComponent("el-tooltip");
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(_ctx.size)]),
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(vue.unref(_size))]),
           style: vue.normalizeStyle({ "max-width": _ctx.width + "px" })
         }, [
           vue.createVNode(vue.unref(ElInput), vue.mergeProps({
@@ -21791,14 +21835,18 @@
                 ]),
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(ElInput), {
+                    ref_key: "textareaRef",
+                    ref: textareaRef,
                     modelValue: inputValue.value,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
                     resize: "none",
                     autosize: { minRows: _ctx.minRows, maxRows: 12 },
                     class: vue.normalizeClass(vue.unref(ns).e("textarea")),
-                    placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301200\u884C",
-                    type: "textarea"
-                  }, null, 8, ["modelValue", "autosize", "class"]),
+                    placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301" + _ctx.rows + "\u884C",
+                    type: "textarea",
+                    onKeydown: vue.withKeys(handleEnterKey, ["enter"]),
+                    onInput: handleTextareaInput
+                  }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(vue.unref(ns).e("controls"))
                   }, [
@@ -21845,22 +21893,13 @@
           vue.withDirectives(vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("tag"))
           }, [
-            vue.createVNode(_component_el_tooltip, {
+            vue.createVNode(vue.unref(ElPopover), {
+              width: Number(_ctx.width) - selectWidth.value,
               "popper-class": vue.unref(ns).e("batch-popper"),
               effect: "light",
               placement: "bottom-start"
             }, {
-              content: vue.withCtx(() => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
-                  style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
-                }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
-                    return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
-                  }), 128))
-                ], 6)
-              ]),
-              default: vue.withCtx(() => [
+              reference: vue.withCtx(() => [
                 vue.createVNode(vue.unref(ElTag), {
                   closable: "",
                   onClose: handleCloseTag
@@ -21871,8 +21910,23 @@
                   _: 1
                 })
               ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
+                  style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
+                }, [
+                  vue.createVNode(vue.unref(ElScrollbar), null, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
+                        return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ], 6)
+              ]),
               _: 1
-            }, 8, ["popper-class"])
+            }, 8, ["width", "popper-class"])
           ], 2), [
             [vue.vShow, tagShow.value]
           ])
@@ -24625,6 +24679,10 @@
       type: String,
       default: ""
     },
+    footer: {
+      type: String,
+      default: ""
+    },
     bodyStyle: {
       type: definePropType([String, Object, Array]),
       default: ""
@@ -24662,7 +24720,15 @@
             style: vue.normalizeStyle(_ctx.bodyStyle)
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 6)
+          ], 6),
+          _ctx.$slots.footer || _ctx.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("footer"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.footer), 1)
+            ])
+          ], 2)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
     }
@@ -27699,6 +27765,10 @@
         type: definePropType(Function),
         default: () => {
         }
+      },
+      node: {
+        type: Object,
+        required: true
       }
     },
     setup() {
@@ -27707,15 +27777,17 @@
         ns
       };
     },
-    render() {
+    render(props) {
+      var _a;
       const { ns } = this;
       const { node, panel, onlyThis } = this.$parent;
       const { data, label } = node;
       const { renderLabelFn } = panel;
+      const value = (_a = props.node.config.value) != null ? _a : "value";
       return vue.h("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : !onlyThis ? label : [
         vue.h("div", { class: `${ns.namespace.value}-dsh-justify-between` }, [
           vue.h("span", { class: `${ns.namespace.value}-dsh-cascader-node--label` }, label),
-          data.value !== "cascader-all" ? vue.h("div", { class: "select-tag", onClick: this.onlyCheck }, [
+          data[value] !== "cascader-all" ? vue.h("div", { class: "select-tag", onClick: this.onlyCheck }, [
             vue.h("span", {}, "\u4EC5\u7B5B\u9009\u6B64\u9879")
           ]) : ""
         ])
@@ -27749,24 +27821,26 @@
     },
     emits: ["expand"],
     setup(props, { emit }) {
+      var _a;
       const panel = vue.inject(DSH_CASCADER_PANEL_INJECTION_KEY);
       const ns = useNamespace("dsh-cascader-node");
       const isHoverMenu = vue.computed(() => panel.isHoverMenu);
       const multiple = vue.computed(() => panel.config.multiple);
       const checkStrictly = vue.computed(() => panel.config.checkStrictly);
       const checkedNodeId = vue.computed(() => {
-        var _a;
-        return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+        var _a2;
+        return (_a2 = panel.checkedNodes[0]) == null ? void 0 : _a2.uid;
       });
       const DshIsDisabled = vue.computed(() => props.node.DshIsDisabled);
       const DshIsLeaf = vue.computed(() => props.node.DshIsLeaf);
       const expandable = vue.computed(() => checkStrictly.value && !DshIsLeaf.value || !DshIsDisabled.value);
       const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
       const inCheckedPath = vue.computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+      const propsValue = (_a = props.node.config.value) != null ? _a : "value";
       const isInPath = (node) => {
-        var _a;
+        var _a2;
         const { level, uid } = props.node;
-        return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
+        return ((_a2 = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a2.uid) === uid;
       };
       const doExpand = () => {
         if (inExpandingPath.value)
@@ -27804,8 +27878,7 @@
         node.loaded ? doExpand() : doLoad();
       };
       const handleClick = (node) => {
-        var _a;
-        if (((_a = node.data) == null ? void 0 : _a.value) === "cascader-all" || isHoverMenu.value) {
+        if (node.data[propsValue] === "cascader-all" || isHoverMenu.value) {
           handleSelectCheck(!node.checked);
           return;
         }
@@ -27816,8 +27889,7 @@
         }
       };
       const handleSelectCheck = (checked) => {
-        var _a;
-        if (((_a = props.node.data) == null ? void 0 : _a.value) === "cascader-all") {
+        if (props.node.data[propsValue] === "cascader-all") {
           panel.checkedAll(checked);
         }
         if (checkStrictly.value) {
@@ -27920,7 +27992,10 @@
         _: 1
       }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
       vue.createCommentVNode(" content "),
-      vue.createVNode(_component_el_dsh_node_content, { "only-check": _ctx.onlyCheck }, null, 8, ["only-check"]),
+      vue.createVNode(_component_el_dsh_node_content, {
+        "only-check": _ctx.onlyCheck,
+        node: _ctx.node
+      }, null, 8, ["only-check", "node"]),
       vue.createCommentVNode(" postfix "),
       !_ctx.DshIsLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
         _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -28214,12 +28289,11 @@
     constructor(data, config) {
       this.config = config;
       const nodes = (data || []).map((nodeData) => new DshNode$1(nodeData, this.config));
-      const allNodes = [
-        new DshNode$1({ label: "\u5168\u9009", value: "cascader-all" }, this.config)
-      ].concat(nodes);
-      this.nodes = allNodes;
-      this.allNodes = flatNodes(allNodes, false);
-      this.leafNodes = flatNodes(allNodes, true);
+      const node = { [config.label]: "\u5168\u9009", [config.value]: "cascader-all" };
+      nodes.unshift(new DshNode$1(node, this.config));
+      this.nodes = nodes;
+      this.allNodes = flatNodes(nodes, false);
+      this.leafNodes = flatNodes(nodes, true);
     }
     getNodes() {
       return this.nodes;
@@ -28276,7 +28350,8 @@
     children: "children",
     leaf: "leaf",
     disabled: "disabled",
-    hoverThreshold: 500
+    hoverThreshold: 500,
+    maxCollapseTags: 1
   };
   const DshUseCascaderConfig = (props) => {
     return vue.computed(() => ({
@@ -28342,6 +28417,7 @@
       "confirm"
     ],
     setup(props, { emit, slots }) {
+      var _a;
       let manualChecked = false;
       const ns = useNamespace("dsh-cascader");
       const config = DshUseCascaderConfig(props);
@@ -28390,7 +28466,7 @@
         cfg.lazyLoad(node, resolve);
       };
       const expandNode = (node, silent) => {
-        var _a;
+        var _a2;
         const { level } = node;
         const newMenus = menus.value.slice(0, level);
         let newExpandingNode;
@@ -28400,7 +28476,7 @@
           newExpandingNode = node;
           newMenus.push(node.children);
         }
-        if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+        if (((_a2 = expandingNode.value) == null ? void 0 : _a2.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
           expandingNode.value = node;
           menus.value = newMenus;
           !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
@@ -28425,12 +28501,12 @@
         return store == null ? void 0 : store.getFlattedNodes(leafOnly);
       };
       const getCheckedNodes = (leafOnly) => {
-        var _a;
-        return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+        var _a2;
+        return (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter((node) => node.checked !== false);
       };
       const clearCheckedNodes = () => {
-        var _a;
-        (_a = getFlattedNodes(true)) == null ? void 0 : _a.forEach((node) => node.doCheck(false));
+        var _a2;
+        (_a2 = getFlattedNodes(true)) == null ? void 0 : _a2.forEach((node) => node.doCheck(false));
         calculateCheckedValue();
         menus.value = menus.value.slice(0, 1);
         expandingNode.value = null;
@@ -28440,36 +28516,33 @@
         emit("confirm", checkedValue.value);
       };
       const checkedAll = (checked) => {
-        var _a;
-        (_a = getFlattedNodes(true)) == null ? void 0 : _a.forEach((node) => node.doCheck(checked));
+        var _a2;
+        (_a2 = getFlattedNodes(true)) == null ? void 0 : _a2.forEach((node) => node.doCheck(checked));
         calculateCheckedValue();
         menus.value = menus.value.slice(0, 1);
         expandingNode.value = null;
         emit("expand-change", []);
       };
+      const propsValue = (_a = props.props.value) != null ? _a : "value";
       const calculateCheckedValue = () => {
-        var _a;
+        var _a2;
         const { checkStrictly, multiple } = config.value;
         const oldNodes = checkedNodes.value;
         const newNodes = getCheckedNodes(!checkStrictly);
-        const nodes = sortByOriginalOrder(oldNodes, newNodes).filter((node) => {
-          var _a2;
-          return ((_a2 = node.data) == null ? void 0 : _a2.value) !== "cascader-all";
-        });
-        const values = nodes.map((node) => node.valueByOption).filter((value) => value.value !== "cascader-all");
+        const nodes = sortByOriginalOrder(oldNodes, newNodes).filter((node) => node.data[propsValue] !== "cascader-all");
+        const values = nodes.map((node) => node.valueByOption).filter((value) => value[propsValue] !== "cascader-all");
         checkedNodes.value = nodes;
-        checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+        checkedValue.value = multiple ? values : (_a2 = values[0]) != null ? _a2 : null;
       };
       const syncCheckedValue = (loaded = false, forced = false) => {
-        var _a;
+        var _a2;
         const { modelValue } = props;
         const { lazy, multiple, checkStrictly } = config.value;
         const leafOnly = !checkStrictly;
         if (multiple) {
           let allNode = null;
-          const nodes = (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => {
-            var _a2;
-            if (((_a2 = node.data) == null ? void 0 : _a2.value) !== "cascader-all") {
+          const nodes = (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter((node) => {
+            if (node.data[propsValue] !== "cascader-all") {
               return true;
             } else {
               allNode = node;
@@ -28519,10 +28592,7 @@
         } else {
           newNodes.forEach((node) => node.doCheck(true));
         }
-        checkedNodes.value = newNodes.filter((node) => {
-          var _a;
-          return ((_a = node.data) == null ? void 0 : _a.value) !== "cascader-all";
-        });
+        checkedNodes.value = newNodes.filter((node) => node.data[propsValue] !== "cascader-all");
         vue.nextTick(scrollToExpandingNode);
       };
       const scrollToExpandingNode = () => {
@@ -48898,7 +48968,12 @@
         const tableLeft = tableEl.getBoundingClientRect().left;
         const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);
         const columnRect = columnEl.getBoundingClientRect();
-        const minLeft = columnRect.left - tableLeft + 30;
+        let minLeft = 0;
+        if (column.minWidth > 30) {
+          minLeft = columnRect.left - tableLeft + column.minWidth;
+        } else {
+          minLeft = columnRect.left - tableLeft + 30;
+        }
         addClass(columnEl, "noclick");
         dragState.value = {
           startMouseLeft: event.clientX,