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.
Files changed (59) hide show
  1. package/dist/es/components.d.ts +1 -0
  2. package/dist/es/components.js +4 -1
  3. package/dist/es/form/Form.vue.d.ts +1 -1
  4. package/dist/es/form/Form.vue.js +64 -10
  5. package/dist/es/form/FormItem.vue.js +21 -11
  6. package/dist/es/index.js +2 -0
  7. package/dist/es/package.json.js +1 -1
  8. package/dist/es/page-header/PageHeader.vue.js +1 -1
  9. package/dist/es/page-header/PopoverMenu.vue.js +1 -1
  10. package/dist/es/page-layout/PageLayout.vue.d.ts +36 -0
  11. package/dist/es/page-layout/PageLayout.vue.js +152 -0
  12. package/dist/es/page-layout/PageLayout.vue3.js +5 -0
  13. package/dist/es/page-layout/index.d.ts +4 -0
  14. package/dist/es/page-layout/index.js +8 -0
  15. package/dist/es/page-layout/style.css +8 -0
  16. package/dist/es/page-table/PageTable.vue.d.ts +22 -270
  17. package/dist/es/page-table/PageTable.vue.js +148 -118
  18. package/dist/es/page-table/Toolbar.vue.d.ts +1 -0
  19. package/dist/es/page-table/Toolbar.vue.js +40 -13
  20. package/dist/es/page-table/style.css +1 -3
  21. package/dist/es/rich-editor/RichEditor.vue.js +1 -1
  22. package/dist/es/style.css +334 -58
  23. package/dist/es/styles.css +1 -1
  24. package/dist/lib/components.d.ts +1 -0
  25. package/dist/lib/components.js +12 -9
  26. package/dist/lib/form/Form.vue.d.ts +1 -1
  27. package/dist/lib/form/Form.vue.js +63 -9
  28. package/dist/lib/form/FormItem.vue.js +21 -11
  29. package/dist/lib/index.js +8 -6
  30. package/dist/lib/package.json.js +1 -1
  31. package/dist/lib/page-header/PageHeader.vue.js +2 -2
  32. package/dist/lib/page-header/PopoverMenu.vue.js +1 -1
  33. package/dist/lib/page-layout/PageLayout.vue.d.ts +36 -0
  34. package/dist/lib/page-layout/PageLayout.vue.js +152 -0
  35. package/dist/lib/page-layout/PageLayout.vue3.js +5 -0
  36. package/dist/lib/page-layout/index.d.ts +4 -0
  37. package/dist/lib/page-layout/index.js +8 -0
  38. package/dist/lib/page-layout/style.css +8 -0
  39. package/dist/lib/page-table/PageTable.vue.d.ts +22 -270
  40. package/dist/lib/page-table/PageTable.vue.js +146 -116
  41. package/dist/lib/page-table/Toolbar.vue.d.ts +1 -0
  42. package/dist/lib/page-table/Toolbar.vue.js +38 -11
  43. package/dist/lib/page-table/style.css +1 -3
  44. package/dist/lib/rich-editor/RichEditor.vue.js +2 -2
  45. package/dist/lib/style.css +334 -58
  46. package/dist/lib/styles.css +1 -1
  47. package/package.json +1 -1
  48. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js +0 -52
  49. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js +0 -10
  50. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js +0 -145
  51. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js +0 -160
  52. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js +0 -26
  53. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js +0 -4
  54. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js +0 -52
  55. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js +0 -10
  56. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js +0 -145
  57. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js +0 -160
  58. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js +0 -26
  59. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js +0 -4
@@ -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-table/index.js");
11
- const index$8 = require("./rich-editor/index.js");
12
- const index$9 = require("./say-hello/index.js");
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$9.JkySayHello,
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$8.JkyRichEditor,
23
- index$7.JkyPageTable
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.JkyPageTable = index$7.JkyPageTable;
33
- exports.JkyRichEditor = index$8.JkyRichEditor;
34
- exports.JkySayHello = index$9.JkySayHello;
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;
@@ -437,5 +437,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
437
437
  default?: (props: {}) => any;
438
438
  };
439
439
  }) | null;
440
- }, HTMLDivElement>;
440
+ }, any>;
441
441
  export default _default;
@@ -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
- "label-width": __props.labelWidth,
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", "label-width", "label-position", "size"]),
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
- "modelValue": modelValue.value,
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), componentProps.value);
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), componentProps.value);
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), componentProps.value);
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), componentProps.value);
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.className]],
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.className]]
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-table/index.js");
15
- const index$8 = require("./rich-editor/index.js");
16
- const index$9 = require("./say-hello/index.js");
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.JkyPageTable = index$7.JkyPageTable;
30
- exports.JkyRichEditor = index$8.JkyRichEditor;
31
- exports.JkySayHello = index$9.JkySayHello;
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;
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const version = "0.0.60";
3
+ const version = "0.0.64";
4
4
  exports.version = version;
@@ -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 = vue.computed(() => {
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 = vue.computed(() => {
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 = vue.ref("");
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,4 @@
1
+ import { InstallWithSFC } from '../utils';
2
+ import { default as PageLayout } from './PageLayout.vue';
3
+ export declare const JkyPageLayout: InstallWithSFC<typeof PageLayout>;
4
+ export default JkyPageLayout;
@@ -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;
@@ -0,0 +1,8 @@
1
+ :root {
2
+ /* PageLayout 布局组件 CSS 变量 */
3
+ }
4
+ .jky-page-layout {
5
+ .el-menu {
6
+ border-right: none;
7
+ }
8
+ }