jky-component-lib 0.0.98 → 0.0.100

package/dist/lib/components.js

@@ -1,47 +1,50 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$1 = require("./add-input/index.js");
+const index$2 = require("./add-input/index.js");
 const index = require("./amap/index.js");
-const index$2 = require("./button/index.js");
-const index$3 = require("./button-nav/index.js");
-const index$4 = require("./code-mirror-editor/index.js");
-const index$5 = require("./form/index.js");
-const index$6 = require("./menu/index.js");
-const index$7 = require("./modal/index.js");
-const index$8 = require("./page-header/index.js");
-const index$9 = require("./page-layout/index.js");
-const index$a = require("./page-table/index.js");
+const index$3 = require("./button/index.js");
+const index$4 = require("./button-nav/index.js");
+const index$5 = require("./code-mirror-editor/index.js");
+const index$6 = require("./form/index.js");
+const index$7 = require("./menu/index.js");
+const index$8 = require("./modal/index.js");
+const index$9 = require("./page-header/index.js");
+const index$a = require("./page-layout/index.js");
+const index$1 = require("./page-table/index.js");
 const index$b = require("./rich-editor/index.js");
 const index$c = require("./say-hello/index.js");
 const index$d = require("./tabs/index.js");
 const components = [
   index$c.JkySayHello,
-  index$2.JkyButton,
-  index$3.JkyButtonNav,
-  index$8.JkyPageHeader,
-  index$6.JkyMenu,
-  index$5.JkyForm,
-  index$4.JkyCodeMirrorEditor,
-  index$1.JkyAddInput,
+  index$3.JkyButton,
+  index$4.JkyButtonNav,
+  index$9.JkyPageHeader,
+  index$7.JkyMenu,
+  index$6.JkyForm,
+  index$5.JkyCodeMirrorEditor,
+  index$2.JkyAddInput,
   index$b.JkyRichEditor,
-  index$a.JkyPageTable,
-  index$9.JkyPageLayout,
+  index$1.JkyPageTable,
+  index$a.JkyPageLayout,
   index$d.JkyTabs,
-  index$7.JkyModal,
+  index$8.JkyModal,
   index.JkyAMap
 ];
-exports.JkyAddInput = index$1.JkyAddInput;
+exports.JkyAddInput = index$2.JkyAddInput;
 exports.JkyAMap = index.JkyAMap;
 exports.JkyAMarker = index.JkyAMarker;
-exports.JkyButton = index$2.JkyButton;
-exports.JkyButtonNav = index$3.JkyButtonNav;
-exports.JkyCodeMirrorEditor = index$4.JkyCodeMirrorEditor;
-exports.JkyForm = index$5.JkyForm;
-exports.JkyMenu = index$6.JkyMenu;
-exports.JkyModal = index$7.JkyModal;
-exports.JkyPageHeader = index$8.JkyPageHeader;
-exports.JkyPageLayout = index$9.JkyPageLayout;
-exports.JkyPageTable = index$a.JkyPageTable;
+exports.JkyATrackPlayback = index.JkyATrackPlayback;
+exports.JkyButton = index$3.JkyButton;
+exports.JkyButtonNav = index$4.JkyButtonNav;
+exports.JkyCodeMirrorEditor = index$5.JkyCodeMirrorEditor;
+exports.JkyForm = index$6.JkyForm;
+exports.JkyMenu = index$7.JkyMenu;
+exports.JkyModal = index$8.JkyModal;
+exports.JkyPageHeader = index$9.JkyPageHeader;
+exports.JkyPageLayout = index$a.JkyPageLayout;
+exports.JkyActionColumn = index$1.JkyActionColumn;
+exports.JkyPageTable = index$1.JkyPageTable;
+exports.JkyPageTableColumn = index$1.JkyPageTableColumn;
 exports.JkyRichEditor = index$b.JkyRichEditor;
 exports.JkySayHello = index$c.JkySayHello;
 exports.JkyTabs = index$d.JkyTabs;

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

@@ -1,7 +1,6 @@
 import { FormProps } from './types';
 type __VLS_Props = FormProps;
 declare function validate(callback?: (isValid: boolean, invalidFields?: any) => void): Promise<boolean>;
-declare function resetFields(): void;
 declare function clearValidate(props?: any): void;
 declare function getFormInstance(): ({
     $: import('vue').ComponentInternalInstance;
@@ -107,10 +106,9 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     validate: typeof validate;
-    resetFields: typeof resetFields;
     clearValidate: typeof clearValidate;
     getFormInstance: typeof getFormInstance;
-    formRef: globalThis.Ref<({
+    form: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -208,105 +206,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $slots: {
             default?: (props: {}) => any;
         };
-    }) | undefined, ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly model?: Record<string, any> | undefined;
-            readonly rules?: import('element-plus').FormRules | undefined;
-            readonly labelPosition?: "left" | "right" | "top" | undefined;
-            readonly requireAsteriskPosition?: "left" | "right" | undefined;
-            readonly labelWidth?: string | number | undefined;
-            readonly labelSuffix?: string | undefined;
-            readonly inline?: boolean | undefined;
-            readonly inlineMessage?: boolean | undefined;
-            readonly statusIcon?: boolean | undefined;
-            readonly showMessage?: boolean | undefined;
-            readonly validateOnRuleChange?: boolean | undefined;
-            readonly hideRequiredAsterisk?: boolean | undefined;
-            readonly scrollToError?: boolean | undefined;
-            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
-            readonly size?: import('element-plus').ComponentSize | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: globalThis.Slot | undefined;
-        }>;
-        $root: ComponentPublicInstance | null;
-        $parent: ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }>, {
-            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-            clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-            scrollToField: (prop: import('element-plus').FormItemProp) => void;
-            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-            setInitialValues: (initModel: Record<string, any>) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-        }, string, {
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        labelWidth: string | number;
-        labelPosition: "left" | "right" | "top";
-        requireAsteriskPosition: "left" | "right";
-        labelSuffix: string;
-        showMessage: boolean;
-        validateOnRuleChange: boolean;
-    }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
-        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
-        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-        validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-        resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-        clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-        scrollToField: (prop: import('element-plus').FormItemProp) => void;
-        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-        setInitialValues: (initModel: Record<string, any>) => void;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?: (props: {}) => any;
-        };
-    }) | undefined>;
+    }) | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Record<string, any>) => any;
     change: (value: Record<string, any>) => any;
@@ -327,11 +227,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
 }>, {
     size: import('element-plus').ComponentSize;
+    disabled: boolean;
     grid: import('./types').GridConfig;
     inline: boolean;
     labelPosition: "left" | "right" | "top";
     labelWidth: string | number;
-    showTitle: boolean;
     gutter: number;
     defaultSpan: number;
     responsive: boolean;
@@ -340,6 +240,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     footerClass: string;
     submitText: string;
     cancelText: string;
+    submitDisabled: boolean;
+    cancelDisabled: boolean;
     showCount: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({

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

@@ -18,18 +18,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -55,10 +43,6 @@ const vue = require("vue");
 const ElementPlus = require("element-plus");
 const FormItem_vue_vue_type_script_setup_true_lang = require("./FormItem.vue.js");
 ;/* empty css               */
-const _hoisted_1 = {
-  key: 0,
-  class: "jky-form__title mb-4 text-xl font-semibold"
-};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyForm",
   inheritAttrs: false
@@ -67,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
   props: /* @__PURE__ */ vue.mergeModels({
     modelValue: {},
     items: {},
-    showTitle: { type: Boolean, default: false },
+    showTitle: { type: Boolean },
     title: {},
     gutter: { default: 0 },
     defaultSpan: { default: 24 },
@@ -75,14 +59,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     grid: { type: [Boolean, Object], default: false },
     className: {},
     readonly: { type: Boolean },
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: false },
     watchDeep: { type: Boolean, default: true },
     showFooter: { type: Boolean, default: true },
     footerClass: { default: "" },
     submitText: { default: "提交" },
     cancelText: { default: "取消" },
-    submitDisabled: { type: Boolean },
-    cancelDisabled: { type: Boolean },
+    submitDisabled: { type: Boolean, default: false },
+    cancelDisabled: { type: Boolean, default: false },
     showCount: { default: 999 },
     onValidate: {},
     onSubmit: {},
@@ -113,50 +97,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     const modelValue = vue.useModel(__props, "modelValue");
     vue.provide("formModel", modelValue);
     const formRef = vue.ref();
-    const attrs = vue.useAttrs();
-    const JKY_FORM_PROPS = [
-      "modelValue",
-      "items",
-      "showTitle",
-      "title",
-      "gutter",
-      "defaultSpan",
-      "responsive",
-      "readonly",
-      "disabled",
-      "watchDeep",
-      "showFooter",
-      "footerClass",
-      "submitText",
-      "cancelText",
-      "submitDisabled",
-      "cancelDisabled",
-      "onValidate",
-      "onSubmit",
-      "onReset",
-      "grid",
-      "showCount"
-    ];
-    const elFormProps = vue.computed(() => {
-      const formProps = Object.fromEntries(
-        Object.entries(props).filter(([key]) => !JKY_FORM_PROPS.includes(key))
-      );
-      const _a = attrs, { class: _, style } = _a, restAttrs = __objRest(_a, ["class", "style"]);
-      return __spreadValues(__spreadValues({ class: props.className || attrs.className || "" }, formProps), restAttrs);
-    });
-    const formClass = vue.computed(() => {
-      return [
-        "jky-form",
-        attrs.class
-      ].filter(Boolean).join(" ");
-    });
-    const _elFormClass = vue.computed(() => {
-      const classes = [];
-      if (props.inline && props.grid) {
-        classes.push("jky-form--grid");
+    const showAllItems = vue.ref(false);
+    const _visibleItems = vue.computed(() => {
+      if (!props.items || props.items.length <= props.showCount) {
+        return props.items;
+      }
+      if (showAllItems.value) {
+        return props.items;
       }
-      return [...classes, props.className || attrs.className || ""];
+      return props.items.slice(0, props.showCount);
     });
+    const _showMoreButton = vue.computed(() => {
+      return props.items && props.items.length > props.showCount;
+    });
+    function toggleShowMore() {
+      showAllItems.value = !showAllItems.value;
+    }
     const _gridStyle = vue.computed(() => {
       if (!props.inline || !props.grid || typeof props.grid === "boolean") {
         return {};
@@ -171,22 +127,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       });
       return style;
     });
-    const showAllItems = vue.ref(false);
-    const visibleItems = vue.computed(() => {
-      if (!props.items || props.items.length <= props.showCount) {
-        return props.items;
-      }
-      if (showAllItems.value) {
-        return props.items;
-      }
-      return props.items.slice(0, props.showCount);
-    });
-    const showMoreButton = vue.computed(() => {
-      return props.items && props.items.length > props.showCount;
-    });
-    function toggleShowMore() {
-      showAllItems.value = !showAllItems.value;
-    }
     vue.watch(
       () => props.modelValue,
       (newVal, oldVal) => {
@@ -211,12 +151,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         }
       });
     }
-    function resetFields() {
-      var _a, _b;
-      (_a = formRef.value) == null ? void 0 : _a.resetFields();
-      emit("reset");
-      (_b = props.onReset) == null ? void 0 : _b.call(props);
-    }
     function clearValidate(props2) {
       var _a;
       (_a = formRef.value) == null ? void 0 : _a.clearValidate(props2);
@@ -226,11 +160,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     }
     function handleSubmit() {
       return __async(this, null, function* () {
-        var _a, _b;
+        var _a;
         try {
           yield (_a = formRef.value) == null ? void 0 : _a.validate();
           emit("submit", __spreadValues({}, modelValue.value));
-          (_b = props.onSubmit) == null ? void 0 : _b.call(props, __spreadValues({}, modelValue.value));
         } catch (error) {
           emit("validate", { valid: false, fields: error.fields });
         }
@@ -239,85 +172,87 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     function handleCancel() {
       resetFields();
     }
+    function resetFields() {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.resetFields();
+      emit("reset");
+    }
     __expose({
       validate,
-      resetFields,
       clearValidate,
       getFormInstance,
-      formRef
+      get form() {
+        return formRef.value;
+      }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(formClass.value)
-      }, [
-        __props.showTitle && __props.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(ElementPlus.ElForm), vue.mergeProps({
-          ref_key: "formRef",
-          ref: formRef
-        }, elFormProps.value, {
-          model: modelValue.value,
-          class: _elFormClass.value,
-          style: _gridStyle.value
-        }), {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item) => {
-              return vue.openBlock(), vue.createBlock(FormItem_vue_vue_type_script_setup_true_lang.default, {
-                key: item.field,
-                field: item.field,
-                config: item,
-                model: modelValue.value,
-                readonly: __props.readonly,
-                disabled: __props.disabled
-              }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
-            }), 128)),
-            showMoreButton.value || props.showFooter ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), {
-              key: 0,
-              "label-width": 0
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["w-full flex gap-2", [props.grid && props.inline ? "justify-center" : "justify-end", props.footerClass]])
-                }, [
-                  showMoreButton.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElButton), {
-                    key: 0,
+      const _component_ElButton = vue.resolveComponent("ElButton");
+      const _component_ElFormItem = vue.resolveComponent("ElFormItem");
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElForm), {
+        ref_key: "formRef",
+        ref: formRef,
+        class: vue.normalizeClass(["jky-form", [__props.inline && "jky-form--inline", __props.grid && "jky-form--grid"]]),
+        model: modelValue.value,
+        style: vue.normalizeStyle(_gridStyle.value)
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_visibleItems.value, (item) => {
+            return vue.openBlock(), vue.createBlock(FormItem_vue_vue_type_script_setup_true_lang.default, {
+              key: item.field,
+              field: item.field,
+              config: item,
+              model: modelValue.value,
+              readonly: __props.readonly,
+              disabled: __props.disabled
+            }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
+          }), 128)),
+          _showMoreButton.value || props.showFooter ? (vue.openBlock(), vue.createBlock(_component_ElFormItem, {
+            key: 0,
+            "label-width": 0
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["w-full flex gap-2", [props.grid && props.inline ? "justify-center" : "justify-end", props.footerClass]])
+              }, [
+                _showMoreButton.value ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
+                  key: 0,
+                  type: "primary",
+                  onClick: toggleShowMore
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(showAllItems.value ? "收起" : `展开 (${props.items.length - props.showCount})`), 1)
+                  ]),
+                  _: 1
+                })) : vue.createCommentVNode("", true),
+                props.showFooter ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createVNode(_component_ElButton, {
+                    disabled: __props.cancelDisabled || __props.disabled,
+                    onClick: handleCancel
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(__props.cancelText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"]),
+                  vue.createVNode(_component_ElButton, {
                     type: "primary",
-                    onClick: toggleShowMore
+                    disabled: __props.submitDisabled || __props.disabled,
+                    loading: false,
+                    onClick: handleSubmit
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(showAllItems.value ? "收起" : `展开 (${props.items.length - props.showCount})`), 1)
+                      vue.createTextVNode(vue.toDisplayString(__props.submitText), 1)
                     ]),
                     _: 1
-                  })) : vue.createCommentVNode("", true),
-                  props.showFooter ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createVNode(vue.unref(ElementPlus.ElButton), {
-                      disabled: __props.cancelDisabled || __props.disabled,
-                      onClick: handleCancel
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(__props.cancelText), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["disabled"]),
-                    vue.createVNode(vue.unref(ElementPlus.ElButton), {
-                      type: "primary",
-                      disabled: __props.submitDisabled || __props.disabled,
-                      loading: false,
-                      onClick: handleSubmit
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(__props.submitText), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["disabled"])
-                  ], 64)) : vue.createCommentVNode("", true)
-                ], 2)
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 16, ["model", "class", "style"])
-      ], 2);
+                  }, 8, ["disabled"])
+                ], 64)) : vue.createCommentVNode("", true)
+              ], 2)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "model", "style"]);
     };
   }
 }));

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

@@ -368,7 +368,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         }
         // 表格选择器
         case "select-table":
-          return vue.h(SelectTable_vue_vue_type_script_setup_true_lang.default, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
+          return vue.h(SelectTable_vue_vue_type_script_setup_true_lang.default, __spreadProps(__spreadValues(__spreadValues({}, commonProps), componentProps.value), {
+            labelWidth: formItemProps.value.labelWidth
+          }));
         case "rate":
           return vue.h(ElementPlus.ElRate, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
         case "input-number": {

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

@@ -44,7 +44,6 @@ const ElementPlus = require("element-plus");
 const index = require("../page-table/index.js");
 const _hoisted_1 = { class: "jky-select-table" };
 const _hoisted_2 = { class: "jky-select-table__tags" };
-const _hoisted_3 = { class: "jky-select-table__dropdown" };
 const __default__ = {
   name: "JkySelectTable"
 };
@@ -173,6 +172,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         selectedRows: selectedRows.value
       });
     });
+    const _tableOffsetStyle = vue.computed(() => {
+      const labelWidth = props.labelWidth || 100;
+      const width = typeof labelWidth === "number" ? `${labelWidth}px` : labelWidth;
+      return {
+        transform: `translateX(-${width})`
+      };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
@@ -201,13 +207,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             _: 1
           })) : vue.createCommentVNode("", true)
         ]),
-        vue.withDirectives(vue.createElementVNode("div", _hoisted_3, [
-          vue.createVNode(vue.unref(index.JkyPageTable), vue.mergeProps(pageTableProps.value, {
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: "jky-select-table__dropdown w-full",
+          style: vue.normalizeStyle(_tableOffsetStyle.value)
+        }, [
+          vue.createVNode(vue.unref(index.JkyPageTable), vue.mergeProps({ class: "w-full" }, pageTableProps.value, {
             selection: true,
             "selected-rows": selectedRows.value,
             onSelectionChange: handleSelectionChange
           }), null, 16, ["selected-rows"])
-        ], 512), [
+        ], 4), [
           [vue.vShow, showTable.value]
         ])
       ]);

package/dist/lib/form/style.css

@@ -1,4 +1,4 @@
-:root {
+.jky-form, :root {
   /* 表单组件间距 */
   /* --jky-form-item-gap: 12px; */
   --jky-form-item-border-width: 4px;
@@ -67,23 +67,3 @@
     grid-template-columns: repeat(var(--jky-form-grid-cols-3xl, var(--jky-form-grid-cols-2xl)), minmax(0, 1fr));
 }
 }
-.jky-form__title {
-  /* 表单标题样式 */
-}
-
-
-/* FormItem 组件样式 */
-.jky-form-item {
-  /* 表单项容器样式 */
-}
-.jky-form-item--no-label {
-  /* 表单项标题样式（无 label 时） */
-  /* border-left: var(--jky-form-item-border-width) solid var(--jky-form-item-border-color); */
-  /* background-color: var(--jky-form-item-bg-color); */
-  /* padding-left: var(--jky-form-item-border-width); */
-}
-.jky-form-item__title {
-  /* 表单项标题样式（无 label 时） */
-}
-.jky-form-item__title--no-label {
-}