yc-pro-components 0.0.84 → 0.0.85

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.84 */
+/*! yc-pro-components v0.0.85 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -16341,7 +16341,8 @@
       optionsMap: { default: void 0 },
       autoDict: { type: [Boolean, Function, Object], default: void 0 },
       index: { default: 0 },
-      clearable: { type: Boolean, default: true }
+      clearable: { type: Boolean, default: true },
+      ellipsis: { type: Boolean, default: false }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -16384,6 +16385,7 @@
         labelOverflow.value = el.scrollWidth > el.clientWidth + 1;
       };
       const showLabelTooltip = () => {
+        if (!props.ellipsis) return;
         syncLabelOverflow();
         if (labelTooltipTimer) clearTimeout(labelTooltipTimer);
         if (!labelOverflow.value || !labelTooltipContent.value) {
@@ -16408,6 +16410,7 @@
         placeholderTooltipContent.value = "";
       };
       const handlePlaceholderHover = (event) => {
+        if (!props.ellipsis) return;
         const root = event.currentTarget;
         if (!(root instanceof HTMLElement)) return;
         const hit = findPlaceholderOverflow(root, event.target, {
@@ -16606,7 +16609,10 @@
           ref: formItemInstance,
           label: _ctx.hasLabel ? labelValue.value : "",
           prop: _ctx.prop,
-          class: ["plus-form-item", { "plus-form-item--no-label": !_ctx.hasLabel }]
+          class: ["plus-form-item", {
+            "plus-form-item--no-label": !_ctx.hasLabel,
+            "plus-form-item--ellipsis": _ctx.ellipsis
+          }]
         }, customFormItemProps.value, {
           "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
         }), vue.createSlots({
@@ -16988,7 +16994,7 @@
                   "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => labelTooltipVisible.value = $event),
                   content: labelTooltipContent.value,
                   placement: "top",
-                  disabled: !labelOverflow.value || !labelTooltipContent.value
+                  disabled: !_ctx.ellipsis || !labelOverflow.value || !labelTooltipContent.value
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode(
@@ -17145,7 +17151,8 @@
       colProps: { default: () => ({}) },
       collapseDuration: { default: void 0 },
       collapseTransition: { type: Boolean, default: void 0 },
-      clearable: { type: Boolean, default: true }
+      clearable: { type: Boolean, default: true },
+      ellipsis: { type: Boolean, default: false }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -17172,6 +17179,13 @@
         }
         return props.hasLabel;
       };
+      const getEllipsis = (ellipsis) => {
+        const value = vue.unref(ellipsis);
+        if (isBoolean(value)) {
+          return value;
+        }
+        return props.ellipsis;
+      };
       vue.watch(
         () => props.modelValue,
         (val) => {
@@ -17226,6 +17240,7 @@
                         }, item, {
                           clearable: _ctx.clearable,
                           "has-label": getHasLabel(item.hasLabel),
+                          ellipsis: getEllipsis(item.ellipsis),
                           onChange: (value) => handleChange(value, item)
                         }), vue.createSlots({
                           _: 2
@@ -17252,7 +17267,7 @@
                             ]),
                             key: "2"
                           } : void 0
-                        ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
+                        ]), 1040, ["model-value", "clearable", "has-label", "ellipsis", "onChange"]),
                         vue.createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
                         item.renderExtra || _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
                           item.renderExtra && vue.unref(isFunction)(item.renderExtra) ? (vue.openBlock(), vue.createBlock(
@@ -17308,6 +17323,7 @@
       hasFooter: { type: Boolean, default: true },
       hasReset: { type: Boolean, default: true },
       hasLabel: { type: Boolean, default: true },
+      ellipsis: { type: Boolean, default: false },
       submitText: { default: "" },
       resetText: { default: "" },
       submitLoading: { type: Boolean, default: false },
@@ -17485,6 +17501,7 @@
                           layout: _ctx.layout,
                           columns: filterHide(groupItem.columns),
                           "has-label": _ctx.hasLabel,
+                          ellipsis: _ctx.ellipsis,
                           "collapse-transition": _ctx.collapseTransition,
                           "collapse-duration": _ctx.collapseDuration,
                           clearable: _ctx.clearable,
@@ -17501,7 +17518,7 @@
                               ])
                             };
                           })
-                        ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"]))
+                        ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "ellipsis", "collapse-transition", "collapse-duration", "clearable"]))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -17525,6 +17542,7 @@
                     layout: _ctx.layout,
                     columns: subColumns.value,
                     "has-label": _ctx.hasLabel,
+                    ellipsis: _ctx.ellipsis,
                     "collapse-transition": _ctx.collapseTransition,
                     "collapse-duration": _ctx.collapseDuration,
                     clearable: _ctx.clearable,
@@ -17541,7 +17559,7 @@
                         ])
                       };
                     })
-                  ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"])
+                  ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "ellipsis", "collapse-transition", "collapse-duration", "clearable"])
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -29505,6 +29523,7 @@
       inline: { type: Boolean, default: true },
       showNumber: { default: 2 },
       labelPosition: { default: void 0 },
+      ellipsis: { type: Boolean, default: false },
       rowProps: { default: () => ({
         gutter: 20
       }) },
@@ -29609,6 +29628,7 @@
           "col-props": _ctx.colProps,
           columns: subColumns.value,
           layout: _ctx.layout,
+          ellipsis: _ctx.ellipsis,
           class: "plus-search",
           "has-footer": false,
           onChange: handleChange
@@ -29700,7 +29720,7 @@
               ])
             };
           })
-        ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns", "layout"]);
+        ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns", "layout", "ellipsis"]);
       };
     }
   });
@@ -64932,7 +64952,7 @@
     });
   }
 
-  const version = "0.0.84";
+  const version = "0.0.85";
 
   const install = installer.install;