@ditari/bsui 5.1.18 → 5.1.20

package/dist/cjs/index.cjs

@@ -7,6 +7,7 @@ var DicReplace = require('./components/dic/DicReplace.cjs');
 var Select_vue_vue_type_script_setup_true_lang = require('./components/select/Select.vue2.cjs');
 var Tab_vue_vue_type_script_setup_true_lang = require('./components/tab/Tab.vue2.cjs');
 var Table = require('./components/table/Table.cjs');
+var ActionBar_vue_vue_type_script_setup_true_lang = require('./components/action-bar/ActionBar.vue2.cjs');
 var Card = require('./components/card/Card.cjs');
 var RangePicker_vue_vue_type_script_setup_true_lang = require('./components/date/RangePicker.vue2.cjs');
 var FormLayout = require('./components/form/FormLayout.cjs');
@@ -23,9 +24,11 @@ var Show = require('./components/layout/Show.cjs');
 var _interface = require('./components/table-form/interface.cjs');
 var index$1 = require('./components/table-form/index.cjs');
 var TableFormItem = require('./components/table-form/TableFormItem.cjs');
+var ToolsBar_vue_vue_type_script_setup_true_lang = require('./components/tools-bar/ToolsBar.vue2.cjs');
 
 "use strict";
 const install = (app) => {
+  console.log("install", index$2);
   Object.keys(index$2).forEach((key) => {
     const component = index$2[key];
     const plugin = component;
@@ -43,6 +46,7 @@ exports.DicRep = DicReplace.default;
 exports.Select = Select_vue_vue_type_script_setup_true_lang.default;
 exports.Tab = Tab_vue_vue_type_script_setup_true_lang.default;
 exports.Table = Table.default;
+exports.ActionBar = ActionBar_vue_vue_type_script_setup_true_lang.default;
 exports.Card = Card.Card;
 exports.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
 exports.FormLayout = FormLayout.default;
@@ -61,6 +65,7 @@ exports.tableFormItemProps = _interface.tableFormItemProps;
 exports.tableFormProps = _interface.tableFormProps;
 exports.TableForm = index$1.TableForm;
 exports.TableFormItem = TableFormItem.TableFormItem;
+exports.ToolsBar = ToolsBar_vue_vue_type_script_setup_true_lang.default;
 exports.default = index;
 exports.install = install;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<\r\n  never,\r\n  never,\r\n  never\r\n> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,GAAA,KAAa;AACnC,EAAA,MAAA,CAAO,IAAA,CAAKA,OAAU,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACrC,IAAA,MAAM,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAEf,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA,IAChB;AAAA,EACF,CAAC,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<\r\n  never,\r\n  never,\r\n  never\r\n> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n\r\n  console.log(\"install\", components);\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,GAAA,KAAa;AAEnC,EAAA,OAAA,CAAQ,GAAA,CAAI,WAAWA,OAAU,CAAA;AACjC,EAAA,MAAA,CAAO,IAAA,CAAKA,OAAU,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACrC,IAAA,MAAM,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAEf,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA,IAChB;AAAA,EACF,CAAC,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils/withInstall.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withInstall.cjs","sources":["../../../src/utils/withInstall.ts"],"sourcesContent":["// src/utils/withInstall.ts\r\n\r\nimport type { App, Component, Plugin } from \"vue\";\r\n\r\n// 扩展类型定义，允许组件对象拥有其他静态属性\r\nexport type SFCWithInstall<T> = T &\r\n  Plugin & {\r\n    [key: string]: T; // 允许任意静态属性\r\n  };\r\n\r\n/**\r\n * 优化后的 withInstall 辅助函数\r\n * * 关键修改：\r\n * - 将泛型 T 的约束改为更通用的 Vue Component 类型。\r\n * - 使用 'Component' 或 'ComponentOptionsBase' 来确保兼容性。\r\n */\r\nexport const withInstall = <T extends Component>(component: T) => {\r\n  const comp = component as SFCWithInstall<T>;\r\n\r\n  if (!comp.install) {\r\n    comp.install = (app: App) => {\r\n      // 确保能获取到组件名\r\n      const name = (comp as Component).name;\r\n      if (name) {\r\n        app.component(name, comp);\r\n      }\r\n    };\r\n  }\r\n  return comp;\r\n};\r\n"],"names":[],"mappings":";;;AAgBO,MAAM,WAAA,GAAc,CAAsB,SAAA,KAAiB;AAChE,EAAA,MAAM,IAAA,GAAO,SAAA;AAEb,EAAA,IAAI,CAAC,KAAK,OAAA,EAAS;AACjB,IAAA,IAAA,CAAK,OAAA,GAAU,CAAC,GAAA,KAAa;AAE3B,MAAA,MAAM,OAAQ,IAAA,CAAmB,IAAA;AACjC,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,GAAA,CAAI,SAAA,CAAU,MAAM,IAAI,CAAA;AAAA,MAC1B;AAAA,IACF,CAAA;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"withInstall.cjs","sources":["../../../src/utils/withInstall.ts"],"sourcesContent":["// src/utils/withInstall.ts\n\nimport type { App, Component, Plugin } from \"vue\";\n\n// 扩展类型定义，允许组件对象拥有其他静态属性\nexport type SFCWithInstall<T> = T &\n  Plugin & {\n    [key: string]: T; // 允许任意静态属性\n  };\n\n/**\n * 优化后的 withInstall 辅助函数\n * * 关键修改：\n * - 将泛型 T 的约束改为更通用的 Vue Component 类型。\n * - 使用 'Component' 或 'ComponentOptionsBase' 来确保兼容性。\n */\nexport const withInstall = <T extends Component>(component: T) => {\n  const comp = component as SFCWithInstall<T>;\n\n  if (!comp.install) {\n    comp.install = (app: App) => {\n      // 确保能获取到组件名\n      const name = (comp as Component).name;\n      if (name) {\n        app.component(name, comp);\n      }\n    };\n  }\n  return comp;\n};\n"],"names":[],"mappings":";;;AAgBO,MAAM,WAAA,GAAc,CAAsB,SAAA,KAAiB;AAChE,EAAA,MAAM,IAAA,GAAO,SAAA;AAEb,EAAA,IAAI,CAAC,KAAK,OAAA,EAAS;AACjB,IAAA,IAAA,CAAK,OAAA,GAAU,CAAC,GAAA,KAAa;AAE3B,MAAA,MAAM,OAAQ,IAAA,CAAmB,IAAA;AACjC,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,GAAA,CAAI,SAAA,CAAU,MAAM,IAAI,CAAA;AAAA,MAC1B;AAAA,IACF,CAAA;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/esm/components/action-bar/ActionBar.vue.d.ts

@@ -0,0 +1,47 @@
+import { type VNode } from "vue";
+interface ButtonItem {
+    title: string | VNode;
+    status?: boolean | ((record: {
+        [key: string]: unknown;
+    }) => boolean);
+    onClick?: (record: {
+        [key: string]: unknown;
+    }) => void;
+    onEvent?: (record: {
+        [key: string]: unknown;
+    }) => void;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    buttonGroups: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    actions: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    record: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {
+    props: any;
+    isShow: (item: ButtonItem) => boolean;
+    visibleButtons: import("vue").ComputedRef<ButtonItem[]>;
+    showDivider: (item: ButtonItem) => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    buttonGroups: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    actions: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    record: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ActionBar.vue.d.ts.map

package/dist/esm/components/action-bar/ActionBar.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './ActionBar.vue2.mjs';
+
+"use strict";
+
+export { _sfc_main as default };
+//# sourceMappingURL=ActionBar.vue.mjs.map

package/dist/esm/components/action-bar/ActionBar.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/components/action-bar/ActionBar.vue2.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, computed, resolveComponent, createElementBlock, openBlock, withModifiers, Fragment, renderList, createCommentVNode, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const _hoisted_1 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "DActionBar"
+}), {
+  __name: "ActionBar",
+  props: {
+    buttonGroups: { type: Array, required: false },
+    actions: { type: Array, required: false },
+    record: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const isShow = (item) => {
+      var _a;
+      if (typeof item.status === "function") {
+        return item.status(props.record);
+      }
+      return (_a = item.status) != null ? _a : true;
+    };
+    const visibleButtons = computed(() => {
+      const groups = props.actions || props.buttonGroups || [];
+      return groups.filter((item) => isShow(item));
+    });
+    const showDivider = (item) => {
+      if (!isShow(item)) {
+        return false;
+      }
+      const visibleIndex = visibleButtons.value.findIndex((v) => v.title === item.title);
+      return visibleIndex !== -1 && visibleIndex < visibleButtons.value.length - 1;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_divider = resolveComponent("a-divider");
+      return openBlock(), createElementBlock("div", {
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(__props.actions || __props.buttonGroups || [], (item, index) => {
+            return openBlock(), createElementBlock(
+              Fragment,
+              { key: index },
+              [
+                isShow(item) ? (openBlock(), createElementBlock("a", {
+                  key: 0,
+                  onClick: withModifiers(($event) => {
+                    var _a;
+                    return (_a = item.onClick || item.onEvent) == null ? void 0 : _a(__props.record);
+                  }, ["stop"])
+                }, [
+                  item.title instanceof Object ? (openBlock(), createBlock(resolveDynamicComponent(item.title), {
+                    key: 0,
+                    record: __props.record
+                  }, null, 8, ["record"])) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      createTextVNode(
+                        toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ], 8, _hoisted_1)) : createCommentVNode("v-if", true),
+                showDivider(item) ? (openBlock(), createBlock(_component_a_divider, {
+                  key: 1,
+                  type: "vertical",
+                  style: { "border-color": "#3e7fff", "border-width": "2px" }
+                })) : createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+}));
+
+export { _sfc_main as default };
+//# sourceMappingURL=ActionBar.vue2.mjs.map

package/dist/esm/components/action-bar/ActionBar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.vue2.mjs","sources":["../../../../src/components/action-bar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n  import { computed, type VNode } from \"vue\";\r\n\r\n  defineOptions({\r\n    name: \"DActionBar\"\r\n  });\r\n\r\n  interface ButtonItem {\r\n    title: string | VNode;\r\n    status?: boolean | ((record: { [key: string]: unknown }) => boolean);\r\n    onClick?: (record: { [key: string]: unknown }) => void;\r\n    onEvent?: (record: { [key: string]: unknown }) => void; // 别名，为了向后兼容\r\n  }\r\n\r\n  // 2. 普通的 Props 声明\r\n  const props = defineProps({\n  buttonGroups: { type: Array, required: false },\n  actions: { type: Array, required: false },\n  record: { type: Object, required: true }\n});\r\n\r\n  /**\r\n   * 判断按钮是否显示\r\n   */\r\n  const isShow = (item: ButtonItem): boolean => {\r\n    if (typeof item.status === \"function\") {\r\n      return item.status(props.record);\r\n    }\r\n    return item.status ?? true;\r\n  };\r\n\r\n  /**\r\n   * 过滤出当前真正显示的按钮列表\r\n   */\r\n  const visibleButtons = computed(() => {\r\n    const groups: ButtonItem[] = props.actions || props.buttonGroups || [];\r\n    return groups.filter((item: ButtonItem) => isShow(item));\r\n  });\r\n\r\n  /**\r\n   * 判断分隔线状态\r\n   */\r\n  const showDivider = (item: ButtonItem): boolean => {\r\n    if (!isShow(item)) {\r\n      return false;\r\n    }\r\n\r\n    // 逻辑保持不变：在可见列表里找自己\r\n    const visibleIndex = visibleButtons.value.findIndex((v: ButtonItem) => v.title === item.title);\r\n    return visibleIndex !== -1 && visibleIndex < visibleButtons.value.length - 1;\r\n  };\r\n</script>\r\n\r\n<template>\r\n  <div @click.stop>\r\n    <template v-for=\"(item, index) in actions || buttonGroups || []\" :key=\"index\">\r\n      <a v-if=\"isShow(item)\" @click.stop=\"(item.onClick || item.onEvent)?.(record)\">\r\n        <template v-if=\"item.title instanceof Object\">\r\n          <component :is=\"item.title\" :record=\"record\" />\r\n        </template>\r\n        <template v-else>\r\n          {{ item.title }}\r\n        </template>\r\n      </a>\r\n      <a-divider\r\n        v-if=\"showDivider(item)\"\r\n        type=\"vertical\"\r\n        style=\"border-color: #3e7fff; border-width: 2px\"\r\n      />\r\n    </template>\r\n  </div>\r\n</template>\r\n"],"names":["_createElementBlock","_openBlock","_Fragment","_withModifiers","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeE,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAA8B;;AAC5C,MAAA,IAAI,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,EAAY;AACrC,QAAA,OAAO,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC;AACA,MAAA,OAAA,CAAO,EAAA,GAAA,IAAA,CAAK,WAAL,IAAA,GAAA,EAAA,GAAe,IAAA;AAAA,IACxB,CAAA;AAKA,IAAA,MAAM,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,MAAM,MAAA,GAAuB,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,gBAAgB,EAAC;AACrE,MAAA,OAAO,OAAO,MAAA,CAAO,CAAC,IAAA,KAAqB,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,IACzD,CAAC,CAAA;AAKD,IAAA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA8B;AACjD,MAAA,IAAI,CAAC,MAAA,CAAO,IAAI,CAAA,EAAG;AACjB,QAAA,OAAO,KAAA;AAAA,MACT;AAGA,MAAA,MAAM,YAAA,GAAe,eAAe,KAAA,CAAM,SAAA,CAAU,CAAC,CAAA,KAAkB,CAAA,CAAE,KAAA,KAAU,IAAA,CAAK,KAAK,CAAA;AAC7F,MAAA,OAAO,YAAA,KAAiB,CAAA,CAAA,IAAM,YAAA,GAAe,cAAA,CAAe,MAAM,MAAA,GAAS,CAAA;AAAA,IAC7E,CAAA;;;0BAIAA,kBAAA,CAgBM,KAAA,EAAA;AAAA,QAhBA,OAAA,0CAAD,MAAA;AAAA,QAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA;SACdC,SAAA,CAAA,IAAA,CAAA,EAAAD,kBAAA;AAAA,UAcWE,QAAA;AAAA;qBAduB,QAAA,OAAA,IAAW,OAAA,iBAAY,EAAA,EAAA,CAAvC,IAAA,EAAM,KAAA,KAAK;;;qBAA0C,KAAA,EAAK;AAAA,cAAA;AAAA,gBACjE,OAAO,IAAI,CAAA,iBAApBF,mBAOI,GAAA,EAAA;AAAA;kBAPoB,OAAA,EAAKG,aAAA,CAAA,CAAA,MAAA,KAAA;;AAAQ,oBAAA,OAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAA,IAAW,IAAA,CAAK,OAAA,KAArB,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAgC,OAAA,CAAA,MAAA,CAAA;AAAA,kBAAA,CAAA,EAAM,CAAA,MAAA,CAAA;AAAA;kBACzD,IAAA,CAAK,iBAAiB,MAAA,iBACpCC,WAAA,CAA+CC,uBAAA,CAA/B,IAAA,CAAK,KAAK,CAAA,EAAA;AAAA;oBAAG,QAAQ,OAAA,CAAA;AAAA,2DAEvCL,kBAAA;AAAA,oBAEWE,QAAA;AAAA,oBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,oBAAA;AAAA,sBADNI,eAAA;AAAA,wBAAAC,eAAA,CAAA,KAAK,KAAK,CAAA;AAAA,wBAAA;AAAA;AAAA;AAAA;;;;;gBAIT,YAAY,IAAI,CAAA,iBADxBH,YAIE,oBAAA,EAAA;AAAA;kBAFA,IAAA,EAAK,UAAA;AAAA,kBACL,KAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,gBAAA,KAAA;AAAA;;;;;;;;;;;;;;;;"}

package/dist/esm/components/action-bar/index.d.ts

@@ -0,0 +1,4 @@
+import ActionBar from "./ActionBar.vue";
+export { ActionBar };
+export default ActionBar;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/action-bar/index.mjs

@@ -0,0 +1,11 @@
+import './ActionBar.vue.mjs';
+import _sfc_main from './ActionBar.vue2.mjs';
+
+"use strict";
+_sfc_main.install = function(app) {
+  app.component(_sfc_main.name, _sfc_main);
+  return app;
+};
+
+export { _sfc_main as ActionBar, _sfc_main as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/action-bar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/action-bar/index.ts"],"sourcesContent":["import ActionBar from \"./ActionBar.vue\";\r\nimport type { App } from \"vue\";\r\n\r\nActionBar.install = function (app: App) {\r\n  app.component(ActionBar.name!, ActionBar);\r\n  return app;\r\n};\r\n\r\nexport { ActionBar };\r\nexport default ActionBar;\r\n"],"names":["ActionBar"],"mappings":";;;;AAGAA,SAAA,CAAU,OAAA,GAAU,SAAU,GAAA,EAAU;AACtC,EAAA,GAAA,CAAI,SAAA,CAAUA,SAAA,CAAU,IAAA,EAAOA,SAAS,CAAA;AACxC,EAAA,OAAO,GAAA;AACT,CAAA;;;;"}

package/dist/esm/components/card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\r\nimport { defineComponent } from \"vue\";\r\n\r\nimport { cx } from \"@emotion/css\"; // 引入 cx\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nimport { useStyle } from \"./style\";\r\n\r\nconst _Card = defineComponent({\r\n  name: \"DCard\",\r\n  props: {\r\n    title: String\r\n  },\r\n  setup(props, { slots }) {\r\n    //  初始化 Design Hook，传入组件名 'card'\r\n    const { getPrefixCls } = useDesign(\"card\");\r\n\r\n    // 初始化 Emotion 样式\r\n    const styles = useStyle();\r\n\r\n    return () => {\r\n      // 生成语义化类名\r\n      const rootCls = getPrefixCls();\r\n      const headerCls = getPrefixCls(\"head\");\r\n      const iconCls = getPrefixCls(\"icon\");\r\n      const titleCls = getPrefixCls(\"title\");\r\n      const actionCls = getPrefixCls(\"action\");\r\n      const bodyCls = getPrefixCls(\"body\");\r\n\r\n      return (\r\n        <div class={cx(rootCls, styles.container)}>\r\n          {/* Header 区域 */}\r\n          <div class={cx(headerCls, styles.header)}>\r\n            {slots.icon && (\r\n              <div class={cx(iconCls, styles.icon)}>\r\n                {slots.icon()}\r\n              </div>\r\n            )}\r\n            <div class={cx(titleCls, styles.header_title)}>\r\n              {props.title}\r\n            </div>\r\n          </div>\r\n          {/*action*/}\r\n          {slots.action && (\r\n            <div class={cx(actionCls, styles.action)}>\r\n              {slots.action()}\r\n            </div>\r\n          )}\r\n\r\n          {/* Body 区域 */}\r\n          <div class={cx(bodyCls, styles.body)}>\r\n            {slots.default?.()}\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const Card = withInstall(_Card);\r\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;AAUA,MAAMA,wBAAQC,eAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,UAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,QAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,EAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,EAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,EAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CACjCf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAEhBJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACWC,EAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAC1CpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAIfG,KAAAA,CAAMiB,MAAAA,IAAMN,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACCC,EAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CACrCjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAElBN,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGWC,EAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CACjClB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAI1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,YAAY5B,KAAK;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\nimport { defineComponent } from \"vue\";\n\nimport { cx } from \"@emotion/css\"; // 引入 cx\n\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\nimport { withInstall } from \"../../utils/withInstall\";\n\nimport { useStyle } from \"./style\";\n\nconst _Card = defineComponent({\n  name: \"DCard\",\n  props: {\n    title: String\n  },\n  setup(props, { slots }) {\n    //  初始化 Design Hook，传入组件名 'card'\n    const { getPrefixCls } = useDesign(\"card\");\n\n    // 初始化 Emotion 样式\n    const styles = useStyle();\n\n    return () => {\n      // 生成语义化类名\n      const rootCls = getPrefixCls();\n      const headerCls = getPrefixCls(\"head\");\n      const iconCls = getPrefixCls(\"icon\");\n      const titleCls = getPrefixCls(\"title\");\n      const actionCls = getPrefixCls(\"action\");\n      const bodyCls = getPrefixCls(\"body\");\n\n      return (\n        <div class={cx(rootCls, styles.container)}>\n          {/* Header 区域 */}\n          <div class={cx(headerCls, styles.header)}>\n            {slots.icon && (\n              <div class={cx(iconCls, styles.icon)}>\n                {slots.icon()}\n              </div>\n            )}\n            <div class={cx(titleCls, styles.header_title)}>\n              {props.title}\n            </div>\n          </div>\n          {/*action*/}\n          {slots.action && (\n            <div class={cx(actionCls, styles.action)}>\n              {slots.action()}\n            </div>\n          )}\n\n          {/* Body 区域 */}\n          <div class={cx(bodyCls, styles.body)}>\n            {slots.default?.()}\n          </div>\n        </div>\n      );\n    };\n  }\n});\n\nexport const Card = withInstall(_Card);\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;AAUA,MAAMA,wBAAQC,eAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,UAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,QAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,EAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,EAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,EAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CACjCf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAEhBJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACWC,EAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAC1CpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAIfG,KAAAA,CAAMiB,MAAAA,IAAMN,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACCC,EAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CACrCjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAElBN,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGWC,EAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CACjClB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAI1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,YAAY5B,KAAK;;;;"}

package/dist/esm/components/card/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/card/style.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\r\n\r\nexport const useStyle = () => {\r\n  return {\r\n    container: css`\r\n      display: flex;\r\n      flex-direction: column;\r\n      background-color: #fff;\r\n    `,\r\n    header: css`\r\n      display: flex;\r\n      margin-bottom: 20px;\r\n    `,\r\n    header_title: css`\r\n      line-height: 1.5;\r\n      /* 如果标题过长，防止换行破坏布局，可以加这行 */\r\n      white-space: nowrap;\r\n    `,\r\n    // 可选：如果你需要对 icon 容器做特殊处理（例如防止图标被压缩）\r\n    icon: css`\r\n      margin-right: 10px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      flex-shrink: 0; /* 防止标题过长时挤压图标 */\r\n    `,\r\n    action: css`\r\n      margin-bottom: 10px;\r\n    `,\r\n    body: css`\r\n      display: flex;\r\n      flex-direction: column;\r\n    `\r\n  };\r\n};\r\n"],"names":[],"mappings":";;;AAEO,MAAM,WAAW,MAAM;AAC5B,EAAA,OAAO;AAAA,IACL,SAAA,EAAW,GAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAKX,MAAA,EAAQ,GAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAIR,YAAA,EAAc,GAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAMd,IAAA,EAAM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAMN,MAAA,EAAQ,GAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGR,IAAA,EAAM,GAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GAIR;AACF;;;;"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/card/style.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\n\nexport const useStyle = () => {\n  return {\n    container: css`\n      display: flex;\n      flex-direction: column;\n      background-color: #fff;\n    `,\n    header: css`\n      display: flex;\n      margin-bottom: 20px;\n    `,\n    header_title: css`\n      line-height: 1.5;\n      /* 如果标题过长，防止换行破坏布局，可以加这行 */\n      white-space: nowrap;\n    `,\n    // 可选：如果你需要对 icon 容器做特殊处理（例如防止图标被压缩）\n    icon: css`\n      margin-right: 10px;\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0; /* 防止标题过长时挤压图标 */\n    `,\n    action: css`\n      margin-bottom: 10px;\n    `,\n    body: css`\n      display: flex;\n      flex-direction: column;\n    `\n  };\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,WAAW,MAAM;AAC5B,EAAA,OAAO;AAAA,IACL,SAAA,EAAW,GAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAKX,MAAA,EAAQ,GAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAIR,YAAA,EAAc,GAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAMd,IAAA,EAAM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAMN,MAAA,EAAQ,GAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGR,IAAA,EAAM,GAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GAIR;AACF;;;;"}

package/dist/esm/components/dic/DicReplace.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DicReplace.mjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\r\n * 字典替换\r\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\r\n * @author 余春林\r\n */\r\nimport {\r\n  defineComponent,\r\n  inject,\r\n  onActivated,\r\n  onMounted,\r\n  ref,\r\n  watch\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\r\n\r\nexport default defineComponent({\r\n  name: \"DicRep\",\r\n  props: {\r\n    // 字典名称\r\n    name: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    // 值\r\n    value: {\r\n      type: [String, Number],\r\n      default: \"\"\r\n    }\r\n  },\r\n  setup(props) {\r\n    const { list } = storeToRefs(useNavTabStore());\r\n    const { getDicTextByValue } = useDicStore();\r\n    const route = useRoute();\r\n    // 判断使用组件的页面是否被缓存\r\n    const isKeepAlive = list.value.some(\r\n      item =>\r\n        item.fullPath === route.fullPath &&\r\n        item.meta?.keepAlive\r\n    );\r\n    const dicValueTxt = ref<string>(\"\");\r\n\r\n    // 注入 fetchDic，提供默认值\r\n    const fetchDic = inject<\r\n      (name: string) => Promise<unknown[]>\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    >(\"fetchDic\", async (_name: string) => {\r\n      // console.warn(\r\n      //   `fetchDic 未注入，使用默认实现，name: ${name}`\r\n      // );\r\n      return [];\r\n    });\r\n\r\n    onActivated(async () => {\r\n      // 缓存页面被激活的时候调用\r\n      await loadDicData();\r\n    });\r\n\r\n    onMounted(async () => {\r\n      if (!isKeepAlive) {\r\n        // 未缓存页面 挂载的时候调用\r\n        await loadDicData();\r\n      }\r\n    });\r\n\r\n    // 请求字典数据的函数\r\n    async function loadDicData() {\r\n      try {\r\n        // 调用注入进来的fetchDic方法\r\n        await fetchDic(props.name);\r\n        replace(props.value);\r\n      } catch (error) {\r\n        console.error(\"获取字典数据失败:\", error);\r\n      }\r\n    }\r\n\r\n    loadDicData().then(() =>\r\n      console.log(\"success load dic\")\r\n    );\r\n\r\n    watch(\r\n      () => props.value,\r\n      (val: string | number) => {\r\n        replace(val);\r\n      },\r\n      {\r\n        immediate: true\r\n      }\r\n    );\r\n\r\n    function replace(val: string | number) {\r\n      const value = val;\r\n      const name = props.name;\r\n      dicValueTxt.value = getDicTextByValue(\r\n        name,\r\n        value?.toString()\r\n      );\r\n    }\r\n\r\n    return () => (\r\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}
+{"version":3,"file":"DicReplace.mjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: [String, Number],\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { list } = storeToRefs(useNavTabStore());\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = list.value.some(\n      item =>\n        item.fullPath === route.fullPath &&\n        item.meta?.keepAlive\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    >(\"fetchDic\", async (_name: string) => {\n      // console.warn(\n      //   `fetchDic 未注入，使用默认实现，name: ${name}`\n      // );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string | number) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string | number) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(\n        name,\n        value?.toString()\n      );\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}

package/dist/esm/components/form/FormLayout.d.ts

@@ -1,6 +1,33 @@
+declare const RESPONSIVE_CONFIG: {
+    readonly xs: {
+        readonly span: 24;
+        readonly colsPerRow: 1;
+    };
+    readonly sm: {
+        readonly span: 12;
+        readonly colsPerRow: 2;
+    };
+    readonly md: {
+        readonly span: 8;
+        readonly colsPerRow: 3;
+    };
+    readonly lg: {
+        readonly span: 6;
+        readonly colsPerRow: 4;
+    };
+    readonly xl: {
+        readonly span: 6;
+        readonly colsPerRow: 4;
+    };
+    readonly xxl: {
+        readonly span: 6;
+        readonly colsPerRow: 4;
+    };
+};
 /**
  * 查询表单渲染
  * 展开，隐藏功能
+ * 支持响应式栅格布局
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     scheme: {
@@ -19,6 +46,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    responsiveConfig: {
+        type: () => Partial<typeof RESPONSIVE_CONFIG>;
+        default: () => {};
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("query" | "reset")[], "query" | "reset", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scheme: {
         type: () => any[] | Record<string, any>;
@@ -36,6 +67,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    responsiveConfig: {
+        type: () => Partial<typeof RESPONSIVE_CONFIG>;
+        default: () => {};
+    };
 }>> & Readonly<{
     onQuery?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
@@ -44,6 +79,32 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     scheme: any[] | Record<string, any>;
     model: Record<string, unknown>;
     labelWidth: string;
+    responsiveConfig: Partial<{
+        readonly xs: {
+            readonly span: 24;
+            readonly colsPerRow: 1;
+        };
+        readonly sm: {
+            readonly span: 12;
+            readonly colsPerRow: 2;
+        };
+        readonly md: {
+            readonly span: 8;
+            readonly colsPerRow: 3;
+        };
+        readonly lg: {
+            readonly span: 6;
+            readonly colsPerRow: 4;
+        };
+        readonly xl: {
+            readonly span: 6;
+            readonly colsPerRow: 4;
+        };
+        readonly xxl: {
+            readonly span: 6;
+            readonly colsPerRow: 4;
+        };
+    }>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=FormLayout.d.ts.map

package/dist/esm/components/form/FormLayout.mjs

@@ -1,8 +1,60 @@
-import { defineComponent, ref, watchEffect, watch, createVNode, onMounted } from 'vue';
-import { Space, Button, Form, Row, Col, FormItem } from 'ant-design-vue';
+import { defineComponent, ref, watchEffect, watch, createVNode, computed, onMounted, nextTick } from 'vue';
+import { Grid, Space, Button, Form, Row, Col, FormItem } from 'ant-design-vue';
 import { SearchOutlined, ReloadOutlined, DoubleRightOutlined } from '@ant-design/icons-vue';
 
 "use strict";
+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;
+};
+const {
+  useBreakpoint
+} = Grid;
+const RESPONSIVE_CONFIG = {
+  xs: {
+    span: 24,
+    colsPerRow: 1
+  },
+  // < 576px - 手机
+  sm: {
+    span: 12,
+    colsPerRow: 2
+  },
+  // ≥ 576px - 平板竖屏
+  md: {
+    span: 8,
+    colsPerRow: 3
+  },
+  // ≥ 768px - 平板横屏
+  lg: {
+    span: 6,
+    colsPerRow: 4
+  },
+  // ≥ 992px - 小桌面
+  xl: {
+    span: 6,
+    colsPerRow: 4
+  },
+  // ≥ 1200px - 桌面
+  xxl: {
+    span: 6,
+    colsPerRow: 4
+  }
+  // ≥ 1600px - 大桌面
+};
+const DEFAULT_VISIBLE_ROWS = 2;
 var FormLayout = /* @__PURE__ */ defineComponent({
   name: "DQueryForm",
   props: {
@@ -21,6 +73,11 @@ var FormLayout = /* @__PURE__ */ defineComponent({
     loading: {
       type: Boolean,
       default: false
+    },
+    // 自定义响应式配置（可选）
+    responsiveConfig: {
+      type: Object,
+      default: () => ({})
     }
   },
   emits: ["reset", "query"],
@@ -39,6 +96,8 @@ var FormLayout = /* @__PURE__ */ defineComponent({
     const {
       rowRef,
       actionSpan,
+      actionPush,
+      currentSpan,
       onExpend,
       expendBtnVisible,
       isExpend
@@ -115,47 +174,109 @@ var FormLayout = /* @__PURE__ */ defineComponent({
     }
     function useExpand() {
       const gridCount = 24;
-      const colSpan = 6;
-      const colsPerRow = 4;
+      const screens = useBreakpoint();
+      const mergedConfig = computed(() => __spreadValues(__spreadValues({}, RESPONSIVE_CONFIG), props.responsiveConfig));
+      const currentConfig = computed(() => {
+        const config = mergedConfig.value;
+        if (screens.value.xxl) return config.xxl;
+        if (screens.value.xl) return config.xl;
+        if (screens.value.lg) return config.lg;
+        if (screens.value.md) return config.md;
+        if (screens.value.sm) return config.sm;
+        return config.xs;
+      });
+      const currentSpan2 = computed(() => currentConfig.value.span);
+      const colsPerRow = computed(() => currentConfig.value.colsPerRow);
       const actionSpan2 = ref(6);
+      const actionPush2 = ref(0);
       const isExpend2 = ref(false);
       const expendBtnVisible2 = ref(false);
       const rowRef2 = ref(null);
       onMounted(() => {
-        handleShowOrHidden();
+        updateLayout();
+      });
+      watch(screens, () => {
+        nextTick(() => {
+          updateLayout();
+        });
+      }, {
+        deep: true
       });
       function onExpend2() {
         isExpend2.value = !isExpend2.value;
-        handleShowOrHidden();
+        updateLayout();
       }
-      function handleShowOrHidden() {
-        var _a, _b;
-        const colEl = Array.from((_b = (_a = rowRef2.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.children);
+      function updateLayout() {
+        var _a;
+        const rowEl = (_a = rowRef2.value) == null ? void 0 : _a.$el;
+        if (!rowEl) return;
+        const colEl = Array.from(rowEl.children);
         const colElLen = colEl.length - 1;
-        const occupiedCols = colElLen * colSpan;
-        const fullRows = Math.ceil(colElLen / colsPerRow);
-        const lastRowCols = occupiedCols % gridCount;
-        const remainingCols = gridCount - lastRowCols;
-        if (fullRows > 2) {
+        if (colElLen <= 0) return;
+        const actualSpan = currentSpan2.value;
+        const cols = colsPerRow.value;
+        colEl.forEach((col, index) => {
+          if (index === colElLen) return;
+          updateColSpan(col, actualSpan);
+          col.style.display = "";
+        });
+        const lastSlotIndex = cols * DEFAULT_VISIBLE_ROWS - 1;
+        if (colElLen > lastSlotIndex) {
           expendBtnVisible2.value = true;
+          if (!isExpend2.value) {
+            colEl.forEach((col, index) => {
+              if (index === colElLen) return;
+              if (index >= lastSlotIndex) {
+                col.style.display = "none";
+              }
+            });
+            actionSpan2.value = actualSpan;
+            actionPush2.value = 0;
+          } else {
+            const lastRowItems = colElLen % cols;
+            const lastRowOccupied = lastRowItems === 0 ? gridCount : lastRowItems * actualSpan;
+            const remainingCols = gridCount - lastRowOccupied;
+            if (remainingCols >= actualSpan) {
+              actionSpan2.value = remainingCols;
+              actionPush2.value = 0;
+            } else {
+              actionSpan2.value = actualSpan;
+              actionPush2.value = gridCount - actualSpan;
+            }
+          }
         } else {
-          actionSpan2.value = remainingCols;
+          expendBtnVisible2.value = false;
+          const lastRowItems = colElLen % cols;
+          const lastRowOccupied = lastRowItems === 0 ? gridCount : lastRowItems * actualSpan;
+          const remainingCols = gridCount - lastRowOccupied;
+          if (remainingCols >= actualSpan) {
+            actionSpan2.value = remainingCols;
+            actionPush2.value = 0;
+          } else {
+            actionSpan2.value = actualSpan;
+            actionPush2.value = gridCount - actualSpan;
+          }
         }
-        const lastRowStartIndex = colsPerRow * (fullRows - 1) - 1;
-        if (expendBtnVisible2.value) {
-          colEl.forEach((col, index) => {
-            if (index >= lastRowStartIndex) {
-              index !== colElLen ? col.style.display = !isExpend2.value ? "none" : "block" : null;
+      }
+      function updateColSpan(colEl, newSpan) {
+        const classList = colEl.classList;
+        for (let i = classList.length - 1; i >= 0; i--) {
+          const className = classList[i];
+          if (className.startsWith("ant-col-") && !className.includes("-offset-") && !className.includes("-push-") && !className.includes("-pull-")) {
+            const span = parseInt(className.replace("ant-col-", ""), 10);
+            if (!isNaN(span)) {
+              classList.remove(className);
+              break;
             }
-          });
-        }
-        if (expendBtnVisible2.value) {
-          isExpend2.value ? actionSpan2.value = remainingCols : actionSpan2.value = colSpan;
+          }
         }
+        classList.add(`ant-col-${newSpan}`);
       }
       return {
         rowRef: rowRef2,
         actionSpan: actionSpan2,
+        actionPush: actionPush2,
+        currentSpan: currentSpan2,
         onExpend: onExpend2,
         expendBtnVisible: expendBtnVisible2,
         isExpend: isExpend2
@@ -180,8 +301,11 @@ var FormLayout = /* @__PURE__ */ defineComponent({
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), createVNode(Col, {
             "span": actionSpan.value,
+            "push": actionPush.value,
             "style": {
-              textAlign: "right"
+              display: "flex",
+              justifyContent: "flex-end",
+              alignItems: "flex-start"
             }
           }, {
             default: () => [createVNode(FormItem, null, {