jky-component-lib 0.0.64 → 0.0.67

package/dist/es/tabs/useTabsStore.js

@@ -0,0 +1,208 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import { defineStore } from "pinia";
+import { ref, shallowRef, computed, inject } from "vue";
+const PERSIST_KEY_SYMBOL = Symbol("jky-tabs-persist-key");
+const DEFAULT_PERSIST_KEY = "jky-tabs-state";
+function getPersistConfig(persist, persistKey) {
+  const injectedPersistKey = inject(PERSIST_KEY_SYMBOL, void 0);
+  const finalPersistKey = injectedPersistKey || persistKey || DEFAULT_PERSIST_KEY;
+  return {
+    enabled: persist !== void 0 ? persist : false,
+    key: finalPersistKey
+  };
+}
+function loadFromStorage(key) {
+  try {
+    const stored = localStorage.getItem(key);
+    if (stored) {
+      return JSON.parse(stored);
+    }
+  } catch (error) {
+    console.warn("Failed to load tabs from storage:", error);
+  }
+  return null;
+}
+function saveToStorage(key, data) {
+  try {
+    localStorage.setItem(key, JSON.stringify(data));
+  } catch (error) {
+    console.warn("Failed to save tabs to storage:", error);
+  }
+}
+function createTabsStore(persist, persistKey) {
+  const persistConfig = getPersistConfig(persist, persistKey);
+  const initialData = persistConfig.enabled ? loadFromStorage(persistConfig.key) : null;
+  const store = defineStore("jky-tabs", () => {
+    const tabList = ref((initialData == null ? void 0 : initialData.tabList) || []);
+    const activeTab = ref((initialData == null ? void 0 : initialData.activeTab) || "");
+    const cacheTabs = shallowRef((initialData == null ? void 0 : initialData.cacheTabs) || []);
+    const closedTabs = shallowRef((initialData == null ? void 0 : initialData.closedTabs) || []);
+    const cacheSet = computed(() => new Set(cacheTabs.value));
+    const closedSet = computed(() => new Set(closedTabs.value));
+    function persistState() {
+      if (!persistConfig.enabled)
+        return;
+      saveToStorage(persistConfig.key, {
+        tabList: tabList.value,
+        activeTab: activeTab.value,
+        cacheTabs: cacheTabs.value,
+        closedTabs: closedTabs.value
+      });
+    }
+    function addTab(tab) {
+      const index = tabList.value.findIndex((t) => t.name === tab.name);
+      if (index !== -1) {
+        tabList.value[index] = __spreadValues(__spreadValues({}, tabList.value[index]), tab);
+      } else {
+        tabList.value.push(tab);
+      }
+      persistState();
+    }
+    function updateTab(name, tab) {
+      const index = tabList.value.findIndex((t) => t.name === name);
+      if (index !== -1) {
+        tabList.value[index] = __spreadValues(__spreadValues({}, tabList.value[index]), tab);
+        persistState();
+      }
+    }
+    function removeTab(name) {
+      const index = tabList.value.findIndex((t) => t.name === name);
+      if (index !== -1) {
+        tabList.value.splice(index, 1);
+        removeCache(name);
+        if (activeTab.value === name && tabList.value.length > 0) {
+          const nextTab = tabList.value[index] || tabList.value[index - 1];
+          if (nextTab) {
+            activeTab.value = nextTab.name;
+          }
+        }
+        persistState();
+      }
+    }
+    function setActiveTab(name) {
+      activeTab.value = name;
+      persistState();
+    }
+    function addCache(name) {
+      if (!cacheSet.value.has(name)) {
+        cacheTabs.value = [...cacheTabs.value, name];
+        persistState();
+      }
+    }
+    function removeCache(name) {
+      cacheTabs.value = cacheTabs.value.filter((t) => t !== name);
+      persistState();
+    }
+    function bulkRemove(names) {
+      tabList.value = tabList.value.filter((tab) => !names.includes(tab.name));
+      names.forEach((name) => removeCache(name));
+      persistState();
+    }
+    function closeLeft(name) {
+      const index = tabList.value.findIndex((t) => t.name === name);
+      if (index > 0) {
+        const leftTabs = tabList.value.slice(0, index);
+        const removableTabs = leftTabs.filter((tab) => !tab.affix);
+        bulkRemove(removableTabs.map((tab) => tab.name));
+      }
+    }
+    function closeRight(name) {
+      const index = tabList.value.findIndex((t) => t.name === name);
+      if (index >= 0 && index < tabList.value.length - 1) {
+        const rightTabs = tabList.value.slice(index + 1);
+        const removableTabs = rightTabs.filter((tab) => !tab.affix);
+        bulkRemove(removableTabs.map((tab) => tab.name));
+      }
+    }
+    function closeOther(name) {
+      const removableTabs = tabList.value.filter(
+        (tab) => tab.name !== name && !tab.affix
+      );
+      bulkRemove(removableTabs.map((tab) => tab.name));
+    }
+    function closeAll() {
+      const removableTabs = tabList.value.filter((tab) => !tab.affix);
+      bulkRemove(removableTabs.map((tab) => tab.name));
+    }
+    function refresh(name) {
+      removeCache(name);
+      setTimeout(() => {
+        addCache(name);
+      }, 0);
+    }
+    function getTabList() {
+      return [...tabList.value];
+    }
+    function getCacheTabs() {
+      return [...cacheTabs.value];
+    }
+    function isClosed(name) {
+      return closedSet.value.has(name);
+    }
+    function isCached(name) {
+      return cacheSet.value.has(name);
+    }
+    function reset() {
+      tabList.value = [];
+      activeTab.value = "";
+      cacheTabs.value = [];
+      closedTabs.value = [];
+      persistState();
+    }
+    return {
+      tabList,
+      activeTab,
+      cacheTabs,
+      closedTabs,
+      addTab,
+      updateTab,
+      removeTab,
+      setActiveTab,
+      addCache,
+      removeCache,
+      bulkRemove,
+      closeLeft,
+      closeRight,
+      closeOther,
+      closeAll,
+      refresh,
+      getTabList,
+      getCacheTabs,
+      isClosed,
+      isCached,
+      reset
+    };
+  });
+  return store();
+}
+const storeInstances = /* @__PURE__ */ new Map();
+function useTabsStore(persist, persistKey) {
+  const key = persistKey || DEFAULT_PERSIST_KEY;
+  if (!storeInstances.has(key)) {
+    storeInstances.set(key, () => createTabsStore(persist, persistKey));
+  }
+  return storeInstances.get(key)();
+}
+function resetTabsStore() {
+  storeInstances.clear();
+}
+export {
+  createTabsStore,
+  resetTabsStore,
+  useTabsStore
+};

package/dist/lib/components.d.ts

@@ -10,5 +10,6 @@ export * from './page-layout';
 export * from './page-table';
 export * from './rich-editor';
 export * from './say-hello';
+export * from './tabs';
 export declare const components: Plugin[];
 export default components;

package/dist/lib/components.js

@@ -11,6 +11,7 @@ const index$7 = require("./page-layout/index.js");
 const index$8 = require("./page-table/index.js");
 const index$9 = require("./rich-editor/index.js");
 const index$a = require("./say-hello/index.js");
+const index$b = require("./tabs/index.js");
 const components = [
   index$a.JkySayHello,
   index$1.JkyButton,
@@ -22,7 +23,8 @@ const components = [
   index.JkyAddInput,
   index$9.JkyRichEditor,
   index$8.JkyPageTable,
-  index$7.JkyPageLayout
+  index$7.JkyPageLayout,
+  index$b.JkyTabs
 ];
 exports.JkyAddInput = index.JkyAddInput;
 exports.JkyButton = index$1.JkyButton;
@@ -35,4 +37,5 @@ exports.JkyPageLayout = index$7.JkyPageLayout;
 exports.JkyPageTable = index$8.JkyPageTable;
 exports.JkyRichEditor = index$9.JkyRichEditor;
 exports.JkySayHello = index$a.JkySayHello;
+exports.JkyTabs = index$b.JkyTabs;
 exports.components = components;

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

@@ -88,7 +88,7 @@ declare function getFormInstance(): ({
     validateOnRuleChange: boolean;
 }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
     onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-}>, "labelWidth" | "labelPosition" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+}>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
     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;
@@ -195,7 +195,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         validateOnRuleChange: boolean;
     }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelWidth" | "labelPosition" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
         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;
@@ -293,7 +293,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         validateOnRuleChange: boolean;
     }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelWidth" | "labelPosition" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
         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;
@@ -327,16 +327,20 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
 }>, {
     size: import('element-plus').ComponentSize;
-    labelWidth: string | number;
+    grid: import('./types').GridConfig;
+    inline: boolean;
     labelPosition: "left" | "right" | "top";
-    showFooter: boolean;
+    labelWidth: string | number;
     showTitle: boolean;
     gutter: number;
     defaultSpan: number;
     responsive: boolean;
     watchDeep: boolean;
+    showFooter: boolean;
+    footerClass: string;
     submitText: string;
     cancelText: string;
+    showCount: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -423,7 +427,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         validateOnRuleChange: boolean;
     }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelWidth" | "labelPosition" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
         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;

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

@@ -59,10 +59,6 @@ const _hoisted_1 = {
   key: 0,
   class: "jky-form__title mb-4 text-xl font-semibold"
 };
-const _hoisted_2 = {
-  key: 1,
-  class: "jky-form__footer mt-6 flex justify-end gap-2"
-};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyForm",
   inheritAttrs: false
@@ -76,15 +72,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     gutter: { default: 0 },
     defaultSpan: { default: 24 },
     responsive: { type: Boolean, default: true },
+    grid: { type: [Boolean, Object], default: false },
     className: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     watchDeep: { type: Boolean, default: true },
-    showFooter: { type: Boolean, default: false },
+    showFooter: { type: Boolean, default: true },
+    footerClass: { default: "" },
     submitText: { default: "提交" },
     cancelText: { default: "取消" },
     submitDisabled: { type: Boolean },
     cancelDisabled: { type: Boolean },
+    showCount: { default: 999 },
     onValidate: {},
     onSubmit: {},
     onReset: {},
@@ -94,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     requireAsteriskPosition: {},
     labelWidth: { default: "100" },
     labelSuffix: {},
-    inline: { type: Boolean },
+    inline: { type: Boolean, default: false },
     inlineMessage: { type: Boolean },
     statusIcon: { type: Boolean },
     showMessage: { type: Boolean },
@@ -112,57 +111,83 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     const props = __props;
     const emit = __emit;
     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",
+      "className",
+      "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({}, formProps), restAttrs);
+    });
     const formClass = vue.computed(() => {
       return [
-        "jky-form"
+        "jky-form",
+        attrs.class
       ].filter(Boolean).join(" ");
     });
-    const attrs = vue.useAttrs();
-    const elFormProps = vue.computed(() => {
-      const _a = props, {
-        modelValue: modelValue2,
-        items,
-        showTitle,
-        title,
-        gutter,
-        defaultSpan,
-        responsive,
-        readonly,
-        disabled,
-        watchDeep,
-        showFooter,
-        submitText,
-        cancelText,
-        submitDisabled,
-        cancelDisabled,
-        onValidate,
-        onSubmit,
-        onReset
-      } = _a, rest = __objRest(_a, [
-        // JkyForm 自己的 props（不传递给 ElForm）
-        "modelValue",
-        "items",
-        "showTitle",
-        "title",
-        "gutter",
-        "defaultSpan",
-        "responsive",
-        "readonly",
-        "disabled",
-        "watchDeep",
-        "showFooter",
-        "submitText",
-        "cancelText",
-        "submitDisabled",
-        "cancelDisabled",
-        "onValidate",
-        "onSubmit",
-        "onReset"
-      ]);
-      const _b = rest, { model } = _b, formProps = __objRest(_b, ["model"]);
-      return __spreadValues(__spreadValues({}, formProps), attrs);
+    const _elFormClass = vue.computed(() => {
+      const classes = [];
+      if (props.inline && props.grid) {
+        classes.push("jky-form--grid");
+      }
+      return classes;
+    });
+    const _gridStyle = vue.computed(() => {
+      if (!props.inline || !props.grid || typeof props.grid === "boolean") {
+        return {};
+      }
+      const style = {};
+      const breakpoints = ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+      breakpoints.forEach((breakpoint) => {
+        const columns = props.grid[breakpoint];
+        if (columns !== void 0) {
+          style[`--jky-form-grid-cols-${breakpoint}`] = columns;
+        }
+      });
+      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) => {
@@ -229,11 +254,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         __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,
-          model: modelValue.value
-        }, elFormProps.value), {
+          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(__props.items, (item) => {
+            (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,
@@ -242,32 +270,54 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 readonly: __props.readonly,
                 disabled: __props.disabled
               }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
-            }), 128))
+            }), 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,
+                    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(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"]),
-        props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          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"])
-        ])) : vue.createCommentVNode("", true)
+        }, 16, ["model", "class", "style"])
       ], 2);
     };
   }

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 SelectTable_vue_vue_type_script_setup_true_lang = require("./SelectTable.vue.js");
+;/* empty css                  */
 const _hoisted_1 = {
   key: 0,
   style: { "display": "none" }
@@ -211,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           default: () => props.config.children || null
         });
       }
-      const commonProps = __spreadValues({
+      const commonProps = __spreadProps(__spreadValues({
         // use `undefined` to fix placeholder issue
         "modelValue": modelValue.value || void 0,
         "onUpdate:modelValue": (val) => {
@@ -220,7 +222,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         "placeholder": props.config.placeholder || void 0,
         "disabled": props.disabled,
         "clearable": props.config.clearable
-      }, componentProps.value);
+      }, componentProps.value), {
+        "class": ["w-full min-w-25", componentProps.value.class]
+      });
       switch (type) {
         case "input":
           return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
@@ -317,6 +321,54 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         }
         case "color-picker":
           return vue.h(ElementPlus.ElColorPicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
+        // 颜色选择器面板
+        case "color-picker-panel":
+          return vue.h(ElementPlus.ElColorPickerPanel, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
+        // 标签输入框
+        case "input-tag": {
+          const inputTagProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
+            "modelValue": modelValue.value || [],
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            }
+          }), componentProps.value);
+          return vue.h(ElementPlus.ElInputTag, inputTagProps);
+        }
+        // 提及组件
+        case "mention": {
+          const mentionProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
+            "modelValue": modelValue.value || "",
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            }
+          }), componentProps.value);
+          return vue.h(ElementPlus.ElMention, mentionProps);
+        }
+        // 虚拟化选择器
+        case "select-v2": {
+          const selectV2Props = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
+            "modelValue": modelValue.value,
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            },
+            "options": componentProps.value.options || []
+          }), componentProps.value);
+          return vue.h(ElementPlus.ElSelectV2, selectV2Props);
+        }
+        // 穿梭框
+        case "transfer": {
+          const transferProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
+            "modelValue": modelValue.value || [],
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            },
+            "data": componentProps.value.data || []
+          }), componentProps.value);
+          return vue.h(ElementPlus.ElTransfer, transferProps);
+        }
+        // 表格选择器
+        case "select-table":
+          return vue.h(SelectTable_vue_vue_type_script_setup_true_lang.default, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
         case "rate":
           return vue.h(ElementPlus.ElRate, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
         case "input-number": {