@stsdti/funky-ui-kit 1.6.11 → 1.7.0
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/funky-fonts.css +1 -1
- package/dist/funky-ui-kit.css +1 -1
- package/dist/funky-ui-kit.es.js +35 -21
- package/dist/funky-ui-kit.es.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
package/dist/funky-ui-kit.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@charset "UTF-8";.labelClass[data-v-67e91b67]{flex:2;min-width:100px}.contentClass[data-v-67e91b67]{flex:10;display:flex;flex-direction:column;height:100%}.app-date[data-v-dbda72e2],.app-date[data-v-dbda72e2] .dp__main,.app-date[data-v-dbda72e2] .dp__input_wrap,.app-date[data-v-dbda72e2] .dp__input{width:100%}.app-date[data-v-dbda72e2] .dp__input_wrap:focus,.app-date[data-v-dbda72e2] .dp__input:focus,.app-date[data-v-dbda72e2] .dp__input.dp__input_focus{border-color:var(--dp-border-color);box-shadow:none;outline:none}.app-date[data-v-dbda72e2] .dp__input:hover:not(.dp__input_focus){border:0}.app-date-input[data-v-dbda72e2]{display:flex;align-items:center;gap:3px}.app-date-input__field[data-v-dbda72e2]{flex:1;min-width:0}.fade-enter-active[data-v-f1bb4de2],.fade-leave-active[data-v-f1bb4de2]{transition:opacity .5s}.fade-enter[data-v-f1bb4de2],.fade-leave-to[data-v-f1bb4de2]{opacity:0}.clear-button[data-v-12dbbc29]{position:absolute;right:0}.time-picker-icon i[data-v-56e1c85a]{color:#7f7f7f}.time-picker-icon:hover .icon-cross[data-v-56e1c85a]{display:block!important}.time-picker-icon:hover .icon-alarm[data-v-56e1c85a]{display:none}.app-grid-picker-hour[data-v-56e1c85a],.app-grid-picker-minute[data-v-56e1c85a]{width:50px}.filter-sidebar[data-v-
|
|
1
|
+
@charset "UTF-8";.labelClass[data-v-67e91b67]{flex:2;min-width:100px}.contentClass[data-v-67e91b67]{flex:10;display:flex;flex-direction:column;height:100%}.app-date[data-v-dbda72e2],.app-date[data-v-dbda72e2] .dp__main,.app-date[data-v-dbda72e2] .dp__input_wrap,.app-date[data-v-dbda72e2] .dp__input{width:100%}.app-date[data-v-dbda72e2] .dp__input_wrap:focus,.app-date[data-v-dbda72e2] .dp__input:focus,.app-date[data-v-dbda72e2] .dp__input.dp__input_focus{border-color:var(--dp-border-color);box-shadow:none;outline:none}.app-date[data-v-dbda72e2] .dp__input:hover:not(.dp__input_focus){border:0}.app-date-input[data-v-dbda72e2]{display:flex;align-items:center;gap:3px}.app-date-input__field[data-v-dbda72e2]{flex:1;min-width:0}.fade-enter-active[data-v-f1bb4de2],.fade-leave-active[data-v-f1bb4de2]{transition:opacity .5s}.fade-enter[data-v-f1bb4de2],.fade-leave-to[data-v-f1bb4de2]{opacity:0}.clear-button[data-v-12dbbc29]{position:absolute;right:0}.time-picker-icon i[data-v-56e1c85a]{color:#7f7f7f}.time-picker-icon:hover .icon-cross[data-v-56e1c85a]{display:block!important}.time-picker-icon:hover .icon-alarm[data-v-56e1c85a]{display:none}.app-grid-picker-hour[data-v-56e1c85a],.app-grid-picker-minute[data-v-56e1c85a]{width:50px}.filter-sidebar[data-v-7b902216]{overflow-x:hidden;position:fixed;z-index:52000;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-7b902216]{transform:translate(0);transition:transform .3s}.icon-x[data-v-7b902216]{font-size:25px}#content-overlay[data-v-7b902216]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-7b902216]{opacity:1;display:block;transition:opacity .3s,display .3s}.filter-sidebar[data-v-abe4d4d9]{overflow-x:hidden;position:fixed;z-index:52000;width:600px;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-abe4d4d9]{transform:translate(0);transition:transform .3s}.icon-x[data-v-abe4d4d9]{font-size:25px}#content-overlay[data-v-abe4d4d9]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-abe4d4d9]{opacity:1;display:block;transition:opacity .3s,display .3s}.app-modal-overlay[data-v-4065aede]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.file-action-button[data-v-307075d7]{display:flex;gap:8px;justify-content:flex-end}.action-icon[data-v-307075d7]{transition:transform .3s ease,color .3s ease}.action-icon[data-v-307075d7]:hover{color:#007bff;transform:scale(1.2)}.btn-container[data-v-c5bb432b]{display:flex;justify-content:flex-end;align-items:center;gap:6px}.blockUI.blockOverlay[data-v-07e2c47c]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.8;cursor:wait;position:absolute}input[type=number][data-v-f53e2b8e]::-webkit-inner-spin-button,input[type=number][data-v-f53e2b8e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-f53e2b8e]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.app-input--no-padding[data-v-f53e2b8e]{padding-right:var(--input-padding-x)!important}.app-input--has-spinners[data-v-f53e2b8e],.app-input--has-spinners.app-input--no-padding[data-v-f53e2b8e]{padding-right:30px!important}.has-spinners-clear-icon[data-v-f53e2b8e]{right:22px!important}.app-number-spinners[data-v-f53e2b8e]{position:absolute;right:2px;top:2px;bottom:2px;width:22px;display:flex;flex-direction:column;z-index:3;border-left:1px solid rgba(0,0,0,.1);background-color:transparent}.spinner-btn[data-v-f53e2b8e]{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;font-size:10px;transition:all .2s}.spinner-btn[data-v-f53e2b8e]:hover{color:#333;background-color:#0000000d}.spinner-up[data-v-f53e2b8e]{border-bottom:1px solid rgba(0,0,0,.05)}.sidebar-item-name[data-v-32a0237e]{flex:1;text-overflow:ellipsis;line-height:18px;max-height:36px;overflow:hidden;color:#000}.sidebar-item-badge[data-v-32a0237e]{overflow:hidden;text-overflow:ellipsis;max-width:46px}.icon-flipped[data-v-32a0237e]{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.item-header[data-v-5b52dd3f]{pointer-events:none;opacity:30%}input[data-v-39502584]::-webkit-outer-spin-button,input[data-v-39502584]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-39502584]{position:relative;-moz-appearance:textfield;background:#f7f7f7;text-align:center;border:none;width:calc(100% - 30px);height:100%;bottom:1px;padding-right:revert!important}.number-input[data-v-39502584]{background:transparent;width:115px}.dark-mode input[data-v-39502584]{background:#222;color:#9d9d9d}.pagination-info-label[data-v-42b386e8]{justify-self:center}.app-item-selected[data-v-aadaea92]{background-color:var(--primary)!important;color:var(--white)!important;opacity:.9}.app-item-selected[data-v-aadaea92]:hover{opacity:1}.dropdown-item-focus[data-v-aadaea92]{color:var(--dropdown-link-hover-color);background-color:var(--dropdown-link-hover-bg);opacity:1}.select2-selection__choice[data-v-01abf8e6]{display:flex;background-color:#e5e7eb;color:#1f2937;cursor:default;white-space:normal;word-break:break-all;border-radius:5px;transition:color ease-in-out .15s,background-color ease-in-out .15s;padding:2px 10px;font-size:13px}.select2-selection__choice[data-v-01abf8e6]:focus,.select2-selection__choice[data-v-01abf8e6]:hover{background-color:#0c83ff;color:#fff}.select2-selection__choice .select2-selection__choice__remove[data-v-01abf8e6]:hover{color:#fff;opacity:1}.select2-selection__choice .select2-selection__choice__remove[data-v-01abf8e6]{cursor:pointer;margin-left:.625rem;opacity:.75;transition:opacity ease-in-out .15s}input[data-v-d0b57778]:hover:not(.no-hover){border:0!important}.progress-text[data-v-6bfe7f23]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;pointer-events:none}.progress-bar-background[data-v-0752357f]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#ffffffe6;cursor:wait;position:absolute}button[data-v-277c9e71],button[data-v-ff3d30b0]{box-shadow:0 6px 12px #0000002e}.slider[data-v-caf401d2]{-webkit-appearance:none;height:10px;background:#d3d3d3;opacity:.7;border-radius:7px;transition:background .2s}.slider[data-v-caf401d2]:hover{opacity:1}.slider[data-v-caf401d2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%;box-shadow:0 0 8px #000}.slider[data-v-caf401d2]::-moz-range-thumb{width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%}.breadcrumb-line[data-v-bdf62cb4]{position:relative;padding-left:1.25rem;padding-right:1.25rem;border-top:1px solid transparent;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.breadcrumb-line-light[data-v-bdf62cb4]{background-color:#fff;border-color:#ddd;color:#333}.app-table-row-filters[data-v-6654229d]{display:flex;color:#fff;margin-top:10px;padding:5px;border-radius:6px;cursor:pointer;background-color:#63b2f5}.app-table-row-filters-number[data-v-6654229d]{display:flex;justify-content:center;margin-right:10px;width:20px;height:20px;border-radius:4px}.badge[data-v-6654229d]{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.badge-info[data-v-6654229d]{padding-left:.4375rem;padding-right:.4375rem;border-radius:10rem;padding-bottom:2px}.tag-icon[data-v-d712aa71]{top:unset}.post-tag[data-v-d712aa71]{cursor:pointer;width:fit-content}textarea[data-v-f1f3360a]{min-height:35px;min-width:100%;max-width:100%;padding:7px 12px}.has-error textarea[data-v-f1f3360a]{border-bottom-color:#f44336!important}.loading-modal-content[data-v-eff13cc8]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:3rem 5rem}/*!
|
|
2
2
|
* Viewer.js v1.11.7
|
|
3
3
|
* https://fengyuanchen.github.io/viewerjs
|
|
4
4
|
*
|
package/dist/funky-ui-kit.es.js
CHANGED
|
@@ -22010,17 +22010,20 @@ const _hoisted_4$q = { class: "font-600 text-size-14" };
|
|
|
22010
22010
|
const _hoisted_5$k = { class: "p-20 flex-1 w-100" };
|
|
22011
22011
|
const _sfc_main$1v = {
|
|
22012
22012
|
__name: "AppDrawer",
|
|
22013
|
-
props: {
|
|
22013
|
+
props: /* @__PURE__ */ mergeModels({
|
|
22014
22014
|
title: {},
|
|
22015
22015
|
width: {
|
|
22016
22016
|
default: "600px"
|
|
22017
22017
|
}
|
|
22018
|
-
},
|
|
22019
|
-
|
|
22018
|
+
}, {
|
|
22019
|
+
"modelValue": { default: false },
|
|
22020
|
+
"modelModifiers": {}
|
|
22021
|
+
}),
|
|
22022
|
+
emits: /* @__PURE__ */ mergeModels(["mounted"], ["update:modelValue"]),
|
|
22020
22023
|
setup(__props, { emit: __emit }) {
|
|
22021
22024
|
const props2 = __props;
|
|
22022
22025
|
const emits = __emit;
|
|
22023
|
-
const isExpanded =
|
|
22026
|
+
const isExpanded = useModel(__props, "modelValue");
|
|
22024
22027
|
const toggle2 = () => {
|
|
22025
22028
|
isExpanded.value = !isExpanded.value;
|
|
22026
22029
|
};
|
|
@@ -22041,16 +22044,18 @@ const _sfc_main$1v = {
|
|
|
22041
22044
|
onMounted(() => {
|
|
22042
22045
|
emits("mounted", externalContext);
|
|
22043
22046
|
});
|
|
22047
|
+
const drawer = useTemplateRef("drawer");
|
|
22048
|
+
useClickOutside({ target: drawer, handler: hide3, isOpen: isExpanded });
|
|
22044
22049
|
return (_ctx, _cache2) => {
|
|
22045
22050
|
return openBlock(), createElementBlock("div", null, [
|
|
22046
22051
|
createElementVNode("div", {
|
|
22047
22052
|
id: "content-overlay",
|
|
22048
22053
|
ref: "overlay",
|
|
22049
|
-
class: normalizeClass({ active: isExpanded.value })
|
|
22050
|
-
onClick: hide3
|
|
22054
|
+
class: normalizeClass({ active: isExpanded.value })
|
|
22051
22055
|
}, null, 2),
|
|
22052
22056
|
createElementVNode("div", {
|
|
22053
|
-
|
|
22057
|
+
ref_key: "drawer",
|
|
22058
|
+
ref: drawer,
|
|
22054
22059
|
class: normalizeClass(["filter-sidebar", drawerClass.value]),
|
|
22055
22060
|
style: normalizeStyle(drawerStyle.value)
|
|
22056
22061
|
}, [
|
|
@@ -22078,7 +22083,7 @@ const _sfc_main$1v = {
|
|
|
22078
22083
|
};
|
|
22079
22084
|
}
|
|
22080
22085
|
};
|
|
22081
|
-
const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-
|
|
22086
|
+
const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-7b902216"]]);
|
|
22082
22087
|
const _hoisted_1$15 = { class: "display-flex-column h-100" };
|
|
22083
22088
|
const _hoisted_2$O = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
|
|
22084
22089
|
const _hoisted_3$x = { class: "flex-1 mb-10" };
|
|
@@ -22528,9 +22533,7 @@ async function fetchBuilder({ requestParams, repository, transformer, search = n
|
|
|
22528
22533
|
return item;
|
|
22529
22534
|
});
|
|
22530
22535
|
if (search && requestParams.searchBackendScope) {
|
|
22531
|
-
const searchFilter = computedFilters.find(
|
|
22532
|
-
(filter2) => filter2.field == requestParams.searchBackendScope
|
|
22533
|
-
);
|
|
22536
|
+
const searchFilter = computedFilters.find((filter2) => filter2.field == requestParams.searchBackendScope);
|
|
22534
22537
|
if (searchFilter) {
|
|
22535
22538
|
searchFilter.value = search;
|
|
22536
22539
|
} else {
|
|
@@ -22561,10 +22564,7 @@ function getGUID() {
|
|
|
22561
22564
|
if (crypto.randomUUID) {
|
|
22562
22565
|
return crypto.randomUUID();
|
|
22563
22566
|
}
|
|
22564
|
-
return ("10000000-1000-4000-8000" + -1e11).replace(
|
|
22565
|
-
/[018]/g,
|
|
22566
|
-
(c2) => (c2 ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c2 / 4).toString(16)
|
|
22567
|
-
);
|
|
22567
|
+
return ("10000000-1000-4000-8000" + -1e11).replace(/[018]/g, (c2) => (c2 ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c2 / 4).toString(16));
|
|
22568
22568
|
}
|
|
22569
22569
|
function hasValue(value) {
|
|
22570
22570
|
if (Array.isArray(value)) {
|
|
@@ -22575,11 +22575,16 @@ function hasValue(value) {
|
|
|
22575
22575
|
}
|
|
22576
22576
|
return value || value === false || value === 0;
|
|
22577
22577
|
}
|
|
22578
|
-
const resolveValue = async (value) => {
|
|
22578
|
+
const resolveValue = async (value, ...args) => {
|
|
22579
22579
|
let result = value;
|
|
22580
|
-
result = result instanceof Function ? result() : result;
|
|
22580
|
+
result = result instanceof Function ? result(...args) : result;
|
|
22581
22581
|
result = result instanceof Promise ? await result : result;
|
|
22582
|
-
return result;
|
|
22582
|
+
return toValue$3(result);
|
|
22583
|
+
};
|
|
22584
|
+
const resolveValueSync = (value, ...args) => {
|
|
22585
|
+
let result = value;
|
|
22586
|
+
result = result instanceof Function ? result(...args) : result;
|
|
22587
|
+
return toValue$3(result);
|
|
22583
22588
|
};
|
|
22584
22589
|
function joinList(list, path, separator = ",") {
|
|
22585
22590
|
let localList = list || [];
|
|
@@ -31785,6 +31790,7 @@ function useTable(config, emits) {
|
|
|
31785
31790
|
tableRequest.value.isPaginationFull = configIsPaginationFull;
|
|
31786
31791
|
let tableData = ref(TableUtils.createTableData());
|
|
31787
31792
|
let isPaginated = ref(false);
|
|
31793
|
+
let topButtonExtras = ref({});
|
|
31788
31794
|
let tableRows = computed(() => lodashExports.get(tableData.value, "data") ?? []);
|
|
31789
31795
|
watch(tableRequest, async (newValue, oldValue) => {
|
|
31790
31796
|
if (lodashExports.isEqual(newValue, oldValue)) {
|
|
@@ -31801,6 +31807,9 @@ function useTable(config, emits) {
|
|
|
31801
31807
|
result.per_page = parseInt(tableData.value.per_page);
|
|
31802
31808
|
tableRequest.value = result;
|
|
31803
31809
|
});
|
|
31810
|
+
function setTopButtonExtras(overrides) {
|
|
31811
|
+
topButtonExtras.value = overrides;
|
|
31812
|
+
}
|
|
31804
31813
|
async function onFilterSet() {
|
|
31805
31814
|
if (onValidateFilters) {
|
|
31806
31815
|
let validationResult = onValidateFilters(tableFilters.filters.value);
|
|
@@ -31859,6 +31868,7 @@ function useTable(config, emits) {
|
|
|
31859
31868
|
tableData,
|
|
31860
31869
|
isPaginated,
|
|
31861
31870
|
tableRows,
|
|
31871
|
+
topButtonExtras,
|
|
31862
31872
|
onFilterSet,
|
|
31863
31873
|
onTableFilterChange,
|
|
31864
31874
|
onFilterReset,
|
|
@@ -31866,6 +31876,7 @@ function useTable(config, emits) {
|
|
|
31866
31876
|
onTablePageSizeChange,
|
|
31867
31877
|
onTableSortChange,
|
|
31868
31878
|
fetchTable,
|
|
31879
|
+
setTopButtonExtras,
|
|
31869
31880
|
...tableFilters
|
|
31870
31881
|
};
|
|
31871
31882
|
onMounted(async () => {
|
|
@@ -84447,12 +84458,14 @@ const _sfc_main$9 = {
|
|
|
84447
84458
|
}
|
|
84448
84459
|
};
|
|
84449
84460
|
const buttonsList = computed(() => props2.buttons ?? Object.values(button));
|
|
84450
|
-
const show2 = async ({ id = null, external = {} }) => {
|
|
84461
|
+
const show2 = async ({ id = null, external = {} } = {}) => {
|
|
84451
84462
|
var _a2, _b2, _c2;
|
|
84452
84463
|
isModalVisible.value = true;
|
|
84453
84464
|
await nextTick();
|
|
84454
|
-
(
|
|
84455
|
-
|
|
84465
|
+
if (!lodashExports.isEqual(external, {})) {
|
|
84466
|
+
(_a2 = formContext.setPayload) == null ? void 0 : _a2.call(formContext, external == null ? void 0 : external.payload);
|
|
84467
|
+
(_b2 = formContext.setExternal) == null ? void 0 : _b2.call(formContext, external == null ? void 0 : external.values);
|
|
84468
|
+
}
|
|
84456
84469
|
await ((_c2 = formContext.initItem) == null ? void 0 : _c2.call(formContext, { id }));
|
|
84457
84470
|
};
|
|
84458
84471
|
const onClose = () => {
|
|
@@ -86440,6 +86453,7 @@ export {
|
|
|
86440
86453
|
makeArray,
|
|
86441
86454
|
mergeObjectWithoutOverwrite,
|
|
86442
86455
|
resolveValue,
|
|
86456
|
+
resolveValueSync,
|
|
86443
86457
|
useAppSelectCore as sharedProps,
|
|
86444
86458
|
sleep,
|
|
86445
86459
|
toPathString,
|