cleek 2.3.38 → 2.3.39

package/dist/cleek.es.js

@@ -16336,20 +16336,10 @@ defineComponent({
   }
 });
 var functions = {
-  getGroupClass({ group = "", groupVertical = "", lineBreak = "" } = {}) {
-    const classList2 = [];
-    if (group)
-      classList2.push(`ck-component__group--${group}`);
-    if (groupVertical)
-      classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    if (lineBreak) {
-      if (lineBreak === "s") {
-        classList2.push(`ck-component__line-break--${lineBreak}`);
-      }
-    }
-    return classList2;
+  getCleekOptions(getCurrentInstance2) {
+    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
   },
-  getGroupClass2({ group = "", groupVertical = "", widthBreaks = [] } = {}, windowWidth) {
+  getGroupClass({ group = "", groupVertical = "", widthBreaks = [] } = {}, windowWidth) {
     const componentWidth = this.getWidthByWidthBreaks(widthBreaks, windowWidth);
     const classList2 = [];
     if (group && componentWidth !== "100%")
@@ -16358,31 +16348,6 @@ var functions = {
       classList2.push(`ck-component__group-vertical--${groupVertical}`);
     return classList2;
   },
-  getGroupClassContainer({ lineBreak = "" } = "") {
-    const classList2 = [];
-    if (lineBreak) {
-      if (lineBreak === "s") {
-        classList2.push(`ck-component__line-break-container--${lineBreak}`);
-      }
-    }
-    return classList2;
-  },
-  getlineBreakStyleContainer({ lineBreak } = {}, windowWidth) {
-    if (windowWidth <= lineBreak) {
-      return [
-        { width: "100%" }
-      ];
-    }
-  },
-  getlineBreakStyle({ lineBreak } = {}, windowWidth) {
-    if (windowWidth <= lineBreak) {
-      return [
-        { width: "100%" },
-        { borderRadius: "4px !important" },
-        { border: "1px solid #DAE1E7 !important" }
-      ];
-    }
-  },
   getWidthByWidthBreaks(widthBreaks, windowWidth) {
     if (widthBreaks) {
       let realWidthBreaks = [...widthBreaks];
@@ -16425,9 +16390,6 @@ var functions = {
       return false;
     }
     return true;
-  },
-  getCleekOptions(getCurrentInstance2) {
-    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
   }
 };
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -16778,7 +16740,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     label: { type: String, default: void 0 },
     labelAlign: { type: String, default: void 0 },
     group: { type: String, default: void 0, validator: validators.group },
-    lineBreak: { type: [String, Number], default: "" },
+    widthBreaks: { type: Array, default: void 0 },
     groupVertical: { type: String, default: void 0, validator: validators.groupVertical }
   },
   emits: ["click"],
@@ -16798,32 +16760,39 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return defaultButtonType;
     });
     const computedClass = computed$2(() => {
-      const classList2 = [];
-      classList2.push(functions.getGroupClass(props));
+      const list = [];
+      list.push(functions.getGroupClass(props, windowWidth.value));
       if (props.color !== "primary") {
         if (realButtonType.value === "filled") {
-          classList2.push(`ck-component__bg-color--${props.color}`);
+          list.push(`ck-component__bg-color--${props.color}`);
         } else {
-          classList2.push(`ck-component__border-color--${props.color}`);
+          list.push(`ck-component__border-color--${props.color}`);
         }
       }
       if (props.align === "center" || props.align === "right") {
-        classList2.push(`ck-button__align--${props.align}`);
+        list.push(`ck-button__align--${props.align}`);
       }
       if (props.rounded)
         console.log("rounded");
       if (props.rounded)
-        classList2.push("rounded");
-      classList2.push(`type-${realButtonType.value}`);
+        list.push("rounded");
+      list.push(`type-${realButtonType.value}`);
       if (props.size)
-        classList2.push(`ck-button-size__${props.size}`);
-      return classList2;
+        list.push(`ck-button-size__${props.size}`);
+      return list;
     });
     const computedStyle = computed$2(() => {
       const list = [];
-      if (props.width && !props.lineBreak)
+      let isWidthDefined = false;
+      if (props.widthBreaks) {
+        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        if (width) {
+          isWidthDefined = true;
+          list.push({ width });
+        }
+      }
+      if (props.width && !isWidthDefined)
         list.push({ width: props.width });
-      list.push(functions.getlineBreakStyle(props, windowWidth.value));
       return list;
     });
     function onClick(event) {
@@ -16860,7 +16829,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4a61847a"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6555a0e0"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -16908,7 +16877,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     group: { type: String, default: void 0 },
     groupVertical: { type: String, default: void 0 },
     widthBreaks: { type: Array, default: void 0 },
-    lineBreak: { type: [String, Number], default: "" },
     size: { type: String, default: "m", validator: validators.size },
     hideBorder: { type: Boolean, default: false },
     width: { type: String, default: void 0 },
@@ -16948,14 +16916,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const onChange2 = (event) => {
       emits("change", event);
     };
-    const computedClass = computed$2(() => {
-      const list = [];
-      list.push(functions.getGroupClassContainer(props));
-      return list;
-    });
     const computedClassInput = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupClass2(props, windowWidth.value));
+      list.push(functions.getGroupClass(props, windowWidth.value));
       if (props.icon)
         list.push("has-icon-left");
       if (props.iconRight)
@@ -16972,6 +16935,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     const computedStyle = computed$2(() => {
       const list = [];
+      list.push({ width: props.width });
       if (props.widthBreaks) {
         const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
         if (width)
@@ -16979,13 +16943,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
       return list;
     });
-    const computedStyleInput = computed$2(() => {
-      const list = [];
-      if (props.width || !props.lineBreak)
-        list.push({ width: props.width });
-      list.push(functions.getlineBreakStyle(props, windowWidth.value));
-      return list;
-    });
     function setFocus() {
       realInput.value.focus();
     }
@@ -16994,7 +16951,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ck-input", unref$1(computedClass)]),
+        class: "ck-input",
         style: normalizeStyle(unref$1(computedStyle))
       }, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
@@ -17023,12 +16980,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           type: __props.type,
           placeholder: __props.placeholder,
           class: normalizeClass(unref$1(computedClassInput)),
-          style: normalizeStyle(unref$1(computedStyleInput)),
           disabled: __props.disabled,
           onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
           onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
           onClick: _cache[3] || (_cache[3] = ($event) => onClick($event))
-        }, null, 46, _hoisted_1$e), [
+        }, null, 42, _hoisted_1$e), [
           [vModelDynamic, unref$1(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(ckIcon, {
@@ -17038,11 +16994,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           icon: __props.iconRight,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-      ], 6);
+      ], 4);
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7c0f3064"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-35324670"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-table__header-items" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
@@ -19030,7 +18986,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     bgTransparent: { type: Boolean, default: false },
     disabled: { type: [Boolean, Number], default: false },
     group: { type: String, default: "" },
-    lineBreak: { type: [String, Number], default: "" },
+    widthBreaks: { type: Array, default: void 0 },
     groupVertical: { type: String, default: "" },
     label: { type: String, default: "" },
     labelAlign: { type: String, default: "" }
@@ -19063,25 +19019,23 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return list;
     });
     const computedClassSelect = computed$2(() => {
-      const classList2 = [];
-      classList2.push(functions.getGroupClass(props));
-      return classList2;
-    });
-    const computedStyleSelect = computed$2(() => {
       const list = [];
-      list.push(functions.getlineBreakStyle(props, windowWidth.value));
+      list.push(functions.getGroupClass(props, windowWidth.value));
       return list;
     });
-    const computedClass = computed$2(() => {
-      const classList2 = [];
-      classList2.push(functions.getGroupClassContainer(props));
-      return classList2;
-    });
     const computedStyle = computed$2(() => {
       const list = [];
-      if (props.minWidth)
+      let isWidthDefined = false;
+      if (props.widthBreaks) {
+        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        if (width) {
+          list.push({ width });
+          isWidthDefined = true;
+        }
+      }
+      if (!isWidthDefined && props.minWidth) {
         list.push({ "min-width": props.minWidth });
-      list.push(functions.getlineBreakStyleContainer(props, windowWidth.value));
+      }
       return list;
     });
     computed$2(() => {
@@ -19146,7 +19100,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ck-select", unref$1(computedClass)]),
+        class: "ck-select",
         style: normalizeStyle(unref$1(computedStyle))
       }, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
@@ -19162,7 +19116,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
           class: normalizeClass(unref$1(computedClassSelect)),
-          style: normalizeStyle(unref$1(computedStyleSelect)),
           onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)),
           onChange: _cache[2] || (_cache[2] = ($event) => onChange2($event))
         }, [
@@ -19172,14 +19125,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               key: option
             }, toDisplayString(getOptionName(option)), 9, _hoisted_1$4);
           }), 128))
-        ], 38), [
+        ], 34), [
           [vModelSelect, unref$1(value)]
         ])
-      ], 6);
+      ], 4);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-fa28183e"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-93db8c36"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-7e2f20c4"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["disabled"];
@@ -19295,12 +19248,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     labelAlign: { type: String, default: "" },
     group: { type: String, default: "" },
     lineBreak: { type: [String, Number], default: "" },
+    widthBreaks: { type: Array, default: void 0 },
     groupVertical: { type: String, default: "" },
     sameWidthOptions: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    const { windowWidth } = useWindowWidth();
     const selectedOption = computed$2({
       get() {
         return props.modelValue;
@@ -19311,9 +19266,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     });
     const computedClass = computed$2(() => {
-      const classList2 = [];
-      classList2.push(functions.getGroupClass(props));
-      return classList2;
+      const list = [];
+      list.push(functions.getGroupClass(props, windowWidth.value));
+      return list;
     });
     const computedItemStyle = computed$2(() => {
       const list = [];
@@ -19353,7 +19308,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-55ea866f"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f6a5151e"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({