@fangzhongya/fang-ui 0.1.20 → 0.1.21

package/dist/components/array/src/data.cjs

@@ -61,6 +61,10 @@ const dataProps = {
   check: {
     type: [Boolean, Function]
   },
+  compons: {
+    type: String,
+    default: "form"
+  },
   /**
    * @props { Boolean } disabled=false
    * 是否禁用

package/dist/components/array/src/data.d.ts

@@ -65,6 +65,10 @@ export declare const dataProps: {
     check: {
         type: (BooleanConstructor | FunctionConstructor)[];
     };
+    compons: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * @props { Boolean } disabled=false
      * 是否禁用

package/dist/components/array/src/data.js

@@ -59,6 +59,10 @@ const dataProps = {
   check: {
     type: [Boolean, Function]
   },
+  compons: {
+    type: String,
+    default: "form"
+  },
   /**
    * @props { Boolean } disabled=false
    * 是否禁用

package/dist/components/array/src/index2.cjs

@@ -1,32 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const data$1 = require("./data.cjs");
-const index$2 = require("../../../hooks/cssname/index.cjs");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
 const index$3 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
-const data = require("../../forms/src/data.cjs");
-const index$1 = require("../../../hooks/props-default/index.cjs");
+require("../../forms/src/data.cjs");
+const compons = require("../../common/compons.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: index$1.getProps(data$1.dataProps),
-  emits: data$1.dataEmits,
+  props: index$2.getProps(data.dataProps),
+  emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const compons = vue.inject(data.provides.compons, {});
-    const pcompon = vue.computed(() => {
-      if (typeof props.compon == "string") {
-        const tcom = lineToLargeHump.lineToLargeHump(props.compon);
-        return compons[tcom] || props.compon;
-      } else {
-        return props.compon;
-      }
-    });
-    const cs = index$2.useCssName(data$1.name);
+    const cs = index$1.useCssName(data.name);
     const prs = __props;
-    const props = index$1.usePropsDefault(data$1.name, prs, data$1.dataProps, {
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps, {
       rangeSeparator() {
         return getLocale("to");
       },
@@ -37,7 +29,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return getLocale("end");
       }
     });
-    index$1.viewProps(props, data$1.name);
+    index$2.viewProps(props, data.name);
+    const compons$1 = compons.useGetCompons(props.compons + "-compons");
+    const pcompon = vue.computed(() => {
+      if (typeof props.compon == "string") {
+        const tcom = lineToLargeHump.lineToLargeHump(props.compon);
+        return compons$1[tcom] || props.compon;
+      } else {
+        return props.compon;
+      }
+    });
     const emit = __emit;
     const refInput = vue.ref();
     const isfocus = vue.ref(false);
@@ -201,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     __expose({
-      ...data$1.dataExpose
+      ...data.dataExpose
     });
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
@@ -211,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onMouseleave,
         onClick: vue.withModifiers(onClick, ["stop"])
       }, [
-        vue.renderSlot(_ctx.$slots, vue.unref(data$1.dataSlot).prefix),
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(pcompon.value), vue.mergeProps(vue.unref(props).config, {
           multiple: multiple.value,
           class: [vue.unref(cs).z("value"), vue.unref(cs).z("start")],
@@ -265,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _: 1
           })
         ], 2)) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, vue.unref(data$1.dataSlot).suffix)
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
       ], 34);
     };
   }

package/dist/components/array/src/index2.js

@@ -1,9 +1,10 @@
-import { defineComponent, inject, computed, ref, watch, onMounted, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, withCtx } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, withCtx } from "vue";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
-import { provides } from "../../forms/src/data.js";
+import "../../forms/src/data.js";
+import { useGetCompons } from "../../common/compons.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 import { useLocale } from "../../../hooks/locale/index.js";
@@ -13,15 +14,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const compons = inject(provides.compons, {});
-    const pcompon = computed(() => {
-      if (typeof props.compon == "string") {
-        const tcom = lineToLargeHump(props.compon);
-        return compons[tcom] || props.compon;
-      } else {
-        return props.compon;
-      }
-    });
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps, {
@@ -36,6 +28,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     viewProps(props, name);
+    const compons = useGetCompons(props.compons + "-compons");
+    const pcompon = computed(() => {
+      if (typeof props.compon == "string") {
+        const tcom = lineToLargeHump(props.compon);
+        return compons[tcom] || props.compon;
+      } else {
+        return props.compon;
+      }
+    });
     const emit = __emit;
     const refInput = ref();
     const isfocus = ref(false);

package/dist/components/common/compons.cjs

@@ -61,12 +61,14 @@ function getCompons(...arrs) {
   });
   return coms;
 }
+const comKey = "com-compons";
 function useCompons(key, ...arrs) {
   const tfcom = getCompons(...arrs);
-  vue.provide(key || "com-compons", tfcom);
+  vue.provide(key || comKey, tfcom);
+  return tfcom;
 }
 function useGetCompons(key, value = {}) {
-  return vue.inject(key || "com-compons", value);
+  return vue.inject(key || comKey, value);
 }
 exports.components = components;
 exports.getCompons = getCompons;

package/dist/components/common/compons.d.ts

@@ -4,6 +4,6 @@ type Compons = {
 };
 export declare const components: Compons;
 export declare function getCompons(...arrs: Compons[]): Compons;
-export declare function useCompons(key: string, ...arrs: Compons[]): void;
+export declare function useCompons(key: string, ...arrs: Compons[]): Compons;
 export declare function useGetCompons(key: string, value?: Compons): Compons;
 export {};

package/dist/components/common/compons.js

@@ -59,12 +59,14 @@ function getCompons(...arrs) {
   });
   return coms;
 }
+const comKey = "com-compons";
 function useCompons(key, ...arrs) {
   const tfcom = getCompons(...arrs);
-  provide(key || "com-compons", tfcom);
+  provide(key || comKey, tfcom);
+  return tfcom;
 }
 function useGetCompons(key, value = {}) {
-  return inject(key || "com-compons", value);
+  return inject(key || comKey, value);
 }
 export {
   components,

package/dist/components/forms/src/data.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const urls = require("../../common/urls.cjs");
 const name = "forms";
 const provides = {
-  compons: "forms-compons",
-  form: "forms-form"
+  compons: "form-compons",
+  form: "form-form"
 };
 const dataProps = {
   ...urls.props,

package/dist/components/forms/src/data.js

@@ -1,8 +1,8 @@
 import { props, comHandle } from "../../common/urls.js";
 const name = "forms";
 const provides = {
-  compons: "forms-compons",
-  form: "forms-form"
+  compons: "form-compons",
+  form: "form-form"
 };
 const dataProps = {
   ...props,

package/dist/components/forms-div/src/index2.cjs

@@ -7,6 +7,7 @@ const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
 const isEqual = require("@fangzhongya/utils/basic/object/isEqual");
 const index$1 = require("../../../hooks/props-default/index.cjs");
+const compons = require("../../common/compons.cjs");
 const data$1 = require("../../forms/src/data.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
@@ -21,7 +22,7 @@ const _sfc_main = vue.defineComponent({
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
     index$1.viewProps(prs, data.name);
     const props = prs.listobj;
-    const compons = vue.inject(data$1.provides.compons, {});
+    const compons$1 = compons.useGetCompons(data$1.provides.compons);
     const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -173,8 +174,8 @@ const _sfc_main = vue.defineComponent({
       };
       if (typeof compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(compon);
-        if (Object.keys(compons).includes(tcom)) {
-          return vue.h(compons[tcom], componObj, slots);
+        if (Object.keys(compons$1).includes(tcom)) {
+          return vue.h(compons$1[tcom], componObj, slots);
         } else {
           return vue.h(vue.resolveComponent(compon), componObj, slots);
         }

package/dist/components/forms-div/src/index2.js

@@ -1,10 +1,11 @@
-import { defineComponent, inject, computed, ref, h, resolveComponent } from "vue";
+import { defineComponent, computed, ref, h, resolveComponent } from "vue";
 import { name, dataProps, dataEmits, dataExpose } from "./data.js";
 import "../../../utils/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { getOnObjs } from "../../common/use.js";
 import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { useGetCompons } from "../../common/compons.js";
 import { provides } from "../../forms/src/data.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
@@ -19,7 +20,7 @@ const _sfc_main = defineComponent({
     const prs = usePropsDefault(name, p, dataProps);
     viewProps(prs, name);
     const props = prs.listobj;
-    const compons = inject(provides.compons, {});
+    const compons = useGetCompons(provides.compons);
     const formvalue = computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {

package/dist/components/forms-item/src/label.cjs

@@ -4,8 +4,9 @@ const vue = require("vue");
 const use = require("../../common/use.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const data = require("../../forms/src/data.cjs");
+const compons = require("../../common/compons.cjs");
 function render(props, emit, slots, form) {
-  const compons = vue.inject(data.provides.compons, {});
+  const compons$1 = compons.useGetCompons(data.provides.compons);
   let label = props.label ?? "";
   const index = 0;
   if (label) {
@@ -23,7 +24,7 @@ function render(props, emit, slots, form) {
           label,
           data2,
           optionss,
-          compons,
+          compons$1,
           emit,
           index
         );

package/dist/components/forms-item/src/label.js

@@ -1,9 +1,10 @@
-import { inject, defineComponent } from "vue";
+import { defineComponent, inject } from "vue";
 import { useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
 import { provides } from "../../forms/src/data.js";
+import { useGetCompons } from "../../common/compons.js";
 function render(props, emit, slots, form) {
-  const compons = inject(provides.compons, {});
+  const compons = useGetCompons(provides.compons);
   let label = props.label ?? "";
   const index = 0;
   if (label) {

package/dist/components/index.cjs

@@ -129,13 +129,14 @@ const index$2F = require("./uploads/index.cjs");
 const index$2G = require("./list/index.cjs");
 const index$2H = require("./lists/index.cjs");
 const index$2I = require("./listsp/index.cjs");
-const index$2J = require("./paging/index.cjs");
-const index$2K = require("./tables/index.cjs");
-const index$2L = require("./tablesp/index.cjs");
-const index$2M = require("./tablespd/index.cjs");
-const index$2N = require("./tabless/index.cjs");
-const index$2O = require("./tablesv/index.cjs");
-const index$2P = require("./tablesvp/index.cjs");
+const index$2J = require("./listspd/index.cjs");
+const index$2K = require("./paging/index.cjs");
+const index$2L = require("./tables/index.cjs");
+const index$2M = require("./tablesp/index.cjs");
+const index$2N = require("./tablespd/index.cjs");
+const index$2O = require("./tabless/index.cjs");
+const index$2P = require("./tablesv/index.cjs");
+const index$2Q = require("./tablesvp/index.cjs");
 const index$1 = require("element-plus/es/components/button/index");
 const index$3 = require("element-plus/es/components/card/index");
 const index$5 = require("element-plus/es/components/color-picker/index");
@@ -309,13 +310,14 @@ exports.Uploads = index$2F.Uploads;
 exports.List = index$2G.List;
 exports.Lists = index$2H.Lists;
 exports.Listsp = index$2I.Listsp;
-exports.Paging = index$2J.Paging;
-exports.Tables = index$2K.Tables;
-exports.Tablesp = index$2L.Tablesp;
-exports.Tablespd = index$2M.Tablespd;
-exports.Tabless = index$2N.Tabless;
-exports.Tablesv = index$2O.Tablesv;
-exports.Tablesvp = index$2P.Tablesvp;
+exports.Listspd = index$2J.Listspd;
+exports.Paging = index$2K.Paging;
+exports.Tables = index$2L.Tables;
+exports.Tablesp = index$2M.Tablesp;
+exports.Tablespd = index$2N.Tablespd;
+exports.Tabless = index$2O.Tabless;
+exports.Tablesv = index$2P.Tablesv;
+exports.Tablesvp = index$2Q.Tablesvp;
 Object.keys(index$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/components/index.d.ts

@@ -126,6 +126,7 @@ export * from './uploads/index';
 export * from './list/index';
 export * from './lists/index';
 export * from './listsp/index';
+export * from './listspd/index';
 export * from './paging/index';
 export * from './tables/index';
 export * from './tablesp/index';

package/dist/components/index.js

@@ -127,6 +127,7 @@ import { Uploads } from "./uploads/index.js";
 import { List } from "./list/index.js";
 import { Lists } from "./lists/index.js";
 import { Listsp } from "./listsp/index.js";
+import { Listspd } from "./listspd/index.js";
 import { Paging } from "./paging/index.js";
 import { Tables } from "./tables/index.js";
 import { Tablesp } from "./tablesp/index.js";
@@ -251,6 +252,7 @@ export {
   List,
   Lists,
   Listsp,
+  Listspd,
   Loading,
   Mention,
   Menu,

package/dist/components/index.scss

@@ -113,9 +113,11 @@
 @use './list/index.scss' as *;
 @use './lists/index.scss' as *;
 @use './listsp/index.scss' as *;
+@use './listspd/index.scss' as *;
 @use './paging/index.scss' as *;
 @use './tables/index.scss' as *;
 @use './tablesp/index.scss' as *;
 @use './tablespd/index.scss' as *;
 @use './tabless/index.scss' as *;
-@use './tablesv/index.scss' as *;
+@use './tablesv/index.scss' as *;
+@use './tablesvp/index.scss' as *;

package/dist/components/index2.scss

@@ -113,9 +113,11 @@
 @use './list/style/index2.scss' as *;
 @use './lists/style/index2.scss' as *;
 @use './listsp/style/index2.scss' as *;
+@use './listspd/style/index2.scss' as *;
 @use './paging/style/index2.scss' as *;
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;
 @use './tablespd/style/index2.scss' as *;
 @use './tabless/style/index2.scss' as *;
-@use './tablesv/style/index2.scss' as *;
+@use './tablesv/style/index2.scss' as *;
+@use './tablesvp/style/index2.scss' as *;

package/dist/components/list/src/index2.cjs

@@ -7,6 +7,7 @@ const use = require("../../common/use.cjs");
 const compons = require("../../common/compons.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const tooltip = require("../../tables/common/tooltip.cjs");
+require("../../tables/common/config.cjs");
 const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
 require("../../tables/common/img.cjs");
@@ -23,7 +24,7 @@ const _sfc_main = vue.defineComponent({
   setup(prs, { emit, slots }) {
     const props = index.usePropsDefault(data.name, prs, data.dataProps);
     index.viewProps(props, data.name);
-    const compons$1 = compons.getCompons(props.compons);
+    const compons$1 = compons.useCompons("list-compons", props.compons);
     const cs = index$1.useCssName(data.name);
     const refDom = vue.ref();
     const isfocus = vue.ref(false);
@@ -158,13 +159,13 @@ const _sfc_main = vue.defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
-          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj),
-          onClick: (event) => {
-            isfocus.value = true;
-            rowObj.value = obj;
-            event.stopPropagation();
-            return false;
-          }
+          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
+          // onClick: (event: Event) => {
+          // 	isfocus.value = true;
+          // 	rowObj.value = obj;
+          // 	event.stopPropagation();
+          // 	return false;
+          // },
         },
         [
           vue.h(
@@ -259,13 +260,13 @@ const _sfc_main = vue.defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
-          rowspan: setRowspan(obj, isRow),
-          onClick: (event) => {
-            isfocus.value = true;
-            rowObj.value = obj;
-            event.stopPropagation();
-            return false;
-          }
+          rowspan: setRowspan(obj, isRow)
+          // onClick: (event: Event) => {
+          // 	isfocus.value = true;
+          // 	rowObj.value = obj;
+          // 	event.stopPropagation();
+          // 	return false;
+          // },
         },
         [...getChildrenValue(obj, index2)]
       );

package/dist/components/list/src/index2.js

@@ -2,9 +2,10 @@ import { defineComponent, ref, computed, h, onMounted } from "vue";
 import { setLabel, setSslot } from "./util.js";
 import { setStyles } from "../../common/css.js";
 import { useObjComponSelected, useHide } from "../../common/use.js";
-import { getCompons } from "../../common/compons.js";
+import { useCompons } from "../../common/compons.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { hideTooltip, showTooltip } from "../../tables/common/tooltip.js";
+import "../../tables/common/config.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import "../../tables/common/img.js";
@@ -21,7 +22,7 @@ const _sfc_main = defineComponent({
   setup(prs, { emit, slots }) {
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
-    const compons = getCompons(props.compons);
+    const compons = useCompons("list-compons", props.compons);
     const cs = useCssName(name);
     const refDom = ref();
     const isfocus = ref(false);
@@ -156,13 +157,13 @@ const _sfc_main = defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
-          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj),
-          onClick: (event) => {
-            isfocus.value = true;
-            rowObj.value = obj;
-            event.stopPropagation();
-            return false;
-          }
+          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
+          // onClick: (event: Event) => {
+          // 	isfocus.value = true;
+          // 	rowObj.value = obj;
+          // 	event.stopPropagation();
+          // 	return false;
+          // },
         },
         [
           h(
@@ -257,13 +258,13 @@ const _sfc_main = defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
-          rowspan: setRowspan(obj, isRow),
-          onClick: (event) => {
-            isfocus.value = true;
-            rowObj.value = obj;
-            event.stopPropagation();
-            return false;
-          }
+          rowspan: setRowspan(obj, isRow)
+          // onClick: (event: Event) => {
+          // 	isfocus.value = true;
+          // 	rowObj.value = obj;
+          // 	event.stopPropagation();
+          // 	return false;
+          // },
         },
         [...getChildrenValue(obj, index)]
       );

package/dist/components/lists/index.css

@@ -22,7 +22,7 @@
   background-color: #eee;
 }
 .lists-list {
-  padding: 0 var(--lists-interval);
+  padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
   position: absolute;
@@ -37,7 +37,7 @@
 }
 .lists-list-item {
   background-color: #fff;
-  margin: 0 var(--lists-interval);
+  margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }
 .lists-list-item.is-active {

package/dist/components/lists/index.scss

@@ -10,7 +10,8 @@ $lists: 'lists';
 	flex-direction: column;
 	background-color: #eee;
 	&-list {
-		padding: 0 var(vdm('interval', $lists));
+		padding: 0
+			var(vdm('interval-horizon', $lists), var(vdm('interval', $lists)));
 		&.#{is('absolute')} {
 			position: absolute;
 			inset: 0;
@@ -26,7 +27,11 @@ $lists: 'lists';
 				margin-top: calc(var(vdm('interval', $lists)) * 2);
 			}
 			background-color: #fff;
-			margin: 0 var(vdm('interval', $lists));
+			margin: 0
+				var(
+					vdm('interval-horizon', $lists),
+					var(vdm('interval', $lists))
+				);
 			margin-bottom: calc(var(vdm('interval', $lists)) * 2);
 			&.#{is('active')} {
 				background-color: rgb(250, 235, 215);

package/dist/components/lists/src/data.cjs

@@ -109,18 +109,29 @@ const dataProps = {
     type: Number,
     default: 1
   },
+  rowKey: {
+    type: String
+  },
   /**
    * @props { String } interval='6px'
    * 查询模式的上下间距
    */
   interval: {
     type: String,
-    default: "6px"
+    default: "8px"
+  },
+  /**
+   * @props { String } intervalHorizon
+   * 查询模式的左右间距
+   */
+  intervalHorizon: {
+    type: String
   }
 };
 const dataEmits = [
   "sort-change",
   "scroll-bottom",
+  "selection-change",
   "scope-click",
   "selection-list",
   "list-events",

package/dist/components/lists/src/data.d.ts

@@ -135,6 +135,9 @@ export declare const dataProps: {
         type: NumberConstructor;
         default: number;
     };
+    rowKey: {
+        type: StringConstructor;
+    };
     /**
      * @props { String } interval='6px'
      * 查询模式的上下间距
@@ -143,6 +146,13 @@ export declare const dataProps: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * @props { String } intervalHorizon
+     * 查询模式的左右间距
+     */
+    intervalHorizon: {
+        type: StringConstructor;
+    };
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**