beyond-webui 1.1.30 → 1.1.32

package/dist/index.full.js

@@ -13432,6 +13432,10 @@
       type: Boolean,
       default: true
     },
+    floatLabel: {
+      type: Boolean,
+      default: false
+    },
     isHoverSuffix: {
       type: Boolean,
       default: false
@@ -13585,7 +13589,7 @@
       ])
     ])
   ], -1);
-  const _hoisted_5$a = {
+  const _hoisted_5$b = {
     key: 0,
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -13594,12 +13598,12 @@
     fill: "#1a1f36",
     viewBox: "0 0 24 24"
   };
-  const _hoisted_6$4 = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_6$5 = /* @__PURE__ */ vue.createElementVNode("path", {
     id: "ujy5xle6ka",
     d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
   }, null, -1);
   const _hoisted_7$3 = [
-    _hoisted_6$4
+    _hoisted_6$5
   ];
   const _hoisted_8$3 = {
     key: 1,
@@ -13895,11 +13899,11 @@
         }), [
           vue.createVNode(vue.Transition, { name: "el-zoom-in-bottom" }, {
             default: vue.withCtx(() => [
-              _ctx.inputState || _ctx.isFloat && (focused.value || vue.unref(validateState) === "error" || !!vue.unref(nativeInputValue)) && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("span", {
+              _ctx.floatLabel || _ctx.inputState || _ctx.isFloat && (focused.value || vue.unref(validateState) === "error" || !!vue.unref(nativeInputValue)) && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 class: vue.normalizeClass(["el-input__float", {
                   "transparent-bg": !_ctx.placeholder,
-                  "float-focused": focused.value || _ctx.inputState && _ctx.isEditMode
+                  "float-focused": focused.value || _ctx.inputState && _ctx.isEditMode || _ctx.floatLabel
                 }])
               }, vue.toDisplayString(_ctx.placeholder), 3)) : vue.createCommentVNode("v-if", true)
             ]),
@@ -14010,7 +14014,7 @@
                   }, {
                     default: vue.withCtx(() => [
                       vue.createCommentVNode('              <component :is="passwordIcon" />'),
-                      passwordVisible.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$a, _hoisted_7$3)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$3, _hoisted_10$3))
+                      passwordVisible.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$b, _hoisted_7$3)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$3, _hoisted_10$3))
                     ]),
                     _: 1
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -18686,14 +18690,14 @@
     _hoisted_2$D,
     _hoisted_3$n
   ];
-  const _hoisted_5$9 = {
+  const _hoisted_5$a = {
     key: 1,
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   };
-  const _hoisted_6$3 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+  const _hoisted_6$4 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
     /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 10V24H0V10H24ZM24 8V5C24 4.20435 23.6839 3.44129 23.1213 2.87868C22.5587 2.31607 21.7956 2 21 2H18V0H16V2H8V0H6V2H3C2.20435 2 1.44129 2.31607 0.87868 2.87868C0.31607 3.44129 0 4.20435 0 5L0 8H24ZM18 14H16V16H18V14ZM13 14H11V16H13V14ZM8 14H6V16H8V14ZM18 18H16V20H18V18ZM13 18H11V20H13V18ZM8 18H6V20H8V18Z" })
   ], -1);
   const _hoisted_7$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
@@ -18706,7 +18710,7 @@
     ])
   ], -1);
   const _hoisted_8$2 = [
-    _hoisted_6$3,
+    _hoisted_6$4,
     _hoisted_7$2
   ];
   const _hoisted_9$2 = {
@@ -19296,7 +19300,7 @@
                     onTouchstart: onTouchStartInput
                   }, {
                     default: vue.withCtx(() => [
-                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$9, _hoisted_8$2))
+                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$a, _hoisted_8$2))
                     ]),
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
@@ -26985,7 +26989,7 @@
   const _hoisted_2$q = ["aria-label"];
   const _hoisted_3$g = ["aria-label"];
   const _hoisted_4$b = ["aria-label"];
-  const _hoisted_5$8 = ["aria-label"];
+  const _hoisted_5$9 = ["aria-label"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
@@ -27529,7 +27533,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$8)
+                  ], 10, _hoisted_5$9)
                 ], 2)
               ], 2), [
                 [vue.vShow, currentView.value !== "time"]
@@ -27715,7 +27719,7 @@
   const _hoisted_2$p = ["disabled"];
   const _hoisted_3$f = ["disabled"];
   const _hoisted_4$a = ["disabled"];
-  const _hoisted_5$7 = ["disabled"];
+  const _hoisted_5$8 = ["disabled"];
   const unit$1 = "month";
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
@@ -28295,7 +28299,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$7)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_5$8)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -30938,8 +30942,8 @@
   const _hoisted_2$l = ["id"];
   const _hoisted_3$c = ["stop-color"];
   const _hoisted_4$8 = ["stop-color"];
-  const _hoisted_5$6 = ["id"];
-  const _hoisted_6$2 = ["stop-color"];
+  const _hoisted_5$7 = ["id"];
+  const _hoisted_6$3 = ["stop-color"];
   const _hoisted_7$1 = ["stop-color"];
   const _hoisted_8$1 = ["id"];
   const _hoisted_9$1 = {
@@ -31012,12 +31016,12 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
                 offset: "0%"
-              }, null, 8, _hoisted_6$2),
+              }, null, 8, _hoisted_6$3),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-6")})`,
                 offset: "100%"
               }, null, 8, _hoisted_7$1)
-            ], 8, _hoisted_5$6),
+            ], 8, _hoisted_5$7),
             vue.createElementVNode("rect", {
               id: `path-3-${vue.unref(id)}`,
               x: "0",
@@ -34582,6 +34586,9 @@
         type: Boolean,
         default: false
       },
+      haveAll: {
+        type: String
+      },
       valueKey: {
         type: String,
         default: "value"
@@ -34868,10 +34875,14 @@
       };
     }
   });
-  const _hoisted_1$n = ["disabled", "autocomplete", "maxlength"];
-  const _hoisted_2$f = ["disabled"];
-  const _hoisted_3$9 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-  const _hoisted_4$7 = /* @__PURE__ */ vue.createElementVNode("svg", {
+  const _hoisted_1$n = {
+    key: 0,
+    class: "select-all-tag"
+  };
+  const _hoisted_2$f = ["disabled", "autocomplete", "maxlength"];
+  const _hoisted_3$9 = ["disabled"];
+  const _hoisted_4$7 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+  const _hoisted_5$6 = /* @__PURE__ */ vue.createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "12",
     height: "12",
@@ -34884,6 +34895,10 @@
       style: { "fill": "color(display-p3 0.1647 0.2471 0.302)", "fill-opacity": "1" }
     })
   ], -1);
+  const _hoisted_6$2 = {
+    key: 0,
+    class: "select-all-item"
+  };
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -34939,8 +34954,9 @@
               class: vue.normalizeClass(_ctx.nsSelect.e("tags")),
               style: vue.normalizeStyle(_ctx.selectTagsStyle)
             }, [
+              _ctx.haveAll && !_ctx.selected.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$n, vue.toDisplayString(_ctx.haveAll), 1)) : vue.createCommentVNode("v-if", true),
               _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-                key: 0,
+                key: 1,
                 onAfterLeave: _ctx.resetInputHeight
               }, {
                 default: vue.withCtx(() => [
@@ -35038,7 +35054,7 @@
                 _: 1
               }, 8, ["onAfterLeave"])) : vue.createCommentVNode("v-if", true),
               !_ctx.collapseTags ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-                key: 1,
+                key: 2,
                 onAfterLeave: _ctx.resetInputHeight
               }, {
                 default: vue.withCtx(() => [
@@ -35073,7 +35089,7 @@
                 _: 1
               }, 8, ["onAfterLeave"])) : vue.createCommentVNode("v-if", true),
               _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                key: 2,
+                key: 3,
                 ref: "input",
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
                 type: "text",
@@ -35103,7 +35119,7 @@
                 onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                 onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                 onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-              }, null, 46, _hoisted_1$n)), [
+              }, null, 46, _hoisted_2$f)), [
                 [vue.vModelText, _ctx.query]
               ]) : vue.createCommentVNode("v-if", true)
             ], 6)) : vue.createCommentVNode("v-if", true),
@@ -35118,13 +35134,14 @@
               ]),
               disabled: _ctx.selectDisabled,
               type: "text"
-            }, null, 10, _hoisted_2$f)) : vue.createCommentVNode("v-if", true),
+            }, null, 10, _hoisted_3$9)) : vue.createCommentVNode("v-if", true),
             vue.createVNode(_component_el_input, {
               id: _ctx.id,
               ref: "reference",
               modelValue: _ctx.selectedLabel,
               "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.selectedLabel = $event),
               type: "text",
+              "float-label": !!_ctx.haveAll,
               maxlength: _ctx.filterMaxLength,
               "input-state": _ctx.dropMenuVisible || _ctx.selected.length > 0,
               "is-edit-mode": _ctx.dropMenuVisible,
@@ -35137,7 +35154,10 @@
               disabled: _ctx.selectDisabled,
               readonly: _ctx.readonly,
               "validate-event": false,
-              class: vue.normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
+              class: vue.normalizeClass([
+                _ctx.nsSelect.is("focus", _ctx.visible),
+                !!_ctx.haveAll ? "trans-input" : ""
+              ]),
               tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
               onFocus: _ctx.handleFocus,
               onBlur: _ctx.handleBlur,
@@ -35160,7 +35180,7 @@
                   class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
                 }, {
                   default: vue.withCtx(() => [
-                    _hoisted_4$7
+                    _hoisted_5$6
                   ]),
                   _: 1
                 }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -35180,12 +35200,12 @@
               _ctx.$slots.prefix ? {
                 name: "prefix",
                 fn: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_3$9, [
+                  vue.createElementVNode("div", _hoisted_4$7, [
                     vue.renderSlot(_ctx.$slots, "prefix")
                   ])
                 ])
               } : void 0
-            ]), 1032, ["id", "modelValue", "maxlength", "input-state", "is-edit-mode", "placeholder", "name", "pre-star", "multiple-select", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+            ]), 1032, ["id", "modelValue", "float-label", "maxlength", "input-state", "is-edit-mode", "placeholder", "name", "pre-star", "multiple-select", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
           ], 32)
         ]),
         content: vue.withCtx(() => [
@@ -35201,8 +35221,9 @@
                 ])
               }, {
                 default: vue.withCtx(() => [
+                  _ctx.selected.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, vue.toDisplayString(_ctx.haveAll), 1)) : vue.createCommentVNode("v-if", true),
                   _ctx.showNewOption ? (vue.openBlock(), vue.createBlock(_component_el_option, {
-                    key: 0,
+                    key: 1,
                     value: _ctx.query,
                     created: true
                   }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),