cleek 2.1.23 → 2.2.2

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, getCurrentInstance, nextTick as nextTick$1, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -11518,6 +11518,24 @@ var functions = {
     return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
   }
 };
+function useWindowWidth() {
+  const windowWidth = ref(0);
+  function handleWindowResize(event) {
+    windowWidth.value = event.currentTarget.innerWidth;
+  }
+  onMounted(() => {
+    nextTick$1(() => {
+      window.addEventListener("resize", handleWindowResize);
+    });
+    windowWidth.value = window.innerWidth;
+  });
+  onBeforeUnmount(() => {
+    window.removeEventListener("resize", handleWindowResize);
+  });
+  return {
+    windowWidth
+  };
+}
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$g = ["title", "aria-label", "disabled"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
@@ -11528,18 +11546,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     color: { type: String, default: "primary" },
     align: { type: String, default: "left", validator: validators.align },
     size: { type: String, default: "m", validator: validators.size },
+    width: { type: String, default: "" },
     icon: { type: [String, Array], default: void 0 },
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
     label: { type: String, default: void 0 },
     labelAlign: { type: String, default: void 0 },
     group: { type: String, default: void 0, validator: validators.group },
-    groupBreak: { type: String, default: "s" },
+    groupBreak: { type: String, default: "" },
     groupVertical: { type: String, default: void 0, validator: validators.groupVertical }
   },
   emits: ["click"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    const { windowWidth } = useWindowWidth();
     const isMounted = ref(false);
     const computedClass = computed$2(() => {
       const classList2 = [];
@@ -11551,7 +11571,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           classList2.push(`ck-component__border-color--${props.color}`);
         }
       }
-      if (props.align !== "left") {
+      if (props.align === "center" || props.align === "right") {
         classList2.push(`ck-button__align--${props.align}`);
       }
       if (isMounted.value)
@@ -11564,6 +11584,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         classList2.push(`rs-component-size__${props.size}`);
       return classList2;
     });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.width && !props.groupBreak)
+        list.push({ width: props.width });
+      list.push(functions.getGroupBreakStyle(props, windowWidth.value));
+      return list;
+    });
     function onClick(event) {
       emits("click", event);
     }
@@ -11578,6 +11605,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         title: __props.title,
         "aria-label": __props.title,
         disabled: __props.disabled,
+        style: normalizeStyle(unref$1(computedStyle)),
         onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
       }, [
         __props.icon ? (openBlock(), createBlock(ckIcon, {
@@ -11593,11 +11621,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           icon: __props.iconRight,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$g);
+      ], 14, _hoisted_1$g);
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0641f9bc"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0b00645e"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -11626,24 +11654,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ef74ea02"]]);
-function useWindowWidth() {
-  const windowWidth = ref(0);
-  function handleWindowResize(event) {
-    windowWidth.value = event.currentTarget.innerWidth;
-  }
-  onMounted(() => {
-    nextTick$1(() => {
-      window.addEventListener("resize", handleWindowResize);
-    });
-    windowWidth.value = window.innerWidth;
-  });
-  onBeforeUnmount(() => {
-    window.removeEventListener("resize", handleWindowResize);
-  });
-  return {
-    windowWidth
-  };
-}
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
@@ -11716,9 +11726,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     const computedStyleInput = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupBreakStyle(props, windowWidth.value));
-      if (props.width)
+      if (props.width || !props.groupBreak)
         list.push({ width: props.width });
+      list.push(functions.getGroupBreakStyle(props, windowWidth.value));
       return list;
     });
     function setFocus() {
@@ -11776,7 +11786,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-459e2aaf"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-55495d02"]]);
 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({
@@ -13787,9 +13797,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     labelAlign: { type: String, default: "" }
   },
   emits: ["update:modelValue", "click", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
     const { qmStr: qmStr2 } = main$1;
+    const { windowWidth } = useWindowWidth();
+    expose({
+      setFocus
+    });
     const search = ref("");
     ref(null);
     const value = computed$2({
@@ -13809,15 +13823,26 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       });
       return list;
     });
-    const computedClass = computed$2(() => {
+    const computedClassSelect = computed$2(() => {
       const classList2 = [];
       classList2.push(functions.getGroupClass(props));
       return classList2;
     });
+    const computedStyleSelect = computed$2(() => {
+      const list = [];
+      list.push(functions.getGroupBreakStyle(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)
         list.push({ "min-width": props.minWidth });
+      list.push(functions.getGroupBreakStyleContainer(props, windowWidth.value));
       return list;
     });
     computed$2(() => {
@@ -13862,25 +13887,27 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     function onClick(event) {
       emits("click", event);
     }
-    const onChange = (event) => {
+    function onChange(event) {
       emits("change", event);
-    };
-    const getOptionKey = (option) => {
+    }
+    function getOptionKey(option) {
       return realReduceFunction(option);
-    };
-    const getOptionName = (option) => {
+    }
+    function getOptionName(option) {
       if (!props.prop)
         return option;
       return option[props.prop];
-    };
-    const realReduceFunction = (option) => {
+    }
+    function realReduceFunction(option) {
       if (props.notReduce)
         return option;
       return props.reduceFunction(option);
-    };
+    }
+    function setFocus() {
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "ck-select",
+        class: normalizeClass(["ck-select", unref$1(computedClass)]),
         style: normalizeStyle(unref$1(computedStyle))
       }, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
@@ -13895,7 +13922,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         }, 8, ["align"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
-          class: normalizeClass(unref$1(computedClass)),
+          class: normalizeClass(unref$1(computedClassSelect)),
+          style: normalizeStyle(unref$1(computedStyleSelect)),
           onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)),
           onChange: _cache[2] || (_cache[2] = ($event) => onChange($event))
         }, [
@@ -13905,14 +13933,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               key: option
             }, toDisplayString(getOptionName(option)), 9, _hoisted_1$4);
           }), 128))
-        ], 34), [
+        ], 38), [
           [vModelSelect, unref$1(value)]
         ])
-      ], 4);
+      ], 6);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-31af160a"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-66f00b4a"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-b6a4dfaa"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["disabled"];
@@ -14027,7 +14055,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     label: { type: String, default: "" },
     labelAlign: { type: String, default: "" },
     group: { type: String, default: "" },
-    groupBreak: { type: String, default: "s" },
+    groupBreak: { type: String, default: "" },
     groupVertical: { type: String, default: "" },
     sameWidthOptions: { type: Boolean, default: false }
   },
@@ -14086,7 +14114,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2c3e07c8"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b49d8f8e"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({