jky-component-lib 0.0.123 → 0.0.126

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;
@@ -64,6 +64,8 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
             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/style.css

@@ -682,6 +682,38 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[ant-design--search-outlined\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1S492.1 112 412 112s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6M570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .icon-\[ant-design--sync-outlined\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M168 504.2c1-43.7 10-86.1 26.9-126c17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 0 1 755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 0 0 3 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92C282.7 92 96.3 275.6 92 503.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8m756 7.8h-60c-4.4 0-7.9 3.5-8 7.8c-1 43.7-10 86.1-26.9 126c-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 0 1 512.1 856a342.24 342.24 0 0 1-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 0 0-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 0 0-8-8.2'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[carbon--apple\] {
     width: 1em;
     height: 1em;
@@ -1822,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,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/amap/style3.css

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

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

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

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

@@ -57,6 +57,8 @@ 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");
+;/* empty css                   */
 const SelectTable_vue_vue_type_script_setup_true_lang = require("./SelectTable.vue.js");
 ;/* empty css                  */
 const _hoisted_1 = {
@@ -106,6 +108,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     const props = __props;
     const loading = vue.ref(false);
     const componentProps = vue.ref({});
+    const rules = vue.ref(null);
     function loadComponentProps() {
       return __async(this, null, function* () {
         const configProps = props.config.componentProps;
@@ -133,20 +136,49 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         componentProps.value = configProps;
       });
     }
-    vue.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 = vue.computed({
       get: () => props.model[props.field],
       set: (val) => {
         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({
@@ -266,11 +298,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           return vue.h(ElementPlus.ElAutocomplete, autocompleteProps, _componentSlotsObj);
         }
         case "datepicker":
-          return vue.h(ElementPlus.ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return vue.h(ElementPlus.ElDatePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "datetime-picker":
-          return vue.h(ElementPlus.ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return vue.h(ElementPlus.ElDatePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "time-picker":
-          return vue.h(ElementPlus.ElTimePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return vue.h(ElementPlus.ElTimePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始时间",
+            endPlaceholder: "结束时间"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "time-select":
           return vue.h(ElementPlus.ElTimeSelect, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
         case "radio-group": {
@@ -453,6 +494,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:
@@ -510,7 +562,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     return (_ctx, _cache) => {
       return isHidden.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1)) : __props.config.title && !__props.config.label ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.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]
@@ -526,10 +579,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           __props.config.help && !__props.config.help.tooltip ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderHelpText()), { key: 0 })) : vue.createCommentVNode("", true)
         ]),
         _: 1
-      }, 16, ["prop", "class", "style"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({
+      }, 16, ["prop", "rules", "class", "style"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.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]]
       }), vue.createSlots({
@@ -553,7 +607,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["label", "prop", "class"]));
+      ]), 1040, ["label", "prop", "rules", "class"]));
     };
   }
 }));

package/dist/lib/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/lib/form/LinkedSelect.vue.js

@@ -0,0 +1,146 @@
+"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"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const linkedSelectOptions = vue.ref([]);
+    const linkedSelectLoading = vue.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 }, () => []);
+          }
+        }
+      });
+    }
+    vue.onMounted(() => {
+      loadLinkedSelectOptions();
+    });
+    vue.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 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: ((_a = __props.config) == null ? void 0 : _a.level) || 1 }), (_, index) => {
+          var _a2, _b, _c, _d, _e, _f;
+          return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElSelect), vue.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: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(linkedSelectOptions.value[index] || [], (option) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.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)),
+        vue.renderSlot(_ctx.$slots, "suffix")
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

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

@@ -0,0 +1,5 @@
+"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");
+;/* empty css                   */
+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,11 @@
 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");
+;/* empty css                   */
 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.123";
+const version = "0.0.126";
 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

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const ElementPlus = require("element-plus");
-const _hoisted_1 = { 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__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyActionColumn"
 }), {
@@ -72,22 +72,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       }
       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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayButtons.value, (button) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayButtons.value, (button, i) => {
           return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElButton), {
-            key: button.label,
+            key: i,
             type: button.type || "primary",
             size: button.size || "small",
             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)
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(button.label), 1)
+              vue.createTextVNode(vue.toDisplayString(getButtonLabel(button)), 1)
             ]),
             _: 2
           }, 1032, ["type", "size", "disabled", "icon", "plain", "class", "onClick"]);
@@ -101,12 +107,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(collapsedButtons.value, (button) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.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: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(button.label), 1)
+                      vue.createTextVNode(vue.toDisplayString(getButtonLabel(button)), 1)
                     ]),
                     _: 2
                   }, 1032, ["disabled", "onClick"]);

package/dist/lib/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;