vue-devui 1.0.0-rc.13 → 1.0.0-rc.16

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 (114) hide show
  1. package/README.md +161 -156
  2. package/alert/index.umd.js +1 -1
  3. package/auto-complete/index.es.js +241 -82
  4. package/auto-complete/index.umd.js +28 -17
  5. package/auto-complete/style.css +1 -1
  6. package/avatar/index.umd.js +1 -1
  7. package/badge/index.umd.js +1 -1
  8. package/button/index.es.js +21 -42
  9. package/button/index.umd.js +9 -9
  10. package/card/index.umd.js +1 -1
  11. package/checkbox/index.es.js +94 -77
  12. package/checkbox/index.umd.js +26 -15
  13. package/collapse/index.es.js +3 -21
  14. package/collapse/index.umd.js +1 -1
  15. package/countdown/index.umd.js +1 -1
  16. package/date-picker-pro/index.es.js +1384 -220
  17. package/date-picker-pro/index.umd.js +25 -14
  18. package/date-picker-pro/style.css +1 -1
  19. package/drawer/index.es.js +4 -17
  20. package/drawer/index.umd.js +1 -1
  21. package/dropdown/index.es.js +4 -22
  22. package/dropdown/index.umd.js +1 -1
  23. package/editable-select/index.es.js +254 -99
  24. package/editable-select/index.umd.js +1 -1
  25. package/editable-select/style.css +1 -1
  26. package/form/index.es.js +85 -71
  27. package/form/index.umd.js +22 -11
  28. package/fullscreen/index.umd.js +1 -1
  29. package/grid/index.es.js +7 -20
  30. package/grid/index.umd.js +1 -1
  31. package/icon/index.umd.js +1 -1
  32. package/image-preview/index.es.js +12 -23
  33. package/image-preview/index.umd.js +1 -1
  34. package/image-preview/style.css +1 -1
  35. package/input/index.es.js +239 -75
  36. package/input/index.umd.js +27 -16
  37. package/input-number/index.es.js +1 -16
  38. package/input-number/index.umd.js +1 -1
  39. package/layout/index.es.js +1 -1
  40. package/layout/index.umd.js +1 -1
  41. package/loading/index.es.js +15 -38
  42. package/loading/index.umd.js +1 -1
  43. package/message/index.d.ts +7 -0
  44. package/message/index.es.js +534 -0
  45. package/message/index.umd.js +1 -0
  46. package/message/package.json +7 -0
  47. package/message/style.css +1 -0
  48. package/modal/index.es.js +11 -43
  49. package/modal/index.umd.js +1 -1
  50. package/notification/index.es.js +16 -22
  51. package/notification/index.umd.js +1 -1
  52. package/nuxt/components/Message.js +3 -0
  53. package/nuxt/components/animationInjectionKey.js +3 -0
  54. package/nuxt/components/messageProps.js +3 -0
  55. package/nuxt/components/roundInjectionKey.js +3 -0
  56. package/nuxt/components/skeletonItemProps.js +3 -0
  57. package/overlay/index.es.js +1 -1
  58. package/overlay/index.umd.js +1 -1
  59. package/package.json +4 -2
  60. package/pagination/index.es.js +152 -2
  61. package/pagination/index.umd.js +1 -1
  62. package/panel/index.umd.js +1 -1
  63. package/popover/index.es.js +1 -1
  64. package/popover/index.umd.js +4 -4
  65. package/progress/index.umd.js +3 -3
  66. package/radio/index.es.js +91 -75
  67. package/radio/index.umd.js +28 -17
  68. package/radio/style.css +1 -1
  69. package/rate/index.umd.js +1 -1
  70. package/result/index.umd.js +1 -1
  71. package/ripple/index.es.js +5 -18
  72. package/ripple/index.umd.js +1 -1
  73. package/search/index.es.js +255 -78
  74. package/search/index.umd.js +27 -16
  75. package/search/style.css +1 -1
  76. package/select/index.es.js +283 -114
  77. package/select/index.umd.js +27 -16
  78. package/select/style.css +1 -1
  79. package/skeleton/index.es.js +87 -261
  80. package/skeleton/index.umd.js +1 -1
  81. package/skeleton/style.css +1 -1
  82. package/slider/index.umd.js +1 -1
  83. package/splitter/index.es.js +175 -32
  84. package/splitter/index.umd.js +13 -13
  85. package/statistic/index.es.js +0 -21
  86. package/statistic/index.umd.js +1 -1
  87. package/status/index.umd.js +1 -1
  88. package/steps/index.umd.js +1 -1
  89. package/style.css +1 -1
  90. package/switch/index.es.js +85 -71
  91. package/switch/index.umd.js +25 -14
  92. package/table/index.es.js +309 -96
  93. package/table/index.umd.js +25 -14
  94. package/table/style.css +1 -1
  95. package/tabs/index.umd.js +1 -1
  96. package/tag/index.umd.js +1 -1
  97. package/textarea/index.es.js +88 -72
  98. package/textarea/index.umd.js +26 -15
  99. package/time-picker/index.es.js +248 -89
  100. package/time-picker/index.umd.js +25 -14
  101. package/time-select/index.es.js +283 -114
  102. package/time-select/index.umd.js +26 -15
  103. package/time-select/style.css +1 -1
  104. package/timeline/index.umd.js +1 -1
  105. package/tooltip/index.es.js +1 -1
  106. package/tooltip/index.umd.js +4 -4
  107. package/tree/index.es.js +422 -110
  108. package/tree/index.umd.js +25 -14
  109. package/tree/style.css +1 -1
  110. package/upload/index.es.js +168 -49
  111. package/upload/index.umd.js +1 -1
  112. package/vue-devui.es.js +13601 -13023
  113. package/vue-devui.umd.js +32 -21
  114. package/LICENSE +0 -23
package/table/index.es.js CHANGED
@@ -1,39 +1,4 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- var __publicField = (obj, key, value) => {
33
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
34
- return value;
35
- };
36
- import { computed, ref, watchEffect, watch, getCurrentInstance, unref, defineComponent, inject, createVNode, mergeProps, toRefs, onMounted, onUnmounted, Transition, nextTick, Comment, Text, h, Fragment, withDirectives, cloneVNode, provide, Teleport, vShow, resolveDynamicComponent, render, resolveDirective, toRef, reactive, createTextVNode, onBeforeUnmount, isVNode, onBeforeMount, onUpdated } from "vue";
1
+ import { computed, ref, watchEffect, watch, getCurrentInstance, unref, defineComponent, inject, createVNode, mergeProps, toRefs, onMounted, onUnmounted, Transition, nextTick, Comment, Text, Fragment, h, withDirectives, cloneVNode, provide, Teleport, vShow, resolveDynamicComponent, render, resolveDirective, toRef, reactive, createTextVNode, onBeforeUnmount, isVNode, onBeforeMount, onUpdated } from "vue";
37
2
  import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
38
3
  import { onClickOutside } from "@vueuse/core";
39
4
  const tableProps = {
@@ -124,6 +89,10 @@ const tableProps = {
124
89
  indent: {
125
90
  type: Number,
126
91
  default: 16
92
+ },
93
+ lazy: {
94
+ type: Boolean,
95
+ default: false
127
96
  }
128
97
  };
129
98
  const TABLE_TOKEN = Symbol();
@@ -967,13 +936,14 @@ function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emi
967
936
  watch([isOpen, dropdownRef], ([isOpenVal, dropdownEl]) => {
968
937
  var _a;
969
938
  if (isOpenVal) {
970
- dropdownMap.set(id, __spreadProps(__spreadValues({}, dropdownMap.get(id)), {
939
+ dropdownMap.set(id, {
940
+ ...dropdownMap.get(id),
971
941
  menuEl: dropdownEl,
972
942
  toggle: () => {
973
943
  isOpen.value = false;
974
944
  emit("toggle", isOpen.value);
975
945
  }
976
- }));
946
+ });
977
947
  for (const value of dropdownMap.values()) {
978
948
  if ((_a = value.menuEl) == null ? void 0 : _a.contains(origin.value)) {
979
949
  value.child = dropdownEl;
@@ -1672,8 +1642,8 @@ defineComponent({
1672
1642
  });
1673
1643
  class View {
1674
1644
  constructor() {
1675
- __publicField(this, "top", "50%");
1676
- __publicField(this, "left", "50%");
1645
+ this.top = "50%";
1646
+ this.left = "50%";
1677
1647
  }
1678
1648
  }
1679
1649
  const loadingProps = {
@@ -1691,13 +1661,9 @@ const loadingProps = {
1691
1661
  };
1692
1662
  class LoadingOptions {
1693
1663
  constructor() {
1694
- __publicField(this, "target");
1695
- __publicField(this, "message");
1696
- __publicField(this, "loadingTemplateRef");
1697
- __publicField(this, "backdrop", true);
1698
- __publicField(this, "positionType", "relative");
1699
- __publicField(this, "view", new View());
1700
- __publicField(this, "zIndex");
1664
+ this.backdrop = true;
1665
+ this.positionType = "relative";
1666
+ this.view = new View();
1701
1667
  }
1702
1668
  }
1703
1669
  var loading = "";
@@ -1765,7 +1731,7 @@ var Loading = defineComponent({
1765
1731
  });
1766
1732
  const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
1767
1733
  function createComponent(component, props, children = null) {
1768
- const vnode = h(component, __spreadValues({}, props), children);
1734
+ const vnode = h(component, { ...props }, children);
1769
1735
  const container = document.createElement("div");
1770
1736
  vnode[COMPONENT_CONTAINER_SYMBOL] = container;
1771
1737
  render(vnode, container);
@@ -1852,9 +1818,12 @@ const removeAttribute = (el) => {
1852
1818
  };
1853
1819
  const handleProps = (el, vprops) => {
1854
1820
  var _a;
1855
- const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
1821
+ const props = {
1822
+ ...new LoadingOptions(),
1823
+ ...vprops
1824
+ };
1856
1825
  const loadingTemplateRef = props.loadingTemplateRef;
1857
- const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
1826
+ const loadingInstance = createComponent(loadingConstructor, { ...props }, loadingTemplateRef ? () => loadingTemplateRef : null);
1858
1827
  el.style.position = props.positionType;
1859
1828
  el.options = props;
1860
1829
  el.instance = loadingInstance;
@@ -2621,7 +2590,7 @@ var lodash = { exports: {} };
2621
2590
  var objectCtorString = funcToString.call(Object2);
2622
2591
  var oldDash = root._;
2623
2592
  var reIsNative = RegExp2("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
2624
- var Buffer2 = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
2593
+ var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
2625
2594
  var defineProperty = function() {
2626
2595
  try {
2627
2596
  var func = getNative(Object2, "defineProperty");
@@ -2631,11 +2600,11 @@ var lodash = { exports: {} };
2631
2600
  }
2632
2601
  }();
2633
2602
  var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
2634
- var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
2635
- var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
2636
- var metaMap = WeakMap2 && new WeakMap2();
2603
+ var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
2604
+ var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
2605
+ var metaMap = WeakMap && new WeakMap();
2637
2606
  var realNames = {};
2638
- var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap2);
2607
+ var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap);
2639
2608
  var symbolProto = Symbol2 ? Symbol2.prototype : undefined$1, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined$1, symbolToString = symbolProto ? symbolProto.toString : undefined$1;
2640
2609
  function lodash2(value) {
2641
2610
  if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {
@@ -3883,7 +3852,7 @@ var lodash = { exports: {} };
3883
3852
  }
3884
3853
  function cloneArrayBuffer(arrayBuffer) {
3885
3854
  var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
3886
- new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
3855
+ new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
3887
3856
  return result2;
3888
3857
  }
3889
3858
  function cloneDataView(dataView, isDeep) {
@@ -4465,7 +4434,7 @@ var lodash = { exports: {} };
4465
4434
  object4 = object4.buffer;
4466
4435
  other = other.buffer;
4467
4436
  case arrayBufferTag:
4468
- if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object4), new Uint8Array2(other))) {
4437
+ if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array(object4), new Uint8Array(other))) {
4469
4438
  return false;
4470
4439
  }
4471
4440
  return true;
@@ -4627,7 +4596,7 @@ var lodash = { exports: {} };
4627
4596
  return result2;
4628
4597
  };
4629
4598
  var getTag = baseGetTag;
4630
- if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
4599
+ if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
4631
4600
  getTag = function(value) {
4632
4601
  var result2 = baseGetTag(value), Ctor = result2 == objectTag ? value.constructor : undefined$1, ctorString = Ctor ? toSource(Ctor) : "";
4633
4602
  if (ctorString) {
@@ -7454,7 +7423,8 @@ const commonProps = {
7454
7423
  default: "md"
7455
7424
  }
7456
7425
  };
7457
- const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
7426
+ const checkboxProps = {
7427
+ ...commonProps,
7458
7428
  checked: {
7459
7429
  type: Boolean,
7460
7430
  default: false
@@ -7484,8 +7454,9 @@ const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
7484
7454
  type: Boolean,
7485
7455
  default: false
7486
7456
  }
7487
- });
7488
- const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
7457
+ };
7458
+ const checkboxGroupProps = {
7459
+ ...commonProps,
7489
7460
  modelValue: {
7490
7461
  type: Array,
7491
7462
  required: true
@@ -7522,7 +7493,7 @@ const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
7522
7493
  type: String,
7523
7494
  default: ""
7524
7495
  }
7525
- });
7496
+ };
7526
7497
  const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
7527
7498
  const formProps = {
7528
7499
  data: {
@@ -7601,7 +7572,10 @@ function useFormValidation(itemContexts) {
7601
7572
  try {
7602
7573
  await field.validate("");
7603
7574
  } catch (err) {
7604
- errors = __spreadValues(__spreadValues({}, errors), err);
7575
+ errors = {
7576
+ ...errors,
7577
+ ...err
7578
+ };
7605
7579
  }
7606
7580
  }
7607
7581
  if (!Object.keys(errors).length) {
@@ -7658,11 +7632,12 @@ defineComponent({
7658
7632
  }, {
7659
7633
  deep: true
7660
7634
  });
7661
- provide(FORM_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
7635
+ provide(FORM_TOKEN, reactive({
7636
+ ...toRefs(props),
7662
7637
  emit: ctx.emit,
7663
7638
  addItemContext,
7664
7639
  removeItemContext
7665
- })));
7640
+ }));
7666
7641
  ctx.expose({
7667
7642
  validate,
7668
7643
  validateFields,
@@ -8235,7 +8210,7 @@ var FormControl = defineComponent({
8235
8210
  }
8236
8211
  });
8237
8212
  function _extends() {
8238
- _extends = Object.assign || function(target) {
8213
+ _extends = Object.assign ? Object.assign.bind() : function(target) {
8239
8214
  for (var i = 1; i < arguments.length; i++) {
8240
8215
  var source = arguments[i];
8241
8216
  for (var key in source) {
@@ -8254,13 +8229,13 @@ function _inheritsLoose(subClass, superClass) {
8254
8229
  _setPrototypeOf(subClass, superClass);
8255
8230
  }
8256
8231
  function _getPrototypeOf(o) {
8257
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
8232
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
8258
8233
  return o2.__proto__ || Object.getPrototypeOf(o2);
8259
8234
  };
8260
8235
  return _getPrototypeOf(o);
8261
8236
  }
8262
8237
  function _setPrototypeOf(o, p) {
8263
- _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
8238
+ _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
8264
8239
  o2.__proto__ = p2;
8265
8240
  return o2;
8266
8241
  };
@@ -8283,7 +8258,7 @@ function _isNativeReflectConstruct() {
8283
8258
  }
8284
8259
  function _construct(Parent, args, Class) {
8285
8260
  if (_isNativeReflectConstruct()) {
8286
- _construct = Reflect.construct;
8261
+ _construct = Reflect.construct.bind();
8287
8262
  } else {
8288
8263
  _construct = function _construct2(Parent2, args2, Class2) {
8289
8264
  var a = [null];
@@ -8561,9 +8536,45 @@ var whitespace = function whitespace2(rule, value, source, errors, options) {
8561
8536
  errors.push(format(options.messages.whitespace, rule.fullField));
8562
8537
  }
8563
8538
  };
8539
+ var urlReg;
8540
+ var getUrlRegex = function() {
8541
+ if (urlReg) {
8542
+ return urlReg;
8543
+ }
8544
+ var word = "[a-fA-F\\d:]";
8545
+ var b = function b2(options) {
8546
+ return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
8547
+ };
8548
+ var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
8549
+ var v6seg = "[a-fA-F\\d]{1,4}";
8550
+ var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
8551
+ var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
8552
+ var v4exact = new RegExp("^" + v4 + "$");
8553
+ var v6exact = new RegExp("^" + v6 + "$");
8554
+ var ip = function ip2(options) {
8555
+ return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
8556
+ };
8557
+ ip.v4 = function(options) {
8558
+ return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), "g");
8559
+ };
8560
+ ip.v6 = function(options) {
8561
+ return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), "g");
8562
+ };
8563
+ var protocol = "(?:(?:[a-z]+:)?//)";
8564
+ var auth = "(?:\\S+(?::\\S*)?@)?";
8565
+ var ipv4 = ip.v4().source;
8566
+ var ipv6 = ip.v6().source;
8567
+ var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
8568
+ var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
8569
+ var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
8570
+ var port = "(?::\\d{2,5})?";
8571
+ var path = '(?:[/?#][^\\s"]*)?';
8572
+ var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
8573
+ urlReg = new RegExp("(?:^" + regex + "$)", "i");
8574
+ return urlReg;
8575
+ };
8564
8576
  var pattern$2 = {
8565
8577
  email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
8566
- url: new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", "i"),
8567
8578
  hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
8568
8579
  };
8569
8580
  var types = {
@@ -8605,7 +8616,7 @@ var types = {
8605
8616
  return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
8606
8617
  },
8607
8618
  url: function url(value) {
8608
- return typeof value === "string" && value.length <= 2048 && !!value.match(pattern$2.url);
8619
+ return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
8609
8620
  },
8610
8621
  hex: function hex(value) {
8611
8622
  return typeof value === "string" && !!value.match(pattern$2.hex);
@@ -9180,7 +9191,17 @@ var Schema = /* @__PURE__ */ function() {
9180
9191
  if (rule.asyncValidator) {
9181
9192
  res = rule.asyncValidator(rule, data.value, cb, data.source, options);
9182
9193
  } else if (rule.validator) {
9183
- res = rule.validator(rule, data.value, cb, data.source, options);
9194
+ try {
9195
+ res = rule.validator(rule, data.value, cb, data.source, options);
9196
+ } catch (error) {
9197
+ console.error == null ? void 0 : console.error(error);
9198
+ if (!options.suppressValidatorError) {
9199
+ setTimeout(function() {
9200
+ throw error;
9201
+ }, 0);
9202
+ }
9203
+ cb(error.message);
9204
+ }
9184
9205
  if (res === true) {
9185
9206
  cb();
9186
9207
  } else if (res === false) {
@@ -9301,10 +9322,7 @@ function useFormItemValidate(props, _rules) {
9301
9322
  } else {
9302
9323
  return rule.trigger === triggerVal;
9303
9324
  }
9304
- }).map((_a) => {
9305
- var rule = __objRest(_a, []);
9306
- return rule;
9307
- });
9325
+ }).map(({ ...rule }) => rule);
9308
9326
  };
9309
9327
  const onValidateSuccess = () => {
9310
9328
  validateState.value = "success";
@@ -9377,15 +9395,12 @@ defineComponent({
9377
9395
  props: formItemProps,
9378
9396
  setup(props, ctx) {
9379
9397
  const formContext = inject(FORM_TOKEN);
9380
- const _a = toRefs(props), {
9398
+ const {
9381
9399
  messageType: itemMessageType,
9382
9400
  popPosition: itemPopPosition,
9383
- showFeedback: itemShowFeedback
9384
- } = _a, otherProps = __objRest(_a, [
9385
- "messageType",
9386
- "popPosition",
9387
- "showFeedback"
9388
- ]);
9401
+ showFeedback: itemShowFeedback,
9402
+ ...otherProps
9403
+ } = toRefs(props);
9389
9404
  const {
9390
9405
  label,
9391
9406
  helpTips,
@@ -9415,7 +9430,8 @@ defineComponent({
9415
9430
  labelAlign: formContext.labelAlign
9416
9431
  }));
9417
9432
  provide(LABEL_DATA, labelData);
9418
- const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
9433
+ const context = reactive({
9434
+ ...otherProps,
9419
9435
  showFeedback,
9420
9436
  messageType,
9421
9437
  popPosition,
@@ -9425,7 +9441,7 @@ defineComponent({
9425
9441
  validate,
9426
9442
  resetField,
9427
9443
  clearValidate
9428
- }));
9444
+ });
9429
9445
  provide(FORM_ITEM_TOKEN, context);
9430
9446
  ctx.expose({
9431
9447
  resetField,
@@ -9450,8 +9466,8 @@ defineComponent({
9450
9466
  "extra-info": extraInfo.value
9451
9467
  }, {
9452
9468
  default: () => {
9453
- var _a2, _b;
9454
- return [(_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2)];
9469
+ var _a, _b;
9470
+ return [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)];
9455
9471
  }
9456
9472
  })]);
9457
9473
  }
@@ -9752,9 +9768,10 @@ defineComponent({
9752
9768
  value: opt
9753
9769
  });
9754
9770
  } else if (typeof opt === "object") {
9755
- mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
9771
+ mergedOpt = Object.assign({}, defaultOpt, {
9772
+ ...opt,
9756
9773
  label: opt.name
9757
- }));
9774
+ });
9758
9775
  }
9759
9776
  return createVNode(Checkbox, mergedOpt, null);
9760
9777
  });
@@ -9871,7 +9888,7 @@ function useFilterMultiple(filterList, ctx) {
9871
9888
  });
9872
9889
  const _halfChecked = ref(false);
9873
9890
  filterList == null ? void 0 : filterList.forEach((item) => {
9874
- _checkList.value.push(__spreadValues({ checked: false }, item));
9891
+ _checkList.value.push({ checked: false, ...item });
9875
9892
  });
9876
9893
  watch(_checkList, (list2) => {
9877
9894
  if (!list2.length) {
@@ -9902,6 +9919,155 @@ function useFilterSingle(ctx) {
9902
9919
  };
9903
9920
  return { selectedItem, handleSelect };
9904
9921
  }
9922
+ function deepAssign(...objects) {
9923
+ const isObject2 = (obj) => obj && typeof obj === "object";
9924
+ return objects.reduce((prev, from) => {
9925
+ Object.keys(from).forEach((key) => {
9926
+ const pVal = prev[key];
9927
+ const oVal = from[key];
9928
+ if (Array.isArray(pVal) && Array.isArray(oVal)) {
9929
+ prev[key] = Array.from(/* @__PURE__ */ new Set([...oVal, ...pVal]));
9930
+ } else if (isObject2(pVal) && isObject2(oVal)) {
9931
+ prev[key] = deepAssign(pVal, oVal);
9932
+ } else {
9933
+ prev[key] = oVal;
9934
+ }
9935
+ });
9936
+ return prev;
9937
+ }, {});
9938
+ }
9939
+ var zhCN = {
9940
+ pagination: {
9941
+ totalItemText: "\u6240\u6709\u6761\u76EE",
9942
+ goToText: "\u8DF3\u81F3"
9943
+ },
9944
+ accordion: {
9945
+ loading: "\u52A0\u8F7D\u4E2D",
9946
+ noData: "\u6CA1\u6709\u6570\u636E"
9947
+ },
9948
+ autoCompleteDropdown: {
9949
+ latestInput: "\u6700\u8FD1\u8F93\u5165"
9950
+ },
9951
+ cascaderList: {
9952
+ noData: "\u6CA1\u6709\u6570\u636E"
9953
+ },
9954
+ colorPicker: {
9955
+ foundationPanel: "\u57FA\u7840\u9762\u677F",
9956
+ advancedPanel: "\u9AD8\u7EA7\u9762\u677F"
9957
+ },
9958
+ datePickerPro: {
9959
+ ok: "\u786E\u5B9A",
9960
+ placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
9961
+ month1: "1\u6708",
9962
+ month2: "2\u6708",
9963
+ month3: "3\u6708",
9964
+ month4: "4\u6708",
9965
+ month5: "5\u6708",
9966
+ month6: "6\u6708",
9967
+ month7: "7\u6708",
9968
+ month8: "8\u6708",
9969
+ month9: "9\u6708",
9970
+ month10: "10\u6708",
9971
+ month11: "11\u6708",
9972
+ month12: "12\u6708",
9973
+ year: "\u5E74",
9974
+ startPlaceholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
9975
+ endPlaceholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
9976
+ getWeekDays() {
9977
+ return ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
9978
+ },
9979
+ getTimeArr() {
9980
+ return ["\u65F6", "\u5206", "\u79D2"];
9981
+ },
9982
+ getYearMonthStr(year, month) {
9983
+ return `${year}\u5E74${month}\u6708`;
9984
+ }
9985
+ },
9986
+ editableSelect: {
9987
+ noRelatedRecords: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
9988
+ noData: "\u6CA1\u6709\u6570\u636E"
9989
+ },
9990
+ input: {
9991
+ placeholder: "\u8BF7\u8F93\u5165"
9992
+ },
9993
+ splitterBar: {
9994
+ collapse: "\u6536\u8D77",
9995
+ expand: "\u5C55\u5F00"
9996
+ },
9997
+ stepsGuide: {
9998
+ previous: "\u4E0A\u4E00\u6B65",
9999
+ continue: "\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",
10000
+ ok: "\u6211\u77E5\u9053\u5566"
10001
+ },
10002
+ table: {
10003
+ selectAll: "\u5168\u9009",
10004
+ ok: "\u786E\u5B9A"
10005
+ },
10006
+ timePopup: {
10007
+ ok: "\u786E\u5B9A"
10008
+ },
10009
+ transfer: {
10010
+ unit: "\u9879",
10011
+ panelUnit: "\u9879",
10012
+ headerUnit: "\u9879",
10013
+ noData: "\u6682\u65E0\u6570\u636E",
10014
+ placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"
10015
+ },
10016
+ tree: {
10017
+ loading: "\u52A0\u8F7D\u4E2D",
10018
+ newNode: "\u65B0\u8282\u70B9",
10019
+ selectPlaceholder: "\u8BF7\u9009\u62E9"
10020
+ },
10021
+ upload: {
10022
+ placeholder: "\u9009\u62E9\u6587\u4EF6",
10023
+ getExistSameNameFilesMsg(sameNames) {
10024
+ return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
10025
+ },
10026
+ getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
10027
+ return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
10028
+ },
10029
+ getBeyondMaximalFileSizeMsg(filename, maximalSize) {
10030
+ return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
10031
+ },
10032
+ getNotAllowedFileTypeMsg(filename, scope) {
10033
+ return `\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${scope}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
10034
+ }
10035
+ },
10036
+ search: {
10037
+ placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
10038
+ },
10039
+ select: {
10040
+ placeholder: "\u8BF7\u9009\u62E9",
10041
+ noDataText: "\u65E0\u6570\u636E",
10042
+ noMatchText: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
10043
+ loadingText: "\u52A0\u8F7D\u4E2D..."
10044
+ },
10045
+ tagInput: {
10046
+ maxTagsText: "\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"
10047
+ },
10048
+ timeSelect: {
10049
+ placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
10050
+ }
10051
+ };
10052
+ const lang = ref("zh-CN");
10053
+ let langMessages = reactive({
10054
+ [lang.value]: zhCN
10055
+ });
10056
+ const Locale = {
10057
+ messages() {
10058
+ return langMessages[lang.value];
10059
+ },
10060
+ lang() {
10061
+ return lang.value;
10062
+ },
10063
+ use(newLang, newMessages2) {
10064
+ lang.value = newLang;
10065
+ this.add({ [newLang]: newMessages2 });
10066
+ },
10067
+ add(newMessages2 = {}) {
10068
+ langMessages = deepAssign(langMessages, newMessages2);
10069
+ }
10070
+ };
9905
10071
  const camelize = (name) => name.substring(1).replace(/^\S/, (s) => s.toLocaleLowerCase());
9906
10072
  function get(object4, path) {
9907
10073
  const keys = path.split(".");
@@ -9915,7 +10081,8 @@ function get(object4, path) {
9915
10081
  function createI18nTranslate(name, app, newPrefix) {
9916
10082
  const prefix = newPrefix || camelize(name) + ".";
9917
10083
  return (path) => {
9918
- const messages2 = app == null ? void 0 : app.appContext.config.globalProperties.langMessages.value;
10084
+ var _a;
10085
+ const messages2 = ((_a = app == null ? void 0 : app.appContext.config.globalProperties.langMessages) == null ? void 0 : _a.value) || Locale.messages();
9919
10086
  const message = get(messages2, prefix + path) || get(messages2, path);
9920
10087
  return message;
9921
10088
  };
@@ -10237,7 +10404,9 @@ var TH = defineComponent({
10237
10404
  const store = table2.store;
10238
10405
  const headerContainerRef = ref();
10239
10406
  const {
10240
- column: column2
10407
+ column: column2,
10408
+ colspan,
10409
+ rowspan
10241
10410
  } = toRefs(props);
10242
10411
  const {
10243
10412
  baseClass
@@ -10268,7 +10437,9 @@ var TH = defineComponent({
10268
10437
  var _a, _b;
10269
10438
  return createVNode("th", {
10270
10439
  "class": [baseClass.value, stickyClass.value, sortClass.value, filterClass.value, dragClass.value],
10271
- "style": stickyStyle.value
10440
+ "style": stickyStyle.value,
10441
+ "colspan": colspan == null ? void 0 : colspan.value,
10442
+ "rowspan": rowspan == null ? void 0 : rowspan.value
10272
10443
  }, [createVNode("div", {
10273
10444
  "ref": headerContainerRef,
10274
10445
  "class": "header-container",
@@ -10602,7 +10773,11 @@ var TD = defineComponent({
10602
10773
  props: bodyTdProps,
10603
10774
  emits: ["cellClick"],
10604
10775
  setup(props, ctx) {
10605
- const column2 = toRef(props, "column");
10776
+ const {
10777
+ column: column2,
10778
+ rowspan,
10779
+ colspan
10780
+ } = toRefs(props);
10606
10781
  const table2 = inject(TABLE_TOKEN);
10607
10782
  const {
10608
10783
  stickyClass,
@@ -10627,6 +10802,8 @@ var TD = defineComponent({
10627
10802
  "class": stickyClass.value,
10628
10803
  "style": stickyStyle.value
10629
10804
  }, ctx.attrs, {
10805
+ "rowspan": rowspan == null ? void 0 : rowspan.value,
10806
+ "colspan": colspan == null ? void 0 : colspan.value,
10630
10807
  "onClick": onCellClick
10631
10808
  }), [(_b = (_a = props.column).renderCell) == null ? void 0 : _b.call(_a, props.row, props.column, table2.store, props.index, table2.props, cellMode)])];
10632
10809
  }
@@ -10704,6 +10881,35 @@ function useBodyRender() {
10704
10881
  };
10705
10882
  return { getTableRowClass };
10706
10883
  }
10884
+ function useLazyLoad() {
10885
+ const table2 = inject(TABLE_TOKEN);
10886
+ const { lazy } = table2.props;
10887
+ const lazyFlagRef = ref();
10888
+ let lazyObserver;
10889
+ onMounted(() => {
10890
+ if (lazy) {
10891
+ lazyObserver = new IntersectionObserver((entries) => {
10892
+ const lazyFlagOb = entries[0];
10893
+ if (lazyFlagOb.isIntersecting) {
10894
+ table2.emit("load-more");
10895
+ }
10896
+ }, {
10897
+ root: table2.tableRef.value
10898
+ });
10899
+ lazyObserver.observe(lazyFlagRef.value);
10900
+ }
10901
+ });
10902
+ onBeforeUnmount(() => {
10903
+ if (lazy) {
10904
+ lazyObserver.unobserve(lazyFlagRef.value);
10905
+ lazyObserver.disconnect();
10906
+ }
10907
+ });
10908
+ return {
10909
+ lazy,
10910
+ lazyFlagRef
10911
+ };
10912
+ }
10707
10913
  var TableBody = defineComponent({
10708
10914
  name: "DTableBody",
10709
10915
  setup() {
@@ -10720,6 +10926,10 @@ var TableBody = defineComponent({
10720
10926
  const {
10721
10927
  getTableRowClass
10722
10928
  } = useBodyRender();
10929
+ const {
10930
+ lazy,
10931
+ lazyFlagRef
10932
+ } = useLazyLoad();
10723
10933
  const onCellClick = (cellClickArg) => {
10724
10934
  table2.emit("cell-click", cellClickArg);
10725
10935
  };
@@ -10761,7 +10971,10 @@ var TableBody = defineComponent({
10761
10971
  }, [(_d = (_c = (_b = (_a = flatColumns.value.filter((column2) => column2.type === "expand")) == null ? void 0 : _a[0]) == null ? void 0 : _b.slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c, {
10762
10972
  row
10763
10973
  })])])]);
10764
- })]);
10974
+ }), lazy && createVNode("span", {
10975
+ "ref": lazyFlagRef,
10976
+ "class": ns2.e("lazy__flag")
10977
+ }, null)]);
10765
10978
  }
10766
10979
  });
10767
10980
  var FixHeader = defineComponent({
@@ -10828,7 +11041,7 @@ var Table = defineComponent({
10828
11041
  dLoading: loadingDirective
10829
11042
  },
10830
11043
  props: tableProps,
10831
- emits: ["sort-change", "cell-click", "row-click", "check-change", "check-all-change", "expand-change"],
11044
+ emits: ["sort-change", "cell-click", "row-click", "check-change", "check-all-change", "expand-change", "load-more"],
10832
11045
  setup(props, ctx) {
10833
11046
  const table2 = getCurrentInstance();
10834
11047
  const store = createStore(toRef(props, "data"), table2);