jky-component-lib 0.0.123 → 0.0.126

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,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/amap/style3.css

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

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/Form.vue.js

@@ -57,6 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     footerClass: { default: "" },
     submitText: { default: "提交" },
     cancelText: { default: "取消" },
+    submitIcon: {},
+    cancelIcon: {},
     submitDisabled: { type: Boolean, default: false },
     cancelDisabled: { type: Boolean, default: false },
     showCount: { default: 999 },
@@ -218,7 +220,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                       onClick: handleCancel
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.cancelText), 1)
+                        props.cancelIcon ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass([props.cancelIcon, "mr-2"])
+                        }, null, 2)) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(__props.cancelText), 1)
                       ]),
                       _: 1
                     }, 8, ["disabled"]),
@@ -229,7 +235,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                       onClick: handleSubmit
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.submitText), 1)
+                        props.submitIcon ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass([props.submitIcon, "mr-2"])
+                        }, null, 2)) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(__props.submitText), 1)
                       ]),
                       _: 1
                     }, 8, ["disabled"])

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

@@ -49,13 +49,15 @@ 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";
+/* empty css                  */
+import _sfc_main$2 from "./SelectTable.vue.js";
 /* empty css                 */
 const _hoisted_1 = {
   key: 0,
@@ -104,6 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const props = __props;
     const loading = ref(false);
     const componentProps = ref({});
+    const rules = ref(null);
     function loadComponentProps() {
       return __async(this, null, function* () {
         const configProps = props.config.componentProps;
@@ -131,20 +134,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         componentProps.value = configProps;
       });
     }
-    watch(
-      () => props.model,
-      () => {
-        loadComponentProps();
-      },
-      { deep: true }
-    );
+    function loadRules() {
+      return __async(this, null, function* () {
+        const configRules = props.config.rules;
+        if (!configRules) {
+          rules.value = null;
+          return;
+        }
+        if (typeof configRules === "function") {
+          loading.value = true;
+          try {
+            const result = yield configRules({
+              model: props.model,
+              field: props.field,
+              $form: props.model
+            });
+            rules.value = result || null;
+          } catch (error) {
+            console.error("Failed to load rules:", error);
+            rules.value = null;
+          } finally {
+            loading.value = false;
+          }
+          return;
+        }
+        rules.value = configRules;
+      });
+    }
     loadComponentProps();
+    loadRules();
     const modelValue = computed({
       get: () => props.model[props.field],
       set: (val) => {
         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({
@@ -264,11 +296,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           return h(ElAutocomplete, autocompleteProps, _componentSlotsObj);
         }
         case "datepicker":
-          return h(ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return h(ElDatePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "datetime-picker":
-          return h(ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return h(ElDatePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "time-picker":
-          return h(ElTimePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return h(ElTimePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始时间",
+            endPlaceholder: "结束时间"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "time-select":
           return h(ElTimeSelect, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
         case "radio-group": {
@@ -381,7 +422,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":
@@ -451,6 +492,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:
@@ -508,7 +560,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     return (_ctx, _cache) => {
       return isHidden.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : __props.config.title && !__props.config.label ? (openBlock(), createBlock(unref(ElFormItem), mergeProps({
         key: 1,
-        prop: __props.field
+        prop: __props.field,
+        rules: rules.value
       }, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
         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]],
         style: [__props.config.customStyle]
@@ -524,10 +577,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           __props.config.help && !__props.config.help.tooltip ? (openBlock(), createBlock(resolveDynamicComponent(renderHelpText()), { key: 0 })) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 16, ["prop", "class", "style"])) : (openBlock(), createBlock(unref(ElFormItem), mergeProps({
+      }, 16, ["prop", "rules", "class", "style"])) : (openBlock(), createBlock(unref(ElFormItem), mergeProps({
         key: 2,
         label: __props.config.label,
-        prop: __props.field
+        prop: __props.field,
+        rules: rules.value
       }, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
         class: ["jky-form-item", [__props.config.class]]
       }), createSlots({
@@ -551,7 +605,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["label", "prop", "class"]));
+      ]), 1040, ["label", "prop", "rules", "class"]));
     };
   }
 }));

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

@@ -0,0 +1,34 @@
+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;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((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,146 @@
+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, watch, openBlock, createElementBlock, renderSlot, Fragment, renderList, createBlock, unref, mergeProps, withCtx } from "vue";
+import { ElSelect } 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"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const linkedSelectOptions = ref([]);
+    const linkedSelectLoading = ref([]);
+    function loadLinkedSelectOptions() {
+      return __async(this, null, function* () {
+        if (!props.config) {
+          return;
+        }
+        const level = props.config.level || 1;
+        linkedSelectLoading.value = Array.from({ length: level }, () => false);
+        if (props.config.getAllOptions) {
+          try {
+            const allOptions = yield props.config.getAllOptions(props.modelValue);
+            linkedSelectOptions.value = allOptions;
+          } catch (error) {
+            console.error("Failed to load linked select options:", error);
+            linkedSelectOptions.value = Array.from({ length: level }, () => []);
+          }
+          return;
+        }
+        if (props.config.getOptions) {
+          try {
+            const options = [];
+            for (let i = 0; i < level; i++) {
+              linkedSelectLoading.value[i] = true;
+              const levelOptions = yield props.config.getOptions(i + 1, props.modelValue || []);
+              options.push(levelOptions);
+              linkedSelectLoading.value[i] = false;
+            }
+            linkedSelectOptions.value = options;
+          } catch (error) {
+            console.error("Failed to load linked select options:", error);
+            linkedSelectOptions.value = Array.from({ length: level }, () => []);
+          }
+        }
+      });
+    }
+    onMounted(() => {
+      loadLinkedSelectOptions();
+    });
+    watch(
+      () => props.modelValue,
+      () => {
+        loadLinkedSelectOptions();
+      },
+      { deep: true }
+    );
+    function handleValueChange(index, val) {
+      const newValue = Array.isArray(props.modelValue) ? [...props.modelValue] : [];
+      newValue[index] = val;
+      emit("update:modelValue", newValue);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "prefix"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: ((_a = __props.config) == null ? void 0 : _a.level) || 1 }), (_, index) => {
+          var _a2, _b, _c, _d, _e, _f;
+          return openBlock(), createBlock(unref(ElSelect), mergeProps({
+            key: index,
+            "model-value": Array.isArray(__props.modelValue) ? __props.modelValue[index] : void 0,
+            placeholder: ((_b = (_a2 = __props.config) == null ? void 0 : _a2.placeholders) == null ? void 0 : _b[index]) || "请选择",
+            disabled: __props.disabled,
+            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: linkedSelectLoading.value[index],
+            class: "flex-1 min-w-30"
+          }, { ref_for: true }, __props.componentProps, {
+            "onUpdate:modelValue": ($event) => handleValueChange(index, $event)
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(linkedSelectOptions.value[index] || [], (option) => {
+                return openBlock(), createBlock(unref(ElSelect).Option, {
+                  key: option.value,
+                  value: option.value,
+                  label: option.label,
+                  disabled: option.disabled
+                }, null, 8, ["value", "label", "disabled"]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1040, ["model-value", "placeholder", "disabled", "filterable", "clearable", "loading", "onUpdate:modelValue"]);
+        }), 128)),
+        renderSlot(_ctx.$slots, "suffix")
+      ]);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./LinkedSelect.vue.js";
+/* empty css                  */
+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,12 @@
 import _sfc_main from "./Form.vue.js";
 /* empty css          */
+import _sfc_main$1 from "./LinkedSelect.vue.js";
+/* empty css                  */
 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.123";
+const version = "0.0.126";
 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

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createVNode, createElementVNode, createCommentVNode } from "vue";
 import { ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
-const _hoisted_1 = { class: "jky-action-column flex gap-2 items-center" };
+const _hoisted_1 = { class: "jky-action-column flex items-center justify-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyActionColumn"
 }), {
@@ -70,22 +70,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }
       emit("click", button, props.row, props.index);
     }
+    function getButtonLabel(button) {
+      if (typeof button.label === "function") {
+        return button.label(props.row, props.index);
+      }
+      return button.label;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(displayButtons.value, (button) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(displayButtons.value, (button, i) => {
           return openBlock(), createBlock(unref(ElButton), {
-            key: button.label,
+            key: i,
             type: button.type || "primary",
             size: button.size || "small",
             disabled: button.disabled,
             icon: button.icon,
             plain: button.plain,
-            class: normalizeClass(button.class),
+            class: normalizeClass(["ml-0!", button.class]),
             text: "",
             onClick: ($event) => handleButtonClick(button)
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(button.label), 1)
+              createTextVNode(toDisplayString(getButtonLabel(button)), 1)
             ]),
             _: 2
           }, 1032, ["type", "size", "disabled", "icon", "plain", "class", "onClick"]);
@@ -99,12 +105,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(collapsedButtons.value, (button) => {
                   return openBlock(), createBlock(unref(ElDropdownItem), {
-                    key: button.label,
+                    key: typeof button.label === "function" ? button.label(__props.row, __props.index) : button.label,
                     disabled: button.disabled,
                     onClick: ($event) => handleButtonClick(button)
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(button.label), 1)
+                      createTextVNode(toDisplayString(getButtonLabel(button)), 1)
                     ]),
                     _: 2
                   }, 1032, ["disabled", "onClick"]);

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

@@ -29,6 +29,8 @@ declare function __VLS_template(): {
                 readonly footerClass?: string | undefined;
                 readonly submitText?: string | undefined;
                 readonly cancelText?: string | undefined;
+                readonly submitIcon?: string | undefined;
+                readonly cancelIcon?: string | undefined;
                 readonly submitDisabled?: boolean | undefined;
                 readonly cancelDisabled?: boolean | undefined;
                 readonly showCount?: number | undefined;
@@ -2810,18 +2812,20 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     title: string;
     loading: boolean;
+    emptyText: string;
     toolbarButtonLimit: number;
     withCard: boolean;
     filterItems: import('./types').FilterItemConfig[];
     showSearchButton: boolean;
     searchText: string;
     resetText: string;
+    searchIcon: string;
+    resetIcon: string;
     selection: boolean;
     selectionColumn: import('./types').TableColumnConfig;
     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>;
@@ -2843,6 +2847,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly footerClass?: string | undefined;
             readonly submitText?: string | undefined;
             readonly cancelText?: string | undefined;
+            readonly submitIcon?: string | undefined;
+            readonly cancelIcon?: string | undefined;
             readonly submitDisabled?: boolean | undefined;
             readonly cancelDisabled?: boolean | undefined;
             readonly showCount?: number | undefined;

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

@@ -61,6 +61,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     showSearchButton: { type: Boolean, default: true },
     searchText: { default: "查询" },
     resetText: { default: "重置" },
+    searchIcon: { default: "icon-[ant-design--search-outlined]" },
+    resetIcon: { default: "icon-[ant-design--sync-outlined]" },
     selection: { type: Boolean, default: false },
     selectionColumn: { default: () => ({}) },
     selectable: {},
@@ -388,14 +390,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             createVNode(unref(JkyForm), mergeProps({
               ref_key: "formRef",
               ref: formRef
-            }, __spreadValues({ inline: true }, __props.formProps), {
+            }, __spreadValues({
+              inline: true,
+              submitText: props.searchText,
+              cancelText: props.resetText,
+              submitIcon: props.searchIcon,
+              cancelIcon: props.resetIcon
+            }, __props.formProps), {
               modelValue: form.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value = $event),
               "show-footer": true,
               items: __props.filterItems,
               disabled: isLoading.value,
-              "submit-text": "搜索",
-              "cancel-text": "重置",
               onReset: handleReset,
               onSubmit: handleSearch
             }), null, 16, ["modelValue", "items", "disabled"])
@@ -505,7 +511,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                     layout: ((_b2 = pagination.value) == null ? void 0 : _b2.layout) || "total, sizes, prev, pager, next, jumper",
                     "show-size-picker": (_d = (_c2 = pagination.value) == null ? void 0 : _c2.showSizePicker) != null ? _d : true,
                     "show-total": (_f = (_e = pagination.value) == null ? void 0 : _e.showTotal) != null ? _f : true,
-                    "show-jumper": (_h = (_g = pagination.value) == null ? void 0 : _g.showJumper) != null ? _h : true
+                    "show-jumper": (_h = (_g = pagination.value) == null ? void 0 : _g.showJumper) != null ? _h : true,
+                    class: "justify-end"
                   }, __props.paginationProps, {
                     onSizeChange: handlePageSizeChange,
                     onCurrentChange: handlePageChange