@ditari/bsui 5.0.4 → 5.0.5

package/dist/cjs/components/date/RangePicker.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RangePicker_vue_vue_type_script_setup_true_lang = require('./RangePicker.vue2.cjs');
+
+"use strict";
+
+exports.default = RangePicker_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=RangePicker.vue.cjs.map

package/dist/cjs/components/date/RangePicker.vue.cjs.map

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

package/dist/cjs/components/date/RangePicker.vue2.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var dayjs_min = require('../../_virtual/dayjs.min.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "RangePicker",
+  props: {
+    value: { type: Object, required: true, default: () => ({}) },
+    startField: { type: String, required: false, default: "startTime" },
+    endField: { type: String, required: false, default: "endTime" },
+    format: { type: String, required: false, default: "YYYY-MM-DD" }
+  },
+  emits: ["update:value", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const innerValue = vue.ref(null);
+    vue.watch(
+      () => props.value,
+      (newVal) => {
+        if (newVal[props.startField] && newVal[props.endField]) {
+          innerValue.value = [
+            dayjs_min.default(newVal[props.startField]),
+            dayjs_min.default(newVal[props.endField])
+          ];
+        } else {
+          innerValue.value = null;
+        }
+      },
+      { immediate: true }
+    );
+    const handleChange = (dates) => {
+      if (dates && dates.length === 2) {
+        const [startTime, endTime] = dates;
+        const formattedValue = __spreadProps(__spreadValues({}, props.value), {
+          // 保留原对象的所有属性
+          [props.startField]: startTime ? startTime.format(props.format) : null,
+          [props.endField]: endTime ? endTime.format(props.format) : null
+        });
+        emits("update:value", formattedValue);
+        emits("change", formattedValue);
+      } else {
+        const formattedValue = __spreadProps(__spreadValues({}, props.value), {
+          // 保留原对象的所有属性
+          [props.startField]: null,
+          [props.endField]: null
+        });
+        emits("update:value", formattedValue);
+        emits("change", formattedValue);
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_a_range_picker = vue.resolveComponent("a-range-picker");
+      return vue.openBlock(), vue.createBlock(_component_a_range_picker, {
+        style: { "width": "100%" },
+        value: innerValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+        placeholder: ["\u5F00\u59CB\u65F6\u95F4", "\u7ED3\u675F\u65F6\u95F4"],
+        onChange: handleChange
+      }, null, 8, ["value"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=RangePicker.vue2.cjs.map

package/dist/cjs/components/date/RangePicker.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.vue2.cjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\nimport type { RangeValue } from \"ant-design-vue/es/vc-picker/interface\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport dayjs from \"dayjs\";\r\n\r\n// 定义 props 类型\r\ninterface Props {\r\n  value: Record<string, unknown>; // 使用 any 以兼容任意字段\r\n  startField?: string;\r\n  endField?: string;\r\n  format?: string;\r\n}\r\n\r\nconst props = defineProps({\n  value: { type: Object, required: true, default: () => ({}) },\n  startField: { type: String, required: false, default: \"startTime\" },\n  endField: { type: String, required: false, default: \"endTime\" },\n  format: { type: String, required: false, default: \"YYYY-MM-DD\" }\n});\r\n\r\n// 定义 emits 类型\r\nconst emits = defineEmits([\"update:value\", \"change\"]);\r\n\r\n// 定义 innerValue 的类型为 RangeValue<Dayjs>\r\nconst innerValue = ref<RangeValue<Dayjs>>(null);\r\n\r\n// 监听外部 value 变化，更新内部值\r\nwatch(\r\n  () => props.value,\r\n  newVal => {\r\n    if (newVal[props.startField] && newVal[props.endField]) {\r\n      innerValue.value = [\r\n        dayjs(newVal[props.startField] as string),\r\n        dayjs(newVal[props.endField] as string)\r\n      ];\r\n    } else {\r\n      innerValue.value = null;\r\n    }\r\n  },\r\n  { immediate: true }\r\n);\r\n\r\n// 处理日期变化\r\nconst handleChange = (dates: RangeValue<Dayjs>) => {\r\n  if (dates && dates.length === 2) {\r\n    const [startTime, endTime] = dates;\r\n\r\n    // 创建一个新对象，保留原 params 的其他属性\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: startTime ? startTime.format(props.format) : null,\r\n      [props.endField]: endTime ? endTime.format(props.format) : null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  } else {\r\n    // 如果日期为空，则清空 startField 和 endField\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: null,\r\n      [props.endField]: null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <a-range-picker\r\n    style=\"width: 100%\"\r\n    v-model:value=\"innerValue\"\r\n    :placeholder=\"['开始时间', '结束时间']\"\r\n    @change=\"handleChange\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["ref","watch","dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAQd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAGd,IAAM,MAAA,UAAA,GAAaA,QAAuB,IAAI,CAAA;AAG9C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAA,IAAI,OAAO,KAAM,CAAA,UAAU,KAAK,MAAO,CAAA,KAAA,CAAM,QAAQ,CAAG,EAAA;AACtD,UAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,YACjBC,iBAAM,CAAA,MAAA,CAAO,KAAM,CAAA,UAAU,CAAW,CAAA;AAAA,YACxCA,iBAAM,CAAA,MAAA,CAAO,KAAM,CAAA,QAAQ,CAAW;AAAA,WACxC;AAAA,SACK,MAAA;AACL,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA;AAAA;AACrB,OACF;AAAA,MACA,EAAE,WAAW,IAAK;AAAA,KACpB;AAGA,IAAM,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACjD,MAAI,IAAA,KAAA,IAAS,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC/B,QAAM,MAAA,CAAC,SAAW,EAAA,OAAO,CAAI,GAAA,KAAA;AAG7B,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,MAAM,UAAU,GAAG,YAAY,SAAU,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA,IAAA;AAAA,UACjE,CAAC,MAAM,QAAQ,GAAG,UAAU,OAAQ,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA;AAAA,SAC7D,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA,OACzB,MAAA;AAEL,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,KAAM,CAAA,UAAU,GAAG,IAAA;AAAA,UACpB,CAAC,KAAM,CAAA,QAAQ,GAAG;AAAA,SACpB,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA;AAChC,KACF;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/date/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+require('./RangePicker.vue.cjs');
+var RangePicker_vue_vue_type_script_setup_true_lang = require('./RangePicker.vue2.cjs');
+
+"use strict";
+RangePicker_vue_vue_type_script_setup_true_lang.default.install = function(app) {
+  app.component("DRangePicker", RangePicker_vue_vue_type_script_setup_true_lang.default);
+  return app;
+};
+
+exports.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/date/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/date/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport RangePicker from \"./RangePicker.vue\";\r\n\r\nRangePicker.install = function (app: App) {\r\n  app.component(\"DRangePicker\", RangePicker);\r\n  return app;\r\n};\r\n\r\nexport { RangePicker };\r\n"],"names":["RangePicker"],"mappings":";;;;;;AAIAA,uDAAY,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACxC,EAAI,GAAA,CAAA,SAAA,CAAU,gBAAgBA,uDAAW,CAAA;AACzC,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}

package/dist/cjs/components/form/FormLayout.cjs

@@ -0,0 +1,202 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var iconsVue = require('@ant-design/icons-vue');
+
+"use strict";
+var FormLayout = /* @__PURE__ */ vue.defineComponent({
+  name: "DQueryForm",
+  props: {
+    scheme: {
+      type: [Array, Object],
+      default: () => []
+    },
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    labelWidth: {
+      type: String,
+      default: "90px"
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["reset", "query"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      loading,
+      modelValue,
+      formRef,
+      onQuery,
+      onReset,
+      onKeyup
+    } = useForm();
+    const {
+      rowRef,
+      actionSpan,
+      onExpend,
+      expendBtnVisible,
+      isExpend
+    } = useExpand();
+    const {
+      renderAction
+    } = useRender();
+    function useForm() {
+      const loading2 = vue.ref(false);
+      const formRef2 = vue.ref(null);
+      const modelValue2 = vue.ref({});
+      vue.watchEffect(() => {
+        modelValue2.value = props.model;
+      });
+      vue.watch(() => props.loading, (val) => {
+        loading2.value = val;
+      });
+      const onQuery2 = () => {
+        emit("query", modelValue2.value);
+      };
+      const onReset2 = () => {
+        var _a;
+        (_a = formRef2.value) == null ? void 0 : _a.resetFields();
+        emit("reset");
+      };
+      const onKeyup2 = (event) => {
+        if (event.keyCode === 13) {
+          if (!loading2.value) {
+            emit("query", modelValue2.value);
+          }
+        }
+      };
+      return {
+        loading: loading2,
+        modelValue: modelValue2,
+        formRef: formRef2,
+        onQuery: onQuery2,
+        onReset: onReset2,
+        onKeyup: onKeyup2
+      };
+    }
+    function useRender() {
+      function renderAction2() {
+        return vue.createVNode(antDesignVue.Space, null, {
+          default: () => [vue.createVNode(antDesignVue.Button, {
+            "loading": loading.value,
+            "type": "primary",
+            "shape": "round",
+            "onClick": onQuery
+          }, {
+            default: () => "\u67E5\u8BE2",
+            icon: () => vue.createVNode(iconsVue.SearchOutlined, null, null)
+          }), vue.createVNode(antDesignVue.Button, {
+            "disabled": loading.value,
+            "shape": "round",
+            "onClick": onReset
+          }, {
+            default: () => "\u91CD\u7F6E",
+            icon: () => vue.createVNode(iconsVue.ReloadOutlined, null, null)
+          }), expendBtnVisible.value ? vue.createVNode(antDesignVue.Button, {
+            "onClick": onExpend,
+            "shape": "round"
+          }, {
+            default: () => isExpend.value ? "\u6536\u8D77" : "\u5C55\u5F00",
+            icon: () => vue.createVNode(iconsVue.DoubleRightOutlined, {
+              "rotate": isExpend.value ? -90 : 90
+            }, null)
+          }) : null]
+        });
+      }
+      return {
+        renderAction: renderAction2
+      };
+    }
+    function useExpand() {
+      const gridCount = 24;
+      const colSpan = 6;
+      const colsPerRow = 4;
+      const actionSpan2 = vue.ref(6);
+      const isExpend2 = vue.ref(false);
+      const expendBtnVisible2 = vue.ref(false);
+      const rowRef2 = vue.ref(null);
+      vue.onMounted(() => {
+        handleShowOrHidden();
+      });
+      function onExpend2() {
+        isExpend2.value = !isExpend2.value;
+        handleShowOrHidden();
+      }
+      function handleShowOrHidden() {
+        var _a, _b;
+        const colEl = Array.from((_b = (_a = rowRef2.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.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) {
+          expendBtnVisible2.value = true;
+        } else {
+          actionSpan2.value = remainingCols;
+        }
+        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;
+            }
+          });
+        }
+        if (expendBtnVisible2.value) {
+          isExpend2.value ? actionSpan2.value = remainingCols : actionSpan2.value = colSpan;
+        }
+      }
+      return {
+        rowRef: rowRef2,
+        actionSpan: actionSpan2,
+        onExpend: onExpend2,
+        expendBtnVisible: expendBtnVisible2,
+        isExpend: isExpend2
+      };
+    }
+    return () => vue.createVNode("div", {
+      "onKeyup": onKeyup
+    }, [vue.createVNode(antDesignVue.Form, {
+      "ref": formRef,
+      "colon": false,
+      "labelCol": {
+        style: {
+          width: props.labelWidth
+        }
+      },
+      "model": modelValue.value
+    }, {
+      default: () => [vue.createVNode(antDesignVue.Row, {
+        "ref": rowRef
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = slots.default) == null ? void 0 : _a.call(slots), vue.createVNode(antDesignVue.Col, {
+            "span": actionSpan.value,
+            "style": {
+              textAlign: "right"
+            }
+          }, {
+            default: () => [vue.createVNode(antDesignVue.FormItem, null, {
+              default: () => [slots.action ? slots.action() : renderAction()]
+            })]
+          })];
+        }
+      })]
+    })]);
+  }
+});
+
+exports.default = FormLayout;
+//# sourceMappingURL=FormLayout.cjs.map

package/dist/cjs/components/form/FormLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.cjs","sources":["../../../../src/components/form/FormLayout.tsx"],"sourcesContent":["import { defineComponent, onMounted, ref, watch, watchEffect } from \"vue\";\r\nimport { Button, Col, Form, FormItem, Row, Space } from \"ant-design-vue\";\r\n\r\nimport {\r\n  DoubleRightOutlined,\r\n  ReloadOutlined,\r\n  SearchOutlined\r\n} from \"@ant-design/icons-vue\";\r\n\r\n/**\r\n * 查询表单渲染\r\n * 展开，隐藏功能\r\n */\r\nexport default defineComponent({\r\n  name: \"DQueryForm\",\r\n  props: {\r\n    scheme: {\r\n      type: [Array, Object] as unknown as () => any[] | Record<string, any>,\r\n      default: () => []\r\n    },\r\n    model: {\r\n      type: Object as () => Record<string, unknown>,\r\n      default: () => ({})\r\n    },\r\n    labelWidth: {\r\n      type: String,\r\n      default: \"90px\"\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  emits: [\"reset\", \"query\"],\r\n  setup(props, { slots, emit }) {\r\n    // 表单\r\n    const { loading, modelValue, formRef, onQuery, onReset, onKeyup } =\r\n      useForm();\r\n    // 展开\r\n    const { rowRef, actionSpan, onExpend, expendBtnVisible, isExpend } =\r\n      useExpand();\r\n    //渲染操作列\r\n    const { renderAction } = useRender();\r\n\r\n    function useForm() {\r\n      const loading = ref(false);\r\n      const formRef = ref<any>(null);\r\n      const modelValue = ref<any>({});\r\n\r\n      watchEffect(() => {\r\n        modelValue.value = props.model;\r\n      });\r\n\r\n      watch(\r\n        () => props.loading,\r\n        val => {\r\n          loading.value = val;\r\n        }\r\n      );\r\n\r\n      /// 监听回车事件\r\n      // watch(enterKey, (v) => {\r\n      //   if (v) {\r\n      //     // 有路由名字会被keepalive进行缓存\r\n      //     // 用于判断当前页面是否被激活 因为页面被缓存的时候，页面切换后，回车事件依然会触发\r\n      //     const isActive = keepStore.list.some((name) => name === route.name);\r\n      //     console.log(route.name);\r\n      //     if (!loading.value && isActive) {\r\n      //       emit(\"query\", modelValue.value);\r\n      //     }\r\n      //     //TODO 逻辑有问题\r\n      //     if (!route.name) {\r\n      //       // 没有路由名字，不会被缓存\r\n      //       if (!loading.value) {\r\n      //         emit(\"query\", modelValue.value);\r\n      //       }\r\n      //     } else {\r\n      //\r\n      //     }\r\n      //   }\r\n      // });\r\n\r\n      const onQuery = () => {\r\n        emit(\"query\", modelValue.value);\r\n      };\r\n\r\n      const onReset = () => {\r\n        formRef.value?.resetFields();\r\n        emit(\"reset\");\r\n      };\r\n\r\n      const onKeyup = (event: any) => {\r\n        if (event.keyCode === 13) {\r\n          if (!loading.value) {\r\n            emit(\"query\", modelValue.value);\r\n          }\r\n        }\r\n      };\r\n      return {\r\n        loading,\r\n        modelValue,\r\n        formRef,\r\n        onQuery,\r\n        onReset,\r\n        onKeyup\r\n      };\r\n    }\r\n\r\n    function useRender() {\r\n      /**\r\n       * 操作按钮渲染\r\n       */\r\n      function renderAction() {\r\n        return (\r\n          <Space>\r\n            <Button\r\n              loading={loading.value}\r\n              type={\"primary\"}\r\n              shape={\"round\"}\r\n              onClick={onQuery}\r\n            >\r\n              {{\r\n                default: () => \"查询\",\r\n                icon: () => <SearchOutlined />\r\n              }}\r\n            </Button>\r\n            <Button disabled={loading.value} shape={\"round\"} onClick={onReset}>\r\n              {{\r\n                default: () => \"重置\",\r\n                icon: () => <ReloadOutlined />\r\n              }}\r\n            </Button>\r\n            {expendBtnVisible.value ? (\r\n              <Button onClick={onExpend} shape={\"round\"}>\r\n                {{\r\n                  default: () => (isExpend.value ? \"收起\" : \"展开\"),\r\n                  icon: () => (\r\n                    <DoubleRightOutlined rotate={isExpend.value ? -90 : 90} />\r\n                  )\r\n                }}\r\n              </Button>\r\n            ) : null}\r\n          </Space>\r\n        );\r\n      }\r\n\r\n      return {\r\n        renderAction\r\n      };\r\n    }\r\n\r\n    function useExpand() {\r\n      // 为24网格布局\r\n      const gridCount = 24;\r\n      // 每列占6个格子\r\n      const colSpan = 6;\r\n      // 每行显示4列\r\n      const colsPerRow = 4;\r\n      // 操作按钮span\r\n      const actionSpan = ref(6);\r\n      // 控制展开或隐藏按钮文本\r\n      const isExpend = ref(false);\r\n      // 控制展开按按钮是否显示\r\n      const expendBtnVisible = ref(false);\r\n      // 行对象\r\n      const rowRef = ref<any>(null);\r\n\r\n      onMounted(() => {\r\n        handleShowOrHidden();\r\n      });\r\n\r\n      function onExpend() {\r\n        isExpend.value = !isExpend.value;\r\n        handleShowOrHidden();\r\n      }\r\n\r\n      /**\r\n       *  处理隐藏或显示\r\n       */\r\n      function handleShowOrHidden() {\r\n        const colEl = Array.from(rowRef.value?.$el?.children);\r\n        // col总条数 减掉操作栏按钮的div个数为1\r\n        const colElLen = colEl.length - 1;\r\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\r\n        const occupiedCols = colElLen * colSpan;\r\n        // 总行数 =  总div数 / 每行显示的列数\r\n        const fullRows = Math.ceil(colElLen / colsPerRow);\r\n        // 最后一行的网格数 = 已占用的网格数 % 24\r\n        const lastRowCols = occupiedCols % gridCount;\r\n        // 最后一行剩余的网格数\r\n        const remainingCols = gridCount - lastRowCols;\r\n\r\n        // 网格行大于2才显示展开或隐藏按钮\r\n        if (fullRows > 2) {\r\n          expendBtnVisible.value = true;\r\n        } else {\r\n          // 如果没有大于两行，操作栏占用剩余的宽度\r\n          actionSpan.value = remainingCols;\r\n        }\r\n        // 最后一行的起始索引\r\n        const lastRowStartIndex = colsPerRow * (fullRows - 1) - 1;\r\n        // 只有展开按钮显示时才处理\r\n        if (expendBtnVisible.value) {\r\n          colEl.forEach((col: any, index) => {\r\n            if (index >= lastRowStartIndex) {\r\n              // 最后一个元素不隐藏 是操作按钮的div\r\n              index !== colElLen\r\n                ? (col.style.display = !isExpend.value ? \"none\" : \"block\")\r\n                : null; // 隐藏元素\r\n            }\r\n          });\r\n        }\r\n\r\n        if (expendBtnVisible.value) {\r\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\r\n          isExpend.value\r\n            ? (actionSpan.value = remainingCols)\r\n            : (actionSpan.value = colSpan);\r\n        }\r\n      }\r\n\r\n      return {\r\n        rowRef,\r\n        actionSpan,\r\n        onExpend,\r\n        expendBtnVisible,\r\n        isExpend\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div onKeyup={onKeyup}>\r\n        <Form\r\n          ref={formRef}\r\n          colon={false}\r\n          labelCol={{ style: { width: props.labelWidth } }}\r\n          model={modelValue.value}\r\n        >\r\n          <Row ref={rowRef}>\r\n            {slots.default?.()}\r\n            <Col span={actionSpan.value} style={{ textAlign: \"right\" }}>\r\n              <FormItem>\r\n                {slots.action ? slots.action() : renderAction()}\r\n              </FormItem>\r\n            </Col>\r\n          </Row>\r\n        </Form>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["defineComponent","name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","onKeyup","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","watchEffect","value","watch","val","resetFields","event","keyCode","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","Form","width","Row","Col","textAlign","FormItem","action"],"mappings":";;;;;;;;;AAaA,iCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,YAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,MAAQ,EAAA;AAAA,MACNC,IAAAA,EAAM,CAACC,KAAAA,EAAOC,MAAM,CAAA;AAAA,MACpBC,OAAAA,EAASA,MAAM;AAAA,KACjB;AAAA,IACAC,KAAO,EAAA;AAAA,MACLJ,IAAME,EAAAA,MAAAA;AAAAA,MACNC,OAAAA,EAASA,OAAO,EAAC;AAAA,KACnB;AAAA,IACAE,UAAY,EAAA;AAAA,MACVL,IAAMM,EAAAA,MAAAA;AAAAA,MACNH,OAAS,EAAA;AAAA,KACX;AAAA,IACAI,OAAS,EAAA;AAAA,MACPP,IAAMQ,EAAAA,OAAAA;AAAAA,MACNL,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EACAM,KAAAA,EAAO,CAAC,OAAA,EAAS,OAAO,CAAA;AAAA,EACxBC,MAAMZ,KAAO,EAAA;AAAA,IAAEa,KAAAA;AAAAA,IAAOC;AAAAA,GAAQ,EAAA;AAE5B,IAAM,MAAA;AAAA,MAAEL,OAAAA;AAAAA,MAASM,UAAAA;AAAAA,MAAYC,OAAAA;AAAAA,MAASC,OAAAA;AAAAA,MAASC,OAAAA;AAAAA,MAASC;AAAAA,QACtDC,OAAQ,EAAA;AAEV,IAAM,MAAA;AAAA,MAAEC,MAAAA;AAAAA,MAAQC,UAAAA;AAAAA,MAAYC,QAAAA;AAAAA,MAAUC,gBAAAA;AAAAA,MAAkBC;AAAAA,QACtDC,SAAU,EAAA;AAEZ,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAAiBC,SAAU,EAAA;AAEnC,IAAA,SAASR,OAAU,GAAA;AACjB,MAAMX,MAAAA,QAAAA,GAAUoB,QAAI,KAAK,CAAA;AACzB,MAAMb,MAAAA,QAAAA,GAAUa,QAAS,IAAI,CAAA;AAC7B,MAAMd,MAAAA,WAAAA,GAAac,OAAS,CAAA,EAAE,CAAA;AAE9BC,MAAAA,eAAAA,CAAY,MAAM;AAChBf,QAAAA,WAAAA,CAAWgB,QAAQ/B,KAAMM,CAAAA,KAAAA;AAAAA,OAC1B,CAAA;AAED0B,MACEA,SAAA,CAAA,MAAMhC,KAAMS,CAAAA,OAAAA,EACZwB,CAAO,GAAA,KAAA;AACLxB,QAAAA,SAAQsB,KAAQE,GAAAA,GAAAA;AAAAA,OAEpB,CAAA;AAwBA,MAAA,MAAMhB,WAAUA,MAAM;AACpBH,QAAK,IAAA,CAAA,OAAA,EAASC,YAAWgB,KAAK,CAAA;AAAA,OAChC;AAEA,MAAA,MAAMb,WAAUA,MAAM;AAtF5B,QAAA,IAAA,EAAA;AAuFQF,QAAAA,CAAAA,EAAAA,GAAAA,QAAAA,CAAQe,UAARf,IAAekB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,WAAAA,EAAAA;AACfpB,QAAAA,IAAAA,CAAK,OAAO,CAAA;AAAA,OACd;AAEA,MAAA,MAAMK,WAAWgB,CAAe,KAAA,KAAA;AAC9B,QAAIA,IAAAA,KAAAA,CAAMC,YAAY,EAAI,EAAA;AACxB,UAAI,IAAA,CAAC3B,SAAQsB,KAAO,EAAA;AAClBjB,YAAK,IAAA,CAAA,OAAA,EAASC,YAAWgB,KAAK,CAAA;AAAA;AAChC;AACF,OACF;AACA,MAAO,OAAA;AAAA,QACLtB,OAAAA,EAAAA,QAAAA;AAAAA,QACAM,UAAAA,EAAAA,WAAAA;AAAAA,QACAC,OAAAA,EAAAA,QAAAA;AAAAA,QACAC,OAAAA,EAAAA,QAAAA;AAAAA,QACAC,OAAAA,EAAAA,QAAAA;AAAAA,QACAC,OAAAA,EAAAA;AAAAA,OACF;AAAA;AAGF,IAAA,SAASS,SAAY,GAAA;AAInB,MAAA,SAASD,aAAe,GAAA;AACtB,QAAAU,OAAAA,eAAAA,CAAAC,oBAAA,IAAA,EAAA;AAAA,UAAAjC,OAAAA,EAAAA,MAAAgC,CAAAA,eAAAA,CAAAE,mBAAA,EAAA;AAAA,YAAA,WAGe9B,OAAQsB,CAAAA,KAAAA;AAAAA,YAAK,MAChB,EAAA,SAAA;AAAA,YAAS,OACR,EAAA,OAAA;AAAA,YAAO,SACLd,EAAAA;AAAAA,WAAO,EAAA;AAAA,YAGdZ,SAASA,MAAM,cAAA;AAAA,YACfmC,IAAMA,EAAAA,MAAAH,eAAAI,CAAAA,uBAAAA,EAAA,MAAA,IAAA;AAAA,WAAwBJ,CAAAA,EAAAA,eAAAA,CAAAE,mBAAA,EAAA;AAAA,YAAA,YAGhB9B,OAAQsB,CAAAA,KAAAA;AAAAA,YAAK,OAAS,EAAA,OAAA;AAAA,YAAO,SAAWb,EAAAA;AAAAA,WAAO,EAAA;AAAA,YAE7Db,SAASA,MAAM,cAAA;AAAA,YACfmC,IAAMA,EAAAA,MAAAH,eAAAK,CAAAA,uBAAAA,EAAA,MAAA,IAAA;AAAA,WAAwB,CAAA,EAGjClB,gBAAiBO,CAAAA,KAAAA,GAAKM,gBAAAE,mBAAA,EAAA;AAAA,YAAA,SACJhB,EAAAA,QAAAA;AAAAA,YAAQ,OAAS,EAAA;AAAA,WAAO,EAAA;AAAA,YAErClB,OAASA,EAAAA,MAAOoB,QAASM,CAAAA,KAAAA,GAAQ,cAAO,GAAA,cAAA;AAAA,YACxCS,IAAAA,EAAMA,MAAAH,eAAAA,CAAAM,4BAAA,EAAA;AAAA,cAAA,QAAA,EACyBlB,QAASM,CAAAA,KAAAA,GAAQ,CAAM,EAAA,GAAA;AAAA,eAAE,IAAA;AAAA,WACvD,IAGH,IAAI;AAAA,SAAA,CAAA;AAAA;AAKd,MAAO,OAAA;AAAA,QACLJ,YAAAA,EAAAA;AAAAA,OACF;AAAA;AAGF,IAAA,SAASD,SAAY,GAAA;AAEnB,MAAA,MAAMkB,SAAY,GAAA,EAAA;AAElB,MAAA,MAAMC,OAAU,GAAA,CAAA;AAEhB,MAAA,MAAMC,UAAa,GAAA,CAAA;AAEnB,MAAMxB,MAAAA,WAAAA,GAAaO,QAAI,CAAC,CAAA;AAExB,MAAMJ,MAAAA,SAAAA,GAAWI,QAAI,KAAK,CAAA;AAE1B,MAAML,MAAAA,iBAAAA,GAAmBK,QAAI,KAAK,CAAA;AAElC,MAAMR,MAAAA,OAAAA,GAASQ,QAAS,IAAI,CAAA;AAE5BkB,MAAAA,aAAAA,CAAU,MAAM;AACdC,QAAmB,kBAAA,EAAA;AAAA,OACpB,CAAA;AAED,MAAA,SAASzB,SAAW,GAAA;AAClBE,QAAAA,SAAAA,CAASM,KAAQ,GAAA,CAACN,SAASM,CAAAA,KAAAA;AAC3BiB,QAAmB,kBAAA,EAAA;AAAA;AAMrB,MAAA,SAASA,kBAAqB,GAAA;AAnLpC,QAAA,IAAA,EAAA,EAAA,EAAA;AAoLQ,QAAMC,MAAAA,KAAAA,GAAQ9C,MAAM+C,IAAK7B,CAAAA,CAAAA,EAAAA,GAAAA,CAAAA,EAAAA,GAAAA,QAAOU,KAAPV,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAc8B,GAAd9B,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAmB+B,QAAQ,CAAA;AAEpD,QAAMC,MAAAA,QAAAA,GAAWJ,MAAMK,MAAS,GAAA,CAAA;AAEhC,QAAA,MAAMC,eAAeF,QAAWR,GAAAA,OAAAA;AAEhC,QAAA,MAAMW,QAAWC,GAAAA,IAAAA,CAAKC,IAAKL,CAAAA,QAAAA,GAAWP,UAAU,CAAA;AAEhD,QAAA,MAAMa,cAAcJ,YAAeX,GAAAA,SAAAA;AAEnC,QAAA,MAAMgB,gBAAgBhB,SAAYe,GAAAA,WAAAA;AAGlC,QAAA,IAAIH,WAAW,CAAG,EAAA;AAChBhC,UAAAA,kBAAiBO,KAAQ,GAAA,IAAA;AAAA,SACpB,MAAA;AAELT,UAAAA,YAAWS,KAAQ6B,GAAAA,aAAAA;AAAAA;AAGrB,QAAMC,MAAAA,iBAAAA,GAAoBf,UAAcU,IAAAA,QAAAA,GAAW,CAAK,CAAA,GAAA,CAAA;AAExD,QAAA,IAAIhC,kBAAiBO,KAAO,EAAA;AAC1BkB,UAAMa,KAAAA,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAUC,KAAU,KAAA;AACjC,YAAA,IAAIA,SAASH,iBAAmB,EAAA;AAE9BG,cAAUX,KAAAA,KAAAA,QAAAA,GACLU,IAAIE,KAAMC,CAAAA,OAAAA,GAAU,CAACzC,SAASM,CAAAA,KAAAA,GAAQ,SAAS,OAChD,GAAA,IAAA;AAAA;AACN,WACD,CAAA;AAAA;AAGH,QAAA,IAAIP,kBAAiBO,KAAO,EAAA;AAE1BN,UAAAA,UAASM,KACJT,GAAAA,WAAAA,CAAWS,KAAQ6B,GAAAA,aAAAA,GACnBtC,YAAWS,KAAQc,GAAAA,OAAAA;AAAAA;AAC1B;AAGF,MAAO,OAAA;AAAA,QACLxB,MAAAA,EAAAA,OAAAA;AAAAA,QACAC,UAAAA,EAAAA,WAAAA;AAAAA,QACAC,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,gBAAAA,EAAAA,iBAAAA;AAAAA,QACAC,QAAAA,EAAAA;AAAAA,OACF;AAAA;AAGF,IAAO,OAAA,MAAAY,gBAAA,KAAA,EAAA;AAAA,MAAA,SACSlB,EAAAA;AAAAA,KAAO,EAAAkB,CAAAA,eAAAA,CAAA8B,iBAAA,EAAA;AAAA,MAAA,KAEZnD,EAAAA,OAAAA;AAAAA,MAAO,OACL,EAAA,KAAA;AAAA,MAAK,UACF,EAAA;AAAA,QAAEiD,KAAO,EAAA;AAAA,UAAEG,OAAOpE,KAAMO,CAAAA;AAAAA;AAAW,OAAE;AAAA,MAAC,SACzCQ,UAAWgB,CAAAA;AAAAA,KAAK,EAAA;AAAA,MAAA1B,OAAAA,EAAAA,MAAAgC,CAAAA,eAAAA,CAAAgC,gBAAA,EAAA;AAAA,QAAA,KAEbhD,EAAAA;AAAAA,OAAM,EAAA;AAAA,QAAAhB,SAAAA,MAAA;AA9O1B,UAAA,IAAA,EAAA;AA8O0B,UAAA,OAAA,CAAA,CACbQ,EAAMR,GAAAA,KAAAA,CAAAA,OAAAA,KAANQ,IAAiBwB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA,EAAAA,eAAAA,CAAAiC,gBAAA,EAAA;AAAA,YAAA,QACPhD,UAAWS,CAAAA,KAAAA;AAAAA,YAAK,OAAS,EAAA;AAAA,cAAEwC,SAAW,EAAA;AAAA;AAAQ,WAAC,EAAA;AAAA,YAAAlE,OAAAA,EAAAA,MAAAgC,CAAAA,eAAAA,CAAAmC,uBAAA,IAAA,EAAA;AAAA,cAAAnE,OAAAA,EAAAA,MAErDQ,CAAAA,KAAAA,CAAM4D,SAAS5D,KAAM4D,CAAAA,MAAAA,EAAW9C,GAAAA,YAAAA,EAAc;AAAA,aAAA,CAAA;AAAA,WAAA,CAAA,CAAA;AAAA;AAAA,OAAA,CAAA;AAAA,KAM1D,CAAA,CAAA,CAAA;AAAA;AAEL,CAAC,CAAA;;;;"}

package/dist/cjs/components/form/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var FormLayout = require('./FormLayout.cjs');
+
+"use strict";
+FormLayout.default.install = function(app) {
+  app.component(FormLayout.default.name, FormLayout.default);
+  return app;
+};
+
+exports.FormLayout = FormLayout.default;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/form/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/form/index.ts"],"sourcesContent":["import FormLayout from \"./FormLayout\";\r\nimport type { App } from \"vue\";\r\n\r\nFormLayout.install = function (app: App) {\r\n  app.component(FormLayout.name!, FormLayout);\r\n  return app;\r\n};\r\n\r\nexport { FormLayout };\r\n"],"names":["FormLayout"],"mappings":";;;;;AAGAA,kBAAW,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACvC,EAAI,GAAA,CAAA,SAAA,CAAUA,kBAAW,CAAA,IAAA,EAAOA,kBAAU,CAAA;AAC1C,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}

package/dist/cjs/components/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+require('./date/index.cjs');
+require('./form/index.cjs');
 require('./icon/index.cjs');
 require('./layout/index.cjs');
 require('./select/index.cjs');
@@ -8,6 +10,8 @@ require('./table/index.cjs');
 var Select_vue_vue_type_script_setup_true_lang = require('./select/Select.vue2.cjs');
 var Tab_vue_vue_type_script_setup_true_lang = require('./tab/Tab.vue2.cjs');
 var Table = require('./table/Table.cjs');
+var RangePicker_vue_vue_type_script_setup_true_lang = require('./date/RangePicker.vue2.cjs');
+var FormLayout = require('./form/FormLayout.cjs');
 var Moon = require('./icon/Moon.vue.cjs');
 var Sun = require('./icon/Sun.vue.cjs');
 var Layout_vue_vue_type_script_setup_true_lang = require('./layout/Layout.vue2.cjs');
@@ -19,6 +23,8 @@ var Show = require('./layout/Show.cjs');
 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.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
+exports.FormLayout = FormLayout.default;
 exports.Moon = Moon.default;
 exports.Sun = Sun.default;
 exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/List.cjs

@@ -63,6 +63,19 @@ const list = /* @__PURE__ */ vue.defineComponent({
     const cardStyle = css.css`
       box-shadow: none !important;
     `;
+    const leftCardStyle = css.css`
+      .ant-card-body {
+        overflow-y: scroll;
+        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */
+        scrollbar-width: none; /* 对 Firefox 生效 */
+
+        /* Webkit 浏览器 */
+
+        ::-webkit-scrollbar {
+          display: none;
+        }
+      }
+    `;
     const listStyle = vue.computed(() => css.css``);
     vue.onMounted(() => {
       playTableHeight();
@@ -129,29 +142,27 @@ const list = /* @__PURE__ */ vue.defineComponent({
         });
       }
     }
-    return () => {
-      let _slot;
-      return vue.createVNode(antDesignVue.Flex, {
-        "vertical": true,
-        "class": listStyle.value,
-        "style": {
-          height: "100%",
-          padding: "24px"
-        }
-      }, {
-        default: () => [slots.form && vue.createVNode(antDesignVue.Card, {
-          "class": cardStyle,
-          "ref": formRef,
-          "style": {
-            marginBottom: "20px"
-          },
-          "bodyStyle": {
-            padding: "24px 24px 0 24px"
-          },
-          "bordered": false
-        }, _isSlot(_slot = slots.form()) ? _slot : {
-          default: () => [_slot]
-        }), vue.createVNode(antDesignVue.Flex, {
+    function useLayout() {
+      function formLayout() {
+        return () => {
+          let _slot;
+          return slots.form && vue.createVNode(antDesignVue.Card, {
+            "class": cardStyle,
+            "ref": formRef,
+            "style": {
+              marginBottom: "10px"
+            },
+            "bodyStyle": {
+              padding: "10px 10px 0 10px"
+            },
+            "bordered": false
+          }, _isSlot(_slot = slots.form()) ? _slot : {
+            default: () => [_slot]
+          });
+        };
+      }
+      function tableLayout() {
+        return () => vue.createVNode(antDesignVue.Flex, {
           "flex": 1,
           "vertical": true
         }, {
@@ -204,9 +215,37 @@ const list = /* @__PURE__ */ vue.defineComponent({
               })]
             })]
           })]
+        });
+      }
+      return vue.createVNode(antDesignVue.Flex, {
+        "class": listStyle.value,
+        "gap": 10,
+        "style": {
+          height: "100%",
+          padding: "10px"
+        }
+      }, {
+        default: () => [slots.left ? vue.createVNode(antDesignVue.Card, {
+          "class": [cardStyle, leftCardStyle],
+          "bordered": false,
+          "bodyStyle": {
+            height: "100%",
+            padding: "10px"
+          }
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
+          }
+        }) : null, vue.createVNode(antDesignVue.Flex, {
+          "vertical": true,
+          "flex": 1
+        }, {
+          default: () => [formLayout()(), tableLayout()()]
         })]
       });
-    };
+    }
+    return () => useLayout();
   }
 });
 

package/dist/cjs/components/layout/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { Card, Flex, Space } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n  height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const { tableRef, height, tableVisible, playTableHeight } =\r\n      useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: 1;\r\n        background: white;\r\n        display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n      box-shadow: none !important;\r\n    `;\r\n\r\n    const listStyle = computed(() => css``);\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } = useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <Flex\r\n        vertical={true}\r\n        class={listStyle.value}\r\n        style={{ height: \"100%\", padding: \"24px\" }}\r\n      >\r\n        {slots.form && (\r\n          <Card\r\n            class={cardStyle}\r\n            ref={formRef}\r\n            style={{ marginBottom: \"20px\" }}\r\n            bodyStyle={{ padding: \"24px 24px 0 24px\" }}\r\n            bordered={false}\r\n          >\r\n            {slots.form()}\r\n          </Card>\r\n        )}\r\n\r\n        <Flex flex={1} vertical={true}>\r\n          <Card\r\n            class={cardStyle}\r\n            style={{ height: \"100%\" }}\r\n            bodyStyle={{ height: \"100%\", padding: \"10px\" }}\r\n            bordered={false}\r\n          >\r\n            <Flex style={{ height: \"100%\" }} vertical={true}>\r\n              <Space style={{ marginBottom: \"6px\" }}>{slots.tools?.()}</Space>\r\n              <Flex\r\n                ref={tableRef}\r\n                flex={1}\r\n                style={{ height: \"100%\" }}\r\n                vertical={true}\r\n              >\r\n                <div class={tableRootStyle}>\r\n                  <div class={maskDivStyle.value}></div>\r\n                  <div class={tableWrapperStyle}>\r\n                    {slots.table?.({ height: height.value })}\r\n                  </div>\r\n                </div>\r\n              </Flex>\r\n            </Flex>\r\n          </Card>\r\n        </Flex>\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","_slot","_createVNode","Flex","padding","default","form","Card","marginBottom","Space","tools","table"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { Card, Flex, Space } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n  height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const { tableRef, height, tableVisible, playTableHeight } =\r\n      useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: 1;\r\n        background: white;\r\n        display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n      box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n      .ant-card-body {\r\n        overflow-y: scroll;\r\n        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n        scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n        /* Webkit 浏览器 */\r\n\r\n        ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n      }\r\n    `;\r\n\r\n    const listStyle = computed(() => css``);\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } = useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{ height: \"100%\", padding: \"10px\" }}\r\n              bordered={false}\r\n            >\r\n              <Flex style={{ height: \"100%\" }} vertical={true}>\r\n                <Space style={{ marginBottom: \"6px\" }}>{slots.tools?.()}</Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({ height: height.value })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Flex\r\n          class={listStyle.value}\r\n          gap={10}\r\n          style={{ height: \"100%\", padding: \"10px\" }}\r\n        >\r\n          {slots.left ? (\r\n            <Card\r\n              class={[cardStyle, leftCardStyle]}\r\n              bordered={false}\r\n              bodyStyle={{\r\n                height: \"100%\",\r\n                padding: \"10px\"\r\n              }}\r\n            >\r\n              {slots.left?.()}\r\n            </Card>\r\n          ) : null}\r\n          <Flex vertical={true} flex={1}>\r\n            {formLayout()()}\r\n            {tableLayout()()}\r\n          </Flex>\r\n        </Flex>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","left"],"mappings":"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"}

package/dist/cjs/index.cjs

@@ -6,6 +6,8 @@ var index$1 = require('./components/index.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 RangePicker_vue_vue_type_script_setup_true_lang = require('./components/date/RangePicker.vue2.cjs');
+var FormLayout = require('./components/form/FormLayout.cjs');
 var Moon = require('./components/icon/Moon.vue.cjs');
 var Sun = require('./components/icon/Sun.vue.cjs');
 var Layout_vue_vue_type_script_setup_true_lang = require('./components/layout/Layout.vue2.cjs');
@@ -31,6 +33,8 @@ var index = {
 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.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
+exports.FormLayout = FormLayout.default;
 exports.Moon = Moon.default;
 exports.Sun = Sun.default;
 exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;

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\nconsole.log(components);\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<never, never, never> & {\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":";;;;;;;;;;;;;;;AAOA,OAAA,CAAQ,IAAIA,OAAU,CAAA;AAMT,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACnC,EAAA,MAAA,CAAO,IAAK,CAAAA,OAAU,CAAE,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACrC,IAAM,MAAA,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAS,GAAA,SAAA;AAEf,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA;AAChB,GACD,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\nconsole.log(components);\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<never, never, never> & {\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":";;;;;;;;;;;;;;;;;AAOA,OAAA,CAAQ,IAAIA,OAAU,CAAA;AAMT,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACnC,EAAA,MAAA,CAAO,IAAK,CAAAA,OAAU,CAAE,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACrC,IAAM,MAAA,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAS,GAAA,SAAA;AAEf,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA;AAChB,GACD,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;"}