jky-component-lib 0.0.37 → 0.0.45

package/dist/lib/form/Form.vue.js

@@ -0,0 +1,178 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const ElementPlus = require("element-plus");
+const FormItem_vue_vue_type_script_setup_true_lang = require("./FormItem.vue.js");
+;/* empty css               */
+const _hoisted_1 = {
+  key: 0,
+  class: "jky-form__title mb-4 text-xl font-semibold"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyForm"
+}), {
+  __name: "Form",
+  props: /* @__PURE__ */ vue.mergeModels({
+    modelValue: {},
+    items: {},
+    showTitle: { type: Boolean, default: false },
+    title: {},
+    gutter: { default: 0 },
+    defaultSpan: { default: 24 },
+    responsive: { type: Boolean, default: true },
+    className: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    watchDeep: { type: Boolean, default: true },
+    onValidate: {},
+    model: {},
+    rules: {},
+    labelPosition: { default: "right" },
+    requireAsteriskPosition: {},
+    labelWidth: { default: "100" },
+    labelSuffix: {},
+    inline: { type: Boolean },
+    inlineMessage: { type: Boolean },
+    statusIcon: { type: Boolean },
+    showMessage: { type: Boolean },
+    validateOnRuleChange: { type: Boolean },
+    hideRequiredAsterisk: { type: Boolean },
+    scrollToError: { type: Boolean },
+    scrollIntoViewOptions: { type: Boolean },
+    size: { default: "default" }
+  }, {
+    "modelValue": { required: true, default: () => ({}) },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change", "validate"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = vue.useModel(__props, "modelValue");
+    const formRef = vue.ref();
+    const formClass = vue.computed(() => {
+      return [
+        "jky-form",
+        props.className
+      ].filter(Boolean).join(" ");
+    });
+    vue.watch(
+      () => props.modelValue,
+      (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          emit("change", __spreadValues({}, newVal));
+        }
+      },
+      { deep: props.watchDeep }
+    );
+    function validate(callback) {
+      return __async(this, null, function* () {
+        var _a;
+        try {
+          yield (_a = formRef.value) == null ? void 0 : _a.validate();
+          emit("validate", { valid: true });
+          callback == null ? void 0 : callback(true, void 0);
+          return true;
+        } catch (error) {
+          emit("validate", { valid: false, fields: error.fields });
+          callback == null ? void 0 : callback(false, error.fields);
+          return false;
+        }
+      });
+    }
+    function resetFields() {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.resetFields();
+    }
+    function clearValidate(props2) {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.clearValidate(props2);
+    }
+    function getFormInstance() {
+      return formRef.value;
+    }
+    __expose({
+      validate,
+      resetFields,
+      clearValidate,
+      getFormInstance
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(formClass.value)
+      }, [
+        __props.showTitle && __props.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(ElementPlus.ElForm), vue.mergeProps({
+          ref_key: "formRef",
+          ref: formRef,
+          model: modelValue.value,
+          "label-width": __props.labelWidth,
+          "label-position": __props.labelPosition,
+          size: __props.size
+        }, _ctx.$attrs), {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: "grid",
+              style: vue.normalizeStyle({
+                gridTemplateColumns: "repeat(12, minmax(0, 1fr))",
+                gap: `${__props.gutter}px`
+              })
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
+                return vue.openBlock(), vue.createBlock(FormItem_vue_vue_type_script_setup_true_lang.default, {
+                  key: item.field,
+                  field: item.field,
+                  config: item,
+                  model: modelValue.value,
+                  readonly: __props.readonly,
+                  disabled: __props.disabled
+                }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
+              }), 128))
+            ], 4)
+          ]),
+          _: 1
+        }, 16, ["model", "label-width", "label-position", "size"])
+      ], 2);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/Form.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Form_vue_vue_type_script_setup_true_lang = require("./Form.vue.js");
+;/* empty css           */
+exports.default = Form_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/FormItem.vue.d.ts

@@ -0,0 +1,6 @@
+import { FormItemProps } from './types';
+declare const _default: import('vue').DefineComponent<FormItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/lib/form/FormItem.vue.js

@@ -0,0 +1,243 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const ElementPlus = require("element-plus");
+const _hoisted_1 = {
+  key: 0,
+  class: "jky-form-item__title mb-2 text-base font-medium"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mr-2"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "ml-2"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyFormItem",
+  inheritAttrs: false
+}), {
+  __name: "FormItem",
+  props: {
+    field: {},
+    config: {},
+    model: {},
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    label: {},
+    labelWidth: {},
+    labelPosition: {},
+    prop: {},
+    required: { type: Boolean },
+    rules: {},
+    error: {},
+    validateStatus: {},
+    for: {},
+    inlineMessage: { type: Boolean },
+    showMessage: { type: Boolean },
+    size: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const componentProps = vue.computed(() => {
+      const configProps = props.config.componentProps;
+      if (!configProps) {
+        return {};
+      }
+      if (typeof configProps === "function") {
+        return configProps({
+          model: props.model,
+          field: props.field,
+          $form: props.model
+        });
+      }
+      return configProps;
+    });
+    const modelValue = vue.computed({
+      get: () => props.model[props.field],
+      set: (_val) => {
+      }
+    });
+    const isHidden = vue.computed(() => {
+      if (typeof props.config.hidden === "function") {
+        return props.config.hidden({
+          model: props.model,
+          field: props.field,
+          $form: props.model
+        });
+      }
+      return props.config.hidden || false;
+    });
+    const spanClass = vue.computed(() => {
+      const span = props.config.span || 12;
+      return `col-span-${span}`;
+    });
+    function renderComponent(type) {
+      var _a, _b, _c;
+      const commonProps = __spreadValues({
+        "modelValue": modelValue.value,
+        "onUpdate:modelValue": (_val) => {
+        },
+        "placeholder": props.config.placeholder,
+        "disabled": props.disabled || props.config.disabled || props.readonly,
+        "clearable": (_a = props.config.clearable) != null ? _a : true
+      }, componentProps.value);
+      switch (type) {
+        case "input":
+          return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
+            prefixIcon: props.config.prefixIcon,
+            suffixIcon: props.config.suffixIcon
+          }));
+        case "textarea":
+          return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
+            type: "textarea",
+            rows: 4
+          }));
+        case "select": {
+          const options = props.config.options || [];
+          return vue.h(
+            ElementPlus.ElSelect,
+            __spreadProps(__spreadValues({}, commonProps), {
+              multiple: props.config.multiple,
+              filterable: props.config.filterable
+            }),
+            {
+              default: () => options.map(
+                (option) => vue.h(ElementPlus.ElOption, {
+                  key: option.value,
+                  label: option.label,
+                  value: option.value,
+                  disabled: option.disabled
+                })
+              )
+            }
+          );
+        }
+        case "datepicker":
+          return vue.h(ElementPlus.ElDatePicker, __spreadProps(__spreadValues({}, commonProps), {
+            type: "date"
+          }));
+        case "datetime-picker":
+          return vue.h(ElementPlus.ElDatePicker, __spreadProps(__spreadValues({}, commonProps), {
+            type: "datetime"
+          }));
+        case "time-picker":
+          return vue.h(ElementPlus.ElTimePicker, __spreadValues({}, commonProps));
+        case "time-select":
+          return vue.h(ElementPlus.ElTimeSelect, __spreadValues({}, commonProps));
+        case "radio-group": {
+          const options = props.config.options || [];
+          return vue.h(
+            ElementPlus.ElRadioGroup,
+            __spreadValues({}, commonProps),
+            {
+              default: () => options.map(
+                (option) => vue.h(ElementPlus.ElRadio, {
+                  key: option.value,
+                  label: option.value,
+                  disabled: option.disabled
+                }, {
+                  default: () => option.label
+                })
+              )
+            }
+          );
+        }
+        case "checkbox-group": {
+          const options = props.config.options || [];
+          return vue.h(
+            ElementPlus.ElCheckboxGroup,
+            __spreadValues({}, commonProps),
+            {
+              default: () => options.map(
+                (option) => vue.h(ElementPlus.ElCheckbox, {
+                  key: option.value,
+                  label: option.value,
+                  disabled: option.disabled
+                }, {
+                  default: () => option.label
+                })
+              )
+            }
+          );
+        }
+        case "switch":
+          return vue.h(ElementPlus.ElSwitch, __spreadValues({}, commonProps));
+        case "slider":
+          return vue.h(ElementPlus.ElSlider, __spreadValues({}, commonProps));
+        case "cascader":
+          return vue.h(ElementPlus.ElCascader, __spreadProps(__spreadValues({}, commonProps), {
+            options: props.config.options
+          }));
+        case "color-picker":
+          return vue.h(ElementPlus.ElColorPicker, __spreadValues({}, commonProps));
+        case "rate":
+          return vue.h(ElementPlus.ElRate, __spreadValues({}, commonProps));
+        case "input-number":
+          return vue.h(ElementPlus.ElInputNumber, __spreadValues({}, commonProps));
+        case "custom":
+          return (_c = (_b = props.config).render) == null ? void 0 : _c.call(_b, commonProps);
+        default:
+          return vue.h(ElementPlus.ElInput, commonProps);
+      }
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e;
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([[
+          __props.config.className,
+          spanClass.value,
+          ((_a = __props.config.responsiveSpan) == null ? void 0 : _a.xs) ? `xs:col-span-${__props.config.responsiveSpan.xs}` : "",
+          ((_b = __props.config.responsiveSpan) == null ? void 0 : _b.sm) ? `sm:col-span-${__props.config.responsiveSpan.sm}` : "",
+          ((_c = __props.config.responsiveSpan) == null ? void 0 : _c.md) ? `md:col-span-${__props.config.responsiveSpan.md}` : "",
+          ((_d = __props.config.responsiveSpan) == null ? void 0 : _d.lg) ? `lg:col-span-${__props.config.responsiveSpan.lg}` : "",
+          ((_e = __props.config.responsiveSpan) == null ? void 0 : _e.xl) ? `xl:col-span-${__props.config.responsiveSpan.xl}` : ""
+        ], "jky-form-item"])
+      }, [
+        __props.config.title && !__props.config.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(__props.config.title), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({
+          key: 1,
+          label: __props.config.label,
+          prop: __props.field,
+          rules: __props.config.rules,
+          required: __props.config.required
+        }, _ctx.$attrs), {
+          default: vue.withCtx(() => [
+            __props.config.prepend || __props.config.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              __props.config.prepend ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.config.prepend), 1)) : vue.createCommentVNode("", true),
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent(__props.config.type || "input")))),
+              __props.config.append ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.config.append), 1)) : vue.createCommentVNode("", true)
+            ])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent(__props.config.type || "input")), { key: 1 }))
+          ]),
+          _: 1
+        }, 16, ["label", "prop", "rules", "required"]))
+      ], 2)), [
+        [vue.vShow, !isHidden.value]
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/FormItem.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const FormItem_vue_vue_type_script_setup_true_lang = require("./FormItem.vue.js");
+;/* empty css               */
+exports.default = FormItem_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/index.d.ts

@@ -0,0 +1,4 @@
+import { InstallWithSFC } from '../utils';
+import { default as Form } from './Form.vue';
+export declare const JkyForm: InstallWithSFC<typeof Form>;
+export default JkyForm;

package/dist/lib/form/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Form_vue_vue_type_script_setup_true_lang = require("./Form.vue.js");
+;/* empty css           */
+const withInstall = require("../utils/with-install.js");
+const JkyForm = withInstall.installWithSFC(Form_vue_vue_type_script_setup_true_lang.default);
+exports.JkyForm = JkyForm;
+exports.default = JkyForm;

package/dist/lib/form/style.css

@@ -0,0 +1,14 @@
+/* Form 组件样式 */
+.jky-form {
+  /* 表单容器样式 */
+}
+.jky-form__title {
+  /* 表单标题样式 */
+}
+/* FormItem 组件样式 */
+.jky-form-item {
+  /* 表单项容器样式 */
+}
+.jky-form-item__title {
+  /* 表单项标题样式（无 label 时） */
+}

package/dist/lib/index.js

@@ -6,9 +6,10 @@ const installer$1 = require("./utils/installer.js");
 const resolver = require("./resolver.js");
 const index = require("./button/index.js");
 const index$1 = require("./button-nav/index.js");
-const index$2 = require("./menu/index.js");
-const index$3 = require("./page-header/index.js");
-const index$4 = require("./say-hello/index.js");
+const index$2 = require("./form/index.js");
+const index$3 = require("./menu/index.js");
+const index$4 = require("./page-header/index.js");
+const index$5 = require("./say-hello/index.js");
 const installer = installer$1.createInstaller(components.components);
 const install = installer.install;
 const version = installer.version;
@@ -16,9 +17,10 @@ exports.components = components.components;
 exports.JkyComponentLibResolver = resolver.JkyComponentLibResolver;
 exports.JkyButton = index.JkyButton;
 exports.JkyButtonNav = index$1.JkyButtonNav;
-exports.JkyMenu = index$2.JkyMenu;
-exports.JkyPageHeader = index$3.JkyPageHeader;
-exports.JkySayHello = index$4.JkySayHello;
+exports.JkyForm = index$2.JkyForm;
+exports.JkyMenu = index$3.JkyMenu;
+exports.JkyPageHeader = index$4.JkyPageHeader;
+exports.JkySayHello = index$5.JkySayHello;
 exports.default = installer;
 exports.install = install;
 exports.version = version;

package/dist/lib/menu/Aside.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/menu/Aside.vue.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/aside/style/css");
+require("element-plus/es/components/scrollbar/style/css");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  const _component_el_scrollbar = es.ElScrollbar;
+  const _component_el_aside = es.ElAside;
+  return vue.openBlock(), vue.createBlock(_component_el_aside, { class: "w-fit pr-0 pb-0 h-full" }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_el_scrollbar, { class: "bg-white rounded-md" }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      })
+    ]),
+    _: 3
+  });
+}
+const Aside = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = Aside;

package/dist/lib/menu/Menu.vue.d.ts

@@ -1,29 +1,18 @@
-import { MenuProps } from 'element-plus/es/components/menu';
-interface MenuItem {
-    id?: string;
-    index?: string;
-    title?: string;
-    icon?: string;
-    disabled?: boolean;
-    children?: MenuItem[];
-    popperOffset?: number;
-    route?: string | object;
-    [key: string]: any;
-}
-interface Props extends MenuProps {
-    menuData?: MenuItem[];
-    modelValue?: string;
-}
+import { MenuItem, MenuProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{}>, {
+    aside: boolean;
+    menuData: MenuItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/lib/menu/Menu.vue.js

@@ -21,14 +21,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const ElementPlus = require("element-plus");
+const Aside = require("./Aside.vue.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-  name: "JkyMenu",
-  inheritAttrs: false
+  name: "JkyMenu"
 }), {
   __name: "Menu",
   props: {
+    aside: { type: Boolean, default: false },
     menuData: { default: () => [] },
-    modelValue: {},
     mode: {},
     defaultActive: {},
     defaultOpeneds: {},
@@ -52,6 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     persistent: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
     function renderMenuItem(item) {
       var _a;
       return vue.h(
@@ -95,16 +96,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       return renderMenuItem(item);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElMenu), vue.mergeProps({ class: "jky-menu" }, _ctx.$attrs), {
+      return __props.aside ? (vue.openBlock(), vue.createBlock(Aside.default, { key: 0 }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(ElementPlus.ElMenu), vue.mergeProps({ class: "jky-menu" }, __spreadValues(__spreadValues({}, props), _ctx.$attrs)), {
+            default: vue.withCtx(() => [
+              __props.menuData && __props.menuData.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.menuData, (item) => {
+                return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderMenuNode(item)), {
+                  key: item.index || item.id
+                });
+              }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      })) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElMenu), vue.mergeProps({
+        key: 1,
+        class: "jky-menu"
+      }, __spreadValues(__spreadValues({}, props), _ctx.$attrs)), {
         default: vue.withCtx(() => [
           __props.menuData && __props.menuData.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.menuData, (item) => {
             return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderMenuNode(item)), {
-              key: item.index
+              key: item.index || item.id
             });
           }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
-      }, 16);
+      }, 16));
     };
   }
 }));

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.37";
+const version = "0.0.45";
 exports.version = version;

package/dist/lib/page-header/PageHeader.vue.js

@@ -202,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               key: 1,
               "ref-name": "更多",
               "ref-icon-class": "icon-[mdi--format-list-bulleted]"
-            }, __props.popover), null, 16)) : vue.createCommentVNode("", true),
+            }, __props.popover, { placement: "bottom" }), null, 16)) : vue.createCommentVNode("", true),
             vue.createVNode(vue.unref(ElementPlus.ElDropdown), {
               trigger: "hover",
               onCommand: handleCommand