jky-component-lib 0.0.60 → 0.0.64
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/components.d.ts +1 -0
- package/dist/es/components.js +4 -1
- package/dist/es/form/Form.vue.d.ts +1 -1
- package/dist/es/form/Form.vue.js +64 -10
- package/dist/es/form/FormItem.vue.js +21 -11
- package/dist/es/index.js +2 -0
- package/dist/es/package.json.js +1 -1
- package/dist/es/page-header/PageHeader.vue.js +1 -1
- package/dist/es/page-header/PopoverMenu.vue.js +1 -1
- package/dist/es/page-layout/PageLayout.vue.d.ts +36 -0
- package/dist/es/page-layout/PageLayout.vue.js +152 -0
- package/dist/es/page-layout/PageLayout.vue3.js +5 -0
- package/dist/es/page-layout/index.d.ts +4 -0
- package/dist/es/page-layout/index.js +8 -0
- package/dist/es/page-layout/style.css +8 -0
- package/dist/es/page-table/PageTable.vue.d.ts +22 -270
- package/dist/es/page-table/PageTable.vue.js +148 -118
- package/dist/es/page-table/Toolbar.vue.d.ts +1 -0
- package/dist/es/page-table/Toolbar.vue.js +40 -13
- package/dist/es/page-table/style.css +1 -3
- package/dist/es/rich-editor/RichEditor.vue.js +1 -1
- package/dist/es/style.css +334 -58
- package/dist/es/styles.css +1 -1
- package/dist/lib/components.d.ts +1 -0
- package/dist/lib/components.js +12 -9
- package/dist/lib/form/Form.vue.d.ts +1 -1
- package/dist/lib/form/Form.vue.js +63 -9
- package/dist/lib/form/FormItem.vue.js +21 -11
- package/dist/lib/index.js +8 -6
- package/dist/lib/package.json.js +1 -1
- package/dist/lib/page-header/PageHeader.vue.js +2 -2
- package/dist/lib/page-header/PopoverMenu.vue.js +1 -1
- package/dist/lib/page-layout/PageLayout.vue.d.ts +36 -0
- package/dist/lib/page-layout/PageLayout.vue.js +152 -0
- package/dist/lib/page-layout/PageLayout.vue3.js +5 -0
- package/dist/lib/page-layout/index.d.ts +4 -0
- package/dist/lib/page-layout/index.js +8 -0
- package/dist/lib/page-layout/style.css +8 -0
- package/dist/lib/page-table/PageTable.vue.d.ts +22 -270
- package/dist/lib/page-table/PageTable.vue.js +146 -116
- package/dist/lib/page-table/Toolbar.vue.d.ts +1 -0
- package/dist/lib/page-table/Toolbar.vue.js +38 -11
- package/dist/lib/page-table/style.css +1 -3
- package/dist/lib/rich-editor/RichEditor.vue.js +2 -2
- package/dist/lib/style.css +334 -58
- package/dist/lib/styles.css +1 -1
- package/package.json +1 -1
- package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js +0 -52
- package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js +0 -10
- package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js +0 -145
- package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js +0 -160
- package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js +0 -26
- package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js +0 -4
- package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js +0 -52
- package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js +0 -10
- package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js +0 -145
- package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js +0 -160
- package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js +0 -26
- package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js +0 -4
package/dist/lib/components.js
CHANGED
|
@@ -7,11 +7,12 @@ const index$3 = require("./code-mirror-editor/index.js");
|
|
|
7
7
|
const index$4 = require("./form/index.js");
|
|
8
8
|
const index$5 = require("./menu/index.js");
|
|
9
9
|
const index$6 = require("./page-header/index.js");
|
|
10
|
-
const index$7 = require("./page-
|
|
11
|
-
const index$8 = require("./
|
|
12
|
-
const index$9 = require("./
|
|
10
|
+
const index$7 = require("./page-layout/index.js");
|
|
11
|
+
const index$8 = require("./page-table/index.js");
|
|
12
|
+
const index$9 = require("./rich-editor/index.js");
|
|
13
|
+
const index$a = require("./say-hello/index.js");
|
|
13
14
|
const components = [
|
|
14
|
-
index$
|
|
15
|
+
index$a.JkySayHello,
|
|
15
16
|
index$1.JkyButton,
|
|
16
17
|
index$2.JkyButtonNav,
|
|
17
18
|
index$6.JkyPageHeader,
|
|
@@ -19,8 +20,9 @@ const components = [
|
|
|
19
20
|
index$4.JkyForm,
|
|
20
21
|
index$3.JkyCodeMirrorEditor,
|
|
21
22
|
index.JkyAddInput,
|
|
22
|
-
index$
|
|
23
|
-
index$
|
|
23
|
+
index$9.JkyRichEditor,
|
|
24
|
+
index$8.JkyPageTable,
|
|
25
|
+
index$7.JkyPageLayout
|
|
24
26
|
];
|
|
25
27
|
exports.JkyAddInput = index.JkyAddInput;
|
|
26
28
|
exports.JkyButton = index$1.JkyButton;
|
|
@@ -29,7 +31,8 @@ exports.JkyCodeMirrorEditor = index$3.JkyCodeMirrorEditor;
|
|
|
29
31
|
exports.JkyForm = index$4.JkyForm;
|
|
30
32
|
exports.JkyMenu = index$5.JkyMenu;
|
|
31
33
|
exports.JkyPageHeader = index$6.JkyPageHeader;
|
|
32
|
-
exports.
|
|
33
|
-
exports.
|
|
34
|
-
exports.
|
|
34
|
+
exports.JkyPageLayout = index$7.JkyPageLayout;
|
|
35
|
+
exports.JkyPageTable = index$8.JkyPageTable;
|
|
36
|
+
exports.JkyRichEditor = index$9.JkyRichEditor;
|
|
37
|
+
exports.JkySayHello = index$a.JkySayHello;
|
|
35
38
|
exports.components = components;
|
|
@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
+
var __objRest = (source, exclude) => {
|
|
22
|
+
var target = {};
|
|
23
|
+
for (var prop in source)
|
|
24
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
if (source != null && __getOwnPropSymbols)
|
|
27
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
};
|
|
21
33
|
var __async = (__this, __arguments, generator) => {
|
|
22
34
|
return new Promise((resolve, reject) => {
|
|
23
35
|
var fulfilled = (value) => {
|
|
@@ -52,7 +64,8 @@ const _hoisted_2 = {
|
|
|
52
64
|
class: "jky-form__footer mt-6 flex justify-end gap-2"
|
|
53
65
|
};
|
|
54
66
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
|
|
55
|
-
name: "JkyForm"
|
|
67
|
+
name: "JkyForm",
|
|
68
|
+
inheritAttrs: false
|
|
56
69
|
}), {
|
|
57
70
|
__name: "Form",
|
|
58
71
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
@@ -102,10 +115,54 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
102
115
|
const formRef = vue.ref();
|
|
103
116
|
const formClass = vue.computed(() => {
|
|
104
117
|
return [
|
|
105
|
-
"jky-form"
|
|
106
|
-
props.className
|
|
118
|
+
"jky-form"
|
|
107
119
|
].filter(Boolean).join(" ");
|
|
108
120
|
});
|
|
121
|
+
const attrs = vue.useAttrs();
|
|
122
|
+
const elFormProps = vue.computed(() => {
|
|
123
|
+
const _a = props, {
|
|
124
|
+
modelValue: modelValue2,
|
|
125
|
+
items,
|
|
126
|
+
showTitle,
|
|
127
|
+
title,
|
|
128
|
+
gutter,
|
|
129
|
+
defaultSpan,
|
|
130
|
+
responsive,
|
|
131
|
+
readonly,
|
|
132
|
+
disabled,
|
|
133
|
+
watchDeep,
|
|
134
|
+
showFooter,
|
|
135
|
+
submitText,
|
|
136
|
+
cancelText,
|
|
137
|
+
submitDisabled,
|
|
138
|
+
cancelDisabled,
|
|
139
|
+
onValidate,
|
|
140
|
+
onSubmit,
|
|
141
|
+
onReset
|
|
142
|
+
} = _a, rest = __objRest(_a, [
|
|
143
|
+
// JkyForm 自己的 props(不传递给 ElForm)
|
|
144
|
+
"modelValue",
|
|
145
|
+
"items",
|
|
146
|
+
"showTitle",
|
|
147
|
+
"title",
|
|
148
|
+
"gutter",
|
|
149
|
+
"defaultSpan",
|
|
150
|
+
"responsive",
|
|
151
|
+
"readonly",
|
|
152
|
+
"disabled",
|
|
153
|
+
"watchDeep",
|
|
154
|
+
"showFooter",
|
|
155
|
+
"submitText",
|
|
156
|
+
"cancelText",
|
|
157
|
+
"submitDisabled",
|
|
158
|
+
"cancelDisabled",
|
|
159
|
+
"onValidate",
|
|
160
|
+
"onSubmit",
|
|
161
|
+
"onReset"
|
|
162
|
+
]);
|
|
163
|
+
const _b = rest, { model } = _b, formProps = __objRest(_b, ["model"]);
|
|
164
|
+
return __spreadValues(__spreadValues({}, formProps), attrs);
|
|
165
|
+
});
|
|
109
166
|
vue.watch(
|
|
110
167
|
() => props.modelValue,
|
|
111
168
|
(newVal, oldVal) => {
|
|
@@ -173,11 +230,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
173
230
|
vue.createVNode(vue.unref(ElementPlus.ElForm), vue.mergeProps({
|
|
174
231
|
ref_key: "formRef",
|
|
175
232
|
ref: formRef,
|
|
176
|
-
model: modelValue.value
|
|
177
|
-
|
|
178
|
-
"label-position": __props.labelPosition,
|
|
179
|
-
size: __props.size
|
|
180
|
-
}, _ctx.$attrs), {
|
|
233
|
+
model: modelValue.value
|
|
234
|
+
}, elFormProps.value), {
|
|
181
235
|
default: vue.withCtx(() => [
|
|
182
236
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
|
|
183
237
|
return vue.openBlock(), vue.createBlock(FormItem_vue_vue_type_script_setup_true_lang.default, {
|
|
@@ -191,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
191
245
|
}), 128))
|
|
192
246
|
]),
|
|
193
247
|
_: 1
|
|
194
|
-
}, 16, ["model"
|
|
248
|
+
}, 16, ["model"]),
|
|
195
249
|
props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
|
196
250
|
vue.createVNode(vue.unref(ElementPlus.ElButton), {
|
|
197
251
|
disabled: __props.cancelDisabled || __props.disabled,
|
|
@@ -163,7 +163,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
163
163
|
placeholder,
|
|
164
164
|
componentProps: componentProps2,
|
|
165
165
|
hidden,
|
|
166
|
-
className,
|
|
167
166
|
customStyle,
|
|
168
167
|
children,
|
|
169
168
|
render,
|
|
@@ -186,7 +185,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
186
185
|
"placeholder",
|
|
187
186
|
"componentProps",
|
|
188
187
|
"hidden",
|
|
189
|
-
"className",
|
|
190
188
|
"customStyle",
|
|
191
189
|
"children",
|
|
192
190
|
"render",
|
|
@@ -214,31 +212,38 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
214
212
|
});
|
|
215
213
|
}
|
|
216
214
|
const commonProps = __spreadValues({
|
|
217
|
-
|
|
215
|
+
// use `undefined` to fix placeholder issue
|
|
216
|
+
"modelValue": modelValue.value || void 0,
|
|
218
217
|
"onUpdate:modelValue": (val) => {
|
|
219
|
-
props.model[props.field] = val;
|
|
218
|
+
props.model[props.field] = val || void 0;
|
|
220
219
|
},
|
|
221
|
-
"placeholder": props.config.placeholder,
|
|
220
|
+
"placeholder": props.config.placeholder || void 0,
|
|
222
221
|
"disabled": props.disabled,
|
|
223
222
|
"clearable": props.config.clearable
|
|
224
223
|
}, componentProps.value);
|
|
225
224
|
switch (type) {
|
|
226
225
|
case "input":
|
|
227
226
|
return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
|
|
227
|
+
placeholder: commonProps.placeholder || "请输入",
|
|
228
228
|
prefixIcon: props.config.prefixIcon,
|
|
229
229
|
suffixIcon: props.config.suffixIcon
|
|
230
230
|
}));
|
|
231
231
|
case "textarea":
|
|
232
232
|
return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
|
|
233
|
+
placeholder: commonProps.placeholder || "请输入",
|
|
233
234
|
type: "textarea",
|
|
234
235
|
rows: 4
|
|
235
236
|
}));
|
|
236
237
|
case "select": {
|
|
237
|
-
const selectProps = __spreadValues(__spreadValues({}, commonProps),
|
|
238
|
+
const selectProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
|
|
239
|
+
placeholder: commonProps.placeholder || "请选择"
|
|
240
|
+
}), componentProps.value);
|
|
238
241
|
return vue.h(ElementPlus.ElSelect, selectProps);
|
|
239
242
|
}
|
|
240
243
|
case "autocomplete": {
|
|
241
|
-
const autocompleteProps = __spreadValues(__spreadValues({}, commonProps),
|
|
244
|
+
const autocompleteProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
|
|
245
|
+
placeholder: commonProps.placeholder || "请输入"
|
|
246
|
+
}), componentProps.value);
|
|
242
247
|
return vue.h(ElementPlus.ElAutocomplete, autocompleteProps);
|
|
243
248
|
}
|
|
244
249
|
case "datepicker":
|
|
@@ -299,11 +304,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
299
304
|
case "slider":
|
|
300
305
|
return vue.h(ElementPlus.ElSlider, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
|
|
301
306
|
case "cascader": {
|
|
302
|
-
const cascaderProps = __spreadValues(__spreadValues({}, commonProps),
|
|
307
|
+
const cascaderProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
|
|
308
|
+
placeholder: commonProps.placeholder || "请选择"
|
|
309
|
+
}), componentProps.value);
|
|
303
310
|
return vue.h(ElementPlus.ElCascader, cascaderProps);
|
|
304
311
|
}
|
|
305
312
|
case "tree-select": {
|
|
306
|
-
const treeSelectProps = __spreadValues(__spreadValues({}, commonProps),
|
|
313
|
+
const treeSelectProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
|
|
314
|
+
placeholder: commonProps.placeholder || "请选择"
|
|
315
|
+
}), componentProps.value);
|
|
307
316
|
return vue.h(ElementPlus.ElTreeSelect, treeSelectProps);
|
|
308
317
|
}
|
|
309
318
|
case "color-picker":
|
|
@@ -313,6 +322,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
313
322
|
case "input-number": {
|
|
314
323
|
const numberModelValue = modelValue.value === "" || modelValue.value === null || modelValue.value === void 0 ? null : Number(modelValue.value);
|
|
315
324
|
const inputNumberProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
|
|
325
|
+
"placeholder": commonProps.placeholder || "请输入",
|
|
316
326
|
"modelValue": numberModelValue,
|
|
317
327
|
"onUpdate:modelValue": (val) => {
|
|
318
328
|
props.model[props.field] = val;
|
|
@@ -433,7 +443,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
433
443
|
key: 1,
|
|
434
444
|
prop: __props.field
|
|
435
445
|
}, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
|
|
436
|
-
class: ["jky-form-item jky-form-item--no-label", [__props.config.useDefaultBorderClass ? "border-l-4 border-solid border-l-(--el-color-primary) bg-(--el-color-primary)/50 pl-1.5" : "", __props.config.
|
|
446
|
+
class: ["jky-form-item jky-form-item--no-label", [__props.config.useDefaultBorderClass ? "border-l-4 border-solid border-l-(--el-color-primary) bg-(--el-color-primary)/50 pl-1.5" : "", __props.config.class]],
|
|
437
447
|
style: [__props.config.customStyle]
|
|
438
448
|
}), {
|
|
439
449
|
default: vue.withCtx(() => [
|
|
@@ -452,7 +462,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
452
462
|
label: __props.config.label,
|
|
453
463
|
prop: __props.field
|
|
454
464
|
}, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
|
|
455
|
-
class: ["jky-form-item", [__props.config.
|
|
465
|
+
class: ["jky-form-item", [__props.config.class]]
|
|
456
466
|
}), vue.createSlots({
|
|
457
467
|
default: vue.withCtx(() => [
|
|
458
468
|
__props.config.prepend || __props.config.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
|
package/dist/lib/index.js
CHANGED
|
@@ -11,9 +11,10 @@ const index$3 = require("./code-mirror-editor/index.js");
|
|
|
11
11
|
const index$4 = require("./form/index.js");
|
|
12
12
|
const index$5 = require("./menu/index.js");
|
|
13
13
|
const index$6 = require("./page-header/index.js");
|
|
14
|
-
const index$7 = require("./page-
|
|
15
|
-
const index$8 = require("./
|
|
16
|
-
const index$9 = require("./
|
|
14
|
+
const index$7 = require("./page-layout/index.js");
|
|
15
|
+
const index$8 = require("./page-table/index.js");
|
|
16
|
+
const index$9 = require("./rich-editor/index.js");
|
|
17
|
+
const index$a = require("./say-hello/index.js");
|
|
17
18
|
const installer = installer$1.createInstaller(components.components);
|
|
18
19
|
const install = installer.install;
|
|
19
20
|
const version = installer.version;
|
|
@@ -26,9 +27,10 @@ exports.JkyCodeMirrorEditor = index$3.JkyCodeMirrorEditor;
|
|
|
26
27
|
exports.JkyForm = index$4.JkyForm;
|
|
27
28
|
exports.JkyMenu = index$5.JkyMenu;
|
|
28
29
|
exports.JkyPageHeader = index$6.JkyPageHeader;
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
30
|
+
exports.JkyPageLayout = index$7.JkyPageLayout;
|
|
31
|
+
exports.JkyPageTable = index$8.JkyPageTable;
|
|
32
|
+
exports.JkyRichEditor = index$9.JkyRichEditor;
|
|
33
|
+
exports.JkySayHello = index$a.JkySayHello;
|
|
32
34
|
exports.default = installer;
|
|
33
35
|
exports.install = install;
|
|
34
36
|
exports.version = version;
|
package/dist/lib/package.json.js
CHANGED
|
@@ -76,13 +76,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
|
|
|
76
76
|
function handleCommand(command) {
|
|
77
77
|
emit("command", command);
|
|
78
78
|
}
|
|
79
|
-
const heightValue =
|
|
79
|
+
const heightValue = computed(() => {
|
|
80
80
|
if (typeof props.height === "number") {
|
|
81
81
|
return `${props.height}px`;
|
|
82
82
|
}
|
|
83
83
|
return props.height;
|
|
84
84
|
});
|
|
85
|
-
const backgroundStyle =
|
|
85
|
+
const backgroundStyle = computed(() => {
|
|
86
86
|
const style = {};
|
|
87
87
|
if (props.backgroundImage) {
|
|
88
88
|
style.backgroundImage = `url(${props.backgroundImage})`;
|
|
@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
29
29
|
},
|
|
30
30
|
setup(__props) {
|
|
31
31
|
const props = __props;
|
|
32
|
-
const popoverIndex =
|
|
32
|
+
const popoverIndex = ref("");
|
|
33
33
|
function onPopoverButtonClick(item) {
|
|
34
34
|
var _a;
|
|
35
35
|
if (props.highlightCurrent) {
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { PageLayoutProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
menuHeader?(_: {}): any;
|
|
6
|
+
aside?(_: {}): any;
|
|
7
|
+
aside?(_: {}): any;
|
|
8
|
+
navigationHeader?(_: {}): any;
|
|
9
|
+
navigation?(_: {}): any;
|
|
10
|
+
navigation?(_: {}): any;
|
|
11
|
+
header?(_: {}): any;
|
|
12
|
+
tabs?(_: {}): any;
|
|
13
|
+
dashboard?(_: {}): any;
|
|
14
|
+
dashboard?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
default?(_: {
|
|
17
|
+
height: any;
|
|
18
|
+
}): any;
|
|
19
|
+
};
|
|
20
|
+
refs: {};
|
|
21
|
+
rootEl: HTMLDivElement;
|
|
22
|
+
};
|
|
23
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
+
declare const __VLS_component: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
|
|
25
|
+
asideWithScrollbar: boolean;
|
|
26
|
+
mainWithScrollbar: boolean;
|
|
27
|
+
navigationWithScrollbar: boolean;
|
|
28
|
+
showNavigation: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
4
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
22
|
+
const vue = require("vue");
|
|
23
|
+
const ElementPlus = require("element-plus");
|
|
24
|
+
const _hoisted_1 = {
|
|
25
|
+
class: "jky-page-layout flex h-full w-full overflow-hidden gap-x-4",
|
|
26
|
+
style: { "--el-menu-border-color": "transparent" }
|
|
27
|
+
};
|
|
28
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
|
|
29
|
+
name: "JkyPageLayout"
|
|
30
|
+
}), {
|
|
31
|
+
__name: "PageLayout",
|
|
32
|
+
props: {
|
|
33
|
+
asideClass: {},
|
|
34
|
+
asideWithScrollbar: { type: Boolean, default: true },
|
|
35
|
+
mainClass: {},
|
|
36
|
+
mainWithCard: { type: Boolean },
|
|
37
|
+
mainWithScrollbar: { type: Boolean, default: false },
|
|
38
|
+
contentClass: {},
|
|
39
|
+
navigationClass: {},
|
|
40
|
+
navigationWithScrollbar: { type: Boolean, default: true },
|
|
41
|
+
showNavigation: { type: Boolean, default: true },
|
|
42
|
+
headerClass: {},
|
|
43
|
+
tabsClass: {},
|
|
44
|
+
showDashboard: { type: Boolean },
|
|
45
|
+
dashboardWithScrollbar: { type: Boolean },
|
|
46
|
+
dashboardClass: {},
|
|
47
|
+
className: {}
|
|
48
|
+
},
|
|
49
|
+
setup(__props) {
|
|
50
|
+
const props = __props;
|
|
51
|
+
return (_ctx, _cache) => {
|
|
52
|
+
const _component_ElAutoResizer = vue.resolveComponent("ElAutoResizer");
|
|
53
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
54
|
+
vue.createVNode(vue.unref(ElementPlus.ElCard), {
|
|
55
|
+
class: vue.normalizeClass(["jky-page-layout__aside shrink-0 overflow-hidden p-0", props.asideClass]),
|
|
56
|
+
style: { "--el-card-padding": 0 }
|
|
57
|
+
}, vue.createSlots({
|
|
58
|
+
default: vue.withCtx(() => [
|
|
59
|
+
props.asideWithScrollbar ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElScrollbar), { key: 0 }, {
|
|
60
|
+
default: vue.withCtx(() => [
|
|
61
|
+
vue.renderSlot(_ctx.$slots, "aside")
|
|
62
|
+
]),
|
|
63
|
+
_: 3
|
|
64
|
+
})) : vue.renderSlot(_ctx.$slots, "aside", { key: 1 })
|
|
65
|
+
]),
|
|
66
|
+
_: 2
|
|
67
|
+
}, [
|
|
68
|
+
_ctx.$slots.menuHeader ? {
|
|
69
|
+
name: "header",
|
|
70
|
+
fn: vue.withCtx(() => [
|
|
71
|
+
vue.renderSlot(_ctx.$slots, "menuHeader")
|
|
72
|
+
]),
|
|
73
|
+
key: "0"
|
|
74
|
+
} : void 0
|
|
75
|
+
]), 1032, ["class"]),
|
|
76
|
+
__props.showNavigation ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
|
|
77
|
+
key: 0,
|
|
78
|
+
class: vue.normalizeClass(["jky-page-layout__navigation shrink-0 overflow-hidden p-0", props.navigationClass]),
|
|
79
|
+
style: { "--el-card-padding": 0 }
|
|
80
|
+
}, vue.createSlots({
|
|
81
|
+
default: vue.withCtx(() => [
|
|
82
|
+
props.navigationWithScrollbar ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElScrollbar), { key: 0 }, {
|
|
83
|
+
default: vue.withCtx(() => [
|
|
84
|
+
vue.renderSlot(_ctx.$slots, "navigation")
|
|
85
|
+
]),
|
|
86
|
+
_: 3
|
|
87
|
+
})) : vue.renderSlot(_ctx.$slots, "navigation", { key: 1 })
|
|
88
|
+
]),
|
|
89
|
+
_: 2
|
|
90
|
+
}, [
|
|
91
|
+
_ctx.$slots.navigationHeader ? {
|
|
92
|
+
name: "header",
|
|
93
|
+
fn: vue.withCtx(() => [
|
|
94
|
+
vue.renderSlot(_ctx.$slots, "navigationHeader")
|
|
95
|
+
]),
|
|
96
|
+
key: "0"
|
|
97
|
+
} : void 0
|
|
98
|
+
]), 1032, ["class"])) : vue.createCommentVNode("", true),
|
|
99
|
+
vue.createElementVNode("div", {
|
|
100
|
+
class: vue.normalizeClass(["jky-page-layout__main flex-1 flex flex-col min-w-0 overflow-hidden p-0 gap-y-4", props.mainClass])
|
|
101
|
+
}, [
|
|
102
|
+
_ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
103
|
+
key: 0,
|
|
104
|
+
class: vue.normalizeClass(["jky-page-layout__header shrink-0 flex items-center overflow-hidden px-4", props.headerClass])
|
|
105
|
+
}, [
|
|
106
|
+
vue.renderSlot(_ctx.$slots, "header")
|
|
107
|
+
], 2)) : vue.createCommentVNode("", true),
|
|
108
|
+
_ctx.$slots.tabs ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
109
|
+
key: 1,
|
|
110
|
+
class: vue.normalizeClass(["jky-page-layout__tabs shrink-0 overflow-hidden", props.tabsClass])
|
|
111
|
+
}, [
|
|
112
|
+
vue.renderSlot(_ctx.$slots, "tabs")
|
|
113
|
+
], 2)) : vue.createCommentVNode("", true),
|
|
114
|
+
_ctx.$slots.dashboard ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
|
|
115
|
+
key: 2,
|
|
116
|
+
class: vue.normalizeClass(["jky-page-layout__dashboard shrink-0 overflow-hidden", props.dashboardClass])
|
|
117
|
+
}, {
|
|
118
|
+
default: vue.withCtx(() => [
|
|
119
|
+
props.dashboardWithScrollbar ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElScrollbar), { key: 0 }, {
|
|
120
|
+
default: vue.withCtx(() => [
|
|
121
|
+
vue.renderSlot(_ctx.$slots, "dashboard")
|
|
122
|
+
]),
|
|
123
|
+
_: 3
|
|
124
|
+
})) : vue.renderSlot(_ctx.$slots, "dashboard", { key: 1 })
|
|
125
|
+
]),
|
|
126
|
+
_: 3
|
|
127
|
+
}, 8, ["class"])) : vue.createCommentVNode("", true),
|
|
128
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.mainWithCard ? vue.unref(ElementPlus.ElCard) : "div"), {
|
|
129
|
+
"body-class": props.mainWithScrollbar ? "" : "pb-0!",
|
|
130
|
+
class: vue.normalizeClass(["jky-page-layout__content flex-1 min-h-0 overflow-hidden", props.contentClass])
|
|
131
|
+
}, {
|
|
132
|
+
default: vue.withCtx(() => [
|
|
133
|
+
props.mainWithScrollbar ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElScrollbar), { key: 0 }, {
|
|
134
|
+
default: vue.withCtx(() => [
|
|
135
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
136
|
+
]),
|
|
137
|
+
_: 3
|
|
138
|
+
})) : (vue.openBlock(), vue.createBlock(_component_ElAutoResizer, { key: 1 }, {
|
|
139
|
+
default: vue.withCtx(({ height }) => [
|
|
140
|
+
vue.renderSlot(_ctx.$slots, "default", { height })
|
|
141
|
+
]),
|
|
142
|
+
_: 3
|
|
143
|
+
}))
|
|
144
|
+
]),
|
|
145
|
+
_: 3
|
|
146
|
+
}, 8, ["body-class", "class"]))
|
|
147
|
+
], 2)
|
|
148
|
+
]);
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
}));
|
|
152
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
exports.default = PageLayout_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
const withInstall = require("../utils/with-install.js");
|
|
6
|
+
const JkyPageLayout = withInstall.installWithSFC(PageLayout_vue_vue_type_script_setup_true_lang.default);
|
|
7
|
+
exports.JkyPageLayout = JkyPageLayout;
|
|
8
|
+
exports.default = JkyPageLayout;
|