@fangzhongya/fang-ui 0.1.20 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/components/array/src/data.cjs +4 -0
  2. package/dist/components/array/src/data.d.ts +4 -0
  3. package/dist/components/array/src/data.js +4 -0
  4. package/dist/components/array/src/index2.cjs +22 -21
  5. package/dist/components/array/src/index2.js +12 -11
  6. package/dist/components/common/compons.cjs +4 -2
  7. package/dist/components/common/compons.d.ts +1 -1
  8. package/dist/components/common/compons.js +4 -2
  9. package/dist/components/forms/src/data.cjs +2 -2
  10. package/dist/components/forms/src/data.js +2 -2
  11. package/dist/components/forms-div/src/index2.cjs +4 -3
  12. package/dist/components/forms-div/src/index2.js +3 -2
  13. package/dist/components/forms-item/src/label.cjs +3 -2
  14. package/dist/components/forms-item/src/label.js +3 -2
  15. package/dist/components/index.cjs +16 -14
  16. package/dist/components/index.d.ts +1 -0
  17. package/dist/components/index.js +2 -0
  18. package/dist/components/index.scss +1 -0
  19. package/dist/components/index2.scss +3 -1
  20. package/dist/components/list/src/index2.cjs +16 -15
  21. package/dist/components/list/src/index2.js +17 -16
  22. package/dist/components/lists/index.css +2 -2
  23. package/dist/components/lists/index.scss +7 -2
  24. package/dist/components/lists/src/data.cjs +12 -1
  25. package/dist/components/lists/src/data.d.ts +10 -0
  26. package/dist/components/lists/src/data.js +12 -1
  27. package/dist/components/lists/src/index2.cjs +7 -5
  28. package/dist/components/lists/src/index2.js +7 -5
  29. package/dist/components/listsp/index.css +2 -2
  30. package/dist/components/listsp/src/data.d.ts +1 -5
  31. package/dist/components/listspd/index.cjs +9 -0
  32. package/dist/components/listspd/index.css +99 -0
  33. package/dist/components/listspd/index.d.ts +4 -0
  34. package/dist/components/listspd/index.js +9 -0
  35. package/dist/components/listspd/index.scss +30 -0
  36. package/dist/components/listspd/src/data.cjs +13 -0
  37. package/dist/components/listspd/src/data.d.ts +14 -0
  38. package/dist/components/listspd/src/data.js +13 -0
  39. package/dist/components/listspd/src/index.cjs +4 -0
  40. package/dist/components/listspd/src/index.js +4 -0
  41. package/dist/components/listspd/src/index2.cjs +111 -0
  42. package/dist/components/listspd/src/index2.js +111 -0
  43. package/dist/components/listspd/style/index2.scss +4 -0
  44. package/dist/components/tables/common/config.cjs +1 -1
  45. package/dist/components/tables/common/config.js +1 -1
  46. package/dist/css/index.css +26 -2
  47. package/dist/css/lists.css +2 -2
  48. package/dist/css/listsp.css +2 -2
  49. package/dist/css/listspd.css +99 -0
  50. package/dist/directives/adjust/index.cjs +10 -6
  51. package/dist/directives/adjust/index.js +10 -6
  52. package/dist/directives/sortable/index.cjs +2 -2
  53. package/dist/directives/sortable/index.js +1 -1
  54. package/dist/expand/{chunk-OT6GISSR.cjs → chunk-2L4PC7LZ.cjs} +2 -0
  55. package/dist/expand/{chunk-2BLP2ANQ.js → chunk-RBGCE6BS.js} +2 -0
  56. package/dist/expand/components.cjs +5 -5
  57. package/dist/expand/components.js +1 -1
  58. package/dist/expand/config.cjs +2 -2
  59. package/dist/expand/config.js +1 -1
  60. package/dist/hooks/global-config/index.cjs +2 -6
  61. package/dist/hooks/global-config/index.js +2 -6
  62. package/dist/icons/index.json +1 -1
  63. package/dist/index.cjs +38 -36
  64. package/dist/{components/index.css → index.css} +26 -2
  65. package/dist/index.js +2 -0
  66. package/package.json +5 -5
  67. package/dist/directives/adjust/index copy 2.d.ts +0 -6
  68. package/dist/directives/adjust/index copy 3.d.ts +0 -6
  69. package/dist/directives/adjust/index copy 4.d.ts +0 -6
  70. package/dist/directives/adjust/index copy 5.d.ts +0 -6
  71. package/dist/directives/adjust/index copy 6.d.ts +0 -6
  72. package/dist/directives/adjust/index copy 7.d.ts +0 -6
  73. package/dist/directives/adjust/index copy 8.d.ts +0 -6
  74. package/dist/directives/adjust/index copy 9.d.ts +0 -6
  75. package/dist/directives/adjust/index copy.d.ts +0 -6
  76. package/dist/node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.cjs +0 -2758
  77. package/dist/node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.js +0 -2758
  78. /package/dist/components/{forms-items → forms-item}/index.css +0 -0
  79. /package/dist/components/{global-config → popover}/index.css +0 -0
  80. /package/dist/css/{forms-items.css → forms-item.css} +0 -0
  81. /package/dist/css/{global-config.css → popover.css} +0 -0
@@ -61,6 +61,10 @@ const dataProps = {
61
61
  check: {
62
62
  type: [Boolean, Function]
63
63
  },
64
+ compons: {
65
+ type: String,
66
+ default: "form"
67
+ },
64
68
  /**
65
69
  * @props { Boolean } disabled=false
66
70
  * 是否禁用
@@ -65,6 +65,10 @@ export declare const dataProps: {
65
65
  check: {
66
66
  type: (BooleanConstructor | FunctionConstructor)[];
67
67
  };
68
+ compons: {
69
+ type: StringConstructor;
70
+ default: string;
71
+ };
68
72
  /**
69
73
  * @props { Boolean } disabled=false
70
74
  * 是否禁用
@@ -59,6 +59,10 @@ const dataProps = {
59
59
  check: {
60
60
  type: [Boolean, Function]
61
61
  },
62
+ compons: {
63
+ type: String,
64
+ default: "form"
65
+ },
62
66
  /**
63
67
  * @props { Boolean } disabled=false
64
68
  * 是否禁用
@@ -1,32 +1,24 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
- const data$1 = require("./data.cjs");
5
- const index$2 = require("../../../hooks/cssname/index.cjs");
4
+ const data = require("./data.cjs");
5
+ const index$1 = require("../../../hooks/cssname/index.cjs");
6
6
  const index$3 = require("../../icon/index.cjs");
7
7
  const clear = require("../../../icons/vue/clear.cjs");
8
- const data = require("../../forms/src/data.cjs");
9
- const index$1 = require("../../../hooks/props-default/index.cjs");
8
+ require("../../forms/src/data.cjs");
9
+ const compons = require("../../common/compons.cjs");
10
+ const index$2 = require("../../../hooks/props-default/index.cjs");
10
11
  const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
11
12
  const index = require("../../../hooks/locale/index.cjs");
12
13
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
13
14
  __name: "index",
14
- props: index$1.getProps(data$1.dataProps),
15
- emits: data$1.dataEmits,
15
+ props: index$2.getProps(data.dataProps),
16
+ emits: data.dataEmits,
16
17
  setup(__props, { expose: __expose, emit: __emit }) {
17
18
  const { getLocale } = index.useLocale();
18
- const compons = vue.inject(data.provides.compons, {});
19
- const pcompon = vue.computed(() => {
20
- if (typeof props.compon == "string") {
21
- const tcom = lineToLargeHump.lineToLargeHump(props.compon);
22
- return compons[tcom] || props.compon;
23
- } else {
24
- return props.compon;
25
- }
26
- });
27
- const cs = index$2.useCssName(data$1.name);
19
+ const cs = index$1.useCssName(data.name);
28
20
  const prs = __props;
29
- const props = index$1.usePropsDefault(data$1.name, prs, data$1.dataProps, {
21
+ const props = index$2.usePropsDefault(data.name, prs, data.dataProps, {
30
22
  rangeSeparator() {
31
23
  return getLocale("to");
32
24
  },
@@ -37,7 +29,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
37
29
  return getLocale("end");
38
30
  }
39
31
  });
40
- index$1.viewProps(props, data$1.name);
32
+ index$2.viewProps(props, data.name);
33
+ const compons$1 = compons.useGetCompons(props.compons + "-compons");
34
+ const pcompon = vue.computed(() => {
35
+ if (typeof props.compon == "string") {
36
+ const tcom = lineToLargeHump.lineToLargeHump(props.compon);
37
+ return compons$1[tcom] || props.compon;
38
+ } else {
39
+ return props.compon;
40
+ }
41
+ });
41
42
  const emit = __emit;
42
43
  const refInput = vue.ref();
43
44
  const isfocus = vue.ref(false);
@@ -201,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
201
202
  }
202
203
  });
203
204
  __expose({
204
- ...data$1.dataExpose
205
+ ...data.dataExpose
205
206
  });
206
207
  return (_ctx, _cache) => {
207
208
  var _a, _b, _c, _d;
@@ -211,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
211
212
  onMouseleave,
212
213
  onClick: vue.withModifiers(onClick, ["stop"])
213
214
  }, [
214
- vue.renderSlot(_ctx.$slots, vue.unref(data$1.dataSlot).prefix),
215
+ vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
215
216
  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(pcompon.value), vue.mergeProps(vue.unref(props).config, {
216
217
  multiple: multiple.value,
217
218
  class: [vue.unref(cs).z("value"), vue.unref(cs).z("start")],
@@ -265,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
265
266
  _: 1
266
267
  })
267
268
  ], 2)) : vue.createCommentVNode("", true),
268
- vue.renderSlot(_ctx.$slots, vue.unref(data$1.dataSlot).suffix)
269
+ vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
269
270
  ], 34);
270
271
  };
271
272
  }
@@ -1,9 +1,10 @@
1
- import { defineComponent, inject, computed, ref, watch, onMounted, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, withCtx } from "vue";
1
+ import { defineComponent, computed, ref, watch, onMounted, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, withCtx } from "vue";
2
2
  import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
3
3
  import { useCssName } from "../../../hooks/cssname/index.js";
4
4
  import { Icon } from "../../icon/index.js";
5
5
  import Clear from "../../../icons/vue/clear.js";
6
- import { provides } from "../../forms/src/data.js";
6
+ import "../../forms/src/data.js";
7
+ import { useGetCompons } from "../../common/compons.js";
7
8
  import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
8
9
  import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
9
10
  import { useLocale } from "../../../hooks/locale/index.js";
@@ -13,15 +14,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
14
  emits: dataEmits,
14
15
  setup(__props, { expose: __expose, emit: __emit }) {
15
16
  const { getLocale } = useLocale();
16
- const compons = inject(provides.compons, {});
17
- const pcompon = computed(() => {
18
- if (typeof props.compon == "string") {
19
- const tcom = lineToLargeHump(props.compon);
20
- return compons[tcom] || props.compon;
21
- } else {
22
- return props.compon;
23
- }
24
- });
25
17
  const cs = useCssName(name);
26
18
  const prs = __props;
27
19
  const props = usePropsDefault(name, prs, dataProps, {
@@ -36,6 +28,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
36
28
  }
37
29
  });
38
30
  viewProps(props, name);
31
+ const compons = useGetCompons(props.compons + "-compons");
32
+ const pcompon = computed(() => {
33
+ if (typeof props.compon == "string") {
34
+ const tcom = lineToLargeHump(props.compon);
35
+ return compons[tcom] || props.compon;
36
+ } else {
37
+ return props.compon;
38
+ }
39
+ });
39
40
  const emit = __emit;
40
41
  const refInput = ref();
41
42
  const isfocus = ref(false);
@@ -61,12 +61,14 @@ function getCompons(...arrs) {
61
61
  });
62
62
  return coms;
63
63
  }
64
+ const comKey = "com-compons";
64
65
  function useCompons(key, ...arrs) {
65
66
  const tfcom = getCompons(...arrs);
66
- vue.provide(key || "com-compons", tfcom);
67
+ vue.provide(key || comKey, tfcom);
68
+ return tfcom;
67
69
  }
68
70
  function useGetCompons(key, value = {}) {
69
- return vue.inject(key || "com-compons", value);
71
+ return vue.inject(key || comKey, value);
70
72
  }
71
73
  exports.components = components;
72
74
  exports.getCompons = getCompons;
@@ -4,6 +4,6 @@ type Compons = {
4
4
  };
5
5
  export declare const components: Compons;
6
6
  export declare function getCompons(...arrs: Compons[]): Compons;
7
- export declare function useCompons(key: string, ...arrs: Compons[]): void;
7
+ export declare function useCompons(key: string, ...arrs: Compons[]): Compons;
8
8
  export declare function useGetCompons(key: string, value?: Compons): Compons;
9
9
  export {};
@@ -59,12 +59,14 @@ function getCompons(...arrs) {
59
59
  });
60
60
  return coms;
61
61
  }
62
+ const comKey = "com-compons";
62
63
  function useCompons(key, ...arrs) {
63
64
  const tfcom = getCompons(...arrs);
64
- provide(key || "com-compons", tfcom);
65
+ provide(key || comKey, tfcom);
66
+ return tfcom;
65
67
  }
66
68
  function useGetCompons(key, value = {}) {
67
- return inject(key || "com-compons", value);
69
+ return inject(key || comKey, value);
68
70
  }
69
71
  export {
70
72
  components,
@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const urls = require("../../common/urls.cjs");
4
4
  const name = "forms";
5
5
  const provides = {
6
- compons: "forms-compons",
7
- form: "forms-form"
6
+ compons: "form-compons",
7
+ form: "form-form"
8
8
  };
9
9
  const dataProps = {
10
10
  ...urls.props,
@@ -1,8 +1,8 @@
1
1
  import { props, comHandle } from "../../common/urls.js";
2
2
  const name = "forms";
3
3
  const provides = {
4
- compons: "forms-compons",
5
- form: "forms-form"
4
+ compons: "form-compons",
5
+ form: "form-form"
6
6
  };
7
7
  const dataProps = {
8
8
  ...props,
@@ -7,6 +7,7 @@ const index = require("../../../hooks/cssname/index.cjs");
7
7
  const use = require("../../common/use.cjs");
8
8
  const isEqual = require("@fangzhongya/utils/basic/object/isEqual");
9
9
  const index$1 = require("../../../hooks/props-default/index.cjs");
10
+ const compons = require("../../common/compons.cjs");
10
11
  const data$1 = require("../../forms/src/data.cjs");
11
12
  const objValue = require("@fangzhongya/utils/basic/object/objValue");
12
13
  const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
@@ -21,7 +22,7 @@ const _sfc_main = vue.defineComponent({
21
22
  const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
22
23
  index$1.viewProps(prs, data.name);
23
24
  const props = prs.listobj;
24
- const compons = vue.inject(data$1.provides.compons, {});
25
+ const compons$1 = compons.useGetCompons(data$1.provides.compons);
25
26
  const formvalue = vue.computed(() => {
26
27
  const o = {};
27
28
  if (typeof props.formvalue === "object") {
@@ -173,8 +174,8 @@ const _sfc_main = vue.defineComponent({
173
174
  };
174
175
  if (typeof compon == "string") {
175
176
  const tcom = lineToLargeHump.lineToLargeHump(compon);
176
- if (Object.keys(compons).includes(tcom)) {
177
- return vue.h(compons[tcom], componObj, slots);
177
+ if (Object.keys(compons$1).includes(tcom)) {
178
+ return vue.h(compons$1[tcom], componObj, slots);
178
179
  } else {
179
180
  return vue.h(vue.resolveComponent(compon), componObj, slots);
180
181
  }
@@ -1,10 +1,11 @@
1
- import { defineComponent, inject, computed, ref, h, resolveComponent } from "vue";
1
+ import { defineComponent, computed, ref, h, resolveComponent } from "vue";
2
2
  import { name, dataProps, dataEmits, dataExpose } from "./data.js";
3
3
  import "../../../utils/index.js";
4
4
  import { useCssName } from "../../../hooks/cssname/index.js";
5
5
  import { getOnObjs } from "../../common/use.js";
6
6
  import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
7
7
  import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
8
+ import { useGetCompons } from "../../common/compons.js";
8
9
  import { provides } from "../../forms/src/data.js";
9
10
  import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
10
11
  import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
@@ -19,7 +20,7 @@ const _sfc_main = defineComponent({
19
20
  const prs = usePropsDefault(name, p, dataProps);
20
21
  viewProps(prs, name);
21
22
  const props = prs.listobj;
22
- const compons = inject(provides.compons, {});
23
+ const compons = useGetCompons(provides.compons);
23
24
  const formvalue = computed(() => {
24
25
  const o = {};
25
26
  if (typeof props.formvalue === "object") {
@@ -4,8 +4,9 @@ const vue = require("vue");
4
4
  const use = require("../../common/use.cjs");
5
5
  const isObject = require("@fangzhongya/utils/basic/object/isObject");
6
6
  const data = require("../../forms/src/data.cjs");
7
+ const compons = require("../../common/compons.cjs");
7
8
  function render(props, emit, slots, form) {
8
- const compons = vue.inject(data.provides.compons, {});
9
+ const compons$1 = compons.useGetCompons(data.provides.compons);
9
10
  let label = props.label ?? "";
10
11
  const index = 0;
11
12
  if (label) {
@@ -23,7 +24,7 @@ function render(props, emit, slots, form) {
23
24
  label,
24
25
  data2,
25
26
  optionss,
26
- compons,
27
+ compons$1,
27
28
  emit,
28
29
  index
29
30
  );
@@ -1,9 +1,10 @@
1
- import { inject, defineComponent } from "vue";
1
+ import { defineComponent, inject } from "vue";
2
2
  import { useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
3
3
  import { isObject } from "@fangzhongya/utils/basic/object/isObject";
4
4
  import { provides } from "../../forms/src/data.js";
5
+ import { useGetCompons } from "../../common/compons.js";
5
6
  function render(props, emit, slots, form) {
6
- const compons = inject(provides.compons, {});
7
+ const compons = useGetCompons(provides.compons);
7
8
  let label = props.label ?? "";
8
9
  const index = 0;
9
10
  if (label) {
@@ -129,13 +129,14 @@ const index$2F = require("./uploads/index.cjs");
129
129
  const index$2G = require("./list/index.cjs");
130
130
  const index$2H = require("./lists/index.cjs");
131
131
  const index$2I = require("./listsp/index.cjs");
132
- const index$2J = require("./paging/index.cjs");
133
- const index$2K = require("./tables/index.cjs");
134
- const index$2L = require("./tablesp/index.cjs");
135
- const index$2M = require("./tablespd/index.cjs");
136
- const index$2N = require("./tabless/index.cjs");
137
- const index$2O = require("./tablesv/index.cjs");
138
- const index$2P = require("./tablesvp/index.cjs");
132
+ const index$2J = require("./listspd/index.cjs");
133
+ const index$2K = require("./paging/index.cjs");
134
+ const index$2L = require("./tables/index.cjs");
135
+ const index$2M = require("./tablesp/index.cjs");
136
+ const index$2N = require("./tablespd/index.cjs");
137
+ const index$2O = require("./tabless/index.cjs");
138
+ const index$2P = require("./tablesv/index.cjs");
139
+ const index$2Q = require("./tablesvp/index.cjs");
139
140
  const index$1 = require("element-plus/es/components/button/index");
140
141
  const index$3 = require("element-plus/es/components/card/index");
141
142
  const index$5 = require("element-plus/es/components/color-picker/index");
@@ -309,13 +310,14 @@ exports.Uploads = index$2F.Uploads;
309
310
  exports.List = index$2G.List;
310
311
  exports.Lists = index$2H.Lists;
311
312
  exports.Listsp = index$2I.Listsp;
312
- exports.Paging = index$2J.Paging;
313
- exports.Tables = index$2K.Tables;
314
- exports.Tablesp = index$2L.Tablesp;
315
- exports.Tablespd = index$2M.Tablespd;
316
- exports.Tabless = index$2N.Tabless;
317
- exports.Tablesv = index$2O.Tablesv;
318
- exports.Tablesvp = index$2P.Tablesvp;
313
+ exports.Listspd = index$2J.Listspd;
314
+ exports.Paging = index$2K.Paging;
315
+ exports.Tables = index$2L.Tables;
316
+ exports.Tablesp = index$2M.Tablesp;
317
+ exports.Tablespd = index$2N.Tablespd;
318
+ exports.Tabless = index$2O.Tabless;
319
+ exports.Tablesv = index$2P.Tablesv;
320
+ exports.Tablesvp = index$2Q.Tablesvp;
319
321
  Object.keys(index$1).forEach((k) => {
320
322
  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
321
323
  enumerable: true,
@@ -126,6 +126,7 @@ export * from './uploads/index';
126
126
  export * from './list/index';
127
127
  export * from './lists/index';
128
128
  export * from './listsp/index';
129
+ export * from './listspd/index';
129
130
  export * from './paging/index';
130
131
  export * from './tables/index';
131
132
  export * from './tablesp/index';
@@ -127,6 +127,7 @@ import { Uploads } from "./uploads/index.js";
127
127
  import { List } from "./list/index.js";
128
128
  import { Lists } from "./lists/index.js";
129
129
  import { Listsp } from "./listsp/index.js";
130
+ import { Listspd } from "./listspd/index.js";
130
131
  import { Paging } from "./paging/index.js";
131
132
  import { Tables } from "./tables/index.js";
132
133
  import { Tablesp } from "./tablesp/index.js";
@@ -251,6 +252,7 @@ export {
251
252
  List,
252
253
  Lists,
253
254
  Listsp,
255
+ Listspd,
254
256
  Loading,
255
257
  Mention,
256
258
  Menu,
@@ -113,6 +113,7 @@
113
113
  @use './list/index.scss' as *;
114
114
  @use './lists/index.scss' as *;
115
115
  @use './listsp/index.scss' as *;
116
+ @use './listspd/index.scss' as *;
116
117
  @use './paging/index.scss' as *;
117
118
  @use './tables/index.scss' as *;
118
119
  @use './tablesp/index.scss' as *;
@@ -113,9 +113,11 @@
113
113
  @use './list/style/index2.scss' as *;
114
114
  @use './lists/style/index2.scss' as *;
115
115
  @use './listsp/style/index2.scss' as *;
116
+ @use './listspd/style/index2.scss' as *;
116
117
  @use './paging/style/index2.scss' as *;
117
118
  @use './tables/style/index2.scss' as *;
118
119
  @use './tablesp/style/index2.scss' as *;
119
120
  @use './tablespd/style/index2.scss' as *;
120
121
  @use './tabless/style/index2.scss' as *;
121
- @use './tablesv/style/index2.scss' as *;
122
+ @use './tablesv/style/index2.scss' as *;
123
+ @use './tablesvp/style/index2.scss' as *;
@@ -7,6 +7,7 @@ const use = require("../../common/use.cjs");
7
7
  const compons = require("../../common/compons.cjs");
8
8
  const index$1 = require("../../../hooks/cssname/index.cjs");
9
9
  const tooltip = require("../../tables/common/tooltip.cjs");
10
+ require("../../tables/common/config.cjs");
10
11
  const index = require("../../../hooks/props-default/index.cjs");
11
12
  const data = require("./data.cjs");
12
13
  require("../../tables/common/img.cjs");
@@ -23,7 +24,7 @@ const _sfc_main = vue.defineComponent({
23
24
  setup(prs, { emit, slots }) {
24
25
  const props = index.usePropsDefault(data.name, prs, data.dataProps);
25
26
  index.viewProps(props, data.name);
26
- const compons$1 = compons.getCompons(props.compons);
27
+ const compons$1 = compons.useCompons("list-compons", props.compons);
27
28
  const cs = index$1.useCssName(data.name);
28
29
  const refDom = vue.ref();
29
30
  const isfocus = vue.ref(false);
@@ -158,13 +159,13 @@ const _sfc_main = vue.defineComponent({
158
159
  obj.class ?? ""
159
160
  ].join(" "),
160
161
  colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
161
- rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj),
162
- onClick: (event) => {
163
- isfocus.value = true;
164
- rowObj.value = obj;
165
- event.stopPropagation();
166
- return false;
167
- }
162
+ rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
163
+ // onClick: (event: Event) => {
164
+ // isfocus.value = true;
165
+ // rowObj.value = obj;
166
+ // event.stopPropagation();
167
+ // return false;
168
+ // },
168
169
  },
169
170
  [
170
171
  vue.h(
@@ -259,13 +260,13 @@ const _sfc_main = vue.defineComponent({
259
260
  obj.class ?? ""
260
261
  ].join(" "),
261
262
  colspan: setColspan(obj),
262
- rowspan: setRowspan(obj, isRow),
263
- onClick: (event) => {
264
- isfocus.value = true;
265
- rowObj.value = obj;
266
- event.stopPropagation();
267
- return false;
268
- }
263
+ rowspan: setRowspan(obj, isRow)
264
+ // onClick: (event: Event) => {
265
+ // isfocus.value = true;
266
+ // rowObj.value = obj;
267
+ // event.stopPropagation();
268
+ // return false;
269
+ // },
269
270
  },
270
271
  [...getChildrenValue(obj, index2)]
271
272
  );
@@ -2,9 +2,10 @@ import { defineComponent, ref, computed, h, onMounted } from "vue";
2
2
  import { setLabel, setSslot } from "./util.js";
3
3
  import { setStyles } from "../../common/css.js";
4
4
  import { useObjComponSelected, useHide } from "../../common/use.js";
5
- import { getCompons } from "../../common/compons.js";
5
+ import { useCompons } from "../../common/compons.js";
6
6
  import { useCssName } from "../../../hooks/cssname/index.js";
7
7
  import { hideTooltip, showTooltip } from "../../tables/common/tooltip.js";
8
+ import "../../tables/common/config.js";
8
9
  import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
9
10
  import { name, dataProps, dataExpose, dataEmits } from "./data.js";
10
11
  import "../../tables/common/img.js";
@@ -21,7 +22,7 @@ const _sfc_main = defineComponent({
21
22
  setup(prs, { emit, slots }) {
22
23
  const props = usePropsDefault(name, prs, dataProps);
23
24
  viewProps(props, name);
24
- const compons = getCompons(props.compons);
25
+ const compons = useCompons("list-compons", props.compons);
25
26
  const cs = useCssName(name);
26
27
  const refDom = ref();
27
28
  const isfocus = ref(false);
@@ -156,13 +157,13 @@ const _sfc_main = defineComponent({
156
157
  obj.class ?? ""
157
158
  ].join(" "),
158
159
  colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
159
- rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj),
160
- onClick: (event) => {
161
- isfocus.value = true;
162
- rowObj.value = obj;
163
- event.stopPropagation();
164
- return false;
165
- }
160
+ rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
161
+ // onClick: (event: Event) => {
162
+ // isfocus.value = true;
163
+ // rowObj.value = obj;
164
+ // event.stopPropagation();
165
+ // return false;
166
+ // },
166
167
  },
167
168
  [
168
169
  h(
@@ -257,13 +258,13 @@ const _sfc_main = defineComponent({
257
258
  obj.class ?? ""
258
259
  ].join(" "),
259
260
  colspan: setColspan(obj),
260
- rowspan: setRowspan(obj, isRow),
261
- onClick: (event) => {
262
- isfocus.value = true;
263
- rowObj.value = obj;
264
- event.stopPropagation();
265
- return false;
266
- }
261
+ rowspan: setRowspan(obj, isRow)
262
+ // onClick: (event: Event) => {
263
+ // isfocus.value = true;
264
+ // rowObj.value = obj;
265
+ // event.stopPropagation();
266
+ // return false;
267
+ // },
267
268
  },
268
269
  [...getChildrenValue(obj, index)]
269
270
  );
@@ -22,7 +22,7 @@
22
22
  background-color: #eee;
23
23
  }
24
24
  .lists-list {
25
- padding: 0 var(--lists-interval);
25
+ padding: 0 var(--lists-interval-horizon, var(--lists-interval));
26
26
  }
27
27
  .lists-list.is-absolute {
28
28
  position: absolute;
@@ -37,7 +37,7 @@
37
37
  }
38
38
  .lists-list-item {
39
39
  background-color: #fff;
40
- margin: 0 var(--lists-interval);
40
+ margin: 0 var(--lists-interval-horizon, var(--lists-interval));
41
41
  margin-bottom: calc(var(--lists-interval) * 2);
42
42
  }
43
43
  .lists-list-item.is-active {
@@ -10,7 +10,8 @@ $lists: 'lists';
10
10
  flex-direction: column;
11
11
  background-color: #eee;
12
12
  &-list {
13
- padding: 0 var(vdm('interval', $lists));
13
+ padding: 0
14
+ var(vdm('interval-horizon', $lists), var(vdm('interval', $lists)));
14
15
  &.#{is('absolute')} {
15
16
  position: absolute;
16
17
  inset: 0;
@@ -26,7 +27,11 @@ $lists: 'lists';
26
27
  margin-top: calc(var(vdm('interval', $lists)) * 2);
27
28
  }
28
29
  background-color: #fff;
29
- margin: 0 var(vdm('interval', $lists));
30
+ margin: 0
31
+ var(
32
+ vdm('interval-horizon', $lists),
33
+ var(vdm('interval', $lists))
34
+ );
30
35
  margin-bottom: calc(var(vdm('interval', $lists)) * 2);
31
36
  &.#{is('active')} {
32
37
  background-color: rgb(250, 235, 215);
@@ -109,18 +109,29 @@ const dataProps = {
109
109
  type: Number,
110
110
  default: 1
111
111
  },
112
+ rowKey: {
113
+ type: String
114
+ },
112
115
  /**
113
116
  * @props { String } interval='6px'
114
117
  * 查询模式的上下间距
115
118
  */
116
119
  interval: {
117
120
  type: String,
118
- default: "6px"
121
+ default: "8px"
122
+ },
123
+ /**
124
+ * @props { String } intervalHorizon
125
+ * 查询模式的左右间距
126
+ */
127
+ intervalHorizon: {
128
+ type: String
119
129
  }
120
130
  };
121
131
  const dataEmits = [
122
132
  "sort-change",
123
133
  "scroll-bottom",
134
+ "selection-change",
124
135
  "scope-click",
125
136
  "selection-list",
126
137
  "list-events",
@@ -135,6 +135,9 @@ export declare const dataProps: {
135
135
  type: NumberConstructor;
136
136
  default: number;
137
137
  };
138
+ rowKey: {
139
+ type: StringConstructor;
140
+ };
138
141
  /**
139
142
  * @props { String } interval='6px'
140
143
  * 查询模式的上下间距
@@ -143,6 +146,13 @@ export declare const dataProps: {
143
146
  type: StringConstructor;
144
147
  default: string;
145
148
  };
149
+ /**
150
+ * @props { String } intervalHorizon
151
+ * 查询模式的左右间距
152
+ */
153
+ intervalHorizon: {
154
+ type: StringConstructor;
155
+ };
146
156
  };
147
157
  export type DataProps = ExtractPropTypes<typeof dataProps>;
148
158
  /**