jky-component-lib 0.0.129 → 0.0.130

package/dist/lib/form/items/ImageUploadItem.vue.js

@@ -0,0 +1,97 @@
+"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 iconsVue = require("@element-plus/icons-vue");
+const ElementPlus = require("element-plus");
+const _hoisted_1 = { class: "el-upload__picture-card-wrapper" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyFormItemImageUpload"
+}), {
+  __name: "ImageUploadItem",
+  props: {
+    modelValue: {},
+    config: {},
+    componentProps: {},
+    componentSlots: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const uploadProps = vue.computed(() => __spreadProps(__spreadValues({}, props.componentProps), {
+      action: props.componentProps.action || "#",
+      fileList: props.componentProps.fileList || [],
+      listType: props.componentProps.listType || "picture-card",
+      disabled: props.disabled
+    }));
+    const listType = vue.computed(() => props.componentProps.listType || "picture-card");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElUpload), vue.mergeProps(uploadProps.value, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }), vue.createSlots({ _: 2 }, [
+        listType.value === "picture-card" ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(vue.unref(ElementPlus.ElIcon), { size: 24 }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Plus))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          key: "0"
+        } : listType.value === "picture" ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            vue.createVNode(vue.unref(ElementPlus.ElButton), { type: "primary" }, {
+              default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                vue.createTextVNode(" 点击上传 ", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          key: "1"
+        } : void 0,
+        vue.renderList(Object.keys(_ctx.$slots), (name, index) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotData || {})))
+            ])
+          };
+        }),
+        vue.renderList(Object.keys(__props.componentSlots || {}), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.componentSlots[name]), vue.normalizeProps(vue.guardReactiveProps(slotData || {})), null, 16))
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/items/ImageUploadItem.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ImageUploadItem_vue_vue_type_script_setup_true_lang = require("./ImageUploadItem.vue.js");
+exports.default = ImageUploadItem_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/items/InputItem.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue?: any;
+    config: any;
+    componentProps: any;
+    componentSlots?: any;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/form/items/InputItem.vue.js

@@ -0,0 +1,74 @@
+"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 _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyFormItemInput"
+}), {
+  __name: "InputItem",
+  props: {
+    modelValue: {},
+    config: {},
+    componentProps: {},
+    componentSlots: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputProps = vue.computed(() => {
+      var _a;
+      return __spreadProps(__spreadValues({}, props.componentProps), {
+        modelValue: props.modelValue,
+        placeholder: props.componentProps.placeholder || props.config.placeholder || "请输入",
+        disabled: props.disabled,
+        prefixIcon: props.config.prefixIcon,
+        suffixIcon: props.config.suffixIcon,
+        class: ["w-full min-w-25", (_a = props.componentProps) == null ? void 0 : _a.class]
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElInput), vue.mergeProps(inputProps.value, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots), (name, index) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotData || {})))
+            ])
+          };
+        }),
+        vue.renderList(Object.keys(__props.componentSlots || {}), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.componentSlots[name]), vue.normalizeProps(vue.guardReactiveProps(slotData || {})), null, 16))
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/items/InputItem.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const InputItem_vue_vue_type_script_setup_true_lang = require("./InputItem.vue.js");
+exports.default = InputItem_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/items/InputNumberItem.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue?: any;
+    config: any;
+    componentProps: any;
+    componentSlots?: any;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/form/items/InputNumberItem.vue.js

@@ -0,0 +1,72 @@
+"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 _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyFormItemInputNumber"
+}), {
+  __name: "InputNumberItem",
+  props: {
+    modelValue: {},
+    config: {},
+    componentProps: {},
+    componentSlots: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const numberModelValue = vue.computed(() => {
+      const val = props.modelValue;
+      return val === "" || val === null || val === void 0 ? null : Number(val);
+    });
+    const inputNumberProps = vue.computed(() => __spreadProps(__spreadValues({}, props.componentProps), {
+      modelValue: numberModelValue.value,
+      placeholder: props.componentProps.placeholder || props.config.placeholder || "请输入",
+      disabled: props.disabled
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElInputNumber), vue.mergeProps(inputNumberProps.value, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots), (name, index) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotData || {})))
+            ])
+          };
+        }),
+        vue.renderList(Object.keys(__props.componentSlots || {}), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.componentSlots[name]), vue.normalizeProps(vue.guardReactiveProps(slotData || {})), null, 16))
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/items/InputNumberItem.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const InputNumberItem_vue_vue_type_script_setup_true_lang = require("./InputNumberItem.vue.js");
+exports.default = InputNumberItem_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/items/InputTagItem.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue?: any;
+    config: any;
+    componentProps: any;
+    componentSlots?: any;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/form/items/InputTagItem.vue.js

@@ -0,0 +1,67 @@
+"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 _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyFormItemInputTag"
+}), {
+  __name: "InputTagItem",
+  props: {
+    modelValue: {},
+    config: {},
+    componentProps: {},
+    componentSlots: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputTagProps = vue.computed(() => __spreadProps(__spreadValues({}, props.componentProps), {
+      modelValue: props.modelValue || [],
+      disabled: props.disabled
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElInputTag), vue.mergeProps(inputTagProps.value, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots), (name, index) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotData || {})))
+            ])
+          };
+        }),
+        vue.renderList(Object.keys(__props.componentSlots || {}), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotData) => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.componentSlots[name]), vue.normalizeProps(vue.guardReactiveProps(slotData || {})), null, 16))
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/items/InputTagItem.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const InputTagItem_vue_vue_type_script_setup_true_lang = require("./InputTagItem.vue.js");
+exports.default = InputTagItem_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/items/LinkedSelectItem.vue.d.ts

@@ -0,0 +1,29 @@
+import { FormItemConfig } from '../types';
+type __VLS_Props = {
+    modelValue?: any[];
+    config: FormItemConfig;
+    componentProps?: any;
+    componentSlots?: any;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/form/{LinkedSelect.vue.js → items/LinkedSelectItem.vue.js}

@@ -43,35 +43,42 @@ const vue = require("vue");
 const ElementPlus = require("element-plus");
 const _hoisted_1 = { class: "flex gap-2" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-  name: "JkyLinkedSelect"
+  name: "JkyFormItemLinkedSelect"
 }), {
-  __name: "LinkedSelect",
+  __name: "LinkedSelectItem",
   props: {
-    config: { default: void 0 },
-    modelValue: { default: () => [] },
-    disabled: { type: Boolean, default: false },
-    componentProps: { default: void 0 }
+    modelValue: {},
+    config: {},
+    componentProps: {},
+    componentSlots: {},
+    disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
-    var _a;
     const props = __props;
     const emit = __emit;
-    const level = ((_a = props.config) == null ? void 0 : _a.level) || 1;
-    const optionsList = vue.ref(Array.from({ length: level }, () => []));
-    const loadingList = vue.ref(Array.from({ length: level }, () => false));
+    const config = vue.computed(() => {
+      var _a;
+      return ((_a = props.config) == null ? void 0 : _a.config) || {};
+    });
+    const level = vue.computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.level) || 1;
+    });
+    const optionsList = vue.ref(Array.from({ length: level.value }, () => []));
+    const loadingList = vue.ref(Array.from({ length: level.value }, () => false));
     const values = vue.ref(
-      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level) : Array.from({ length: level }, () => void 0)
+      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level.value) : Array.from({ length: level.value }, () => void 0)
     );
     function loadOptions(levelIndex, value) {
       return __async(this, null, function* () {
-        var _a2;
-        if (!((_a2 = props.config) == null ? void 0 : _a2.getOptions) || levelIndex >= level) {
+        var _a;
+        if (!((_a = config.value) == null ? void 0 : _a.getOptions) || levelIndex >= level.value) {
           return;
         }
         loadingList.value[levelIndex] = true;
         try {
-          const levelOptions = yield props.config.getOptions(levelIndex + 1, value);
+          const levelOptions = yield config.value.getOptions(levelIndex + 1, value);
           optionsList.value[levelIndex] = levelOptions || [];
         } catch (error) {
           console.error("Failed to load linked select options:", error);
@@ -83,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     }
     function loadDisplayData() {
       return __async(this, null, function* () {
-        for (let i = 0; i < level - 1; i++) {
+        for (let i = 0; i < level.value - 1; i++) {
           if (values.value[i] !== void 0 && values.value[i] !== null) {
             yield loadOptions(i + 1, values.value[i]);
           }
@@ -103,43 +110,43 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       );
     }
     function handleSelectChange(index, value) {
-      for (let i = index + 1; i < level; i++) {
+      for (let i = index + 1; i < level.value; i++) {
         values.value[i] = void 0;
         optionsList.value[i] = [];
       }
       const newValue = [...values.value];
       emit("update:modelValue", newValue);
       emit("change", newValue);
-      if (value !== void 0 && value !== null && index + 1 < level) {
+      if (value !== void 0 && value !== null && index + 1 < level.value) {
         loadOptions(index + 1, value);
       }
     }
     vue.onMounted(() => {
-      var _a2;
+      var _a;
       watchModelValue();
       loadDisplayData();
-      if ((_a2 = props.config) == null ? void 0 : _a2.getOptions) {
+      if ((_a = config.value) == null ? void 0 : _a.getOptions) {
         loadOptions(0, void 0);
       }
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.renderSlot(_ctx.$slots, "prefix"),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array.from({ length: vue.unref(level) }), (_, index) => {
-          var _a2, _b, _c, _d, _e, _f;
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array.from({ length: level.value }), (_, index) => {
+          var _a, _b, _c, _d, _e, _f;
           return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElSelect), vue.mergeProps({
             key: index,
             modelValue: values.value[index],
             "onUpdate:modelValue": ($event) => values.value[index] = $event,
-            placeholder: ((_b = (_a2 = __props.config) == null ? void 0 : _a2.placeholders) == null ? void 0 : _b[index]) || "请选择",
+            placeholder: ((_b = (_a = config.value) == null ? void 0 : _a.placeholders) == null ? void 0 : _b[index]) || "请选择",
             disabled: __props.disabled || index > 0 && values.value[index - 1] === void 0 && values.value[index - 1] !== null,
-            filterable: (_d = (_c = __props.config) == null ? void 0 : _c.filterable) != null ? _d : false,
-            clearable: (_f = (_e = __props.config) == null ? void 0 : _e.clearable) != null ? _f : true,
+            filterable: (_d = (_c = config.value) == null ? void 0 : _c.filterable) != null ? _d : false,
+            clearable: (_f = (_e = config.value) == null ? void 0 : _e.clearable) != null ? _f : true,
             loading: loadingList.value[index],
             class: "flex-1 min-w-30"
           }, { ref_for: true }, __props.componentProps, {
             onChange: ($event) => handleSelectChange(index, $event)
-          }), {
+          }), vue.createSlots({
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(optionsList.value[index] || [], (option) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElOption), {
@@ -151,7 +158,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               }), 128))
             ]),
             _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
+          }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name, i) => {
+              return {
+                name,
+                fn: vue.withCtx((slotData) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotData || {}))
+                ])
+              };
+            }),
+            vue.renderList(Object.keys(__props.componentSlots || {}), (name, i) => {
+              return {
+                name,
+                fn: vue.withCtx((slotData) => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.componentSlots[name]), vue.mergeProps({ ref_for: true }, slotData || {}), null, 16))
+                ])
+              };
+            })
+          ]), 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
         }), 128)),
         vue.renderSlot(_ctx.$slots, "suffix")
       ]);

package/dist/lib/form/items/LinkedSelectItem.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const LinkedSelectItem_vue_vue_type_script_setup_true_lang = require("./LinkedSelectItem.vue.js");
+exports.default = LinkedSelectItem_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/items/MentionItem.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue?: any;
+    config: any;
+    componentProps: any;
+    componentSlots?: any;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};