jky-component-lib 0.0.123 → 0.0.125

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

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

@@ -104,6 +104,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,14 +132,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         componentProps.value = configProps;
       });
     }
+    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;
+      });
+    }
     watch(
       () => props.model,
       () => {
         loadComponentProps();
+        loadRules();
       },
       { deep: true }
     );
     loadComponentProps();
+    loadRules();
     const modelValue = computed({
       get: () => props.model[props.field],
       set: (val) => {
@@ -264,11 +294,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": {
@@ -508,7 +547,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 +564,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 +592,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["label", "prop", "class"]));
+      ]), 1040, ["label", "prop", "rules", "class"]));
     };
   }
 }));

package/dist/es/package.json.js

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

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,11 +70,17 @@ 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,
@@ -85,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             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;
@@ -2816,6 +2818,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     showSearchButton: boolean;
     searchText: string;
     resetText: string;
+    searchIcon: string;
+    resetIcon: string;
     selection: boolean;
     selectionColumn: import('./types').TableColumnConfig;
     selectedRows: any[];
@@ -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

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

@@ -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;

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

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

@@ -106,6 +106,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,14 +134,43 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         componentProps.value = configProps;
       });
     }
+    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;
+      });
+    }
     vue.watch(
       () => props.model,
       () => {
         loadComponentProps();
+        loadRules();
       },
       { deep: true }
     );
     loadComponentProps();
+    loadRules();
     const modelValue = vue.computed({
       get: () => props.model[props.field],
       set: (val) => {
@@ -266,11 +296,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": {
@@ -510,7 +549,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 +566,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 +594,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/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.125";
 exports.version = version;

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,11 +72,17 @@ 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,
@@ -87,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             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;
@@ -2816,6 +2818,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     showSearchButton: boolean;
     searchText: string;
     resetText: string;
+    searchIcon: string;
+    resetIcon: string;
     selection: boolean;
     selectionColumn: import('./types').TableColumnConfig;
     selectedRows: any[];
@@ -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/lib/page-table/PageTable.vue.js

@@ -63,6 +63,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     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: {},
@@ -390,14 +392,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             vue.createVNode(vue.unref(index.JkyForm), vue.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"])
@@ -507,7 +513,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                     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

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

@@ -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/lib/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;

package/package.json

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