cleek 2.1.7 → 2.1.11

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.
@@ -6,4 +6,5 @@
6
6
  @import './padding';
7
7
  @import './position';
8
8
  @import './text-align';
9
+ @import './whitespace';
9
10
  @import './width';
@@ -0,0 +1,10 @@
1
+ .whitespace-normal
2
+ white-space normal
3
+ .whitespace-nowrap
4
+ white-space nowrap
5
+ .whitespace-pre
6
+ white-space pre
7
+ .whitespace-pre-line
8
+ white-space pre-line
9
+ .whitespace-pre-wrap
10
+ white-space pre-wrap
package/dist/cleek.es.js CHANGED
@@ -12374,12 +12374,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
12374
12374
  });
12375
12375
  const computedClass = computed$2(() => {
12376
12376
  const classList2 = [];
12377
- let size = props.size;
12378
- if (!size && !props.sizeAbsolute && !props.width && !props.height) {
12379
- size = "m";
12380
- }
12381
- if (size)
12382
- classList2.push(`ck-img__size--${size}`);
12377
+ if (props.size)
12378
+ classList2.push(`ck-img__size--${props.size}`);
12383
12379
  if (props.rounded)
12384
12380
  classList2.push("is-rounded");
12385
12381
  if (props.hasBorder) {
@@ -12455,7 +12451,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
12455
12451
  };
12456
12452
  }
12457
12453
  });
12458
- var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-ba1551a2"]]);
12454
+ var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e808078e"]]);
12459
12455
  var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
12460
12456
  const _hoisted_1$e = ["for"];
12461
12457
  const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -12626,7 +12622,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
12626
12622
  emits: ["update:modelValue", "cancel", "accept"],
12627
12623
  setup(__props, { emit: emits }) {
12628
12624
  const props = __props;
12629
- const value = computed$2({
12625
+ const isActive = computed$2({
12630
12626
  get() {
12631
12627
  return props.modelValue;
12632
12628
  },
@@ -12635,20 +12631,25 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
12635
12631
  }
12636
12632
  });
12637
12633
  function onCancel() {
12634
+ console.log("onCancel");
12638
12635
  emits("cancel");
12639
12636
  if (!props.preventCloseOnCancel)
12640
- value.value = false;
12637
+ isActive.value = false;
12641
12638
  }
12642
12639
  function onAccept() {
12640
+ console.log("onAccept");
12643
12641
  emits("accept");
12644
12642
  }
12645
12643
  function onBgClick() {
12644
+ console.log("onBgClick");
12646
12645
  if (props.notCloseByBg)
12647
12646
  return;
12648
- value.value = false;
12647
+ console.log("isActive.value", isActive.value);
12648
+ isActive.value = false;
12649
+ console.log("isActive.value", isActive.value);
12649
12650
  }
12650
12651
  return (_ctx, _cache) => {
12651
- return unref$1(value) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
12652
+ return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
12652
12653
  _hoisted_2$6,
12653
12654
  createElementVNode("div", {
12654
12655
  class: "popup-container",
@@ -12666,7 +12667,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
12666
12667
  key: 1,
12667
12668
  class: "mr-3 close",
12668
12669
  icon: "times",
12669
- onClick: _cache[0] || (_cache[0] = ($event) => value.value = false)
12670
+ onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
12670
12671
  })) : createCommentVNode("", true)
12671
12672
  ]),
12672
12673
  createElementVNode("div", _hoisted_5$1, [
@@ -12678,7 +12679,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
12678
12679
  createVNode(ckButton, {
12679
12680
  class: "cancel-button",
12680
12681
  onClick: _cache[1] || (_cache[1] = ($event) => onCancel()),
12681
- color: "danger"
12682
+ color: "danger",
12683
+ type: "flat"
12682
12684
  }, {
12683
12685
  default: withCtx(() => [
12684
12686
  _hoisted_8
@@ -13426,7 +13428,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
13426
13428
  props: {
13427
13429
  search: { type: String, default: void 0 },
13428
13430
  hasColumnsManager: { type: Boolean, default: false },
13429
- hideRefreshBtn: { type: Boolean, required: true },
13431
+ showRefreshBtn: { type: Boolean, required: true },
13430
13432
  hideItemsPerPage: { type: Boolean, required: true },
13431
13433
  currentPage: { type: Number, required: true },
13432
13434
  itemsPerPage: { type: Number, required: true },
@@ -13458,6 +13460,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
13458
13460
  const itemsPerPageIsVisible = computed$2(() => {
13459
13461
  return !props.hideItemsPerPage && props.listLength && props.currentPage;
13460
13462
  });
13463
+ const refreshBtnIsVisible = computed$2(() => {
13464
+ return itemsPerPageIsVisible.value || props.showRefreshBtn;
13465
+ });
13461
13466
  const searchGroupValue = computed$2(() => {
13462
13467
  if (itemsPerPageIsVisible.value && props.hasColumnsManager) {
13463
13468
  return "center";
@@ -13478,7 +13483,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
13478
13483
  }
13479
13484
  return (_ctx, _cache) => {
13480
13485
  return openBlock(), createElementBlock("div", _hoisted_1$5, [
13481
- !__props.hideRefreshBtn ? (openBlock(), createBlock(ckButton, {
13486
+ unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
13482
13487
  key: 0,
13483
13488
  type: "flat",
13484
13489
  icon: "redo-alt",
@@ -13510,7 +13515,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
13510
13515
  };
13511
13516
  }
13512
13517
  });
13513
- var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4f5cca80"]]);
13518
+ var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-15c7bf13"]]);
13514
13519
  var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
13515
13520
  const _hoisted_1$4 = { class: "ck-table__pagination" };
13516
13521
  const _hoisted_2$2 = ["onClick"];
@@ -13735,7 +13740,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
13735
13740
  paginationAlign: { type: String, default: "center", validator: validators.align },
13736
13741
  search: { type: String, default: void 0 },
13737
13742
  hideHeaderActions: { type: Boolean, default: false },
13738
- hideRefreshBtn: { type: Boolean, default: false },
13743
+ showRefreshBtn: { type: Boolean, default: false },
13739
13744
  hideItemsPerPage: { type: Boolean, default: false },
13740
13745
  notFullWidth: { type: Boolean, default: false }
13741
13746
  },
@@ -13806,11 +13811,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
13806
13811
  hasColumnsManager: __props.hasColumnsManager,
13807
13812
  itemsPerPage: __props.itemsPerPage,
13808
13813
  listLength: __props.listLength,
13809
- hideRefreshBtn: __props.hideRefreshBtn,
13814
+ showRefreshBtn: __props.showRefreshBtn,
13810
13815
  hideItemsPerPage: __props.hideItemsPerPage,
13811
13816
  onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
13812
13817
  onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
13813
- }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "hideRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
13818
+ }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
13814
13819
  _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3, [
13815
13820
  renderSlot(_ctx.$slots, "header", {}, void 0, true)
13816
13821
  ])) : createCommentVNode("", true)
@@ -13854,7 +13859,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
13854
13859
  };
13855
13860
  }
13856
13861
  });
13857
- var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a5722810"]]);
13862
+ var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2c108c86"]]);
13858
13863
  var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
13859
13864
  const _sfc_main$2 = /* @__PURE__ */ defineComponent({
13860
13865
  props: {
@@ -13862,6 +13867,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
13862
13867
  nowrap: { type: Boolean, default: false },
13863
13868
  block: { type: Boolean, default: false },
13864
13869
  autoWidth: { type: Boolean, default: false },
13870
+ overflowAuto: { type: Boolean, default: false },
13865
13871
  align: { type: String, default: void 0, validator: validators.align },
13866
13872
  fixedWidth: { type: String, default: "" },
13867
13873
  minWidth: { type: String, default: "" },
@@ -13872,7 +13878,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
13872
13878
  const props = __props;
13873
13879
  const computedTdClass = computed$2(() => {
13874
13880
  return {
13875
- "auto-width": props.autoWidth
13881
+ "auto-width": props.autoWidth,
13882
+ "overflow-auto": props.overflowAuto
13876
13883
  };
13877
13884
  });
13878
13885
  const computedSpanClass = computed$2(() => {
@@ -13928,7 +13935,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
13928
13935
  };
13929
13936
  }
13930
13937
  });
13931
- var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-47b8a441"]]);
13938
+ var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-63af303c"]]);
13932
13939
  var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
13933
13940
  const _hoisted_1$1 = { class: "ck-textarea" };
13934
13941
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({