jky-component-lib 0.0.139 → 0.0.141
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/es/code-mirror-editor/CodeMirrorEditor.vue.d.ts +0 -1
- package/dist/es/code-mirror-editor/CodeMirrorEditor.vue.js +5 -7
- package/dist/es/code-mirror-editor/style.css +0 -38
- package/dist/es/form/items/SelectTableItem.vue.d.ts +14 -2
- package/dist/es/package.json.js +1 -1
- package/dist/es/page-header/PageHeader.vue.js +16 -17
- package/dist/es/page-table/PageTable.vue.d.ts +1 -0
- package/dist/es/page-table/PageTable.vue.js +10 -1
- package/dist/es/style.css +8 -0
- package/dist/es/styles.css +1 -1
- package/dist/lib/code-mirror-editor/CodeMirrorEditor.vue.d.ts +0 -1
- package/dist/lib/code-mirror-editor/CodeMirrorEditor.vue.js +4 -6
- package/dist/lib/code-mirror-editor/style.css +0 -38
- package/dist/lib/form/items/SelectTableItem.vue.d.ts +14 -2
- package/dist/lib/package.json.js +1 -1
- package/dist/lib/page-header/PageHeader.vue.js +16 -17
- package/dist/lib/page-table/PageTable.vue.d.ts +1 -0
- package/dist/lib/page-table/PageTable.vue.js +10 -1
- package/dist/lib/style.css +8 -0
- package/dist/lib/styles.css +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,6 @@ declare const _default: import('vue').DefineComponent<CodeMirrorEditorProps, {
|
|
|
11
11
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
12
12
|
onChange?: ((value: string) => any) | undefined;
|
|
13
13
|
}>, {
|
|
14
|
-
height: string;
|
|
15
14
|
modelValue: string;
|
|
16
15
|
disabled: boolean;
|
|
17
16
|
readonly: boolean;
|
|
@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock,
|
|
20
|
+
import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode } from "vue";
|
|
21
21
|
import { css } from "@codemirror/lang-css";
|
|
22
22
|
import { html } from "@codemirror/lang-html";
|
|
23
23
|
import { javascript } from "@codemirror/lang-javascript";
|
|
@@ -28,13 +28,14 @@ import { EditorState } from "@codemirror/state";
|
|
|
28
28
|
import { oneDark } from "@codemirror/theme-one-dark";
|
|
29
29
|
import { EditorView, lineNumbers } from "@codemirror/view";
|
|
30
30
|
import { basicSetup } from "codemirror";
|
|
31
|
+
const _hoisted_1 = { class: "j-code-mirror-editor min-h-40 min-w-50" };
|
|
31
32
|
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
|
|
32
33
|
name: "JkyCodeMirrorEditor"
|
|
33
34
|
}), {
|
|
34
35
|
__name: "CodeMirrorEditor",
|
|
35
36
|
props: {
|
|
36
37
|
modelValue: { default: "" },
|
|
37
|
-
height: {
|
|
38
|
+
height: {},
|
|
38
39
|
disabled: { type: Boolean, default: false },
|
|
39
40
|
readonly: { type: Boolean, default: false },
|
|
40
41
|
language: { default: "javascript" },
|
|
@@ -169,16 +170,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
169
170
|
}
|
|
170
171
|
});
|
|
171
172
|
return (_ctx, _cache) => {
|
|
172
|
-
return openBlock(), createElementBlock("div",
|
|
173
|
-
class: "j-code-mirror-editor",
|
|
174
|
-
style: normalizeStyle({ height: __props.height })
|
|
175
|
-
}, [
|
|
173
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
176
174
|
createElementVNode("div", {
|
|
177
175
|
ref_key: "editorRef",
|
|
178
176
|
ref: editorRef,
|
|
179
177
|
class: "code-mirror-container"
|
|
180
178
|
}, null, 512)
|
|
181
|
-
]
|
|
179
|
+
]);
|
|
182
180
|
};
|
|
183
181
|
}
|
|
184
182
|
}));
|
|
@@ -4,41 +4,3 @@
|
|
|
4
4
|
--j-code-mirror-border-radius: 4px;
|
|
5
5
|
--j-code-mirror-height: 400px;
|
|
6
6
|
}
|
|
7
|
-
.j-code-mirror-editor {
|
|
8
|
-
width: 100%;
|
|
9
|
-
height: var(--j-code-mirror-height);
|
|
10
|
-
/* border: 1px solid var(--j-code-mirror-border-color); */
|
|
11
|
-
border-radius: var(--j-code-mirror-border-radius);
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
}
|
|
14
|
-
.code-mirror-container {
|
|
15
|
-
height: 100%;
|
|
16
|
-
width: 100%;
|
|
17
|
-
overflow: auto;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/* CodeMirror 基础样式覆盖 */
|
|
21
|
-
.code-mirror-container .cm-editor {
|
|
22
|
-
height: 100%;
|
|
23
|
-
}
|
|
24
|
-
.code-mirror-container .cm-scroller {
|
|
25
|
-
overflow: auto;
|
|
26
|
-
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
|
27
|
-
font-size: 14px;
|
|
28
|
-
line-height: 1.5;
|
|
29
|
-
}
|
|
30
|
-
.code-mirror-container .cm-gutters {
|
|
31
|
-
background-color: #2c2d2d;
|
|
32
|
-
border-color: #4c4d4f;
|
|
33
|
-
color: #909399;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* 暗黑模式支持 */
|
|
37
|
-
html.dark .j-code-mirror-editor {
|
|
38
|
-
/* border-color: #4c4d4f; */
|
|
39
|
-
}
|
|
40
|
-
html.dark .code-mirror-container .cm-gutters {
|
|
41
|
-
/* background-color: #2c2d2d;
|
|
42
|
-
border-color: #4c4d4f;
|
|
43
|
-
color: #909399; */
|
|
44
|
-
}
|
|
@@ -18,6 +18,9 @@ declare function __VLS_template(): {
|
|
|
18
18
|
readonly pageSize?: number | undefined;
|
|
19
19
|
readonly total?: number | undefined;
|
|
20
20
|
readonly withCard?: boolean | undefined;
|
|
21
|
+
readonly config?: {
|
|
22
|
+
withCard?: boolean;
|
|
23
|
+
} | undefined;
|
|
21
24
|
readonly title?: string | undefined;
|
|
22
25
|
readonly filterItems?: import('../../page-table').FilterItemConfig[] | undefined;
|
|
23
26
|
readonly form?: Record<string, any> | undefined;
|
|
@@ -43,6 +46,7 @@ declare function __VLS_template(): {
|
|
|
43
46
|
readonly formProps?: Partial<import('..').FormProps> | undefined;
|
|
44
47
|
readonly tableProps?: Partial<import('element-plus').TableProps>;
|
|
45
48
|
readonly paginationProps?: Partial<import('element-plus').PaginationProps> | undefined;
|
|
49
|
+
readonly showPagination?: boolean | undefined;
|
|
46
50
|
readonly toolbarButtonLimit?: number | undefined;
|
|
47
51
|
readonly toolbarButtons?: {
|
|
48
52
|
left?: import('../../page-table').ToolbarButtonConfig[];
|
|
@@ -2909,6 +2913,7 @@ declare function __VLS_template(): {
|
|
|
2909
2913
|
formProps: Partial<import('..').FormProps>;
|
|
2910
2914
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
2911
2915
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
2916
|
+
showPagination: boolean;
|
|
2912
2917
|
autoSearchDelay: number;
|
|
2913
2918
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
2914
2919
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -2950,6 +2955,7 @@ declare function __VLS_template(): {
|
|
|
2950
2955
|
formProps: Partial<import('..').FormProps>;
|
|
2951
2956
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
2952
2957
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
2958
|
+
showPagination: boolean;
|
|
2953
2959
|
autoSearchDelay: number;
|
|
2954
2960
|
}> & Omit<Readonly<{
|
|
2955
2961
|
pageNo?: number;
|
|
@@ -2976,7 +2982,7 @@ declare function __VLS_template(): {
|
|
|
2976
2982
|
"onUpdate:pageNo"?: ((value: number) => any) | undefined;
|
|
2977
2983
|
"onUpdate:pageSize"?: ((value: number) => any) | undefined;
|
|
2978
2984
|
"onUpdate:total"?: ((value: number) => any) | undefined;
|
|
2979
|
-
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
2985
|
+
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "showPagination" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
2980
2986
|
refresh: () => Promise<void>;
|
|
2981
2987
|
getFilterData: () => Record<string, any>;
|
|
2982
2988
|
setFilterData: (data: Record<string, any>) => void;
|
|
@@ -3011,6 +3017,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
3011
3017
|
readonly pageSize?: number | undefined;
|
|
3012
3018
|
readonly total?: number | undefined;
|
|
3013
3019
|
readonly withCard?: boolean | undefined;
|
|
3020
|
+
readonly config?: {
|
|
3021
|
+
withCard?: boolean;
|
|
3022
|
+
} | undefined;
|
|
3014
3023
|
readonly title?: string | undefined;
|
|
3015
3024
|
readonly filterItems?: import('../../page-table').FilterItemConfig[] | undefined;
|
|
3016
3025
|
readonly form?: Record<string, any> | undefined;
|
|
@@ -3036,6 +3045,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
3036
3045
|
readonly formProps?: Partial<import('..').FormProps> | undefined;
|
|
3037
3046
|
readonly tableProps?: Partial<import('element-plus').TableProps>;
|
|
3038
3047
|
readonly paginationProps?: Partial<import('element-plus').PaginationProps> | undefined;
|
|
3048
|
+
readonly showPagination?: boolean | undefined;
|
|
3039
3049
|
readonly toolbarButtonLimit?: number | undefined;
|
|
3040
3050
|
readonly toolbarButtons?: {
|
|
3041
3051
|
left?: import('../../page-table').ToolbarButtonConfig[];
|
|
@@ -5902,6 +5912,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
5902
5912
|
formProps: Partial<import('..').FormProps>;
|
|
5903
5913
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
5904
5914
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
5915
|
+
showPagination: boolean;
|
|
5905
5916
|
autoSearchDelay: number;
|
|
5906
5917
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
5907
5918
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -5943,6 +5954,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
5943
5954
|
formProps: Partial<import('..').FormProps>;
|
|
5944
5955
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
5945
5956
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
5957
|
+
showPagination: boolean;
|
|
5946
5958
|
autoSearchDelay: number;
|
|
5947
5959
|
}> & Omit<Readonly<{
|
|
5948
5960
|
pageNo?: number;
|
|
@@ -5969,7 +5981,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
5969
5981
|
"onUpdate:pageNo"?: ((value: number) => any) | undefined;
|
|
5970
5982
|
"onUpdate:pageSize"?: ((value: number) => any) | undefined;
|
|
5971
5983
|
"onUpdate:total"?: ((value: number) => any) | undefined;
|
|
5972
|
-
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
5984
|
+
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "showPagination" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
5973
5985
|
refresh: () => Promise<void>;
|
|
5974
5986
|
getFilterData: () => Record<string, any>;
|
|
5975
5987
|
setFilterData: (data: Record<string, any>) => void;
|
package/dist/es/package.json.js
CHANGED
|
@@ -21,11 +21,8 @@ import { defineComponent, computed, openBlock, createElementBlock, normalizeStyl
|
|
|
21
21
|
import { ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
|
|
22
22
|
import _sfc_main$1 from "./PopoverMenu.vue.js";
|
|
23
23
|
const _hoisted_1 = { class: "jky-page-header__container" };
|
|
24
|
-
const _hoisted_2 =
|
|
25
|
-
const _hoisted_3 =
|
|
26
|
-
key: 0,
|
|
27
|
-
class: "jky-page-header__title"
|
|
28
|
-
};
|
|
24
|
+
const _hoisted_2 = { class: "jky-page-header__left" };
|
|
25
|
+
const _hoisted_3 = ["src", "alt"];
|
|
29
26
|
const _hoisted_4 = { class: "jky-page-header__center" };
|
|
30
27
|
const _hoisted_5 = { class: "jky-page-header__right" };
|
|
31
28
|
const _hoisted_6 = { class: "jky-page-header__status-icons hidden md:flex" };
|
|
@@ -95,18 +92,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
95
92
|
}, [
|
|
96
93
|
createElementVNode("div", _hoisted_1, [
|
|
97
94
|
__props.showPopover && ((_b = (_a = __props.popover) == null ? void 0 : _a.menus) == null ? void 0 : _b.length) ? (openBlock(), createBlock(_sfc_main$1, normalizeProps(mergeProps({ key: 0 }, __props.popover)), null, 16)) : createCommentVNode("", true),
|
|
98
|
-
createElementVNode("div",
|
|
99
|
-
class: "cursor-pointer jky-page-header__left",
|
|
100
|
-
onClick: _cache[0] || (_cache[0] = ($event) => handleClick("logo"))
|
|
101
|
-
}, [
|
|
95
|
+
createElementVNode("div", _hoisted_2, [
|
|
102
96
|
__props.logo ? (openBlock(), createElementBlock("img", {
|
|
103
97
|
key: 0,
|
|
104
98
|
src: __props.logo,
|
|
105
99
|
alt: __props.title || "Logo",
|
|
106
|
-
class: "jky-page-header__logo"
|
|
107
|
-
|
|
100
|
+
class: "cursor-pointer jky-page-header__logo",
|
|
101
|
+
onClick: _cache[0] || (_cache[0] = ($event) => handleClick("logo"))
|
|
102
|
+
}, null, 8, _hoisted_3)) : createCommentVNode("", true),
|
|
108
103
|
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
109
|
-
__props.title ? (openBlock(), createElementBlock("span",
|
|
104
|
+
__props.title ? (openBlock(), createElementBlock("span", {
|
|
105
|
+
key: 0,
|
|
106
|
+
class: "cursor-pointer jky-page-header__title",
|
|
107
|
+
onClick: _cache[1] || (_cache[1] = ($event) => handleClick("title"))
|
|
108
|
+
}, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
|
|
110
109
|
])
|
|
111
110
|
]),
|
|
112
111
|
createElementVNode("div", _hoisted_4, [
|
|
@@ -176,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
176
175
|
size: 20,
|
|
177
176
|
class: "jky-page-header__status-icon"
|
|
178
177
|
}, {
|
|
179
|
-
default: withCtx(() => [..._cache[
|
|
178
|
+
default: withCtx(() => [..._cache[4] || (_cache[4] = [
|
|
180
179
|
createElementVNode("svg", {
|
|
181
180
|
xmlns: "http://www.w3.org/2000/svg",
|
|
182
181
|
fill: "none",
|
|
@@ -198,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
198
197
|
})) : createCommentVNode("", true),
|
|
199
198
|
createElementVNode("div", {
|
|
200
199
|
class: "cursor-pointer jky-page-header__time hidden md:block",
|
|
201
|
-
onClick: _cache[
|
|
200
|
+
onClick: _cache[2] || (_cache[2] = ($event) => handleClick("time"))
|
|
202
201
|
}, [
|
|
203
202
|
renderSlot(_ctx.$slots, "time", {}, () => [
|
|
204
203
|
createElementVNode("span", null, toDisplayString((/* @__PURE__ */ new Date()).toLocaleString("zh-CN")), 1)
|
|
@@ -258,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
258
257
|
size: 24,
|
|
259
258
|
class: "jky-page-header__avatar"
|
|
260
259
|
}, {
|
|
261
|
-
default: withCtx(() => [..._cache[
|
|
260
|
+
default: withCtx(() => [..._cache[5] || (_cache[5] = [
|
|
262
261
|
createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1)
|
|
263
262
|
])]),
|
|
264
263
|
_: 1
|
|
@@ -272,8 +271,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
272
271
|
__props.showLogout ? (openBlock(), createElementBlock("div", {
|
|
273
272
|
key: 2,
|
|
274
273
|
class: "jky-page-header__logout h-full flex items-center",
|
|
275
|
-
onClick: _cache[
|
|
276
|
-
}, [..._cache[
|
|
274
|
+
onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("logout"))
|
|
275
|
+
}, [..._cache[6] || (_cache[6] = [
|
|
277
276
|
createElementVNode("span", { class: "icon-[ri--logout-circle-line] mr-2" }, null, -1),
|
|
278
277
|
createElementVNode("span", null, "退出登录", -1)
|
|
279
278
|
])])) : createCommentVNode("", true)
|
|
@@ -2829,6 +2829,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
2829
2829
|
formProps: Partial<import('../form').FormProps>;
|
|
2830
2830
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
2831
2831
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
2832
|
+
showPagination: boolean;
|
|
2832
2833
|
autoSearchDelay: number;
|
|
2833
2834
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
2834
2835
|
pageTableRef: HTMLDivElement;
|
|
@@ -53,6 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
53
53
|
__name: "PageTable",
|
|
54
54
|
props: /* @__PURE__ */ mergeModels({
|
|
55
55
|
withCard: { type: Boolean, default: true },
|
|
56
|
+
config: {},
|
|
56
57
|
title: { default: "" },
|
|
57
58
|
filterItems: { default: () => [] },
|
|
58
59
|
form: {},
|
|
@@ -78,6 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
78
79
|
formProps: { default: () => ({}) },
|
|
79
80
|
tableProps: { default: () => ({}) },
|
|
80
81
|
paginationProps: { default: () => ({}) },
|
|
82
|
+
showPagination: { type: Boolean, default: true },
|
|
81
83
|
toolbarButtonLimit: { default: 0 },
|
|
82
84
|
toolbarButtons: {},
|
|
83
85
|
autoSearchDelay: { default: 500 },
|
|
@@ -155,6 +157,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
155
157
|
}
|
|
156
158
|
}
|
|
157
159
|
const sortValue = ref("desc");
|
|
160
|
+
const withCard = computed(() => {
|
|
161
|
+
var _a, _b, _c;
|
|
162
|
+
return (_c = (_b = props.withCard) != null ? _b : (_a = props.config) == null ? void 0 : _a.withCard) != null ? _c : true;
|
|
163
|
+
});
|
|
158
164
|
const defaultRightButtons = computed(() => {
|
|
159
165
|
const sortButton = {
|
|
160
166
|
label: "排序",
|
|
@@ -181,6 +187,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
181
187
|
});
|
|
182
188
|
const showPagination = computed(() => {
|
|
183
189
|
var _a, _b;
|
|
190
|
+
if (!props.showPagination) {
|
|
191
|
+
return false;
|
|
192
|
+
}
|
|
184
193
|
return !!((_a = props.dataSource) == null ? void 0 : _a.api) || (((_b = pagination.value) == null ? void 0 : _b.total) || 0) > 0;
|
|
185
194
|
});
|
|
186
195
|
const _showActionColumn = computed(() => {
|
|
@@ -409,7 +418,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
409
418
|
]),
|
|
410
419
|
_: 1
|
|
411
420
|
})) : createCommentVNode("", true),
|
|
412
|
-
(openBlock(), createBlock(resolveDynamicComponent(
|
|
421
|
+
(openBlock(), createBlock(resolveDynamicComponent(withCard.value ? unref(ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table__table-card" }, {
|
|
413
422
|
default: withCtx(() => {
|
|
414
423
|
var _a2, _b2, _c2, _d, _e, _f, _g;
|
|
415
424
|
return [
|
package/dist/es/style.css
CHANGED
|
@@ -1783,6 +1783,10 @@
|
|
|
1783
1783
|
min-height: calc(var(--spacing) * 0);
|
|
1784
1784
|
}
|
|
1785
1785
|
|
|
1786
|
+
.min-h-40 {
|
|
1787
|
+
min-height: calc(var(--spacing) * 40);
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1786
1790
|
.min-h-full {
|
|
1787
1791
|
min-height: 100%;
|
|
1788
1792
|
}
|
|
@@ -1875,6 +1879,10 @@
|
|
|
1875
1879
|
min-width: calc(var(--spacing) * 30);
|
|
1876
1880
|
}
|
|
1877
1881
|
|
|
1882
|
+
.min-w-50 {
|
|
1883
|
+
min-width: calc(var(--spacing) * 50);
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1878
1886
|
.flex-1 {
|
|
1879
1887
|
flex: 1;
|
|
1880
1888
|
}
|
package/dist/es/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.jky-add-input,:root{--jky-add-input-gap:12px;--jky-add-input-row-gap:8px;--jky-add-input-min-width:100px;--jky-add-input-action-width:80px}.jky-add-input{display:flex;flex-direction:column;gap:var(--jky-add-input-row-gap);min-width:var(--jky-add-input-min-width)}.jky-add-input__row{align-items:center;display:flex;gap:var(--jky-add-input-gap)}.jky-add-input__key,.jky-add-input__value{flex:1;min-width:0}.jky-add-input__actions{display:flex;flex-shrink:0;gap:var(--jky-add-input-gap);width:var(--jky-add-input-action-width)}.jky-amap-container{overflow:hidden;position:relative;.amap-copyright,.amap-logo{display:none!important}}:root{--jky-button-primary-bg:#007bff;--jky-button-primary-text:#fff;--jky-button-primary-hover-bg:#0056b3;--jky-button-success-bg:#28a745;--jky-button-success-text:#fff;--jky-button-success-hover-bg:#1e7e34;--jky-button-warning-bg:#ffc107;--jky-button-warning-text:#fff;--jky-button-warning-hover-bg:#e0a800;--jky-button-danger-bg:#dc3545;--jky-button-danger-text:#fff;--jky-button-danger-hover-bg:#c82333;--jky-button-info-bg:#6c757d;--jky-button-info-text:#fff;--jky-button-info-hover-bg:#5a6268;--jky-button-default-bg:#fff;--jky-button-default-text:#606266;--jky-button-default-border:#dcdfe6;--jky-button-default-hover-bg:#f5f7fa;--jky-button-font-size:14px;--jky-button-font-size-small:12px;--jky-button-font-size-large:16px;--jky-button-padding:0 16px;--jky-button-padding-small:0 12px;--jky-button-padding-large:0 20px;--jky-button-height:40px;--jky-button-height-small:32px;--jky-button-height-large:48px;--jky-button-border-radius:0.375rem;--jky-button-disabled-opacity:0.5;--jky-button-disabled-bg:#f5f7fa;--jky-button-disabled-text:#c0c4cc;--jky-button-loading-opacity:0.7;--jky-button-icon-size:1.25rem;--jky-button-icon-margin:0.5rem}.jky-button{align-items:center;background-color:var(--jky-button-default-bg);border:1px solid var(--jky-button-default-border);border-radius:var(--jky-button-border-radius);color:var(--jky-button-default-text);cursor:pointer;display:inline-flex;font-size:var(--jky-button-font-size);font-weight:500;height:var(--jky-button-height);justify-content:center;padding:var(--jky-button-padding);transition:color .2s,background-color .2s}.jky-button--primary{background-color:var(--jky-button-primary-bg);border:none;color:var(--jky-button-primary-text)}.jky-button--primary:hover{background-color:var(--jky-button-primary-hover-bg)}.jky-button--success{background-color:var(--jky-button-success-bg);border:none;color:var(--jky-button-success-text)}.jky-button--success:hover{background-color:var(--jky-button-success-hover-bg)}.jky-button--warning{background-color:var(--jky-button-warning-bg);border:none;color:var(--jky-button-warning-text)}.jky-button--warning:hover{background-color:var(--jky-button-warning-hover-bg)}.jky-button--danger{background-color:var(--jky-button-danger-bg);border:none;color:var(--jky-button-danger-text)}.jky-button--danger:hover{background-color:var(--jky-button-danger-hover-bg)}.jky-button--info{background-color:var(--jky-button-info-bg);border:none;color:var(--jky-button-info-text)}.jky-button--info:hover{background-color:var(--jky-button-info-hover-bg)}.jky-button--small{font-size:var(--jky-button-font-size-small);height:var(--jky-button-height-small);padding:var(--jky-button-padding-small)}.jky-button--large{font-size:var(--jky-button-font-size-large);height:var(--jky-button-height-large);padding:var(--jky-button-padding-large)}.jky-button.is-disabled{background-color:var(--jky-button-disabled-bg);color:var(--jky-button-disabled-text);cursor:not-allowed;opacity:var(--jky-button-disabled-opacity);pointer-events:none}.jky-button.is-loading{opacity:var(--jky-button-loading-opacity);pointer-events:none;position:relative}.jky-button__loading{display:flex;inset:0;position:absolute}.jky-button__icon,.jky-button__loading{align-items:center;justify-content:center}.jky-button__icon{display:inline-flex;font-size:1em;margin-right:var(--jky-button-icon-margin)}.jky-button__icon:only-child{margin-right:0}.jky-button--suffix .jky-button__icon{margin-left:var(--jky-button-icon-margin);margin-right:0}.jky-button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000;outline:2px solid transparent;outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite;height:var(--jky-button-icon-size);width:var(--jky-button-icon-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--jky-button-nav-active-bg:var(--el-color-primary);--jky-button-nav-active-text:#fff;--jky-button-nav-inactive-bg:var(--el-fill-color-light);--jky-button-nav-inactive-text:var(--el-text-color-regular);--el-dropdown-menu-margin-left:12px}.jky-button-nav{align-items:center;display:flex;flex-wrap:wrap;.el-dropdown{margin-left:var(--el-dropdown-menu-margin-left)}}.jky-button-nav-item{background-color:var(--jky-button-nav-inactive-bg);color:var(--jky-button-nav-inactive-text);&.is-active,&[aria-pressed=true]{background-color:var(--jky-button-nav-active-bg);color:var(--jky-button-nav-active-text)}}:root{--j-code-mirror-border-color:#dcdfe6;--j-code-mirror-border-radius:4px;--j-code-mirror-height:400px}.j-code-mirror-editor{border-radius:var(--j-code-mirror-border-radius);height:var(--j-code-mirror-height);overflow:hidden;width:100%}.code-mirror-container{height:100%;overflow:auto;width:100%}.code-mirror-container .cm-editor{height:100%}.code-mirror-container .cm-scroller{font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;overflow:auto}.code-mirror-container .cm-gutters{background-color:#2c2d2d;border-color:#4c4d4f;color:#909399}.jky-form,:root{--jky-form-item-border-width:4px;--jky-form-item-border-color:var(--el-color-primary);--jky-form-item-bg-color:rgba(var(--el-color-primary-rgb),0.5)}.jky-form-item-wrapper__error,.jky-form-item-wrapper__loading{align-items:center;display:flex}.skeleton-box{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#e5e7eb;border-radius:.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--jky-menu-bg-color:#fff;--jky-menu-text-color:#303133;--jky-menu-active-color:#409eff;--jky-menu-hover-bg-color:#f5f7fa;--jky-menu-hover-text-color:#606266;--jky-menu-item-height:56px;--jky-menu-item-padding:0 20px;--jky-menu-item-font-size:14px;--jky-menu-icon-size:18px;--jky-menu-icon-margin:8px;--jky-menu-border-color:#e4e7ed;--jky-menu-disabled-opacity:0.5;--jky-menu-disabled-text-color:#c0c4cc}.jky-menu{li+li{margin-top:0}}.jky-page-header,:root{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--jky-page-header-bg-color:#1890ff}.jky-page-header--dark{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--el-text-color-regular:#fff}.jky-page-header--light{--jky-page-header-title-color:#000;--jky-page-header-text-color:rgba(0,0,0,.85);--jky-page-header-icon-color:#000;--el-text-color-regular:#000}.jky-page-header,:root{--jky-page-header-bg-size:cover;--jky-page-header-bg-position:center;--jky-page-header-box-shadow:0 2px 8px rgba(0,0,0,.15);--jky-page-header-padding-x:24px;--jky-page-header-padding-x-mobile:16px;--jky-page-header-gap:16px;--jky-page-header-gap-mobile:12px;--jky-page-header-gap-left:12px;--jky-page-header-gap-status:12px;--jky-page-header-gap-center:24px;--jky-page-header-gap-center-mobile:12px;--jky-page-header-title-size:20px;--jky-page-header-title-size-mobile:16px;--jky-page-header-title-weight:600;--jky-page-header-text-size:16px;--jky-page-header-icon-size:20px;--jky-page-header-icon-hover-opacity:0.8;--jky-page-header-logo-height:40px;--jky-page-header-avatar-size:32px}.jky-page-header{background-color:var(--jky-page-header-bg-color);background-position:var(--jky-page-header-bg-position);background-size:var(--jky-page-header-bg-size);box-shadow:var(--jky-page-header-box-shadow);width:100%}.jky-page-header__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 var(--jky-page-header-padding-x)}.jky-page-header__left{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap-left)}.jky-page-header__logo{height:var(--jky-page-header-logo-height);object-fit:contain;width:auto}.jky-page-header__title{color:var(--jky-page-header-title-color);font-size:var(--jky-page-header-title-size);font-weight:var(--jky-page-header-title-weight);white-space:nowrap}.jky-page-header__center{align-items:center;display:flex;flex:1;justify-content:center;margin:0 var(--jky-page-header-gap-center);min-width:0}.jky-page-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap)}.jky-page-header__status-icons{align-items:center;display:flex;gap:var(--jky-page-header-gap-status)}.jky-page-header__status-icon{color:var(--jky-page-header-icon-color);cursor:pointer;transition:opacity .2s;&:hover{opacity:var(--jky-page-header-icon-hover-opacity)}}.jky-page-header__time{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size);white-space:nowrap}.jky-page-header__user{align-items:center;color:var(--jky-page-header-text-color);cursor:pointer;display:flex;gap:8px}.jky-page-header__avatar{color:var(--jky-page-header-icon-color);img{height:100%;object-fit:cover;width:100%}}.jky-page-header__username{white-space:nowrap}.jky-page-header__logout,.jky-page-header__username{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size)}@media (max-width:768px){.jky-page-header__container{padding:0 var(--jky-page-header-padding-x-mobile)}.jky-page-header__title{font-size:var(--jky-page-header-title-size-mobile)}.jky-page-header__center{margin:0 var(--jky-page-header-gap-center-mobile)}.jky-page-header__right{gap:var(--jky-page-header-gap-mobile)}}:root{--jky-page-layout-gap:5}.jky-page-layout{column-gap:calc(var(--spacing)*var(--jky-page-layout-gap));.el-menu{border-right:none}.el-auto-resizer{.el-scrollbar__view{height:100%}}}.jky-page-table{--jky-page-table_pagination-position:flex-end;.jky-page-table__pagination{.el-scrollbar__view{display:flex;justify-content:var(--jky-page-table_pagination-position)}}}.jky-action-column{.el-button+.el-button{margin-left:0}}:root{--jky-rich-editor-border:#d9d9d9;--jky-rich-editor-border-hover:#409eff;--jky-rich-editor-border-radius:4px;--jky-rich-editor-box-shadow:0 0 0 1px #409eff}.jky-rich-editor{width:100%}.jky-rich-editor .tox-tinymce{border:1px solid var(--jky-rich-editor-border);border-radius:var(--jky-rich-editor-border-radius);transition:border-color .2s}.jky-rich-editor .tox-tinymce:hover{border-color:var(--jky-rich-editor-border-hover)}.jky-rich-editor .tox-tinymce:focus-within{border-color:var(--jky-rich-editor-border-hover);box-shadow:var(--jky-rich-editor-box-shadow)}.jky-rich-editor.is-disabled .tox-tinymce{background-color:#f5f7fa;cursor:not-allowed}.jky-rich-editor.is-readonly .tox-tinymce{background-color:#fafafa}:root{--jky-say-hello-bg:#42b883;--jky-say-hello-text:#fff;--jky-say-hello-hover-bg:#3aa876;--jky-say-hello-font-size:16px;--jky-say-hello-padding:8px 20px;--jky-say-hello-margin:4px 2px;--jky-say-hello-border-radius:6px}.jky-say-hello{background-color:var(--jky-say-hello-bg);border-radius:var(--jky-say-hello-border-radius);color:var(--jky-say-hello-text);cursor:pointer;display:inline-block;font-size:var(--jky-say-hello-font-size);margin:var(--jky-say-hello-margin);padding:var(--jky-say-hello-padding);text-align:center;text-decoration:none;transition:background-color .2s ease}.jky-say-hello:hover{background-color:var(--jky-say-hello-hover-bg)}@import "tailwindcss";@plugin "@iconify/tailwind4";@source "../node_modules/jky-component-lib/dist/es/";@source "../docs/**/*.md";@source "./**/*.md";@source "./**/*.vue";@source "./**/*.css";@custom-variant dark (&:is(.dark *));.jky-tabs{.el-tabs__content{display:none}.el-tabs__header{margin-bottom:0}}.jky-tabs-round{--el-tabs-header-height:32px;--el-tabs-item-background:#fff;--el-tabs-active-item-background:var(--el-color-primary);.el-tabs__header{--el-border-color-light:transparent}.el-tabs__item{background-color:var(--el-tabs-item-background);border-bottom:none!important;border-radius:999px;margin-left:1rem;&.is-active{background-color:var(--el-tabs-active-item-background);.el-icon,.jky-tabs-__item-label{color:var(--el-color-white)}}&.first-child{margin-left:0}}}.jky-tabs-context-menu{display:inline-block}
|
|
1
|
+
.jky-add-input,:root{--jky-add-input-gap:12px;--jky-add-input-row-gap:8px;--jky-add-input-min-width:100px;--jky-add-input-action-width:80px}.jky-add-input{display:flex;flex-direction:column;gap:var(--jky-add-input-row-gap);min-width:var(--jky-add-input-min-width)}.jky-add-input__row{align-items:center;display:flex;gap:var(--jky-add-input-gap)}.jky-add-input__key,.jky-add-input__value{flex:1;min-width:0}.jky-add-input__actions{display:flex;flex-shrink:0;gap:var(--jky-add-input-gap);width:var(--jky-add-input-action-width)}.jky-amap-container{overflow:hidden;position:relative;.amap-copyright,.amap-logo{display:none!important}}:root{--jky-button-primary-bg:#007bff;--jky-button-primary-text:#fff;--jky-button-primary-hover-bg:#0056b3;--jky-button-success-bg:#28a745;--jky-button-success-text:#fff;--jky-button-success-hover-bg:#1e7e34;--jky-button-warning-bg:#ffc107;--jky-button-warning-text:#fff;--jky-button-warning-hover-bg:#e0a800;--jky-button-danger-bg:#dc3545;--jky-button-danger-text:#fff;--jky-button-danger-hover-bg:#c82333;--jky-button-info-bg:#6c757d;--jky-button-info-text:#fff;--jky-button-info-hover-bg:#5a6268;--jky-button-default-bg:#fff;--jky-button-default-text:#606266;--jky-button-default-border:#dcdfe6;--jky-button-default-hover-bg:#f5f7fa;--jky-button-font-size:14px;--jky-button-font-size-small:12px;--jky-button-font-size-large:16px;--jky-button-padding:0 16px;--jky-button-padding-small:0 12px;--jky-button-padding-large:0 20px;--jky-button-height:40px;--jky-button-height-small:32px;--jky-button-height-large:48px;--jky-button-border-radius:0.375rem;--jky-button-disabled-opacity:0.5;--jky-button-disabled-bg:#f5f7fa;--jky-button-disabled-text:#c0c4cc;--jky-button-loading-opacity:0.7;--jky-button-icon-size:1.25rem;--jky-button-icon-margin:0.5rem}.jky-button{align-items:center;background-color:var(--jky-button-default-bg);border:1px solid var(--jky-button-default-border);border-radius:var(--jky-button-border-radius);color:var(--jky-button-default-text);cursor:pointer;display:inline-flex;font-size:var(--jky-button-font-size);font-weight:500;height:var(--jky-button-height);justify-content:center;padding:var(--jky-button-padding);transition:color .2s,background-color .2s}.jky-button--primary{background-color:var(--jky-button-primary-bg);border:none;color:var(--jky-button-primary-text)}.jky-button--primary:hover{background-color:var(--jky-button-primary-hover-bg)}.jky-button--success{background-color:var(--jky-button-success-bg);border:none;color:var(--jky-button-success-text)}.jky-button--success:hover{background-color:var(--jky-button-success-hover-bg)}.jky-button--warning{background-color:var(--jky-button-warning-bg);border:none;color:var(--jky-button-warning-text)}.jky-button--warning:hover{background-color:var(--jky-button-warning-hover-bg)}.jky-button--danger{background-color:var(--jky-button-danger-bg);border:none;color:var(--jky-button-danger-text)}.jky-button--danger:hover{background-color:var(--jky-button-danger-hover-bg)}.jky-button--info{background-color:var(--jky-button-info-bg);border:none;color:var(--jky-button-info-text)}.jky-button--info:hover{background-color:var(--jky-button-info-hover-bg)}.jky-button--small{font-size:var(--jky-button-font-size-small);height:var(--jky-button-height-small);padding:var(--jky-button-padding-small)}.jky-button--large{font-size:var(--jky-button-font-size-large);height:var(--jky-button-height-large);padding:var(--jky-button-padding-large)}.jky-button.is-disabled{background-color:var(--jky-button-disabled-bg);color:var(--jky-button-disabled-text);cursor:not-allowed;opacity:var(--jky-button-disabled-opacity);pointer-events:none}.jky-button.is-loading{opacity:var(--jky-button-loading-opacity);pointer-events:none;position:relative}.jky-button__loading{display:flex;inset:0;position:absolute}.jky-button__icon,.jky-button__loading{align-items:center;justify-content:center}.jky-button__icon{display:inline-flex;font-size:1em;margin-right:var(--jky-button-icon-margin)}.jky-button__icon:only-child{margin-right:0}.jky-button--suffix .jky-button__icon{margin-left:var(--jky-button-icon-margin);margin-right:0}.jky-button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000;outline:2px solid transparent;outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite;height:var(--jky-button-icon-size);width:var(--jky-button-icon-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--jky-button-nav-active-bg:var(--el-color-primary);--jky-button-nav-active-text:#fff;--jky-button-nav-inactive-bg:var(--el-fill-color-light);--jky-button-nav-inactive-text:var(--el-text-color-regular);--el-dropdown-menu-margin-left:12px}.jky-button-nav{align-items:center;display:flex;flex-wrap:wrap;.el-dropdown{margin-left:var(--el-dropdown-menu-margin-left)}}.jky-button-nav-item{background-color:var(--jky-button-nav-inactive-bg);color:var(--jky-button-nav-inactive-text);&.is-active,&[aria-pressed=true]{background-color:var(--jky-button-nav-active-bg);color:var(--jky-button-nav-active-text)}}:root{--j-code-mirror-border-color:#dcdfe6;--j-code-mirror-border-radius:4px;--j-code-mirror-height:400px}.jky-form,:root{--jky-form-item-border-width:4px;--jky-form-item-border-color:var(--el-color-primary);--jky-form-item-bg-color:rgba(var(--el-color-primary-rgb),0.5)}.jky-form-item-wrapper__error,.jky-form-item-wrapper__loading{align-items:center;display:flex}.skeleton-box{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#e5e7eb;border-radius:.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--jky-menu-bg-color:#fff;--jky-menu-text-color:#303133;--jky-menu-active-color:#409eff;--jky-menu-hover-bg-color:#f5f7fa;--jky-menu-hover-text-color:#606266;--jky-menu-item-height:56px;--jky-menu-item-padding:0 20px;--jky-menu-item-font-size:14px;--jky-menu-icon-size:18px;--jky-menu-icon-margin:8px;--jky-menu-border-color:#e4e7ed;--jky-menu-disabled-opacity:0.5;--jky-menu-disabled-text-color:#c0c4cc}.jky-menu{li+li{margin-top:0}}.jky-page-header,:root{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--jky-page-header-bg-color:#1890ff}.jky-page-header--dark{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--el-text-color-regular:#fff}.jky-page-header--light{--jky-page-header-title-color:#000;--jky-page-header-text-color:rgba(0,0,0,.85);--jky-page-header-icon-color:#000;--el-text-color-regular:#000}.jky-page-header,:root{--jky-page-header-bg-size:cover;--jky-page-header-bg-position:center;--jky-page-header-box-shadow:0 2px 8px rgba(0,0,0,.15);--jky-page-header-padding-x:24px;--jky-page-header-padding-x-mobile:16px;--jky-page-header-gap:16px;--jky-page-header-gap-mobile:12px;--jky-page-header-gap-left:12px;--jky-page-header-gap-status:12px;--jky-page-header-gap-center:24px;--jky-page-header-gap-center-mobile:12px;--jky-page-header-title-size:20px;--jky-page-header-title-size-mobile:16px;--jky-page-header-title-weight:600;--jky-page-header-text-size:16px;--jky-page-header-icon-size:20px;--jky-page-header-icon-hover-opacity:0.8;--jky-page-header-logo-height:40px;--jky-page-header-avatar-size:32px}.jky-page-header{background-color:var(--jky-page-header-bg-color);background-position:var(--jky-page-header-bg-position);background-size:var(--jky-page-header-bg-size);box-shadow:var(--jky-page-header-box-shadow);width:100%}.jky-page-header__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 var(--jky-page-header-padding-x)}.jky-page-header__left{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap-left)}.jky-page-header__logo{height:var(--jky-page-header-logo-height);object-fit:contain;width:auto}.jky-page-header__title{color:var(--jky-page-header-title-color);font-size:var(--jky-page-header-title-size);font-weight:var(--jky-page-header-title-weight);white-space:nowrap}.jky-page-header__center{align-items:center;display:flex;flex:1;justify-content:center;margin:0 var(--jky-page-header-gap-center);min-width:0}.jky-page-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap)}.jky-page-header__status-icons{align-items:center;display:flex;gap:var(--jky-page-header-gap-status)}.jky-page-header__status-icon{color:var(--jky-page-header-icon-color);cursor:pointer;transition:opacity .2s;&:hover{opacity:var(--jky-page-header-icon-hover-opacity)}}.jky-page-header__time{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size);white-space:nowrap}.jky-page-header__user{align-items:center;color:var(--jky-page-header-text-color);cursor:pointer;display:flex;gap:8px}.jky-page-header__avatar{color:var(--jky-page-header-icon-color);img{height:100%;object-fit:cover;width:100%}}.jky-page-header__username{white-space:nowrap}.jky-page-header__logout,.jky-page-header__username{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size)}@media (max-width:768px){.jky-page-header__container{padding:0 var(--jky-page-header-padding-x-mobile)}.jky-page-header__title{font-size:var(--jky-page-header-title-size-mobile)}.jky-page-header__center{margin:0 var(--jky-page-header-gap-center-mobile)}.jky-page-header__right{gap:var(--jky-page-header-gap-mobile)}}:root{--jky-page-layout-gap:5}.jky-page-layout{column-gap:calc(var(--spacing)*var(--jky-page-layout-gap));.el-menu{border-right:none}.el-auto-resizer{.el-scrollbar__view{height:100%}}}.jky-page-table{--jky-page-table_pagination-position:flex-end;.jky-page-table__pagination{.el-scrollbar__view{display:flex;justify-content:var(--jky-page-table_pagination-position)}}}.jky-action-column{.el-button+.el-button{margin-left:0}}:root{--jky-rich-editor-border:#d9d9d9;--jky-rich-editor-border-hover:#409eff;--jky-rich-editor-border-radius:4px;--jky-rich-editor-box-shadow:0 0 0 1px #409eff}.jky-rich-editor{width:100%}.jky-rich-editor .tox-tinymce{border:1px solid var(--jky-rich-editor-border);border-radius:var(--jky-rich-editor-border-radius);transition:border-color .2s}.jky-rich-editor .tox-tinymce:hover{border-color:var(--jky-rich-editor-border-hover)}.jky-rich-editor .tox-tinymce:focus-within{border-color:var(--jky-rich-editor-border-hover);box-shadow:var(--jky-rich-editor-box-shadow)}.jky-rich-editor.is-disabled .tox-tinymce{background-color:#f5f7fa;cursor:not-allowed}.jky-rich-editor.is-readonly .tox-tinymce{background-color:#fafafa}:root{--jky-say-hello-bg:#42b883;--jky-say-hello-text:#fff;--jky-say-hello-hover-bg:#3aa876;--jky-say-hello-font-size:16px;--jky-say-hello-padding:8px 20px;--jky-say-hello-margin:4px 2px;--jky-say-hello-border-radius:6px}.jky-say-hello{background-color:var(--jky-say-hello-bg);border-radius:var(--jky-say-hello-border-radius);color:var(--jky-say-hello-text);cursor:pointer;display:inline-block;font-size:var(--jky-say-hello-font-size);margin:var(--jky-say-hello-margin);padding:var(--jky-say-hello-padding);text-align:center;text-decoration:none;transition:background-color .2s ease}.jky-say-hello:hover{background-color:var(--jky-say-hello-hover-bg)}@import "tailwindcss";@plugin "@iconify/tailwind4";@source "../node_modules/jky-component-lib/dist/es/";@source "../docs/**/*.md";@source "./**/*.md";@source "./**/*.vue";@source "./**/*.css";@custom-variant dark (&:is(.dark *));.jky-tabs{.el-tabs__content{display:none}.el-tabs__header{margin-bottom:0}}.jky-tabs-round{--el-tabs-header-height:32px;--el-tabs-item-background:#fff;--el-tabs-active-item-background:var(--el-color-primary);.el-tabs__header{--el-border-color-light:transparent}.el-tabs__item{background-color:var(--el-tabs-item-background);border-bottom:none!important;border-radius:999px;margin-left:1rem;&.is-active{background-color:var(--el-tabs-active-item-background);.el-icon,.jky-tabs-__item-label{color:var(--el-color-white)}}&.first-child{margin-left:0}}}.jky-tabs-context-menu{display:inline-block}
|
|
@@ -11,7 +11,6 @@ declare const _default: import('vue').DefineComponent<CodeMirrorEditorProps, {
|
|
|
11
11
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
12
12
|
onChange?: ((value: string) => any) | undefined;
|
|
13
13
|
}>, {
|
|
14
|
-
height: string;
|
|
15
14
|
modelValue: string;
|
|
16
15
|
disabled: boolean;
|
|
17
16
|
readonly: boolean;
|
|
@@ -30,13 +30,14 @@ const state = require("@codemirror/state");
|
|
|
30
30
|
const themeOneDark = require("@codemirror/theme-one-dark");
|
|
31
31
|
const view = require("@codemirror/view");
|
|
32
32
|
const codemirror = require("codemirror");
|
|
33
|
+
const _hoisted_1 = { class: "j-code-mirror-editor min-h-40 min-w-50" };
|
|
33
34
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
|
|
34
35
|
name: "JkyCodeMirrorEditor"
|
|
35
36
|
}), {
|
|
36
37
|
__name: "CodeMirrorEditor",
|
|
37
38
|
props: {
|
|
38
39
|
modelValue: { default: "" },
|
|
39
|
-
height: {
|
|
40
|
+
height: {},
|
|
40
41
|
disabled: { type: Boolean, default: false },
|
|
41
42
|
readonly: { type: Boolean, default: false },
|
|
42
43
|
language: { default: "javascript" },
|
|
@@ -171,16 +172,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
171
172
|
}
|
|
172
173
|
});
|
|
173
174
|
return (_ctx, _cache) => {
|
|
174
|
-
return vue.openBlock(), vue.createElementBlock("div",
|
|
175
|
-
class: "j-code-mirror-editor",
|
|
176
|
-
style: vue.normalizeStyle({ height: __props.height })
|
|
177
|
-
}, [
|
|
175
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
178
176
|
vue.createElementVNode("div", {
|
|
179
177
|
ref_key: "editorRef",
|
|
180
178
|
ref: editorRef,
|
|
181
179
|
class: "code-mirror-container"
|
|
182
180
|
}, null, 512)
|
|
183
|
-
]
|
|
181
|
+
]);
|
|
184
182
|
};
|
|
185
183
|
}
|
|
186
184
|
}));
|
|
@@ -4,41 +4,3 @@
|
|
|
4
4
|
--j-code-mirror-border-radius: 4px;
|
|
5
5
|
--j-code-mirror-height: 400px;
|
|
6
6
|
}
|
|
7
|
-
.j-code-mirror-editor {
|
|
8
|
-
width: 100%;
|
|
9
|
-
height: var(--j-code-mirror-height);
|
|
10
|
-
/* border: 1px solid var(--j-code-mirror-border-color); */
|
|
11
|
-
border-radius: var(--j-code-mirror-border-radius);
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
}
|
|
14
|
-
.code-mirror-container {
|
|
15
|
-
height: 100%;
|
|
16
|
-
width: 100%;
|
|
17
|
-
overflow: auto;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/* CodeMirror 基础样式覆盖 */
|
|
21
|
-
.code-mirror-container .cm-editor {
|
|
22
|
-
height: 100%;
|
|
23
|
-
}
|
|
24
|
-
.code-mirror-container .cm-scroller {
|
|
25
|
-
overflow: auto;
|
|
26
|
-
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
|
27
|
-
font-size: 14px;
|
|
28
|
-
line-height: 1.5;
|
|
29
|
-
}
|
|
30
|
-
.code-mirror-container .cm-gutters {
|
|
31
|
-
background-color: #2c2d2d;
|
|
32
|
-
border-color: #4c4d4f;
|
|
33
|
-
color: #909399;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* 暗黑模式支持 */
|
|
37
|
-
html.dark .j-code-mirror-editor {
|
|
38
|
-
/* border-color: #4c4d4f; */
|
|
39
|
-
}
|
|
40
|
-
html.dark .code-mirror-container .cm-gutters {
|
|
41
|
-
/* background-color: #2c2d2d;
|
|
42
|
-
border-color: #4c4d4f;
|
|
43
|
-
color: #909399; */
|
|
44
|
-
}
|
|
@@ -18,6 +18,9 @@ declare function __VLS_template(): {
|
|
|
18
18
|
readonly pageSize?: number | undefined;
|
|
19
19
|
readonly total?: number | undefined;
|
|
20
20
|
readonly withCard?: boolean | undefined;
|
|
21
|
+
readonly config?: {
|
|
22
|
+
withCard?: boolean;
|
|
23
|
+
} | undefined;
|
|
21
24
|
readonly title?: string | undefined;
|
|
22
25
|
readonly filterItems?: import('../../page-table').FilterItemConfig[] | undefined;
|
|
23
26
|
readonly form?: Record<string, any> | undefined;
|
|
@@ -43,6 +46,7 @@ declare function __VLS_template(): {
|
|
|
43
46
|
readonly formProps?: Partial<import('..').FormProps> | undefined;
|
|
44
47
|
readonly tableProps?: Partial<import('element-plus').TableProps>;
|
|
45
48
|
readonly paginationProps?: Partial<import('element-plus').PaginationProps> | undefined;
|
|
49
|
+
readonly showPagination?: boolean | undefined;
|
|
46
50
|
readonly toolbarButtonLimit?: number | undefined;
|
|
47
51
|
readonly toolbarButtons?: {
|
|
48
52
|
left?: import('../../page-table').ToolbarButtonConfig[];
|
|
@@ -2909,6 +2913,7 @@ declare function __VLS_template(): {
|
|
|
2909
2913
|
formProps: Partial<import('..').FormProps>;
|
|
2910
2914
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
2911
2915
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
2916
|
+
showPagination: boolean;
|
|
2912
2917
|
autoSearchDelay: number;
|
|
2913
2918
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
2914
2919
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -2950,6 +2955,7 @@ declare function __VLS_template(): {
|
|
|
2950
2955
|
formProps: Partial<import('..').FormProps>;
|
|
2951
2956
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
2952
2957
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
2958
|
+
showPagination: boolean;
|
|
2953
2959
|
autoSearchDelay: number;
|
|
2954
2960
|
}> & Omit<Readonly<{
|
|
2955
2961
|
pageNo?: number;
|
|
@@ -2976,7 +2982,7 @@ declare function __VLS_template(): {
|
|
|
2976
2982
|
"onUpdate:pageNo"?: ((value: number) => any) | undefined;
|
|
2977
2983
|
"onUpdate:pageSize"?: ((value: number) => any) | undefined;
|
|
2978
2984
|
"onUpdate:total"?: ((value: number) => any) | undefined;
|
|
2979
|
-
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
2985
|
+
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "showPagination" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
2980
2986
|
refresh: () => Promise<void>;
|
|
2981
2987
|
getFilterData: () => Record<string, any>;
|
|
2982
2988
|
setFilterData: (data: Record<string, any>) => void;
|
|
@@ -3011,6 +3017,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
3011
3017
|
readonly pageSize?: number | undefined;
|
|
3012
3018
|
readonly total?: number | undefined;
|
|
3013
3019
|
readonly withCard?: boolean | undefined;
|
|
3020
|
+
readonly config?: {
|
|
3021
|
+
withCard?: boolean;
|
|
3022
|
+
} | undefined;
|
|
3014
3023
|
readonly title?: string | undefined;
|
|
3015
3024
|
readonly filterItems?: import('../../page-table').FilterItemConfig[] | undefined;
|
|
3016
3025
|
readonly form?: Record<string, any> | undefined;
|
|
@@ -3036,6 +3045,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
3036
3045
|
readonly formProps?: Partial<import('..').FormProps> | undefined;
|
|
3037
3046
|
readonly tableProps?: Partial<import('element-plus').TableProps>;
|
|
3038
3047
|
readonly paginationProps?: Partial<import('element-plus').PaginationProps> | undefined;
|
|
3048
|
+
readonly showPagination?: boolean | undefined;
|
|
3039
3049
|
readonly toolbarButtonLimit?: number | undefined;
|
|
3040
3050
|
readonly toolbarButtons?: {
|
|
3041
3051
|
left?: import('../../page-table').ToolbarButtonConfig[];
|
|
@@ -5902,6 +5912,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
5902
5912
|
formProps: Partial<import('..').FormProps>;
|
|
5903
5913
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
5904
5914
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
5915
|
+
showPagination: boolean;
|
|
5905
5916
|
autoSearchDelay: number;
|
|
5906
5917
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
5907
5918
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -5943,6 +5954,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
5943
5954
|
formProps: Partial<import('..').FormProps>;
|
|
5944
5955
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
5945
5956
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
5957
|
+
showPagination: boolean;
|
|
5946
5958
|
autoSearchDelay: number;
|
|
5947
5959
|
}> & Omit<Readonly<{
|
|
5948
5960
|
pageNo?: number;
|
|
@@ -5969,7 +5981,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
5969
5981
|
"onUpdate:pageNo"?: ((value: number) => any) | undefined;
|
|
5970
5982
|
"onUpdate:pageSize"?: ((value: number) => any) | undefined;
|
|
5971
5983
|
"onUpdate:total"?: ((value: number) => any) | undefined;
|
|
5972
|
-
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
5984
|
+
}>, "sort" | "toggleRowSelection" | "clearSelection" | "formRef" | "refresh" | "resetFilter" | "tableRef" | ("title" | "loading" | "border" | "emptyText" | "toolbarButtonLimit" | "withCard" | "filterItems" | "showSearchButton" | "searchText" | "resetText" | "searchIcon" | "resetIcon" | "selection" | "selectionColumn" | "selectedRows" | "stripe" | "formProps" | "tableProps" | "paginationProps" | "showPagination" | "autoSearchDelay") | "getFilterData" | "setFilterData" | "getSelectedRows"> & {
|
|
5973
5985
|
refresh: () => Promise<void>;
|
|
5974
5986
|
getFilterData: () => Record<string, any>;
|
|
5975
5987
|
setFilterData: (data: Record<string, any>) => void;
|
package/dist/lib/package.json.js
CHANGED
|
@@ -23,11 +23,8 @@ const vue = require("vue");
|
|
|
23
23
|
const ElementPlus = require("element-plus");
|
|
24
24
|
const PopoverMenu_vue_vue_type_script_setup_true_lang = require("./PopoverMenu.vue.js");
|
|
25
25
|
const _hoisted_1 = { class: "jky-page-header__container" };
|
|
26
|
-
const _hoisted_2 =
|
|
27
|
-
const _hoisted_3 =
|
|
28
|
-
key: 0,
|
|
29
|
-
class: "jky-page-header__title"
|
|
30
|
-
};
|
|
26
|
+
const _hoisted_2 = { class: "jky-page-header__left" };
|
|
27
|
+
const _hoisted_3 = ["src", "alt"];
|
|
31
28
|
const _hoisted_4 = { class: "jky-page-header__center" };
|
|
32
29
|
const _hoisted_5 = { class: "jky-page-header__right" };
|
|
33
30
|
const _hoisted_6 = { class: "jky-page-header__status-icons hidden md:flex" };
|
|
@@ -97,18 +94,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
97
94
|
}, [
|
|
98
95
|
vue.createElementVNode("div", _hoisted_1, [
|
|
99
96
|
__props.showPopover && ((_b = (_a = __props.popover) == null ? void 0 : _a.menus) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(PopoverMenu_vue_vue_type_script_setup_true_lang.default, vue.normalizeProps(vue.mergeProps({ key: 0 }, __props.popover)), null, 16)) : vue.createCommentVNode("", true),
|
|
100
|
-
vue.createElementVNode("div",
|
|
101
|
-
class: "cursor-pointer jky-page-header__left",
|
|
102
|
-
onClick: _cache[0] || (_cache[0] = ($event) => handleClick("logo"))
|
|
103
|
-
}, [
|
|
97
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
104
98
|
__props.logo ? (vue.openBlock(), vue.createElementBlock("img", {
|
|
105
99
|
key: 0,
|
|
106
100
|
src: __props.logo,
|
|
107
101
|
alt: __props.title || "Logo",
|
|
108
|
-
class: "jky-page-header__logo"
|
|
109
|
-
|
|
102
|
+
class: "cursor-pointer jky-page-header__logo",
|
|
103
|
+
onClick: _cache[0] || (_cache[0] = ($event) => handleClick("logo"))
|
|
104
|
+
}, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
|
|
110
105
|
vue.renderSlot(_ctx.$slots, "title", {}, () => [
|
|
111
|
-
__props.title ? (vue.openBlock(), vue.createElementBlock("span",
|
|
106
|
+
__props.title ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
107
|
+
key: 0,
|
|
108
|
+
class: "cursor-pointer jky-page-header__title",
|
|
109
|
+
onClick: _cache[1] || (_cache[1] = ($event) => handleClick("title"))
|
|
110
|
+
}, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true)
|
|
112
111
|
])
|
|
113
112
|
]),
|
|
114
113
|
vue.createElementVNode("div", _hoisted_4, [
|
|
@@ -178,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
178
177
|
size: 20,
|
|
179
178
|
class: "jky-page-header__status-icon"
|
|
180
179
|
}, {
|
|
181
|
-
default: vue.withCtx(() => [..._cache[
|
|
180
|
+
default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
|
|
182
181
|
vue.createElementVNode("svg", {
|
|
183
182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
184
183
|
fill: "none",
|
|
@@ -200,7 +199,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
200
199
|
})) : vue.createCommentVNode("", true),
|
|
201
200
|
vue.createElementVNode("div", {
|
|
202
201
|
class: "cursor-pointer jky-page-header__time hidden md:block",
|
|
203
|
-
onClick: _cache[
|
|
202
|
+
onClick: _cache[2] || (_cache[2] = ($event) => handleClick("time"))
|
|
204
203
|
}, [
|
|
205
204
|
vue.renderSlot(_ctx.$slots, "time", {}, () => [
|
|
206
205
|
vue.createElementVNode("span", null, vue.toDisplayString((/* @__PURE__ */ new Date()).toLocaleString("zh-CN")), 1)
|
|
@@ -260,7 +259,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
260
259
|
size: 24,
|
|
261
260
|
class: "jky-page-header__avatar"
|
|
262
261
|
}, {
|
|
263
|
-
default: vue.withCtx(() => [..._cache[
|
|
262
|
+
default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
|
|
264
263
|
vue.createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1)
|
|
265
264
|
])]),
|
|
266
265
|
_: 1
|
|
@@ -274,8 +273,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
274
273
|
__props.showLogout ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
275
274
|
key: 2,
|
|
276
275
|
class: "jky-page-header__logout h-full flex items-center",
|
|
277
|
-
onClick: _cache[
|
|
278
|
-
}, [..._cache[
|
|
276
|
+
onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("logout"))
|
|
277
|
+
}, [..._cache[6] || (_cache[6] = [
|
|
279
278
|
vue.createElementVNode("span", { class: "icon-[ri--logout-circle-line] mr-2" }, null, -1),
|
|
280
279
|
vue.createElementVNode("span", null, "退出登录", -1)
|
|
281
280
|
])])) : vue.createCommentVNode("", true)
|
|
@@ -2829,6 +2829,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
2829
2829
|
formProps: Partial<import('../form').FormProps>;
|
|
2830
2830
|
tableProps: Partial<import('element-plus').TableProps>;
|
|
2831
2831
|
paginationProps: Partial<import('element-plus').PaginationProps>;
|
|
2832
|
+
showPagination: boolean;
|
|
2832
2833
|
autoSearchDelay: number;
|
|
2833
2834
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
2834
2835
|
pageTableRef: HTMLDivElement;
|
|
@@ -55,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
55
55
|
__name: "PageTable",
|
|
56
56
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
57
57
|
withCard: { type: Boolean, default: true },
|
|
58
|
+
config: {},
|
|
58
59
|
title: { default: "" },
|
|
59
60
|
filterItems: { default: () => [] },
|
|
60
61
|
form: {},
|
|
@@ -80,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
80
81
|
formProps: { default: () => ({}) },
|
|
81
82
|
tableProps: { default: () => ({}) },
|
|
82
83
|
paginationProps: { default: () => ({}) },
|
|
84
|
+
showPagination: { type: Boolean, default: true },
|
|
83
85
|
toolbarButtonLimit: { default: 0 },
|
|
84
86
|
toolbarButtons: {},
|
|
85
87
|
autoSearchDelay: { default: 500 },
|
|
@@ -157,6 +159,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
157
159
|
}
|
|
158
160
|
}
|
|
159
161
|
const sortValue = vue.ref("desc");
|
|
162
|
+
const withCard = vue.computed(() => {
|
|
163
|
+
var _a, _b, _c;
|
|
164
|
+
return (_c = (_b = props.withCard) != null ? _b : (_a = props.config) == null ? void 0 : _a.withCard) != null ? _c : true;
|
|
165
|
+
});
|
|
160
166
|
const defaultRightButtons = vue.computed(() => {
|
|
161
167
|
const sortButton = {
|
|
162
168
|
label: "排序",
|
|
@@ -183,6 +189,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
183
189
|
});
|
|
184
190
|
const showPagination = vue.computed(() => {
|
|
185
191
|
var _a, _b;
|
|
192
|
+
if (!props.showPagination) {
|
|
193
|
+
return false;
|
|
194
|
+
}
|
|
186
195
|
return !!((_a = props.dataSource) == null ? void 0 : _a.api) || (((_b = pagination.value) == null ? void 0 : _b.total) || 0) > 0;
|
|
187
196
|
});
|
|
188
197
|
const _showActionColumn = vue.computed(() => {
|
|
@@ -411,7 +420,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
411
420
|
]),
|
|
412
421
|
_: 1
|
|
413
422
|
})) : vue.createCommentVNode("", true),
|
|
414
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
|
|
423
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(withCard.value ? vue.unref(ElementPlus.ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table__table-card" }, {
|
|
415
424
|
default: vue.withCtx(() => {
|
|
416
425
|
var _a2, _b2, _c2, _d, _e, _f, _g;
|
|
417
426
|
return [
|
package/dist/lib/style.css
CHANGED
|
@@ -1783,6 +1783,10 @@
|
|
|
1783
1783
|
min-height: calc(var(--spacing) * 0);
|
|
1784
1784
|
}
|
|
1785
1785
|
|
|
1786
|
+
.min-h-40 {
|
|
1787
|
+
min-height: calc(var(--spacing) * 40);
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1786
1790
|
.min-h-full {
|
|
1787
1791
|
min-height: 100%;
|
|
1788
1792
|
}
|
|
@@ -1875,6 +1879,10 @@
|
|
|
1875
1879
|
min-width: calc(var(--spacing) * 30);
|
|
1876
1880
|
}
|
|
1877
1881
|
|
|
1882
|
+
.min-w-50 {
|
|
1883
|
+
min-width: calc(var(--spacing) * 50);
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1878
1886
|
.flex-1 {
|
|
1879
1887
|
flex: 1;
|
|
1880
1888
|
}
|
package/dist/lib/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.jky-add-input,:root{--jky-add-input-gap:12px;--jky-add-input-row-gap:8px;--jky-add-input-min-width:100px;--jky-add-input-action-width:80px}.jky-add-input{display:flex;flex-direction:column;gap:var(--jky-add-input-row-gap);min-width:var(--jky-add-input-min-width)}.jky-add-input__row{align-items:center;display:flex;gap:var(--jky-add-input-gap)}.jky-add-input__key,.jky-add-input__value{flex:1;min-width:0}.jky-add-input__actions{display:flex;flex-shrink:0;gap:var(--jky-add-input-gap);width:var(--jky-add-input-action-width)}.jky-amap-container{overflow:hidden;position:relative;.amap-copyright,.amap-logo{display:none!important}}:root{--jky-button-primary-bg:#007bff;--jky-button-primary-text:#fff;--jky-button-primary-hover-bg:#0056b3;--jky-button-success-bg:#28a745;--jky-button-success-text:#fff;--jky-button-success-hover-bg:#1e7e34;--jky-button-warning-bg:#ffc107;--jky-button-warning-text:#fff;--jky-button-warning-hover-bg:#e0a800;--jky-button-danger-bg:#dc3545;--jky-button-danger-text:#fff;--jky-button-danger-hover-bg:#c82333;--jky-button-info-bg:#6c757d;--jky-button-info-text:#fff;--jky-button-info-hover-bg:#5a6268;--jky-button-default-bg:#fff;--jky-button-default-text:#606266;--jky-button-default-border:#dcdfe6;--jky-button-default-hover-bg:#f5f7fa;--jky-button-font-size:14px;--jky-button-font-size-small:12px;--jky-button-font-size-large:16px;--jky-button-padding:0 16px;--jky-button-padding-small:0 12px;--jky-button-padding-large:0 20px;--jky-button-height:40px;--jky-button-height-small:32px;--jky-button-height-large:48px;--jky-button-border-radius:0.375rem;--jky-button-disabled-opacity:0.5;--jky-button-disabled-bg:#f5f7fa;--jky-button-disabled-text:#c0c4cc;--jky-button-loading-opacity:0.7;--jky-button-icon-size:1.25rem;--jky-button-icon-margin:0.5rem}.jky-button{align-items:center;background-color:var(--jky-button-default-bg);border:1px solid var(--jky-button-default-border);border-radius:var(--jky-button-border-radius);color:var(--jky-button-default-text);cursor:pointer;display:inline-flex;font-size:var(--jky-button-font-size);font-weight:500;height:var(--jky-button-height);justify-content:center;padding:var(--jky-button-padding);transition:color .2s,background-color .2s}.jky-button--primary{background-color:var(--jky-button-primary-bg);border:none;color:var(--jky-button-primary-text)}.jky-button--primary:hover{background-color:var(--jky-button-primary-hover-bg)}.jky-button--success{background-color:var(--jky-button-success-bg);border:none;color:var(--jky-button-success-text)}.jky-button--success:hover{background-color:var(--jky-button-success-hover-bg)}.jky-button--warning{background-color:var(--jky-button-warning-bg);border:none;color:var(--jky-button-warning-text)}.jky-button--warning:hover{background-color:var(--jky-button-warning-hover-bg)}.jky-button--danger{background-color:var(--jky-button-danger-bg);border:none;color:var(--jky-button-danger-text)}.jky-button--danger:hover{background-color:var(--jky-button-danger-hover-bg)}.jky-button--info{background-color:var(--jky-button-info-bg);border:none;color:var(--jky-button-info-text)}.jky-button--info:hover{background-color:var(--jky-button-info-hover-bg)}.jky-button--small{font-size:var(--jky-button-font-size-small);height:var(--jky-button-height-small);padding:var(--jky-button-padding-small)}.jky-button--large{font-size:var(--jky-button-font-size-large);height:var(--jky-button-height-large);padding:var(--jky-button-padding-large)}.jky-button.is-disabled{background-color:var(--jky-button-disabled-bg);color:var(--jky-button-disabled-text);cursor:not-allowed;opacity:var(--jky-button-disabled-opacity);pointer-events:none}.jky-button.is-loading{opacity:var(--jky-button-loading-opacity);pointer-events:none;position:relative}.jky-button__loading{display:flex;inset:0;position:absolute}.jky-button__icon,.jky-button__loading{align-items:center;justify-content:center}.jky-button__icon{display:inline-flex;font-size:1em;margin-right:var(--jky-button-icon-margin)}.jky-button__icon:only-child{margin-right:0}.jky-button--suffix .jky-button__icon{margin-left:var(--jky-button-icon-margin);margin-right:0}.jky-button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000;outline:2px solid transparent;outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite;height:var(--jky-button-icon-size);width:var(--jky-button-icon-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--jky-button-nav-active-bg:var(--el-color-primary);--jky-button-nav-active-text:#fff;--jky-button-nav-inactive-bg:var(--el-fill-color-light);--jky-button-nav-inactive-text:var(--el-text-color-regular);--el-dropdown-menu-margin-left:12px}.jky-button-nav{align-items:center;display:flex;flex-wrap:wrap;.el-dropdown{margin-left:var(--el-dropdown-menu-margin-left)}}.jky-button-nav-item{background-color:var(--jky-button-nav-inactive-bg);color:var(--jky-button-nav-inactive-text);&.is-active,&[aria-pressed=true]{background-color:var(--jky-button-nav-active-bg);color:var(--jky-button-nav-active-text)}}:root{--j-code-mirror-border-color:#dcdfe6;--j-code-mirror-border-radius:4px;--j-code-mirror-height:400px}.j-code-mirror-editor{border-radius:var(--j-code-mirror-border-radius);height:var(--j-code-mirror-height);overflow:hidden;width:100%}.code-mirror-container{height:100%;overflow:auto;width:100%}.code-mirror-container .cm-editor{height:100%}.code-mirror-container .cm-scroller{font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;overflow:auto}.code-mirror-container .cm-gutters{background-color:#2c2d2d;border-color:#4c4d4f;color:#909399}.jky-form,:root{--jky-form-item-border-width:4px;--jky-form-item-border-color:var(--el-color-primary);--jky-form-item-bg-color:rgba(var(--el-color-primary-rgb),0.5)}.jky-form-item-wrapper__error,.jky-form-item-wrapper__loading{align-items:center;display:flex}.skeleton-box{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#e5e7eb;border-radius:.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--jky-menu-bg-color:#fff;--jky-menu-text-color:#303133;--jky-menu-active-color:#409eff;--jky-menu-hover-bg-color:#f5f7fa;--jky-menu-hover-text-color:#606266;--jky-menu-item-height:56px;--jky-menu-item-padding:0 20px;--jky-menu-item-font-size:14px;--jky-menu-icon-size:18px;--jky-menu-icon-margin:8px;--jky-menu-border-color:#e4e7ed;--jky-menu-disabled-opacity:0.5;--jky-menu-disabled-text-color:#c0c4cc}.jky-menu{li+li{margin-top:0}}.jky-page-header,:root{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--jky-page-header-bg-color:#1890ff}.jky-page-header--dark{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--el-text-color-regular:#fff}.jky-page-header--light{--jky-page-header-title-color:#000;--jky-page-header-text-color:rgba(0,0,0,.85);--jky-page-header-icon-color:#000;--el-text-color-regular:#000}.jky-page-header,:root{--jky-page-header-bg-size:cover;--jky-page-header-bg-position:center;--jky-page-header-box-shadow:0 2px 8px rgba(0,0,0,.15);--jky-page-header-padding-x:24px;--jky-page-header-padding-x-mobile:16px;--jky-page-header-gap:16px;--jky-page-header-gap-mobile:12px;--jky-page-header-gap-left:12px;--jky-page-header-gap-status:12px;--jky-page-header-gap-center:24px;--jky-page-header-gap-center-mobile:12px;--jky-page-header-title-size:20px;--jky-page-header-title-size-mobile:16px;--jky-page-header-title-weight:600;--jky-page-header-text-size:16px;--jky-page-header-icon-size:20px;--jky-page-header-icon-hover-opacity:0.8;--jky-page-header-logo-height:40px;--jky-page-header-avatar-size:32px}.jky-page-header{background-color:var(--jky-page-header-bg-color);background-position:var(--jky-page-header-bg-position);background-size:var(--jky-page-header-bg-size);box-shadow:var(--jky-page-header-box-shadow);width:100%}.jky-page-header__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 var(--jky-page-header-padding-x)}.jky-page-header__left{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap-left)}.jky-page-header__logo{height:var(--jky-page-header-logo-height);object-fit:contain;width:auto}.jky-page-header__title{color:var(--jky-page-header-title-color);font-size:var(--jky-page-header-title-size);font-weight:var(--jky-page-header-title-weight);white-space:nowrap}.jky-page-header__center{align-items:center;display:flex;flex:1;justify-content:center;margin:0 var(--jky-page-header-gap-center);min-width:0}.jky-page-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap)}.jky-page-header__status-icons{align-items:center;display:flex;gap:var(--jky-page-header-gap-status)}.jky-page-header__status-icon{color:var(--jky-page-header-icon-color);cursor:pointer;transition:opacity .2s;&:hover{opacity:var(--jky-page-header-icon-hover-opacity)}}.jky-page-header__time{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size);white-space:nowrap}.jky-page-header__user{align-items:center;color:var(--jky-page-header-text-color);cursor:pointer;display:flex;gap:8px}.jky-page-header__avatar{color:var(--jky-page-header-icon-color);img{height:100%;object-fit:cover;width:100%}}.jky-page-header__username{white-space:nowrap}.jky-page-header__logout,.jky-page-header__username{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size)}@media (max-width:768px){.jky-page-header__container{padding:0 var(--jky-page-header-padding-x-mobile)}.jky-page-header__title{font-size:var(--jky-page-header-title-size-mobile)}.jky-page-header__center{margin:0 var(--jky-page-header-gap-center-mobile)}.jky-page-header__right{gap:var(--jky-page-header-gap-mobile)}}:root{--jky-page-layout-gap:5}.jky-page-layout{column-gap:calc(var(--spacing)*var(--jky-page-layout-gap));.el-menu{border-right:none}.el-auto-resizer{.el-scrollbar__view{height:100%}}}.jky-page-table{--jky-page-table_pagination-position:flex-end;.jky-page-table__pagination{.el-scrollbar__view{display:flex;justify-content:var(--jky-page-table_pagination-position)}}}.jky-action-column{.el-button+.el-button{margin-left:0}}:root{--jky-rich-editor-border:#d9d9d9;--jky-rich-editor-border-hover:#409eff;--jky-rich-editor-border-radius:4px;--jky-rich-editor-box-shadow:0 0 0 1px #409eff}.jky-rich-editor{width:100%}.jky-rich-editor .tox-tinymce{border:1px solid var(--jky-rich-editor-border);border-radius:var(--jky-rich-editor-border-radius);transition:border-color .2s}.jky-rich-editor .tox-tinymce:hover{border-color:var(--jky-rich-editor-border-hover)}.jky-rich-editor .tox-tinymce:focus-within{border-color:var(--jky-rich-editor-border-hover);box-shadow:var(--jky-rich-editor-box-shadow)}.jky-rich-editor.is-disabled .tox-tinymce{background-color:#f5f7fa;cursor:not-allowed}.jky-rich-editor.is-readonly .tox-tinymce{background-color:#fafafa}:root{--jky-say-hello-bg:#42b883;--jky-say-hello-text:#fff;--jky-say-hello-hover-bg:#3aa876;--jky-say-hello-font-size:16px;--jky-say-hello-padding:8px 20px;--jky-say-hello-margin:4px 2px;--jky-say-hello-border-radius:6px}.jky-say-hello{background-color:var(--jky-say-hello-bg);border-radius:var(--jky-say-hello-border-radius);color:var(--jky-say-hello-text);cursor:pointer;display:inline-block;font-size:var(--jky-say-hello-font-size);margin:var(--jky-say-hello-margin);padding:var(--jky-say-hello-padding);text-align:center;text-decoration:none;transition:background-color .2s ease}.jky-say-hello:hover{background-color:var(--jky-say-hello-hover-bg)}@import "tailwindcss";@plugin "@iconify/tailwind4";@source "../node_modules/jky-component-lib/dist/es/";@source "../docs/**/*.md";@source "./**/*.md";@source "./**/*.vue";@source "./**/*.css";@custom-variant dark (&:is(.dark *));.jky-tabs{.el-tabs__content{display:none}.el-tabs__header{margin-bottom:0}}.jky-tabs-round{--el-tabs-header-height:32px;--el-tabs-item-background:#fff;--el-tabs-active-item-background:var(--el-color-primary);.el-tabs__header{--el-border-color-light:transparent}.el-tabs__item{background-color:var(--el-tabs-item-background);border-bottom:none!important;border-radius:999px;margin-left:1rem;&.is-active{background-color:var(--el-tabs-active-item-background);.el-icon,.jky-tabs-__item-label{color:var(--el-color-white)}}&.first-child{margin-left:0}}}.jky-tabs-context-menu{display:inline-block}
|
|
1
|
+
.jky-add-input,:root{--jky-add-input-gap:12px;--jky-add-input-row-gap:8px;--jky-add-input-min-width:100px;--jky-add-input-action-width:80px}.jky-add-input{display:flex;flex-direction:column;gap:var(--jky-add-input-row-gap);min-width:var(--jky-add-input-min-width)}.jky-add-input__row{align-items:center;display:flex;gap:var(--jky-add-input-gap)}.jky-add-input__key,.jky-add-input__value{flex:1;min-width:0}.jky-add-input__actions{display:flex;flex-shrink:0;gap:var(--jky-add-input-gap);width:var(--jky-add-input-action-width)}.jky-amap-container{overflow:hidden;position:relative;.amap-copyright,.amap-logo{display:none!important}}:root{--jky-button-primary-bg:#007bff;--jky-button-primary-text:#fff;--jky-button-primary-hover-bg:#0056b3;--jky-button-success-bg:#28a745;--jky-button-success-text:#fff;--jky-button-success-hover-bg:#1e7e34;--jky-button-warning-bg:#ffc107;--jky-button-warning-text:#fff;--jky-button-warning-hover-bg:#e0a800;--jky-button-danger-bg:#dc3545;--jky-button-danger-text:#fff;--jky-button-danger-hover-bg:#c82333;--jky-button-info-bg:#6c757d;--jky-button-info-text:#fff;--jky-button-info-hover-bg:#5a6268;--jky-button-default-bg:#fff;--jky-button-default-text:#606266;--jky-button-default-border:#dcdfe6;--jky-button-default-hover-bg:#f5f7fa;--jky-button-font-size:14px;--jky-button-font-size-small:12px;--jky-button-font-size-large:16px;--jky-button-padding:0 16px;--jky-button-padding-small:0 12px;--jky-button-padding-large:0 20px;--jky-button-height:40px;--jky-button-height-small:32px;--jky-button-height-large:48px;--jky-button-border-radius:0.375rem;--jky-button-disabled-opacity:0.5;--jky-button-disabled-bg:#f5f7fa;--jky-button-disabled-text:#c0c4cc;--jky-button-loading-opacity:0.7;--jky-button-icon-size:1.25rem;--jky-button-icon-margin:0.5rem}.jky-button{align-items:center;background-color:var(--jky-button-default-bg);border:1px solid var(--jky-button-default-border);border-radius:var(--jky-button-border-radius);color:var(--jky-button-default-text);cursor:pointer;display:inline-flex;font-size:var(--jky-button-font-size);font-weight:500;height:var(--jky-button-height);justify-content:center;padding:var(--jky-button-padding);transition:color .2s,background-color .2s}.jky-button--primary{background-color:var(--jky-button-primary-bg);border:none;color:var(--jky-button-primary-text)}.jky-button--primary:hover{background-color:var(--jky-button-primary-hover-bg)}.jky-button--success{background-color:var(--jky-button-success-bg);border:none;color:var(--jky-button-success-text)}.jky-button--success:hover{background-color:var(--jky-button-success-hover-bg)}.jky-button--warning{background-color:var(--jky-button-warning-bg);border:none;color:var(--jky-button-warning-text)}.jky-button--warning:hover{background-color:var(--jky-button-warning-hover-bg)}.jky-button--danger{background-color:var(--jky-button-danger-bg);border:none;color:var(--jky-button-danger-text)}.jky-button--danger:hover{background-color:var(--jky-button-danger-hover-bg)}.jky-button--info{background-color:var(--jky-button-info-bg);border:none;color:var(--jky-button-info-text)}.jky-button--info:hover{background-color:var(--jky-button-info-hover-bg)}.jky-button--small{font-size:var(--jky-button-font-size-small);height:var(--jky-button-height-small);padding:var(--jky-button-padding-small)}.jky-button--large{font-size:var(--jky-button-font-size-large);height:var(--jky-button-height-large);padding:var(--jky-button-padding-large)}.jky-button.is-disabled{background-color:var(--jky-button-disabled-bg);color:var(--jky-button-disabled-text);cursor:not-allowed;opacity:var(--jky-button-disabled-opacity);pointer-events:none}.jky-button.is-loading{opacity:var(--jky-button-loading-opacity);pointer-events:none;position:relative}.jky-button__loading{display:flex;inset:0;position:absolute}.jky-button__icon,.jky-button__loading{align-items:center;justify-content:center}.jky-button__icon{display:inline-flex;font-size:1em;margin-right:var(--jky-button-icon-margin)}.jky-button__icon:only-child{margin-right:0}.jky-button--suffix .jky-button__icon{margin-left:var(--jky-button-icon-margin);margin-right:0}.jky-button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000;outline:2px solid transparent;outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite;height:var(--jky-button-icon-size);width:var(--jky-button-icon-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--jky-button-nav-active-bg:var(--el-color-primary);--jky-button-nav-active-text:#fff;--jky-button-nav-inactive-bg:var(--el-fill-color-light);--jky-button-nav-inactive-text:var(--el-text-color-regular);--el-dropdown-menu-margin-left:12px}.jky-button-nav{align-items:center;display:flex;flex-wrap:wrap;.el-dropdown{margin-left:var(--el-dropdown-menu-margin-left)}}.jky-button-nav-item{background-color:var(--jky-button-nav-inactive-bg);color:var(--jky-button-nav-inactive-text);&.is-active,&[aria-pressed=true]{background-color:var(--jky-button-nav-active-bg);color:var(--jky-button-nav-active-text)}}:root{--j-code-mirror-border-color:#dcdfe6;--j-code-mirror-border-radius:4px;--j-code-mirror-height:400px}.jky-form,:root{--jky-form-item-border-width:4px;--jky-form-item-border-color:var(--el-color-primary);--jky-form-item-bg-color:rgba(var(--el-color-primary-rgb),0.5)}.jky-form-item-wrapper__error,.jky-form-item-wrapper__loading{align-items:center;display:flex}.skeleton-box{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#e5e7eb;border-radius:.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--jky-menu-bg-color:#fff;--jky-menu-text-color:#303133;--jky-menu-active-color:#409eff;--jky-menu-hover-bg-color:#f5f7fa;--jky-menu-hover-text-color:#606266;--jky-menu-item-height:56px;--jky-menu-item-padding:0 20px;--jky-menu-item-font-size:14px;--jky-menu-icon-size:18px;--jky-menu-icon-margin:8px;--jky-menu-border-color:#e4e7ed;--jky-menu-disabled-opacity:0.5;--jky-menu-disabled-text-color:#c0c4cc}.jky-menu{li+li{margin-top:0}}.jky-page-header,:root{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--jky-page-header-bg-color:#1890ff}.jky-page-header--dark{--jky-page-header-title-color:#fff;--jky-page-header-text-color:hsla(0,0%,100%,.85);--jky-page-header-icon-color:#fff;--el-text-color-regular:#fff}.jky-page-header--light{--jky-page-header-title-color:#000;--jky-page-header-text-color:rgba(0,0,0,.85);--jky-page-header-icon-color:#000;--el-text-color-regular:#000}.jky-page-header,:root{--jky-page-header-bg-size:cover;--jky-page-header-bg-position:center;--jky-page-header-box-shadow:0 2px 8px rgba(0,0,0,.15);--jky-page-header-padding-x:24px;--jky-page-header-padding-x-mobile:16px;--jky-page-header-gap:16px;--jky-page-header-gap-mobile:12px;--jky-page-header-gap-left:12px;--jky-page-header-gap-status:12px;--jky-page-header-gap-center:24px;--jky-page-header-gap-center-mobile:12px;--jky-page-header-title-size:20px;--jky-page-header-title-size-mobile:16px;--jky-page-header-title-weight:600;--jky-page-header-text-size:16px;--jky-page-header-icon-size:20px;--jky-page-header-icon-hover-opacity:0.8;--jky-page-header-logo-height:40px;--jky-page-header-avatar-size:32px}.jky-page-header{background-color:var(--jky-page-header-bg-color);background-position:var(--jky-page-header-bg-position);background-size:var(--jky-page-header-bg-size);box-shadow:var(--jky-page-header-box-shadow);width:100%}.jky-page-header__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 var(--jky-page-header-padding-x)}.jky-page-header__left{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap-left)}.jky-page-header__logo{height:var(--jky-page-header-logo-height);object-fit:contain;width:auto}.jky-page-header__title{color:var(--jky-page-header-title-color);font-size:var(--jky-page-header-title-size);font-weight:var(--jky-page-header-title-weight);white-space:nowrap}.jky-page-header__center{align-items:center;display:flex;flex:1;justify-content:center;margin:0 var(--jky-page-header-gap-center);min-width:0}.jky-page-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--jky-page-header-gap)}.jky-page-header__status-icons{align-items:center;display:flex;gap:var(--jky-page-header-gap-status)}.jky-page-header__status-icon{color:var(--jky-page-header-icon-color);cursor:pointer;transition:opacity .2s;&:hover{opacity:var(--jky-page-header-icon-hover-opacity)}}.jky-page-header__time{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size);white-space:nowrap}.jky-page-header__user{align-items:center;color:var(--jky-page-header-text-color);cursor:pointer;display:flex;gap:8px}.jky-page-header__avatar{color:var(--jky-page-header-icon-color);img{height:100%;object-fit:cover;width:100%}}.jky-page-header__username{white-space:nowrap}.jky-page-header__logout,.jky-page-header__username{color:var(--jky-page-header-text-color);font-size:var(--jky-page-header-text-size)}@media (max-width:768px){.jky-page-header__container{padding:0 var(--jky-page-header-padding-x-mobile)}.jky-page-header__title{font-size:var(--jky-page-header-title-size-mobile)}.jky-page-header__center{margin:0 var(--jky-page-header-gap-center-mobile)}.jky-page-header__right{gap:var(--jky-page-header-gap-mobile)}}:root{--jky-page-layout-gap:5}.jky-page-layout{column-gap:calc(var(--spacing)*var(--jky-page-layout-gap));.el-menu{border-right:none}.el-auto-resizer{.el-scrollbar__view{height:100%}}}.jky-page-table{--jky-page-table_pagination-position:flex-end;.jky-page-table__pagination{.el-scrollbar__view{display:flex;justify-content:var(--jky-page-table_pagination-position)}}}.jky-action-column{.el-button+.el-button{margin-left:0}}:root{--jky-rich-editor-border:#d9d9d9;--jky-rich-editor-border-hover:#409eff;--jky-rich-editor-border-radius:4px;--jky-rich-editor-box-shadow:0 0 0 1px #409eff}.jky-rich-editor{width:100%}.jky-rich-editor .tox-tinymce{border:1px solid var(--jky-rich-editor-border);border-radius:var(--jky-rich-editor-border-radius);transition:border-color .2s}.jky-rich-editor .tox-tinymce:hover{border-color:var(--jky-rich-editor-border-hover)}.jky-rich-editor .tox-tinymce:focus-within{border-color:var(--jky-rich-editor-border-hover);box-shadow:var(--jky-rich-editor-box-shadow)}.jky-rich-editor.is-disabled .tox-tinymce{background-color:#f5f7fa;cursor:not-allowed}.jky-rich-editor.is-readonly .tox-tinymce{background-color:#fafafa}:root{--jky-say-hello-bg:#42b883;--jky-say-hello-text:#fff;--jky-say-hello-hover-bg:#3aa876;--jky-say-hello-font-size:16px;--jky-say-hello-padding:8px 20px;--jky-say-hello-margin:4px 2px;--jky-say-hello-border-radius:6px}.jky-say-hello{background-color:var(--jky-say-hello-bg);border-radius:var(--jky-say-hello-border-radius);color:var(--jky-say-hello-text);cursor:pointer;display:inline-block;font-size:var(--jky-say-hello-font-size);margin:var(--jky-say-hello-margin);padding:var(--jky-say-hello-padding);text-align:center;text-decoration:none;transition:background-color .2s ease}.jky-say-hello:hover{background-color:var(--jky-say-hello-hover-bg)}@import "tailwindcss";@plugin "@iconify/tailwind4";@source "../node_modules/jky-component-lib/dist/es/";@source "../docs/**/*.md";@source "./**/*.md";@source "./**/*.vue";@source "./**/*.css";@custom-variant dark (&:is(.dark *));.jky-tabs{.el-tabs__content{display:none}.el-tabs__header{margin-bottom:0}}.jky-tabs-round{--el-tabs-header-height:32px;--el-tabs-item-background:#fff;--el-tabs-active-item-background:var(--el-color-primary);.el-tabs__header{--el-border-color-light:transparent}.el-tabs__item{background-color:var(--el-tabs-item-background);border-bottom:none!important;border-radius:999px;margin-left:1rem;&.is-active{background-color:var(--el-tabs-active-item-background);.el-icon,.jky-tabs-__item-label{color:var(--el-color-white)}}&.first-child{margin-left:0}}}.jky-tabs-context-menu{display:inline-block}
|