cleek 2.3.25 → 2.3.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cleek.es.js CHANGED
@@ -16323,6 +16323,76 @@ defineComponent({
16323
16323
  };
16324
16324
  }
16325
16325
  });
16326
+ var functions = {
16327
+ getGroupClass({ group = "", groupVertical = "", lineBreak = "" } = {}) {
16328
+ const classList2 = [];
16329
+ if (group)
16330
+ classList2.push(`ck-component__group--${group}`);
16331
+ if (groupVertical)
16332
+ classList2.push(`ck-component__group-vertical--${groupVertical}`);
16333
+ if (lineBreak) {
16334
+ if (lineBreak === "s") {
16335
+ classList2.push(`ck-component__line-break--${lineBreak}`);
16336
+ }
16337
+ }
16338
+ return classList2;
16339
+ },
16340
+ getGroupClassContainer({ lineBreak = "" } = "") {
16341
+ const classList2 = [];
16342
+ if (lineBreak) {
16343
+ if (lineBreak === "s") {
16344
+ classList2.push(`ck-component__line-break-container--${lineBreak}`);
16345
+ }
16346
+ }
16347
+ return classList2;
16348
+ },
16349
+ getlineBreakStyleContainer({ lineBreak } = {}, windowWidth) {
16350
+ if (windowWidth <= lineBreak) {
16351
+ return [
16352
+ { width: "100%" }
16353
+ ];
16354
+ }
16355
+ },
16356
+ getlineBreakStyle({ lineBreak } = {}, windowWidth) {
16357
+ if (windowWidth <= lineBreak) {
16358
+ return [
16359
+ { width: "100%" },
16360
+ { borderRadius: "4px !important" },
16361
+ { border: "1px solid #DAE1E7 !important" }
16362
+ ];
16363
+ }
16364
+ },
16365
+ isColorTemplateVariable(color) {
16366
+ if (color === "primary")
16367
+ return true;
16368
+ if (color === "secondary")
16369
+ return true;
16370
+ if (color === "success")
16371
+ return true;
16372
+ if (color === "warning")
16373
+ return true;
16374
+ if (color === "danger")
16375
+ return true;
16376
+ if (color === "dark")
16377
+ return true;
16378
+ if (color === "light")
16379
+ return true;
16380
+ return false;
16381
+ },
16382
+ isColumnDisplayed(column) {
16383
+ if (column.isDisplayed === false)
16384
+ return false;
16385
+ if (column.unchangeable) {
16386
+ if (column.isDisplayed === true)
16387
+ return true;
16388
+ return false;
16389
+ }
16390
+ return true;
16391
+ },
16392
+ getCleekOptions(getCurrentInstance2) {
16393
+ return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
16394
+ }
16395
+ };
16326
16396
  var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
16327
16397
  const _sfc_main$m = /* @__PURE__ */ defineComponent({
16328
16398
  props: {
@@ -16354,10 +16424,18 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
16354
16424
  return defaultPackage;
16355
16425
  });
16356
16426
  const computedClass = computed$2(() => {
16357
- const classList2 = [];
16358
- if (props.color)
16359
- classList2.push(`ck-component__color--${props.color}`);
16360
- return classList2;
16427
+ const list = [];
16428
+ if (props.color && functions.isColorTemplateVariable(props.color)) {
16429
+ list.push(`ck-component__color--${props.color}`);
16430
+ }
16431
+ return list;
16432
+ });
16433
+ const computedStyle = computed$2(() => {
16434
+ const list = [];
16435
+ if (props.color && !functions.isColorTemplateVariable(props.color)) {
16436
+ list.push({ color: props.color });
16437
+ }
16438
+ return list;
16361
16439
  });
16362
16440
  function onClick(event) {
16363
16441
  emits("click", event);
@@ -16365,6 +16443,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
16365
16443
  return (_ctx, _cache) => {
16366
16444
  return openBlock(), createElementBlock("div", {
16367
16445
  class: normalizeClass(["ck-icon", unref$1(computedClass)]),
16446
+ style: normalizeStyle(unref$1(computedStyle)),
16368
16447
  onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
16369
16448
  }, [
16370
16449
  unref$1(computediconPack) === "font-awesome" ? (openBlock(), createBlock(unref$1(FontAwesomeIcon), {
@@ -16380,11 +16459,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
16380
16459
  "fixed-width": __props.fixedWidth,
16381
16460
  "swap-opacity": __props.swapOpacity
16382
16461
  }, null, 8, ["icon", "size", "rotation", "flip", "pull", "spin", "pulse", "inverse", "fixed-width", "swap-opacity"])) : createCommentVNode("", true)
16383
- ], 2);
16462
+ ], 6);
16384
16463
  };
16385
16464
  }
16386
16465
  });
16387
- var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-25801d7b"]]);
16466
+ var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ddf67f32"]]);
16388
16467
  var ckNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
16389
16468
  const _hoisted_1$j = { class: "ck-notify__container" };
16390
16469
  const _hoisted_2$8 = { class: "ck-notify__title" };
@@ -16545,76 +16624,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
16545
16624
  };
16546
16625
  }
16547
16626
  });
16548
- var functions = {
16549
- getGroupClass({ group = "", groupVertical = "", lineBreak = "" } = {}) {
16550
- const classList2 = [];
16551
- if (group)
16552
- classList2.push(`ck-component__group--${group}`);
16553
- if (groupVertical)
16554
- classList2.push(`ck-component__group-vertical--${groupVertical}`);
16555
- if (lineBreak) {
16556
- if (lineBreak === "s") {
16557
- classList2.push(`ck-component__line-break--${lineBreak}`);
16558
- }
16559
- }
16560
- return classList2;
16561
- },
16562
- getGroupClassContainer({ lineBreak = "" } = "") {
16563
- const classList2 = [];
16564
- if (lineBreak) {
16565
- if (lineBreak === "s") {
16566
- classList2.push(`ck-component__line-break-container--${lineBreak}`);
16567
- }
16568
- }
16569
- return classList2;
16570
- },
16571
- getlineBreakStyleContainer({ lineBreak } = {}, windowWidth) {
16572
- if (windowWidth <= lineBreak) {
16573
- return [
16574
- { width: "100%" }
16575
- ];
16576
- }
16577
- },
16578
- getlineBreakStyle({ lineBreak } = {}, windowWidth) {
16579
- if (windowWidth <= lineBreak) {
16580
- return [
16581
- { width: "100%" },
16582
- { borderRadius: "4px !important" },
16583
- { border: "1px solid #DAE1E7 !important" }
16584
- ];
16585
- }
16586
- },
16587
- isColorTemplateVariable(color) {
16588
- if (color === "primary")
16589
- return true;
16590
- if (color === "secondary")
16591
- return true;
16592
- if (color === "success")
16593
- return true;
16594
- if (color === "warning")
16595
- return true;
16596
- if (color === "danger")
16597
- return true;
16598
- if (color === "dark")
16599
- return true;
16600
- if (color === "light")
16601
- return true;
16602
- return false;
16603
- },
16604
- isColumnDisplayed(column) {
16605
- if (column.isDisplayed === false)
16606
- return false;
16607
- if (column.unchangeable) {
16608
- if (column.isDisplayed === true)
16609
- return true;
16610
- return false;
16611
- }
16612
- return true;
16613
- },
16614
- getCleekOptions(getCurrentInstance2) {
16615
- return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
16616
- }
16617
- };
16618
16627
  function useWindowWidth() {
16619
16628
  const windowWidth = ref(0);
16620
16629
  function handleWindowResize(event) {
@@ -16922,7 +16931,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16922
16931
  });
16923
16932
  const itemsPerPageEnd = computed$2(() => {
16924
16933
  const value = props.currentPage * props.itemsPerPage;
16925
- if (!itemsPerPage || value > props.listLength)
16934
+ if (!props.itemsPerPage || value > props.listLength)
16926
16935
  return props.listLength;
16927
16936
  return value;
16928
16937
  });
@@ -16984,7 +16993,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16984
16993
  };
16985
16994
  }
16986
16995
  });
16987
- var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-eb24f80e"]]);
16996
+ var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cf4f130a"]]);
16988
16997
  var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
16989
16998
  const _hoisted_1$c = { class: "ck-table__pagination" };
16990
16999
  const _hoisted_2$7 = ["onClick"];