jky-component-lib 0.0.125 → 0.0.127

package/dist/es/amap/style.css

@@ -1,3 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
+}

package/dist/es/amap/style2.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

package/dist/es/amap/style3.css

@@ -1,14 +1,7 @@
-/* AMap 高德地图组件样式 */
-.jky-amap-container {
-  /* 地图容器样式 */
-  position: relative;
-  overflow: hidden;
 
-  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
-.amap-logo {
-    display: none !important;
-}
-.amap-copyright {
-    display: none !important;
-}
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
 }

package/dist/es/components.js

@@ -4,7 +4,7 @@ import { JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
 import { JkyButton } from "./button/index.js";
 import { JkyButtonNav } from "./button-nav/index.js";
 import { JkyCodeMirrorEditor } from "./code-mirror-editor/index.js";
-import { JkyForm } from "./form/index.js";
+import { JkyForm, JkyLinkedSelect } from "./form/index.js";
 import { JkyMenu } from "./menu/index.js";
 import { JkyModal } from "./modal/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
@@ -22,6 +22,7 @@ const components = [
   JkyPageHeader,
   JkyMenu,
   JkyForm,
+  JkyLinkedSelect,
   JkyCodeMirrorEditor,
   JkyAddInput,
   JkyRichEditor,
@@ -42,6 +43,7 @@ export {
   JkyButtonNav,
   JkyCodeMirrorEditor,
   JkyForm,
+  JkyLinkedSelect,
   JkyMenu,
   JkyModal,
   JkyPageHeader,

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

@@ -49,13 +49,14 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createCommentVNode, createSlots, h } from "vue";
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createCommentVNode, createSlots, h } from "vue";
 import { Plus, CircleCloseFilled, CircleCheckFilled, WarningFilled, QuestionFilled } from "@element-plus/icons-vue";
 import { ElFormItem, ElDivider, ElInput, ElUpload, ElButton, ElIcon, ElInputNumber, ElRate, ElTransfer, ElSelectV2, ElMention, ElInputTag, ElColorPickerPanel, ElColorPicker, ElTreeSelect, ElCascader, ElSlider, ElSwitch, ElCheckboxGroup, ElCheckbox, ElRadioGroup, ElRadioButton, ElRadio, ElTimeSelect, ElTimePicker, ElDatePicker, ElAutocomplete, ElSelect, ElTooltip } from "element-plus";
 import { JkyAddInput } from "../add-input/index.js";
 import { JkyCodeMirrorEditor } from "../code-mirror-editor/index.js";
 import { JkyRichEditor } from "../rich-editor/index.js";
-import _sfc_main$1 from "./SelectTable.vue.js";
+import _sfc_main$1 from "./LinkedSelect.vue.js";
+import _sfc_main$2 from "./SelectTable.vue.js";
 /* empty css                 */
 const _hoisted_1 = {
   key: 0,
@@ -159,14 +160,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         rules.value = configRules;
       });
     }
-    watch(
-      () => props.model,
-      () => {
-        loadComponentProps();
-        loadRules();
-      },
-      { deep: true }
-    );
     loadComponentProps();
     loadRules();
     const modelValue = computed({
@@ -175,6 +168,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         props.model[props.field] = val;
       }
     });
+    watch(
+      () => props.model,
+      () => {
+        loadComponentProps();
+        loadRules();
+      },
+      { deep: true }
+    );
     const isHidden = computed(() => {
       if (typeof props.config.hidden === "function") {
         return props.config.hidden({
@@ -420,7 +421,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         }
         // 表格选择器
         case "select-table":
-          return h(_sfc_main$1, __spreadProps(__spreadValues(__spreadValues({}, commonProps), componentProps.value), {
+          return h(_sfc_main$2, __spreadProps(__spreadValues(__spreadValues({}, commonProps), componentProps.value), {
             labelWidth: formItemProps.value.labelWidth
           }), _componentSlotsObj);
         case "rate":
@@ -490,6 +491,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           const addInputProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
           return h(JkyAddInput, addInputProps, _componentSlotsObj);
         }
+        // 联动下拉框
+        case "linked-select":
+          return h(_sfc_main$1, {
+            "config": props.config.config,
+            "modelValue": modelValue.value,
+            "disabled": props.disabled,
+            "componentProps": componentProps.value,
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            }
+          }, _componentSlotsObj);
         case "custom":
           return (_b = (_a = props.config).render) == null ? void 0 : _b.call(_a, commonProps);
         default:

package/dist/es/form/LinkedSelect.vue.d.ts

@@ -0,0 +1,36 @@
+import { LinkedSelectConfig } from './types';
+interface Props {
+    config?: LinkedSelectConfig;
+    modelValue?: any[];
+    disabled?: boolean;
+    componentProps?: Record<string, any>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
+}>, {
+    modelValue: any[];
+    disabled: boolean;
+    config: LinkedSelectConfig;
+    componentProps: Record<string, any>;
+}, {}, {}, {}, 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/es/form/LinkedSelect.vue.js

@@ -0,0 +1,161 @@
+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());
+  });
+};
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, renderSlot, Fragment, renderList, unref, createBlock, mergeProps, withCtx, watch } from "vue";
+import { ElSelect, ElOption } from "element-plus";
+const _hoisted_1 = { class: "flex gap-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyLinkedSelect"
+}), {
+  __name: "LinkedSelect",
+  props: {
+    config: { default: void 0 },
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    componentProps: { default: void 0 }
+  },
+  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 = ref(Array.from({ length: level }, () => []));
+    const loadingList = ref(Array.from({ length: level }, () => false));
+    const values = ref(
+      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level) : Array.from({ length: level }, () => void 0)
+    );
+    function loadOptions(levelIndex, value) {
+      return __async(this, null, function* () {
+        var _a2;
+        if (!((_a2 = props.config) == null ? void 0 : _a2.getOptions) || levelIndex >= level) {
+          return;
+        }
+        loadingList.value[levelIndex] = true;
+        try {
+          const levelOptions = yield props.config.getOptions(levelIndex + 1, value);
+          optionsList.value[levelIndex] = levelOptions || [];
+        } catch (error) {
+          console.error("Failed to load linked select options:", error);
+          optionsList.value[levelIndex] = [];
+        } finally {
+          loadingList.value[levelIndex] = false;
+        }
+      });
+    }
+    function loadDisplayData() {
+      return __async(this, null, function* () {
+        for (let i = 0; i < level - 1; i++) {
+          if (values.value[i] !== void 0 && values.value[i] !== null) {
+            yield loadOptions(i + 1, values.value[i]);
+          }
+        }
+      });
+    }
+    function watchModelValue() {
+      watch(
+        () => props.modelValue,
+        (newVal) => __async(null, null, function* () {
+          if (newVal && newVal.length > 0) {
+            values.value = [...newVal];
+            yield loadDisplayData();
+          }
+        }),
+        { deep: true }
+      );
+    }
+    function handleSelectChange(index, value) {
+      for (let i = index + 1; i < level; 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) {
+        loadOptions(index + 1, value);
+      }
+    }
+    onMounted(() => {
+      var _a2;
+      watchModelValue();
+      loadDisplayData();
+      if ((_a2 = props.config) == null ? void 0 : _a2.getOptions) {
+        loadOptions(0, void 0);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "prefix"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: unref(level) }), (_, index) => {
+          var _a2, _b, _c, _d, _e, _f;
+          return openBlock(), createBlock(unref(ElSelect), 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]) || "请选择",
+            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,
+            loading: loadingList.value[index],
+            class: "flex-1 min-w-30"
+          }, { ref_for: true }, __props.componentProps, {
+            onChange: ($event) => handleSelectChange(index, $event)
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(optionsList.value[index] || [], (option) => {
+                return openBlock(), createBlock(unref(ElOption), {
+                  key: option.value,
+                  value: option.value,
+                  label: option.label,
+                  disabled: option.disabled
+                }, null, 8, ["value", "label", "disabled"]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
+        }), 128)),
+        renderSlot(_ctx.$slots, "suffix")
+      ]);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/form/LinkedSelect.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./LinkedSelect.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,5 +1,7 @@
 import { InstallWithSFC } from '../utils';
 import { default as Form } from './Form.vue';
-export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
+import { default as LinkedSelect } from './LinkedSelect.vue';
+export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, LinkedSelectConfig, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
 export declare const JkyForm: InstallWithSFC<typeof Form>;
+export declare const JkyLinkedSelect: InstallWithSFC<typeof LinkedSelect>;
 export default JkyForm;

package/dist/es/form/index.js

@@ -1,8 +1,11 @@
 import _sfc_main from "./Form.vue.js";
 /* empty css          */
+import _sfc_main$1 from "./LinkedSelect.vue.js";
 import { installWithSFC } from "../utils/with-install.js";
 const JkyForm = installWithSFC(_sfc_main);
+const JkyLinkedSelect = installWithSFC(_sfc_main$1);
 export {
   JkyForm,
+  JkyLinkedSelect,
   JkyForm as default
 };

package/dist/es/index.js

@@ -12,7 +12,7 @@ import { JkyAddInput } from "./add-input/index.js";
 import { JkyButton } from "./button/index.js";
 import { JkyButtonNav } from "./button-nav/index.js";
 import { JkyCodeMirrorEditor } from "./code-mirror-editor/index.js";
-import { JkyForm } from "./form/index.js";
+import { JkyForm, JkyLinkedSelect } from "./form/index.js";
 import { JkyMenu } from "./menu/index.js";
 import { JkyModal } from "./modal/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
@@ -39,6 +39,7 @@ export {
   JkyCodeMirrorEditor,
   JkyComponentLibResolver,
   JkyForm,
+  JkyLinkedSelect,
   JkyMenu,
   JkyModal,
   JkyPageHeader,

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.125";
+const version = "0.0.127";
 export {
   version
 };

package/dist/es/page-table/ActionColumn.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<ActionColumnProps, {}, {},
     onClick?: ((button: ActionColumnButtonConfig, row: any, index: number) => any) | undefined;
 }>, {
     index: number;
-    row: any;
     config: ActionColumnConfig;
+    row: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/es/page-table/ActionColumn.vue.js

@@ -86,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             disabled: button.disabled,
             icon: button.icon,
             plain: button.plain,
-            class: normalizeClass(button.class),
+            class: normalizeClass(["ml-0!", button.class]),
             text: "",
             onClick: ($event) => handleButtonClick(button)
           }, {

package/dist/es/page-table/PageTable.vue.d.ts

@@ -2812,6 +2812,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     title: string;
     loading: boolean;
+    emptyText: string;
     toolbarButtonLimit: number;
     withCard: boolean;
     filterItems: import('./types').FilterItemConfig[];
@@ -2825,7 +2826,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     selectedRows: any[];
     border: boolean;
     stripe: boolean;
-    emptyText: string;
     formProps: Partial<import('../form').FormProps>;
     tableProps: Partial<import('element-plus').TableProps>;
     paginationProps: Partial<import('element-plus').PaginationProps>;

package/dist/es/page-table-v2/PageTableV2.vue.d.ts

@@ -37,13 +37,13 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
 }>, {
     title: string;
     loading: boolean;
+    emptyText: string;
     toolbarButtonLimit: number;
     withCard: boolean;
     filterItems: import('../form').FormProps["items"];
     showSearchButton: boolean;
     searchText: string;
     resetText: string;
-    emptyText: string;
     formProps: Partial<import('../form').FormProps>;
     tableProps: Partial<import('element-plus').TableV2Props<any>>;
     autoSearchDelay: number;

package/dist/es/style.css

@@ -1854,6 +1854,10 @@
     min-width: calc(var(--spacing) * 25);
   }
 
+  .min-w-30 {
+    min-width: calc(var(--spacing) * 30);
+  }
+
   .flex-1 {
     flex: 1;
   }

package/dist/lib/amap/style.css

@@ -1,3 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
+}

package/dist/lib/amap/style2.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

package/dist/lib/amap/style3.css

@@ -1,14 +1,7 @@
-/* AMap 高德地图组件样式 */
-.jky-amap-container {
-  /* 地图容器样式 */
-  position: relative;
-  overflow: hidden;
 
-  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
-.amap-logo {
-    display: none !important;
-}
-.amap-copyright {
-    display: none !important;
-}
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
 }

package/dist/lib/components.js

@@ -22,6 +22,7 @@ const components = [
   index$9.JkyPageHeader,
   index$7.JkyMenu,
   index$6.JkyForm,
+  index$6.JkyLinkedSelect,
   index$5.JkyCodeMirrorEditor,
   index$2.JkyAddInput,
   index$c.JkyRichEditor,
@@ -40,6 +41,7 @@ exports.JkyButton = index$3.JkyButton;
 exports.JkyButtonNav = index$4.JkyButtonNav;
 exports.JkyCodeMirrorEditor = index$5.JkyCodeMirrorEditor;
 exports.JkyForm = index$6.JkyForm;
+exports.JkyLinkedSelect = index$6.JkyLinkedSelect;
 exports.JkyMenu = index$7.JkyMenu;
 exports.JkyModal = index$8.JkyModal;
 exports.JkyPageHeader = index$9.JkyPageHeader;

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

@@ -57,6 +57,7 @@ const ElementPlus = require("element-plus");
 const index = require("../add-input/index.js");
 const index$2 = require("../code-mirror-editor/index.js");
 const index$1 = require("../rich-editor/index.js");
+const LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
 const SelectTable_vue_vue_type_script_setup_true_lang = require("./SelectTable.vue.js");
 ;/* empty css                  */
 const _hoisted_1 = {
@@ -161,14 +162,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         rules.value = configRules;
       });
     }
-    vue.watch(
-      () => props.model,
-      () => {
-        loadComponentProps();
-        loadRules();
-      },
-      { deep: true }
-    );
     loadComponentProps();
     loadRules();
     const modelValue = vue.computed({
@@ -177,6 +170,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         props.model[props.field] = val;
       }
     });
+    vue.watch(
+      () => props.model,
+      () => {
+        loadComponentProps();
+        loadRules();
+      },
+      { deep: true }
+    );
     const isHidden = vue.computed(() => {
       if (typeof props.config.hidden === "function") {
         return props.config.hidden({
@@ -492,6 +493,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           const addInputProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
           return vue.h(index.JkyAddInput, addInputProps, _componentSlotsObj);
         }
+        // 联动下拉框
+        case "linked-select":
+          return vue.h(LinkedSelect_vue_vue_type_script_setup_true_lang.default, {
+            "config": props.config.config,
+            "modelValue": modelValue.value,
+            "disabled": props.disabled,
+            "componentProps": componentProps.value,
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            }
+          }, _componentSlotsObj);
         case "custom":
           return (_b = (_a = props.config).render) == null ? void 0 : _b.call(_a, commonProps);
         default:

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

@@ -0,0 +1,36 @@
+import { LinkedSelectConfig } from './types';
+interface Props {
+    config?: LinkedSelectConfig;
+    modelValue?: any[];
+    disabled?: boolean;
+    componentProps?: Record<string, any>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
+}>, {
+    modelValue: any[];
+    disabled: boolean;
+    config: LinkedSelectConfig;
+    componentProps: Record<string, any>;
+}, {}, {}, {}, 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

@@ -0,0 +1,161 @@
+"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 _hoisted_1 = { class: "flex gap-2" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyLinkedSelect"
+}), {
+  __name: "LinkedSelect",
+  props: {
+    config: { default: void 0 },
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    componentProps: { default: void 0 }
+  },
+  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 values = vue.ref(
+      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level) : Array.from({ length: level }, () => void 0)
+    );
+    function loadOptions(levelIndex, value) {
+      return __async(this, null, function* () {
+        var _a2;
+        if (!((_a2 = props.config) == null ? void 0 : _a2.getOptions) || levelIndex >= level) {
+          return;
+        }
+        loadingList.value[levelIndex] = true;
+        try {
+          const levelOptions = yield props.config.getOptions(levelIndex + 1, value);
+          optionsList.value[levelIndex] = levelOptions || [];
+        } catch (error) {
+          console.error("Failed to load linked select options:", error);
+          optionsList.value[levelIndex] = [];
+        } finally {
+          loadingList.value[levelIndex] = false;
+        }
+      });
+    }
+    function loadDisplayData() {
+      return __async(this, null, function* () {
+        for (let i = 0; i < level - 1; i++) {
+          if (values.value[i] !== void 0 && values.value[i] !== null) {
+            yield loadOptions(i + 1, values.value[i]);
+          }
+        }
+      });
+    }
+    function watchModelValue() {
+      vue.watch(
+        () => props.modelValue,
+        (newVal) => __async(null, null, function* () {
+          if (newVal && newVal.length > 0) {
+            values.value = [...newVal];
+            yield loadDisplayData();
+          }
+        }),
+        { deep: true }
+      );
+    }
+    function handleSelectChange(index, value) {
+      for (let i = index + 1; i < level; 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) {
+        loadOptions(index + 1, value);
+      }
+    }
+    vue.onMounted(() => {
+      var _a2;
+      watchModelValue();
+      loadDisplayData();
+      if ((_a2 = props.config) == null ? void 0 : _a2.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;
+          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]) || "请选择",
+            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,
+            loading: loadingList.value[index],
+            class: "flex-1 min-w-30"
+          }, { ref_for: true }, __props.componentProps, {
+            onChange: ($event) => handleSelectChange(index, $event)
+          }), {
+            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), {
+                  key: option.value,
+                  value: option.value,
+                  label: option.label,
+                  disabled: option.disabled
+                }, null, 8, ["value", "label", "disabled"]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
+        }), 128)),
+        vue.renderSlot(_ctx.$slots, "suffix")
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/form/LinkedSelect.vue2.js

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

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

@@ -1,5 +1,7 @@
 import { InstallWithSFC } from '../utils';
 import { default as Form } from './Form.vue';
-export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
+import { default as LinkedSelect } from './LinkedSelect.vue';
+export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, LinkedSelectConfig, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
 export declare const JkyForm: InstallWithSFC<typeof Form>;
+export declare const JkyLinkedSelect: InstallWithSFC<typeof LinkedSelect>;
 export default JkyForm;

package/dist/lib/form/index.js

@@ -2,7 +2,10 @@
 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 LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
 const withInstall = require("../utils/with-install.js");
 const JkyForm = withInstall.installWithSFC(Form_vue_vue_type_script_setup_true_lang.default);
+const JkyLinkedSelect = withInstall.installWithSFC(LinkedSelect_vue_vue_type_script_setup_true_lang.default);
 exports.JkyForm = JkyForm;
+exports.JkyLinkedSelect = JkyLinkedSelect;
 exports.default = JkyForm;

package/dist/lib/index.js

@@ -43,6 +43,7 @@ exports.JkyButton = index$3.JkyButton;
 exports.JkyButtonNav = index$4.JkyButtonNav;
 exports.JkyCodeMirrorEditor = index$5.JkyCodeMirrorEditor;
 exports.JkyForm = index$6.JkyForm;
+exports.JkyLinkedSelect = index$6.JkyLinkedSelect;
 exports.JkyMenu = index$7.JkyMenu;
 exports.JkyModal = index$8.JkyModal;
 exports.JkyPageHeader = index$9.JkyPageHeader;

package/dist/lib/package.json.js

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

package/dist/lib/page-table/ActionColumn.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<ActionColumnProps, {}, {},
     onClick?: ((button: ActionColumnButtonConfig, row: any, index: number) => any) | undefined;
 }>, {
     index: number;
-    row: any;
     config: ActionColumnConfig;
+    row: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/lib/page-table/ActionColumn.vue.js

@@ -88,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             disabled: button.disabled,
             icon: button.icon,
             plain: button.plain,
-            class: vue.normalizeClass(button.class),
+            class: vue.normalizeClass(["ml-0!", button.class]),
             text: "",
             onClick: ($event) => handleButtonClick(button)
           }, {

package/dist/lib/page-table/PageTable.vue.d.ts

@@ -2812,6 +2812,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     title: string;
     loading: boolean;
+    emptyText: string;
     toolbarButtonLimit: number;
     withCard: boolean;
     filterItems: import('./types').FilterItemConfig[];
@@ -2825,7 +2826,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     selectedRows: any[];
     border: boolean;
     stripe: boolean;
-    emptyText: string;
     formProps: Partial<import('../form').FormProps>;
     tableProps: Partial<import('element-plus').TableProps>;
     paginationProps: Partial<import('element-plus').PaginationProps>;

package/dist/lib/page-table-v2/PageTableV2.vue.d.ts

@@ -37,13 +37,13 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
 }>, {
     title: string;
     loading: boolean;
+    emptyText: string;
     toolbarButtonLimit: number;
     withCard: boolean;
     filterItems: import('../form').FormProps["items"];
     showSearchButton: boolean;
     searchText: string;
     resetText: string;
-    emptyText: string;
     formProps: Partial<import('../form').FormProps>;
     tableProps: Partial<import('element-plus').TableV2Props<any>>;
     autoSearchDelay: number;

package/dist/lib/style.css

@@ -1854,6 +1854,10 @@
     min-width: calc(var(--spacing) * 25);
   }
 
+  .min-w-30 {
+    min-width: calc(var(--spacing) * 30);
+  }
+
   .flex-1 {
     flex: 1;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.125",
+  "version": "0.0.127",
   "publishConfig": {
     "access": "public"
   },